html{overflow-x:clip;scroll-padding-top:110px}body{background:#080c10;isolation:isolate;overflow-x:clip}
.space-world{position:fixed;inset:0;z-index:-1;pointer-events:none;perspective:900px;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#27412b33,transparent 55%),#080c10}
.space-grid{position:absolute;inset:-40%;background-image:linear-gradient(#cfff4213 1px,transparent 1px),linear-gradient(90deg,#cfff4213 1px,transparent 1px);background-size:90px 90px;transform:rotateX(65deg) rotateZ(-18deg) translateY(var(--world-shift,0px));mask-image:radial-gradient(ellipse,#0009,transparent 65%)}
.space-ring{position:absolute;width:70vw;height:70vw;border:1px solid #dfff4225;border-radius:50%;transform:rotateY(50deg) rotateX(25deg);box-shadow:inset 0 0 80px #b6ff1605,0 0 70px #b6ff1605}.ring-a{top:-35%;right:-25%}.ring-b{bottom:-60%;left:-25%;border-color:#69a4bf20}
.space-glow{position:absolute;width:30vw;height:30vw;right:0;top:20%;border-radius:50%;background:#baff1210;filter:blur(80px)}
.space-toggle{position:fixed;right:20px;bottom:20px;z-index:50;background:#182120ed;border:1px solid #dfff4255;color:#dfff42;border-radius:30px;padding:12px 18px;font-size:11px;box-shadow:0 8px 25px #0007}
main{position:relative}.section-shell{width:min(1280px,calc(100% - 100px))}
.space-panel{position:relative;transform-style:preserve-3d;transform:perspective(1800px) translate3d(0,var(--fly-y,0px),var(--fly-z,0px)) rotateX(var(--fly-x,0deg)) rotateY(var(--fly-r,0deg));transition:transform .18s ease-out;transform-origin:center;will-change:transform}
.hero{min-height:85vh;padding:100px 35px;max-width:1280px}.hero-copy{transform-style:preserve-3d}.hero h1{transform:translateZ(65px);text-shadow:0 20px 24px #0008}.hero-actions{transform:translateZ(95px)}.hero-trust{transform:translateZ(35px)}
.engineering{height:105vh;min-height:800px;margin:30px 30px 130px}.engineering-stage{position:relative;top:0;height:100%;min-height:700px;border-radius:40px;background:#10181bbd;border:1px solid #dfff4228;box-shadow:20px 30px 0 -10px #141e20,30px 50px 80px #0008}.engineering-copy{transform:translateZ(45px)}
.services{padding:50px 0 100px;border:0}.section-heading,.calculator-heading{padding:25px 10px;transform:translateZ(35px)}
.service-grid{perspective:1200px;gap:24px;transform-style:preserve-3d}.service-card{overflow:visible;transform:rotateY(-9deg) rotateX(5deg);transform-style:preserve-3d;background:linear-gradient(135deg,#263334ed,#0e171ded);border-color:#8eaa913a;box-shadow:10px 12px 0 -2px #162326,20px 30px 40px #0007;transition:transform .35s,box-shadow .35s}.service-card:nth-child(even){transform:translateY(28px) rotateY(-9deg) rotateX(5deg)}.service-card:hover,.service-card:focus-within{transform:translateY(-12px) translateZ(35px) rotateY(0);background:#24332d;box-shadow:5px 8px 0 #172524,0 30px 60px #0008}.service-icon{transform:translateZ(30px)}.service-card>div{transform:translateZ(18px)}
.calculator{margin-top:90px}.calculator-card{transform-style:preserve-3d;background:#162023d9;border-color:#b9d2be30;box-shadow:14px 18px 0 -3px #142127,35px 50px 70px #0008}.calculator-fields{transform:translateZ(18px)}.estimate{transform:translateZ(70px);position:relative;top:0;box-shadow:-15px 20px 40px #0007}.calculator-card:focus-within{transform:none}
.process{margin-top:100px;background:#142023e8;box-shadow:16px 22px 0 -3px #0f191f,30px 40px 65px #0008}.steps{transform:translateZ(45px)}
.request{background:transparent;border:0;box-shadow:none;padding:70px 0;overflow:visible;gap:65px;perspective:1600px;transform-style:preserve-3d}.request-intro{transform:translateZ(15px)}.lead-form{position:relative;transform-style:preserve-3d;transform:translateZ(90px) rotateY(-12deg) rotateX(5deg);background:linear-gradient(145deg,#293639f5,#101a21f5);border:1px solid #c6e7bf55;box-shadow:18px 20px 0 -2px #1c2d32,35px 40px 0 -8px #122126,45px 55px 70px #000a,0 0 60px #cfff4209;transition:transform .5s,box-shadow .5s;isolation:isolate}.lead-form:before{content:"ОНЛАЙН-ЗАПИСЬ / ВАША КОМПАНИЯ";display:block;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #cfff4233;color:#cfff42;font-size:9px;letter-spacing:.1em}.lead-form:hover,.lead-form:focus-within{transform:translateZ(50px) rotateY(0) rotateX(0);box-shadow:10px 15px 0 -2px #1c2d32,30px 40px 65px #0009}.lead-form .form-step{transform:translateZ(15px)}.lead-form .choice{background:#0d161a99}.lead-form .choice.selected{background:#dfff421a}.button-form{box-shadow:0 6px 0 #7c9321,0 14px 24px #0006}.button-form:active{transform:translateY(3px);box-shadow:0 3px 0 #7c9321}
.automation{margin-top:80px}.telegram-mock{transform:perspective(1400px) rotateY(-12deg) rotateX(5deg);box-shadow:16px 20px 0 -5px #23353a,30px 45px 80px #0009}.automation-title{transform:translateZ(40px)}footer{position:relative}
.space-off .space-panel{transform:none!important;will-change:auto}.space-off .space-grid{transform:rotateX(65deg) rotateZ(-18deg)}.space-off .lead-form,.space-off .telegram-mock,.space-off .service-card{transform:none!important}
@media(max-width:1050px){.section-shell{width:calc(100% - 60px)}.request{gap:50px}.lead-form{transform:translateZ(20px) rotateY(-5deg) rotateX(3deg);width:calc(100% - 20px)}.engineering{margin-inline:30px}.service-card:nth-child(even){transform:translateY(18px) rotateY(-5deg)}}
@media(max-width:680px){.section-shell{width:calc(100% - 40px)}.hero{padding:60px 0;min-height:75vh}.space-panel{transform:perspective(1600px) translateY(var(--fly-y,0px)) rotateX(var(--fly-x,0deg));will-change:auto}.engineering{height:850px;min-height:0;margin:20px 20px 80px}.engineering-stage{min-height:0;padding:25px 18px;height:100%;border-radius:24px}.service-grid{gap:32px}.service-card,.service-card:nth-child(even){transform:rotateY(-4deg);box-shadow:7px 9px 0 -2px #162326,12px 18px 25px #0006}.calculator{margin-top:35px}.estimate{transform:none}.calculator-card{box-shadow:8px 10px 0 -3px #142127}.process{padding:35px 22px}.request{padding:35px 0}.lead-form{width:calc(100% - 12px);padding:25px 18px;transform:rotateY(-4deg);box-shadow:9px 12px 0 -2px #1c2d32,15px 22px 0 -7px #122126,20px 28px 35px #0008}.space-toggle{right:12px;bottom:12px;padding:10px 12px}.telegram-mock{transform:rotateY(-4deg);margin-right:10px}.automation{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.space-panel,.service-card,.service-card:nth-child(even),.lead-form,.telegram-mock{transform:none!important;will-change:auto}.space-toggle{display:none}.space-grid{transform:rotateX(65deg)}}