@font-face{font-family:Manrope;src:url(assets/body.woff) format('woff');font-display:swap;font-weight:400 800}
@font-face{font-family:Unbounded;src:url(assets/display.woff) format('woff');font-display:swap;font-weight:800}
:root{--navy:#050918;--navy-light:#0a1633;--cyan:#22e3fa;--purple:#854cff;--white:#f6faff;--muted:#aebbd0;--line:rgba(173,192,235,.17);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--white);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:7px}::selection{background:var(--cyan);color:var(--navy)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;height:auto}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;left:24px;top:-90px;background:var(--cyan);color:var(--navy);padding:12px;z-index:100}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{filter:brightness(0) invert(1);width:157px;max-height:24px}.header nav{display:flex;gap:40px;color:var(--muted);font-size:14px}.header nav a,.call-link{transition:color .2s}.header nav a:hover,.call-link:hover{color:var(--cyan)}.header-contact{display:flex;align-items:center;gap:22px;font-size:14px;min-height:44px}.header-contact svg{width:18px}.hero{position:relative;min-height:780px;min-height:min(900px,calc(100svh - 100px));display:flex;flex-direction:column;isolation:isolate}.hero-atmosphere{position:absolute;z-index:-1;inset:-100px 0 0;overflow:hidden;background:radial-gradient(ellipse at 82% 40%,#30105d55,transparent 45%),radial-gradient(ellipse at 57% 65%,#033e6540,transparent 46%)}.hero-atmosphere:after{content:'';position:absolute;width:100%;height:100%;opacity:.2;background-image:radial-gradient(#6fb8e9 1px,transparent 1px);background-size:73px 73px;mask-image:linear-gradient(90deg,transparent 32%,#000)}.hero-content{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;flex:1;position:relative;padding-top:52px;padding-bottom:70px}.hero-copy{position:relative;z-index:3}.location{font-size:13px;color:#c1cee1;margin:0 0 34px;display:flex;align-items:center;gap:9px}.location span{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px #22e3fa88}h1{font-size:clamp(48px,4.65vw,74px);font-weight:600;line-height:1.13;letter-spacing:-3px;margin:0 0 28px;max-width:840px}.headline-line{display:block;white-space:nowrap}h1 em{font-style:normal;background:linear-gradient(110deg,#5bf0ff 15%,#a07aff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:18px;color:var(--muted);line-height:1.8;margin:0 0 38px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;min-height:58px;border-radius:50px;font-size:14px;font-weight:700;transition:box-shadow .3s,background .3s,transform .3s}.button svg{width:19px;height:19px}.primary{background:var(--white);color:#06101f;box-shadow:0 0 0 1px #ffffff20}.primary:hover{background:#dffbff;box-shadow:0 0 40px #22e3fa25;transform:translateY(-2px)}.call-link{font-size:14px;color:#d7e0ef}.hero-scene{position:relative;width:118%;aspect-ratio:1/1;max-width:720px;margin-left:-11%;perspective:1000px}.scene-glow{position:absolute;inset:15%;background:radial-gradient(circle,#4747fe36,transparent 65%);border-radius:50%}.scene-grid{position:absolute;inset:13%;border:1px solid #7856bb22;border-radius:50%;box-shadow:0 0 0 45px #7856bb09,0 0 0 90px #7856bb04}.orbit-lines{position:absolute;inset:0;width:100%;height:100%;stroke:url(#orbit-gradient);stroke-width:.65;opacity:.6;overflow:visible}.orbit-lines ellipse:nth-child(2){opacity:.2}.orbit-lines .orbit-trace{stroke-width:2;stroke-dasharray:95 1600;filter:drop-shadow(0 0 6px #22e3fa)}.orbit-dot{fill:#22e3fa;stroke:none;filter:drop-shadow(0 0 8px #22e3fa)}.symbol-float{position:absolute;left:6%;top:26%;width:91%;transform-origin:center;will-change:transform}.hero-symbol{width:100%;display:block;filter:drop-shadow(0 25px 48px #030613aa)}.planet-a{position:absolute;left:20%;top:15%;width:45px;filter:drop-shadow(0 0 18px #5778ff60)}.scene-footnote{position:absolute;bottom:13%;left:28%;font-size:11px;letter-spacing:.04em;color:#8595b4;display:flex;align-items:center;gap:10px}.small-orbit{width:18px;height:9px;border:1px solid #6b7baf;border-radius:50%;transform:rotate(-30deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 0 30px}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:12px;color:#aebbd0;min-height:44px}.scroll-line{display:block;width:1px;height:32px;background:linear-gradient(var(--cyan),#3f445f)}.motion-button{border:0;background:none;display:flex;align-items:center;gap:10px;font-size:11px;color:#aebbd0;padding:10px 0;min-height:44px}.pause-mark{font-size:15px;color:var(--cyan)}.section{padding-block:115px}.section-heading{display:flex;align-items:start;justify-content:space-between;gap:40px}.section-kicker{font-size:13px;color:var(--muted);margin:0 0 28px}h2{font-size:clamp(38px,4vw,58px);line-height:1.2;letter-spacing:-1.9px;font-weight:500;margin:0}h3{font-size:23px;line-height:1.35;letter-spacing:-.5px;font-weight:600;margin:0}.services{border-top:1px solid var(--line)}.section-heading h2{width:58%}.service-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:110px;margin-top:65px}.service-visual{position:relative}.visual-sticky{position:sticky;top:150px;height:480px;perspective:1000px}.service-letter{position:absolute;width:62%;left:18%;top:20%;filter:drop-shadow(0 0 35px #164cd532);z-index:2}.service-orbit{position:absolute;width:100%;left:0;top:30%;z-index:3;transform:rotate(-12deg)}.service-planet{position:absolute;width:65px;right:5%;top:19%;z-index:4}.visual-orbit{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse,#13206555,transparent 68%);border:1px solid #222d4b66}.visual-caption{position:absolute;bottom:8%;width:100%;text-align:center;color:#8899b6;font-size:11px}.visual-caption span{display:block;height:35px;width:1px;background:linear-gradient(#22e3fa00,#22e3fa88);margin:0 auto 20px}.service{position:relative;padding:30px 54px 36px 0;border-bottom:1px solid var(--line)}.service:first-child{padding-top:12px}.service-title{display:flex;align-items:center;gap:17px}.service-title svg{color:var(--cyan);width:23px;height:23px}.service p{color:var(--muted);font-size:15px;line-height:1.85;max-width:450px;margin:17px 0 18px}.service-tags{font-size:10px;color:#96a8c5;display:flex;gap:14px;flex-wrap:wrap}.service-tags span{color:#b69bdc}.service>a{position:absolute;right:0;top:29px;border:1px solid #32405d;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;transition:background .2s,transform .3s}.service:first-child>a{top:12px}.service>a svg{width:17px}.service>a:hover{background:#22e3fa15;transform:rotate(45deg)}.approach{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(125deg,#080e23,#090d22 55%,#16102e)}.approach-orb{position:absolute;width:450px;height:450px;border-radius:50%;left:-280px;bottom:-270px;box-shadow:0 0 130px #22e3fa15,inset 0 0 70px #22e3fa12;border:1px solid #22e3fa32}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-intro{margin:30px 0 0;color:var(--muted);font-size:17px}.step{display:grid;grid-template-columns:35px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.step:first-child{padding-top:5px}.step:last-child{border:0;padding-bottom:0}.step>span{color:#7890b5;font-size:11px;padding-top:7px}.step h3{font-size:20px}.step p{color:var(--muted);font-size:14px;line-height:1.9;margin:12px 0 0;max-width:390px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:130px}.contact h2{font-size:clamp(44px,4.6vw,68px);line-height:1.15;letter-spacing:-2px}.contact h2 span{color:#b1a2ef}.contact-heading>p:last-child{color:var(--muted);font-size:14px;line-height:1.9;margin-top:28px}.contact-options{padding-top:14px}.contact-main{display:flex;justify-content:space-between;align-items:center;padding:27px 30px;background:linear-gradient(115deg,#123b59,#1d1b49);border:1px solid #5275ae66;border-radius:18px;position:relative;overflow:hidden;transition:box-shadow .3s,transform .3s}.contact-main:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#22e3fa14,transparent 75%);transform:translateX(-100%);transition:transform .7s}.contact-main:hover:after{transform:translateX(100%)}.contact-main:hover{box-shadow:0 0 50px #4a3cff12;transform:translateY(-3px)}.contact-main span{font-size:12px;color:#b7cae0;display:block}.contact-main strong{font-size:30px;font-weight:500;line-height:1.5}.contact-main>svg{width:27px;height:27px;color:#6fefff}.contact-other{display:flex;border-bottom:1px solid var(--line);margin:9px 0 28px;justify-content:space-between;gap:12px}.contact-other a{display:flex;gap:8px;align-items:center;justify-content:center;padding:20px 0;font-size:12px;min-height:54px}.contact-other a:hover{color:var(--cyan)}.contact-other svg{width:13px;height:13px;color:#7185a9}.contact-phone{display:block;font-size:clamp(23px,2.3vw,33px);letter-spacing:-.5px}.phone-caption{font-size:11px;color:#91a0b8}.footer{display:flex;justify-content:space-between;align-items:center;padding:34px 0;border-top:1px solid var(--line);color:#91a0b8;font-size:12px}.footer .brand img{width:116px}.footer a:last-child{color:#b0c0da}.is-paused *, .is-paused *:before,.is-paused *:after{animation-play-state:paused!important}
.motion-tools{display:flex;gap:28px;align-items:center}.film-open{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:11px;padding:10px 0;min-height:44px;color:#c1d0e6}.film-open[hidden]{display:none}.film-open span{font-size:17px;color:var(--cyan)}.film-open:hover{color:var(--cyan)}.brand-film{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#030615;color:var(--white);overflow:hidden;margin:0}.brand-film::backdrop{background:#030615}.film-close{position:absolute;right:5%;top:4%;z-index:5;border:1px solid #58607866;background:#070e23;padding:8px 16px;border-radius:30px;font-size:12px;display:flex;gap:24px;align-items:center;min-height:44px}.film-close span{font-size:24px}.film-stage{position:absolute;inset:0;perspective:1200px;isolation:isolate;overflow:hidden}.film-halo{position:absolute;inset:-15%;background:radial-gradient(ellipse at 50% 45%,#123f7960,transparent 48%),radial-gradient(ellipse at 64% 55%,#4d177a80,transparent 50%)}.film-beam{position:absolute;left:-40%;width:180%;height:2px;top:50%;background:linear-gradient(90deg,transparent,var(--cyan),white,var(--purple),transparent);box-shadow:0 0 30px #22e3fa88;transform:rotate(-25deg)}.beam-two{height:1px;transform:rotate(23deg)}.film-ring{position:absolute;left:50%;top:47%;width:min(90vw,1050px);height:min(90vw,1050px);border:1px solid #7453ff77;border-radius:50%;transform:translate(-50%,-50%) rotateX(65deg) rotateZ(-28deg);box-shadow:0 0 25px #22e3fa10,inset 0 0 45px #6042ff10}.ring-two{width:min(80vw,920px);height:min(80vw,920px);border-color:#22e3fa55;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(25deg)}.film-parts{position:absolute;width:min(66vw,760px);aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%);perspective:1000px}.film-parts img{position:absolute;object-fit:contain}.film-n{width:56%;left:22%;top:20%}.film-orbit{width:100%;left:0;top:28%;z-index:2}.film-planet{width:15%;right:2%;top:21%;z-index:3}.film-symbol{position:absolute;width:min(66vw,760px);left:50%;top:43%;transform:translate(-50%,-50%);opacity:0}.film-wordmark{position:absolute;width:min(38vw,440px);left:50%;top:72%;transform:translate(-50%,-50%);filter:brightness(0) invert(1);opacity:0}.film-line{position:absolute;left:0;top:79%;width:100%;text-align:center;font-size:clamp(13px,1.7vw,23px);color:#b8c8df;opacity:0;letter-spacing:.02em}.film-end{position:absolute;left:0;bottom:4%;display:flex;justify-content:center;align-items:center;gap:30px;width:100%}.film-replay{border:0;background:none;padding:12px;font-size:12px;color:#a8b8ce}.film-contact{font-size:12px;min-height:48px;padding:12px 20px}.film-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple));transform-origin:left;transform:scaleX(0)}
@media(min-width:1550px){.hero-content{grid-template-columns:1.05fr 1fr}.hero-scene{margin-left:-4%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}h1{font-size:52px;letter-spacing:-2px}.hero-content{grid-template-columns:1.2fr 1fr}.hero-scene{width:135%;margin-left:-30%}.hero-description{font-size:16px}.hero-actions{gap:18px}.hero{min-height:700px}.service-layout{gap:55px}.contact,.approach-grid{gap:55px}.service-tags{gap:8px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:calc(100% - 40px)}.header{height:78px}.brand img{width:127px}.header nav{display:none}.header-contact{font-size:12px;gap:10px}.header-contact svg{width:15px}.hero{min-height:auto;overflow:hidden}.hero-content{display:flex;flex-direction:column;align-items:stretch;padding:48px 0 0}.hero-copy{z-index:4}.location{font-size:10px;gap:7px;margin-bottom:22px}h1{font-size:clamp(31px,7.9vw,56px);letter-spacing:-1.5px;margin-bottom:22px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:25px}.hero-actions{gap:15px}.button{min-height:52px;padding:14px 20px;font-size:12px;gap:18px}.call-link{font-size:11px}.hero-scene{width:110%;margin:-25px -5% -45px;align-self:center;max-width:550px}.scene-footnote{font-size:9px;bottom:13%;left:29%}.planet-a{width:31px}.hero-bottom{padding-bottom:22px;position:relative}.scroll-cue{font-size:9px;gap:10px}.scroll-line{height:22px}.motion-label{font-size:0}.motion-label:after{content:'Анимация';font-size:10px}.section{padding-block:72px}.section-heading{display:block}.section-kicker{font-size:11px;margin-bottom:22px}.section-heading h2{width:100%}h2{font-size:36px;letter-spacing:-1.4px}.service-layout{display:block;margin-top:15px}.service-visual{height:240px;overflow:hidden;margin:0 -5px 15px}.visual-sticky{position:relative;top:0;height:270px;width:290px;margin:auto}.service-letter{width:52%;left:24%;top:15%}.service-orbit{top:29%}.service-planet{width:39px;right:10%;top:13%}.visual-caption{bottom:4%;font-size:8px}.visual-caption span{height:14px;margin-bottom:10px}.visual-orbit{inset:8% 15%}.service{padding:26px 45px 28px 0}.service-title{gap:12px}.service-title h3{font-size:20px}.service p{font-size:14px;line-height:1.8;margin:15px 0}.service-tags{font-size:9px;gap:11px}.service>a{width:36px;height:36px;top:26px}.approach-grid{display:block}.approach-intro{font-size:15px;margin-top:22px}.approach-steps{margin-top:42px}.step{gap:10px;grid-template-columns:28px 1fr;padding-block:25px}.step h3{font-size:18px}.step p{font-size:13px}.contact{display:block}.contact h2{font-size:44px}.contact-heading>p:last-child{font-size:13px}.contact-heading br+br{display:none}.contact-options{margin-top:32px}.contact-main{padding:23px}.contact-main strong{font-size:28px}.contact-other a{font-size:11px}.contact-phone{font-size:28px}.footer{gap:15px;flex-wrap:wrap;font-size:10px;padding:26px 0}.footer .brand img{width:102px}.footer span{margin-left:auto}.footer a:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-symbol,.symbol-float,.planet-a{will-change:auto}}
@media(max-width:760px){.motion-tools{gap:16px}.film-open{font-size:9px;gap:5px}.film-open span{font-size:14px}.film-parts,.film-symbol{width:98vw}.film-wordmark{width:65vw;top:65%}.film-line{top:70%;font-size:13px}.film-end{bottom:8%;gap:10px}.film-contact{font-size:11px}.film-replay{font-size:11px}.film-close{right:20px;top:22px}.hero-bottom{flex-wrap:wrap}.scroll-cue{width:50%}.motion-tools{justify-content:flex-end}.motion-label:after{content:''}.motion-button .pause-mark{font-size:17px}}
