@font-face{font-family:InterLocal;src:url("/assets/inter-latin-variable.3100e775e861.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
@font-face{font-family:InterLocal;src:url("/assets/inter-cyrillic-variable.71d5ee93cc1e.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F}
:root{color-scheme:dark;--black:#050505;--white:#F8FBFF;--cream:#FFFBE8;--graphite:#2A2E33;font-family:InterLocal,system-ui,sans-serif;background:var(--black);color:var(--white);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:clip}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,var(--graphite),var(--black) 44rem);line-height:1.5}img,canvas{max-width:100%}a{color:inherit;text-underline-offset:.25em}a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}.skip-link{position:fixed;left:1rem;top:1rem;z-index:20;padding:.65rem 1rem;background:var(--cream);color:var(--black);transform:translateY(-200%)}.skip-link:focus{transform:none}header{position:relative;z-index:2;border-bottom:1px solid var(--graphite);background:#000000e8}.fact-navigation{position:sticky;top:0}nav{width:min(76rem,calc(100% - 2rem));margin:auto;display:flex;align-items:center;gap:clamp(.75rem,2vw,2rem);min-height:4.5rem}nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;text-decoration:none;font-size:.88rem}.language-switch{min-width:44px;min-height:44px}nav .brand{margin-right:auto;font-weight:650;letter-spacing:-.06em;font-size:1.15rem}main{width:min(76rem,calc(100% - 2rem));margin:auto;padding:clamp(3rem,8vw,8rem) 0 7rem}.matter{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.scene-wordmark{display:block;width:min(57.5rem,100%);max-width:100%;height:auto}h1{max-width:18ch;margin:.25rem 0 1rem;font-size:clamp(2.5rem,8vw,7.5rem);font-weight:430;line-height:.92;letter-spacing:-.075em}.eyebrow{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#8b93a0}.cta{margin-top:3rem}.cta a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--cream);padding:.9rem 1.2rem;text-decoration:none}main>p,main>section:not(.scene),dl{max-width:50rem}main>section:not(.scene){padding:2rem 0;border-top:1px solid var(--graphite)}dl div{display:grid;grid-template-columns:minmax(12rem,1fr) 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--graphite)}dt{color:#F8FBFFbb}dd{margin:0}.live-proof dt{color:#b9c0ca}.live-proof dd{color:#F8FBFF;font-variant-numeric:tabular-nums;font-size:1.125rem}.empty{padding:2rem;border:1px solid var(--graphite)}@media(max-width:720px){nav{flex-wrap:wrap;padding:1rem 0}nav .brand{width:100%}dl div{grid-template-columns:1fr;gap:.25rem}}
.scene-poster,.matter{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.scene-poster{object-fit:cover;opacity:.55}.matter{opacity:0}html[data-enhancement="active"] .matter{opacity:1}html[data-enhancement="active"] .scene-poster{opacity:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.matter{display:none}.scene-poster{display:block;opacity:.55}}
main[data-runtime="asanai-home"]{width:100%;max-width:none;padding:0}.scene{position:relative;isolation:isolate;min-height:140vh;display:grid;align-content:center;padding:4rem 0}.scene>*{position:relative;z-index:1}.scene>.scene-still{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.5;pointer-events:none}.scene-text{width:min(46rem,84vw)}.scene-text[data-align="left"]{justify-self:start;margin-inline-start:8vw;text-align:left}.scene-text[data-align="right"]{justify-self:end;margin-inline-end:8vw;text-align:right}.scene-text[data-align="center"]{justify-self:center;width:min(52rem,84vw);text-align:center}.scene[data-shape="wordmark"]{justify-items:center;text-align:center;padding-inline:8vw}
.scene-text h1,.scene-text h2{max-width:none;margin:0 0 1.1rem;font-weight:660;line-height:.95;letter-spacing:-.02em}.scene-text h1{font-size:clamp(2.75rem,2rem + 5vw,9rem)}.scene-text h2{font-size:clamp(2.25rem,1.5rem + 4vw,6.5rem)}.scene-supporting{margin:0;font-size:1.125rem;line-height:1.6;color:#c7cdd6;max-width:38rem}.live-caption{margin:1.5rem 0 .75rem;font-size:.95rem;font-style:italic;color:#c7cdd6}.live-unavailable{margin:.5rem 0 1.25rem;font-size:1rem;color:#c7cdd6}.scene[data-scene="05"] .scene-supporting,.scene[data-scene="05"] .live-caption{color:#e3e7ec}
/* Task 11 fix: на узких вьюпортах wordmarkScale (entry.ts) сжимает WebGL-рендер вордмарка
   иначе, чем simple aspect-ratio высоты скрытого <img> (см. .scene-wordmark) — CTA-рамка,
   стоящая по layout-боксу img, соприкасалась с нижней «пылевой» каймой букв на 390×844. */
@media(max-width:720px){main[data-runtime="asanai-home"] .scene[data-shape="wordmark"] .cta{margin-top:6.5rem}}
.preloader{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:#050505;pointer-events:none;animation:preloader-dismiss .5s ease-out 2.1s forwards}.preloader::before{content:"";width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid #ffffff26;border-top-color:#ffb454;animation:preloader-pulse 1.1s ease-in-out infinite}@keyframes preloader-pulse{0%,100%{transform:scale(.82);opacity:.35}50%{transform:scale(1.06);opacity:1}}@keyframes preloader-dismiss{to{opacity:0;visibility:hidden}}.preloader.is-js{animation:none}.preloader.is-js::before{display:none}.preloader-counter{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-size:.82rem;letter-spacing:.34em;text-transform:uppercase;color:#c7cdd6;padding-left:.34em}.preloader.is-dismissed{opacity:0;visibility:hidden;transition:opacity .52s ease-out,visibility 0s .52s}
@media(prefers-reduced-motion:reduce){.scene{min-height:auto;padding:6rem 0}.preloader{display:none}}
html[data-enhancement="active"] .rvl-line{display:block;overflow:hidden;padding-bottom:.04em}
html[data-enhancement="active"] .rvl-line-inner{display:block;will-change:transform,opacity,filter}
html[data-enhancement="active"] header:not(.fact-navigation){position:sticky;top:0;transition:opacity .5s ease,filter .5s ease,transform .5s ease;will-change:opacity,filter,transform}html[data-enhancement="active"] header[data-melt="out"]{opacity:0;filter:blur(8px);transform:translateY(-1rem);pointer-events:none}html[data-enhancement="active"] header[data-melt="out"]:focus-within{opacity:1;filter:none;transform:none;pointer-events:auto}
html[data-enhancement="active"] .scene-wordmark{visibility:hidden}
/* BUG-2 fix: в active-режиме частичный вордмарк рисуется на ФИКСИРОВАННОЙ канве по центру экрана,
   а CTA лежит в потоке относительно скрытого .scene-wordmark (его layout-бокс центрируется в 140vh
   секции → у самого низа страницы уезжает ВЫШЕ центра экрана и CTA садится ПОВЕРХ букв). Прижимаем
   контент сцены вордмарка к низу (align-content:end): CTA уходит в нижнюю треть, гарантированно ниже
   центральной полосы букв на всех ширинах. В static (без канвы) сцена остаётся центрованной — там
   img+CTA раскладываются штатно, без наложения, поэтому правило только для active. */
html[data-enhancement="active"] .scene[data-shape="wordmark"]{align-content:end}
html[data-enhancement="active"] .scene-still{opacity:0}
main[data-runtime="asanai-products"] h1,main[data-runtime="asanai-products"] .products-intro,main[data-runtime="asanai-products"] .product-grid{position:relative;z-index:1}main[data-runtime="asanai-products"] .products-intro{max-width:42rem;font-size:1.125rem;line-height:1.6;color:#c7cdd6;margin:0 0 4rem}.product-grid{margin-top:1rem;display:grid;gap:2.5rem}.product-card{border:1px solid var(--graphite);padding:2rem;background:rgba(5,5,5,.7);backdrop-filter:blur(6px)}.product-card[data-card="01"]{justify-self:end;width:min(30rem,100%)}.product-card h2{margin:0 0 .75rem;font-size:clamp(1.5rem,1rem + 2vw,2.25rem);font-weight:660;line-height:1.05;letter-spacing:-.03em}.product-card p{margin:0;color:#c7cdd6}.product-card .cta{margin-top:1.5rem}.product-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-self:end;width:min(30rem,100%)}.product-card--empty{opacity:.4;border-style:dashed;padding:1.5rem}.product-card--empty .eyebrow{margin:0}@media(max-width:720px){.product-card[data-card="01"],.product-row{justify-self:stretch;width:100%}.product-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:no-preference){main[data-runtime="asanai-products"] h1,main[data-runtime="asanai-products"] .products-intro,main[data-runtime="asanai-products"] .product-card{animation:products-reveal .8s ease-out both}main[data-runtime="asanai-products"] .products-intro{animation-delay:.1s}main[data-runtime="asanai-products"] .product-card[data-card="01"]{animation-delay:.2s}main[data-runtime="asanai-products"] .product-card[data-card="02"]{animation-delay:.32s}main[data-runtime="asanai-products"] .product-card[data-card="03"]{animation-delay:.4s}}@keyframes products-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
main[data-runtime="asanai-inner"] h1{max-width:none;margin:0 0 1.25rem;font-size:clamp(2.25rem,1.5rem + 4vw,6.5rem);font-weight:660;line-height:.95;letter-spacing:-.02em}main[data-runtime="asanai-inner"] section .eyebrow{margin:0 0 .75rem}.live-facts dt{color:#b9c0ca}.live-facts dd{color:var(--white);font-variant-numeric:tabular-nums;font-size:1.125rem}.stat{font-variant-numeric:tabular-nums}.corrections-timeline{list-style:none;margin:2rem 0 0;padding:0;max-width:50rem;display:grid;gap:1.5rem}.corrections-timeline li{border:1px solid var(--graphite);padding:1.5rem 2rem;background:rgba(5,5,5,.7)}.corrections-timeline li time{display:block;margin-bottom:.5rem}.corrections-timeline li p{margin:.5rem 0 0;color:#c7cdd6}.corrections-timeline li p:first-of-type{margin-top:0;color:var(--white)}.reveal{transition:opacity .6s ease,transform .6s ease}.reveal.is-hidden{opacity:0;transform:translateY(8px)}@media(prefers-reduced-motion:reduce){.reveal{transition:none}.reveal.is-hidden{opacity:1;transform:none}}
main[data-runtime="asanai-notfound"]{width:100%;max-width:none;padding:0}.notfound{position:relative;z-index:1;min-height:60vh;display:grid;align-content:start;justify-items:center;gap:1.5rem;text-align:center;padding:4.5rem 1.5rem 4rem}.notfound h1{max-width:24ch;margin:0;font-size:clamp(1.75rem,1.15rem + 2.6vw,3.25rem)}.notfound .cta{margin-top:0}@media(max-width:720px){.notfound{padding:1.75rem 1.25rem 1.5rem;gap:.85rem}.notfound h1{font-size:1.3rem;max-width:20ch}}

/* Вейтлист (фаза 0, 19.07): нативная форма без JS; заметки состояния включает CSS :target по URL-фрагменту из 303-редиректа — состояние не конфликтует с edge-кэшем. */
.waitlist{display:flex;gap:.6rem;margin-top:1.1rem;flex-wrap:wrap}.waitlist input[type=email]{flex:1;min-width:11rem;background:rgba(5,5,5,.6);border:1px solid var(--graphite);color:var(--white);padding:.65rem .8rem;border-radius:2px;font:inherit}.waitlist input[type=email]::placeholder{color:#8b93a0}.waitlist button{background:var(--white);color:var(--black);border:0;padding:.65rem 1.1rem;font:inherit;cursor:pointer;border-radius:2px}.waitlist button:hover{background:var(--cream)}.waitlist .hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}.waitlist-note{display:none;color:#c7cdd6;border:1px solid var(--graphite);padding:.6rem .8rem;margin:1rem 0 0}.waitlist-note:target{display:block}.waitlist-note--error{color:#ffb45c}