@font-face{font-family:'Euclid Flex';src:url('../../assets/fonts/EuclidFlex-Regular.woff2') format('woff2');font-weight:300 400;font-display:swap}
@font-face{font-family:'Euclid Flex';src:url('../../assets/fonts/EuclidFlex-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('../../assets/fonts/Inter-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('../../assets/fonts/Inter-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Lato;src:url('../../assets/fonts/Lato-Thin.woff2') format('woff2');font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:Lato;src:url('../../assets/fonts/Lato-Light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Lato;src:url('../../assets/fonts/Lato-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url('../../assets/fonts/Lato-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}

:root{color-scheme:dark;--spock-scale:1;--spock-stage-w:1440px;--spock-stage-h:4480px}
*{box-sizing:border-box}
html{background:#02070d;scroll-behavior:smooth}
body{margin:0;min-width:1024px;background:transparent;color:#fff;font-family:'Euclid Flex',Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.spock-is-loading{overflow:hidden}
img,svg{display:block;max-width:none}
figure{margin:0}

.spock-loader{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;background:#02070d;overflow:hidden;transition:opacity .78s cubic-bezier(.22,1,.36,1),visibility .78s}
.spock-loader__glow{display:none}
.spock-loader__logo{position:relative;width:239px;height:62px;filter:brightness(0) invert(1);opacity:1;transform:scale(.9);animation:spockLoaderLogo 1.35s cubic-bezier(.16,1,.3,1) forwards}
.spock-loader__line{position:absolute;left:50%;top:calc(50% + 72px);width:144px;height:1px;transform:translateX(-50%);overflow:hidden;background:rgba(255,255,255,.14)}
.spock-loader__line::after{content:"";display:block;width:58%;height:100%;background:#00ff80;box-shadow:0 0 12px rgba(0,255,128,.8);animation:spockLoaderLine 1.15s ease-in-out infinite}
body.spock-is-ready .spock-loader{opacity:0;visibility:hidden;pointer-events:none}
@keyframes spockLoaderLogo{to{filter:none;opacity:1;transform:scale(1)}}
@keyframes spockLoaderGlow{to{opacity:.58;transform:translate(-50%,-50%) scale(1.14)}}
@keyframes spockLoaderLine{from{transform:translateX(-120%)}to{transform:translateX(200%)}}

.spock-shell{position:relative;width:var(--spock-stage-w);height:var(--spock-stage-h);margin:0 auto;overflow:visible;background:transparent}
.spock-stage{position:absolute;left:0;top:0;width:1440px;height:4480px;overflow:hidden;isolation:isolate;transform:none;zoom:var(--spock-scale);background:transparent}
/* Фон страницы: закреплён (не едет со скроллом, не растягивается по высоте).
   Нижний слой — крошечный размытый LQIP инлайном: виден с первого кадра.
   Полную картинку сервер отдаёт в AVIF/WebP/JPEG по возможностям браузера. */
.spock-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#03101a;
  background-image:linear-gradient(rgba(2,7,13,.52),rgba(2,7,13,.52)),url('assets/spock-bg.jpg'),url('data:image/webp;base64,UklGRvAAAABXRUJQVlA4IOQAAACwBgCdASooABcAPsFYpU2npSOiJWsw8BgJaACdMoSD2AgBQSfO8TBk3cNv0j5jkBkY9B5CVDkpEqfPz5nDIAD+9X4B8vEVEHMYZbVAhSdqqlBFHY71hdBuU44hcjfMGcn2mrYP4oXJS7z8NR1HHd+pNeEhAz1XTohfhv5u1FBxALZrY3EudPI/Yz0nfQtFiDol5OvERJd/RV0Gb0EG6Vmd/r4odV2KUZhnnRgS9PJI4bQCkvgp2Sm7fjAAsblLUZjqVlFXpo+co9etBG30/vtEi7YHQdOI7LwUM/0rBtwhcI9AAAA=');
  background-position:center center,center center,center center;background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat}
.spock-stage__veil{position:absolute;z-index:0;left:0;right:0;top:0;height:1090px;background:linear-gradient(90deg,rgba(0,0,0,.16),transparent 56%);pointer-events:none}
.spock-stage__grain{position:absolute;z-index:20;inset:0;pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E");background-size:180px 180px}

.spock-hero{position:absolute;z-index:2;left:0;top:90px;width:1440px;height:1000px;overflow:visible}
.spock-hero__copy{position:absolute;z-index:3;left:227px;top:95px;width:491px}
.spock-hero__copy,.spock-hero__art{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
body.spock-is-loading .spock-hero__copy{opacity:0;transform:translate3d(0,24px,0)}
body.spock-is-loading .spock-hero__art{opacity:0;transform:translate3d(16px,0,0)}
.spock-hero h1{margin:0;color:#fff;font-size:110px;font-weight:500;line-height:1;letter-spacing:0}
.spock-hero__summary{width:435px;margin:20px 0 0;color:#fff;font-size:22px;font-weight:500;line-height:1.5}
.spock-hero__meta{display:flex;flex-direction:column;gap:64px;margin:64px 0 0}
.spock-hero__meta>div{display:flex;flex-direction:column;gap:18px}
.spock-hero__meta dt{color:#fff;font-size:32px;font-weight:500;line-height:1}
.spock-hero__meta dd{width:435px;margin:0;color:rgba(255,255,255,.8);font-size:22px;font-weight:500;line-height:1.5}
.spock-hero__art{position:absolute;z-index:2;left:449px;top:-43px;width:756.496px;height:1001.2px;pointer-events:none;will-change:transform}
.spock-hero__art img{width:100%;height:100%;animation:spockFaceBreathe 8s ease-in-out infinite alternate}
@keyframes spockFaceBreathe{0%{transform:translate3d(-2px,2px,0) scale(.998);opacity:.9}100%{transform:translate3d(5px,-4px,0) scale(1.006);opacity:1}}

.spock-laptop{position:absolute;z-index:4;left:110px;top:904px;width:1220px;height:700px;overflow:visible}
.spock-laptop img{position:absolute;left:95.5px;top:53px;width:1029.7px;height:592.3px;object-fit:fill}

.spock-marks{position:absolute;z-index:4;left:299px;top:1652px;width:843px;height:80px;display:flex;align-items:center;justify-content:flex-start;gap:77px}
.spock-marks img{height:80px;width:auto;flex:0 0 auto;opacity:.94;transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease}
.spock-marks img:hover{opacity:1;transform:translateY(-7px) scale(1.04);filter:drop-shadow(0 0 16px rgba(185,224,255,.25))}

.spock-sectors{position:absolute;z-index:4;left:296px;top:1832px;width:848px;height:632px;display:grid;grid-template-columns:repeat(4,200px);grid-auto-rows:200px;gap:16px}
.spock-sector{position:relative;width:200px;height:200px;overflow:hidden;border-radius:32px;background:rgba(0,0,0,.7);box-shadow:0 0 64px rgba(0,0,0,.15);transition:transform .55s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease}
.spock-sector::after{content:"";position:absolute;inset:auto 18px -42px;height:76px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,117,255,.22),transparent 72%);filter:blur(16px);opacity:0;transition:opacity .35s ease}
.spock-sector span{position:absolute;z-index:2;top:26px;left:12px;right:12px;color:#fff;font-family:Inter,'Euclid Flex',Arial,sans-serif;font-size:14px;font-weight:500;line-height:1;text-align:center}
.spock-sector:nth-child(n+9) span{font-size:12px}
.spock-sector img{position:absolute;z-index:2;left:50%;top:73px;width:80px;height:80px;object-fit:contain;transform:translateX(-50%);transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s ease}
.spock-sector:hover{background:rgba(0,4,10,.82);box-shadow:0 18px 58px rgba(0,0,0,.32);transform:translateY(-8px)}
.spock-sector:hover::after{opacity:1}
.spock-sector:hover img{transform:translateX(-50%) scale(1.08);filter:drop-shadow(0 0 14px rgba(109,183,255,.28))}

.spock-dashboard{position:absolute;z-index:3;left:289px;top:2464px;width:862px;height:1800px;overflow:visible;pointer-events:none}
.spock-dashboard__vectors{position:absolute;inset:0;width:862px;height:1800px;border:0;opacity:0;transition:opacity .25s ease}
.spock-dashboard__text{position:absolute;inset:0;width:862px;height:1800px;overflow:visible;opacity:0;transition:opacity .25s ease;pointer-events:none}
.spock-dashboard.is-live .spock-dashboard__vectors,.spock-dashboard.is-live .spock-dashboard__text{opacity:1}
.spock-dashboard.is-fallback .spock-dashboard__vectors{opacity:1}
.spock-dashboard.is-fallback .spock-dashboard__text{display:none}
.spock-dashboard__label{position:absolute;margin:0;overflow:visible;white-space:pre-wrap;transform-origin:0 0;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.spock-earth{position:absolute;z-index:5;left:928px;top:3351px;width:353px;height:353px;overflow:hidden;border-radius:32px;box-shadow:0 24px 80px rgba(0,30,74,.46);animation:spockEarthFloat 8s ease-in-out infinite alternate}
/* Кадры планеты сменяют друг друга через прозрачность (Земля -> Луна -> Марс) */
.spock-earth .spock-planet{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease-in-out}
.spock-earth .spock-planet.is-on{opacity:1}
.spock-earth img{width:100%;height:100%;object-fit:cover;transition:transform 8s ease-in-out}
@keyframes spockEarthFloat{to{transform:translate3d(0,-9px,0);box-shadow:0 34px 96px rgba(0,103,255,.38)}}
.spock-signature{position:absolute;z-index:5;left:615.63px;top:4264px;width:238.69px;height:62px;filter:drop-shadow(0 0 18px rgba(0,255,128,.18))}

.spock-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1)}
.spock-reveal.is-visible{opacity:1;transform:none}
.spock-webkit .spock-reveal{transform:none;transition:opacity .55s cubic-bezier(.16,1,.3,1)}
.spock-webkit .spock-hero__copy,.spock-webkit .spock-hero__art{transform:none;transition:none}
.spock-webkit .spock-hero__art img,.spock-webkit .spock-earth{animation:none}
.spock-webkit .spock-dashboard__vectors,.spock-webkit .spock-dashboard__text{transition:none}
.spock-webkit .spock-stage{isolation:auto}
.spock-webkit .spock-stage__grain{display:none}
.spock-webkit .spock-hero__art{will-change:auto}
.spock-webkit .spock-loader__glow,.spock-webkit .spock-loader__logo,.spock-webkit .spock-loader__line::after{animation:none}
.spock-webkit .spock-loader__logo{filter:brightness(0) invert(1);opacity:1;transform:scale(1)}
.spock-laptop.spock-reveal{transition-delay:.08s}
.spock-marks.spock-reveal{transition-delay:.05s}
.spock-sectors.spock-reveal{transition-delay:.08s}
html.uxp-mobile-webkit .spock-loader,html.uxp-mobile-webkit .spock-hero__copy,html.uxp-mobile-webkit .spock-hero__art,html.uxp-mobile-webkit .spock-earth .spock-planet,html.uxp-mobile-webkit .spock-dashboard__vectors,html.uxp-mobile-webkit .spock-dashboard__text{transition:none}
html.uxp-mobile-webkit .spock-loader__glow,html.uxp-mobile-webkit .spock-loader__logo,html.uxp-mobile-webkit .spock-loader__line::after,html.uxp-mobile-webkit .spock-hero__art img,html.uxp-mobile-webkit .spock-earth{animation:none}
html.uxp-mobile-webkit .spock-reveal{opacity:1;transform:none;filter:none;transition:none}

@media(max-width:1023px){body{min-width:1024px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spock-loader,.spock-hero__copy,.spock-hero__art,.spock-earth .spock-planet{transition:none}.spock-loader__glow,.spock-loader__logo,.spock-loader__line::after,.spock-hero__art img,.spock-earth{animation:none}.spock-reveal{opacity:1;transform:none;filter:none;transition:none}.spock-webkit .spock-reveal{transition:none}.spock-marks img,.spock-sector,.spock-sector img{transition:none}}