:root{--ink:#020b13;--navy:#061725;--line:#31475a;--blue:#079cff;--text:#f6f8fb;--muted:#b3bfd0;--soft:#91a5c0;--page:1352px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#020a12}
body{margin:0;min-width:320px;color:var(--text);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;background:#020a12;letter-spacing:.02em}
a{color:inherit}
.page{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;background:#061522 url("background-depth.png") center/cover no-repeat}
.page:before{content:"";position:absolute;z-index:0;inset:82px 0 auto auto;width:806px;height:634px;background:url("hero-eye.webp") center/806px 634px no-repeat;pointer-events:none}
.page:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,9,16,.88) 0%,rgba(1,9,16,.76) 35%,rgba(1,10,18,.18) 62%,rgba(1,10,18,.03) 100%),linear-gradient(180deg,rgba(2,11,19,.08) 0%,rgba(2,11,19,.03) 63%,rgba(3,14,24,.5) 72%,rgba(3,15,25,.78) 82%,rgba(5,22,36,.52) 100%)}
.shell{width:min(calc(100% - 184px),var(--page));margin:auto;position:relative;z-index:2}
.topbar{height:82px;border-bottom:1px solid rgba(109,139,165,.34);display:flex;align-items:center;background:rgba(11,20,31,.84);position:relative;z-index:3}
.topbar .shell{display:flex;align-items:center;justify-content:space-between}
.brand{display:block;text-decoration:none;line-height:0;transform:translateX(-5px)}
.brand img{display:block;width:216px;height:auto;-webkit-mask-image:radial-gradient(ellipse 72% 82% at center,#000 68%,transparent 100%);mask-image:radial-gradient(ellipse 72% 82% at center,#000 68%,transparent 100%)}
.identity{display:flex;align-items:center;gap:46px;color:#bcc7d7;font-size:14px;letter-spacing:.15em}
.languages{display:flex;align-items:center;gap:20px}.languages a{text-decoration:none;color:#9bacc2;padding:10px 0 9px;position:relative}.languages a+a:before{content:"|";position:absolute;left:-12px;color:#566b80}.languages a.active{color:var(--blue)}.languages a.active:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:1px;background:var(--blue)}
main{position:relative;z-index:2}
.hero{min-height:660px;padding-top:88px;display:flex;flex-direction:column;align-items:flex-start}
.hero-logo{display:block;width:633px;height:141px;object-fit:contain}
.tagline{margin:18px 0 0 1px;font-size:13px;line-height:16px;letter-spacing:.51em;color:#c3cede;text-transform:uppercase}.tagline span{margin:0 21px;color:#f0f3f6}
.accent-line{width:92px;height:2px;background:var(--blue);margin:31px 0 24px 2px}
h1{max-width:610px;margin:0;font-size:55px;line-height:1.08;font-weight:200;letter-spacing:.005em;transform:scaleX(1.12);transform-origin:left center}.blue-dot{color:var(--blue)}
.intro{max-width:635px;margin:20px 0 26px;font-size:20px;line-height:1.58;color:#bac5d5;font-weight:300}
.cta{width:255px;height:51px;border:2px solid var(--blue);border-radius:28px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:34px;font-size:16px;font-weight:400;transition:.2s ease;background:rgba(1,13,23,.3)}.cta:hover,.cta:focus-visible{background:rgba(0,148,255,.15);box-shadow:0 0 24px rgba(0,148,255,.25);outline:none}.cta span{font-size:25px;font-weight:200;line-height:1;transform:translateY(-1px)}
.services{display:grid;grid-template-columns:30% 32.4% 37.6%;min-height:201px;padding-bottom:21px}.services:before{content:"";position:absolute;z-index:0;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:rgba(11,23,33,.82)}.service{position:relative;z-index:1;padding:0 60px 0 8px}.service+.service{border-left:1px solid rgba(98,127,151,.48);padding-left:64px}.service:nth-child(3){padding-left:71px}.service-icon{width:135px;height:67px;display:flex;align-items:flex-start}.service-icon img{display:block;max-width:none;height:auto;-webkit-mask-image:radial-gradient(ellipse 64% 68% at center,#000 56%,transparent 100%);mask-image:radial-gradient(ellipse 64% 68% at center,#000 56%,transparent 100%)}.service h2{margin:9px 0 14px;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap}.service .mini-line{width:64px;height:2px;background:var(--blue);margin-bottom:12px}.service p{margin:0;max-width:325px;color:#91a4c0;font-size:14px;line-height:1.45;letter-spacing:.04em}
.footer{height:81px;border-top:1px solid rgba(109,139,165,.5);background:rgba(3,14,24,.35);position:relative;z-index:2}.footer .shell{height:100%;display:flex;align-items:center;justify-content:space-between}.copyright{font-size:12px;letter-spacing:.17em;color:#93a5bf}.copyright span{padding:0 12px;color:#6f839e}.mail{display:flex;align-items:center;gap:17px;text-decoration:none;color:var(--blue);font-size:15px;letter-spacing:.06em}.mail-icon{position:relative;width:32px;height:24px;border:1px solid var(--blue);display:inline-block}.mail-icon:before,.mail-icon:after{content:"";position:absolute;top:3px;width:19px;height:1px;background:var(--blue)}.mail-icon:before{left:0;transform:rotate(34deg)}.mail-icon:after{right:0;transform:rotate(-34deg)}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.page:before{right:-180px}.hero-logo{width:540px;height:auto}.hero{padding-top:72px}.service h2{white-space:normal}.service{padding-right:25px}.service+.service{padding-left:35px}.service:nth-child(3){padding-left:35px}}
@media(max-width:900px){.page{background-size:auto 100%;background-position:center}.page:before{inset:70px 0 auto 0;width:100%;height:430px;background-size:auto 430px;background-position:68% top}.page:after{background:linear-gradient(180deg,rgba(1,9,16,.22),rgba(1,9,16,.93) 37%,#04111d 58%,#04111d 100%)}.shell{width:calc(100% - 40px)}.topbar{height:70px}.brand{transform:none}.brand img{width:144px}.identity-name{display:none}.identity{gap:0}.languages{gap:15px;font-size:12px}.languages a+a:before{left:-9px}.hero{min-height:670px;padding-top:295px}.hero-logo{width:min(430px,80vw);height:auto}.tagline{font-size:9px;letter-spacing:.25em}.tagline span{margin:0 8px}.accent-line{margin:22px 0 18px;width:70px}h1{font-size:37px;max-width:480px;transform:none}.intro{font-size:17px;line-height:1.5;margin-top:18px}.cta{width:220px}.services{grid-template-columns:1fr;padding:10px 0 28px}.services:before{background:#0b1721}.service,.service+.service,.service:nth-child(3){border:0;border-top:1px solid rgba(98,127,151,.35);padding:28px 0}.service:first-child{border-top:0}.service h2{white-space:normal}.footer{height:auto;min-height:120px}.footer .shell{padding:25px 0;flex-direction:column;align-items:flex-start;gap:22px}.copyright{line-height:1.8}}
@media(max-width:420px){.shell{width:calc(100% - 28px)}.brand img{width:126px}.languages{gap:11px}.languages a+a:before{left:-7px}.hero{padding-top:270px}.hero-logo{width:315px}.tagline{letter-spacing:.17em}h1{font-size:32px}.intro{font-size:15.5px}.copyright span{padding:0 5px}}