*{box-sizing:border-box}html{scroll-behavior:smooth;background:#05070a}body{margin:0;font-family:Arial,"Helvetica Neue",sans-serif;color:#edf3f7;background:radial-gradient(circle at 78% 12%,rgba(105,132,154,.28),transparent 34rem),radial-gradient(circle at 10% 90%,rgba(75,94,113,.18),transparent 30rem),linear-gradient(135deg,#05070a,#081019 52%,#05070a);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}#field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;opacity:.72;pointer-events:none}a{color:inherit;text-decoration:none}.header{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:20;width:min(1180px,calc(100% - 36px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 14px;border:1px solid rgba(220,232,240,.14);border-radius:999px;background:rgba(5,7,10,.76);backdrop-filter:blur(20px);box-shadow:0 18px 70px rgba(0,0,0,.34)}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(220,232,240,.28);border-radius:50%;font-size:12px;letter-spacing:.12em;color:#dce7ee;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02))}.brand strong,.brand em{display:block;line-height:1.1}.brand strong{font-size:14px;letter-spacing:.15em}.brand em{margin-top:4px;font-style:normal;font-size:11px;color:#98a7b3}.nav{display:flex;align-items:center;gap:5px}.nav a{padding:10px 13px;border-radius:999px;color:#9aa8b3;font-size:13px;transition:.2s}.nav a:hover{color:#fff;background:rgba(255,255,255,.06)}.menu{display:none;min-height:42px;padding:0 16px;border:1px solid rgba(220,232,240,.24);border-radius:999px;background:rgba(255,255,255,.04);color:#edf3f7;cursor:pointer}.hero,.section{width:min(1180px,calc(100% - 36px));margin:0 auto}.hero{min-height:100vh;padding:168px 0 92px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:56px;align-items:center}.kicker{margin:0 0 18px;color:#a9bac7;font-size:12px;font-weight:700;letter-spacing:.23em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:25px;font-size:clamp(48px,7.2vw,98px);line-height:.9;letter-spacing:-.065em;font-weight:760}h2{margin-bottom:22px;font-size:clamp(34px,4.6vw,64px);line-height:.95;letter-spacing:-.052em}h3{margin-bottom:13px;font-size:23px;letter-spacing:-.035em}.intro{max-width:720px;color:#bcc8d1;font-size:clamp(18px,2vw,22px);line-height:1.6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(220,232,240,.25);font-size:14px;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:rgba(240,248,255,.46);background:rgba(255,255,255,.07)}.btn.primary{color:#061019;border-color:transparent;background:linear-gradient(135deg,#f1f7fb,#aabac6);box-shadow:0 20px 70px rgba(173,201,222,.17)}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:760px;border:1px solid rgba(220,232,240,.14);border-radius:26px;overflow:hidden;background:rgba(220,232,240,.14)}.facts div{padding:22px;background:rgba(8,13,19,.86)}.facts span{display:block;margin-bottom:9px;color:#8c9ba7;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.facts strong{font-size:15px;line-height:1.35}.hero-visual{min-height:590px}.visual-shell{position:sticky;top:126px;height:620px;border:1px solid rgba(220,232,240,.28);border-radius:38px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.02)),rgba(7,10,14,.74);box-shadow:0 30px 100px rgba(0,0,0,.56);overflow:hidden}.visual-shell video,.visual-shell img{width:100%;height:100%;object-fit:cover;border-radius:29px;background:#05070a}.visual-shell img{display:none}.visual-shell:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.10);border-radius:28px;pointer-events:none;z-index:2}.visual-shell:after{content:"";position:absolute;inset:10px;border-radius:29px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.08),transparent);animation:scan 5.8s linear infinite;pointer-events:none}@keyframes scan{from{transform:translateY(-100%)}to{transform:translateY(100%)}}.visual-label{position:absolute;left:34px;right:34px;bottom:34px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border:1px solid rgba(220,232,240,.14);border-radius:22px;background:rgba(5,7,10,.66);backdrop-filter:blur(14px)}.visual-label span{color:#9aa8b3;font-size:12px;letter-spacing:.18em;text-transform:uppercase}.visual-label strong{font-size:14px}.marquee{overflow:hidden;border-block:1px solid rgba(220,232,240,.13);background:rgba(255,255,255,.025)}.marquee div{display:flex;width:max-content;gap:44px;padding:19px 0;color:#98a7b3;font-size:12px;letter-spacing:.20em;text-transform:uppercase;animation:marquee 28s linear infinite}.marquee span{white-space:nowrap}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.section{padding:112px 0}.company,.cooperation,.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:32px;align-items:start}.company-panel,.cooperation-card,.contact-list,.grid article,.quality-content,.quality-visual{border:1px solid rgba(220,232,240,.14);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:0 22px 75px rgba(0,0,0,.20)}.company-panel,.cooperation-card{padding:42px;border-radius:34px}.company-panel p,.cooperation-card p,.quality-content p,.grid p,.address{color:#b3c0ca;line-height:1.75}.company-panel .cn{margin-bottom:0;color:#d5e1e9;font-size:20px;line-height:1.62}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid article{min-height:300px;padding:30px;border-radius:30px;position:relative;overflow:hidden;transition:.22s}.grid article:hover{transform:translateY(-4px);border-color:rgba(230,240,248,.34)}.grid article:after{content:"";position:absolute;right:-54px;top:-70px;width:170px;height:170px;border:1px solid rgba(255,255,255,.08);border-radius:50%}.grid span{display:block;margin-bottom:58px;color:#758fa3;font-size:12px;letter-spacing:.23em}.quality{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.quality-visual{min-height:560px;border-radius:38px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(121,150,174,.24),transparent 19rem),linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015))}.rings{position:absolute;inset:0;display:grid;place-items:center}.rings span{position:absolute;border:1px solid rgba(220,232,240,.16);border-radius:50%;animation:spin 18s linear infinite}.rings span:nth-child(1){width:410px;height:410px}.rings span:nth-child(2){width:286px;height:286px;animation-duration:12s;animation-direction:reverse}.rings span:nth-child(3){width:138px;height:138px;box-shadow:0 0 80px rgba(160,190,212,.16)}@keyframes spin{to{transform:rotate(360deg)}}.quality-content{padding:46px;border-radius:38px;display:flex;flex-direction:column;justify-content:center}.checks{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:12px}.checks li{position:relative;padding:15px 16px 15px 42px;border:1px solid rgba(220,232,240,.12);border-radius:18px;color:#dfe8ee;background:rgba(255,255,255,.035)}.checks li:before{content:"";position:absolute;left:18px;top:20px;width:8px;height:8px;border-radius:50%;background:#c9d8e2}.contact{align-items:center}.contact-list{display:grid;padding:12px;border-radius:34px}.contact-list a{display:flex;justify-content:space-between;gap:18px;padding:22px 20px;border-radius:22px;transition:.2s}.contact-list a:hover{background:rgba(255,255,255,.06)}.contact-list span{color:#91a1ad;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.contact-list strong{font-size:16px}.footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:32px 0 50px;display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(220,232,240,.14);color:#96a5b0;font-size:13px}.footer p{margin:0}@media(max-width:980px){.header{border-radius:28px;align-items:flex-start;flex-wrap:wrap}.brand{min-width:auto}.menu{display:inline-flex;margin-left:auto}.nav{display:none;width:100%;flex-direction:column;align-items:stretch}.header.open .nav{display:flex}.hero,.company,.quality,.cooperation,.contact{grid-template-columns:1fr}.hero{padding-top:142px;gap:34px}.hero-visual{min-height:auto}.visual-shell{position:relative;top:auto;height:auto;aspect-ratio:16/12}.facts{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.header,.hero,.section,.footer{width:calc(100% - 24px)}.brand em{display:none}h1{font-size:clamp(44px,15vw,68px)}.section{padding:78px 0}.grid{grid-template-columns:1fr}.contact-list a{flex-direction:column}.footer{flex-direction:column}.visual-label{flex-direction:column;align-items:flex-start}.company-panel,.cooperation-card,.quality-content{padding:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}