@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf6ff;background:#07111f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit}button,a{outline-offset:4px}::selection{background:#06b6d4;color:#07111f}.app{position:relative;overflow:hidden}.wrap{max-width:1200px;width:calc(100% - 64px);margin:0 auto}.glow{position:absolute;border-radius:50%;filter:blur(95px);pointer-events:none;opacity:.23}.glow-one{background:#087aaa;width:450px;height:450px;right:-230px;top:0}.glow-two{background:#065c87;width:340px;height:340px;left:-200px;top:730px}.header{position:relative;z-index:20;background:#07111fde;border-bottom:1px solid rgba(180,220,250,.1);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.nav{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.logo{display:inline-flex;align-items:center;gap:13px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;letter-spacing:1px;white-space:nowrap}.logo strong{color:#44c8ed}.logo-symbol{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #2b97be;border-radius:12px;color:#d9f7ff;font-size:24px;position:relative}.logo-symbol span{color:#17d2ef}.navigation{display:flex;gap:28px;align-items:center}.navigation a{color:#a8bed1;font-size:13px;font-weight:600;transition:.2s}.navigation a:hover,.text-link:hover{color:#49d5f0}.header-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#62d7f2;font-weight:700}.menu{display:none;color:#def6ff;border:0;background:transparent;cursor:pointer}.hero{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;gap:50px;min-height:680px;padding-top:90px;padding-bottom:100px}.eyebrow,.kicker{font-size:11px;color:#4accea;letter-spacing:2.3px;font-weight:800}.eyebrow{display:flex;align-items:center;gap:11px}.status-dot{width:8px;height:8px;border-radius:100%;background:#20e7c1;box-shadow:0 0 12px #20e7c1}.hero h1{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,5.3vw,76px);letter-spacing:-4px;line-height:1.08;margin:30px 0 25px}.hero h1 em,h2 em{color:#3dbfe4;font-style:normal}.accent{color:#1af2db}.intro{font-size:17px;line-height:1.85;color:#9cb5c9;max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:16px 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.primary{background:#23bce3;color:#052033}.outline{border:1px solid #35536b;color:#e1f2ff}.metrics{display:flex;gap:35px;margin-top:64px;padding-top:26px;border-top:1px solid #294056}.metrics div{display:flex;flex-direction:column;gap:7px}.metrics strong{font-family:Space Grotesk,sans-serif;font-size:24px}.metrics span{font-size:11px;line-height:1.5;color:#93abc0}.hero-visual{min-height:470px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(12,159,202,.16),transparent 70%)}.hero-visual:before{content:"";position:absolute;width:90%;height:80%;background-image:linear-gradient(#4f9ebf16 1px,transparent 1px),linear-gradient(90deg,#4f9ebf16 1px,transparent 1px);background-size:32px 32px;transform:perspective(450px) rotateX(23deg);-webkit-mask-image:radial-gradient(ellipse,#000,transparent 74%);mask-image:radial-gradient(ellipse,#000,transparent 74%)}.visual-ring{position:absolute;width:320px;height:320px;border:1px solid #217fa25c;border-radius:50%;box-shadow:0 0 35px #079ad014}.ring-two{width:425px;height:425px;border-style:dashed;border-color:#217fa22e;animation:rotate 70s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.visual-center{z-index:2;display:flex;align-items:center;flex-direction:column;gap:14px;border:1px solid #227796;background:linear-gradient(150deg,#13384f,#0b1d30);border-radius:22px;padding:40px 32px;box-shadow:0 30px 90px #0008;color:#40d3ef}.visual-center strong{font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:2px;color:#e9faff}.visual-center small{font-size:10px;letter-spacing:2px;color:#729db5}.floating{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:13px 16px;background:#11273b;border:1px solid #285673;border-radius:9px;font-size:10px;font-weight:800;letter-spacing:.7px;box-shadow:0 12px 25px #0005}.floating svg{color:#2ed1ec}.float-top{right:0;top:55px}.float-bottom{left:0;bottom:70px}.float-side{right:5px;bottom:75px}.techbar{border-top:1px solid #253c52;border-bottom:1px solid #253c52;background:#0b1a2b}.techbar-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:27px 0;flex-wrap:wrap}.techbar span{color:#6589a5;font-size:10px;letter-spacing:1.7px}.techbar b{font-family:Space Grotesk;font-size:12px;letter-spacing:1.1px;color:#aac4d5}.section{padding-top:120px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading h2,h2{font-family:Space Grotesk,sans-serif;line-height:1.12;letter-spacing:-2px;font-size:clamp(33px,4vw,52px);max-width:650px;margin:16px 0 0}.section-heading p{max-width:370px;line-height:1.8;font-size:14px;color:#9db5c8;margin:0}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service{position:relative;min-height:280px;padding:25px;border:1px solid #263f55;border-radius:12px;background:linear-gradient(145deg,#112337,#0a192b);transition:transform .2s,border-color .2s}.service:hover,.project:hover{transform:translateY(-4px);border-color:#2e96b9}.service-top{display:flex;justify-content:space-between;color:#34c7e5}.service-top span{color:#597d95;font-size:12px}.service h3{font-size:19px;margin:40px 0 10px;font-family:Space Grotesk}.service p,.project-content p,.about-panel p,.credentials p{font-size:14px;line-height:1.8;color:#a1b6c9}.service-arrow{position:absolute;bottom:20px;right:20px;color:#38c8e6}.project-section{background:#0a1829;border-top:1px solid #182f44;border-bottom:1px solid #182f44}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:23px}.project{background:#0c1e31;border:1px solid #29455d;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.project-illustration{height:225px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#175372,#0c243a 55%,#0b1a2c);overflow:hidden}.project-illustration:before{content:"";position:absolute;width:210px;height:210px;border:1px solid #2b8cb273;border-radius:50%;box-shadow:0 0 0 42px #235b7e18,0 0 0 84px #235b7e13}.project-icon{z-index:2;color:#57cfea}.project-index{position:absolute;top:22px;left:25px;font-size:12px;color:#98b9c9}.project-illustration small{position:absolute;bottom:20px;right:22px;font-size:9px;letter-spacing:2px;color:#7aa3b9}.project-content{padding:29px}.project-type{color:#44c6e6;font-size:10px;letter-spacing:1.5px;font-weight:800}.project-content h3{font-family:Space Grotesk;font-size:24px;margin:13px 0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chips span{font-size:11px;border:1px solid #294a61;border-radius:5px;padding:7px 10px;color:#aec3d3;background:#132c42}.text-link{color:#41cbe6;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.about-panel{border:1px solid #2b4b62;background:linear-gradient(115deg,#0e2539,#0b1c30);border-radius:17px;padding:55px;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.avatar-illustration{height:300px;display:grid;place-items:center;border-radius:14px;background:radial-gradient(circle,#1c6987,#0e2438 65%);border:1px solid #2c5971}.avatar-illustration span{font-family:Space Grotesk;font-size:86px;font-weight:700;color:#89dbef;letter-spacing:-7px}.about-panel h2{margin-bottom:24px}.social{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap}.social a{display:flex;align-items:center;gap:10px;color:#67d7ef;font-size:13px;font-weight:700}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.credentials article{background:#101f31;border:1px solid #2a4155;border-radius:11px;padding:25px}.credentials article>span{color:#3fcee9;font-size:11px;letter-spacing:2px;font-weight:800}.credentials h3{font-size:20px;font-family:Space Grotesk;margin:18px 0 8px}.contact{background:radial-gradient(ellipse at 50% 0,#133c54,#081725 70%);border-top:1px solid #224157;padding:120px 0}.contact-content{text-align:center;display:flex;align-items:center;flex-direction:column}.contact h2{max-width:720px}.contact p{max-width:540px;color:#a5bece;line-height:1.8}.footer{background:#06101c;border-top:1px solid #1a3449}.footer-inner{padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer a:last-child{font-size:12px;color:#93adc0}@media(max-width:1000px){.navigation{gap:14px}.navigation a{font-size:12px}.hero{gap:14px}.services{grid-template-columns:repeat(2,1fr)}.section{padding-top:90px;padding-bottom:90px}.about-panel{gap:30px;padding:30px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{min-height:70px}.logo{font-size:12px;gap:8px}.logo-symbol{height:34px;width:34px;font-size:21px}.navigation{display:none;position:absolute;top:70px;left:0;right:0;background:#0a1b2c;border-bottom:1px solid #31536c;padding:25px;flex-direction:column;align-items:stretch;gap:23px}.navigation.visible{display:flex}.header-link{margin-left:auto}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:65px;min-height:0}.hero h1{letter-spacing:-2.5px}.hero-visual{min-height:330px;margin-top:25px}.visual-ring{width:220px;height:220px}.ring-two{width:300px;height:300px}.visual-center{padding:23px 15px}.float-top{right:2px;top:14px}.float-bottom{left:0;bottom:18px}.float-side{right:5px;bottom:60px}.floating{font-size:8px;padding:9px}.metrics{gap:15px;margin-top:42px}.metrics strong{font-size:17px}.metrics span{font-size:10px}.section-heading{display:block}.section-heading p{margin-top:20px}.services,.projects,.credentials,.about-panel{grid-template-columns:1fr}.avatar-illustration{height:210px}.footer-inner{flex-wrap:wrap}.techbar-inner{justify-content:flex-start}.section{padding-top:70px;padding-bottom:70px}.contact{padding:80px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
