:root{--n:#07111f;--n2:#0b192a;--b:#2878ff;--c:#62c8ff;--w:#f5f7fb;--m:#9aa9ba;--l:rgba(255,255,255,.13);--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--n);color:var(--w);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.shell{width:min(calc(100% - 64px),var(--max));margin:auto}.site-header{position:fixed;z-index:20;inset:0 0 auto;transition:.3s}.site-header.scrolled{background:rgba(7,17,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--l)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:1px;background:var(--b);transform:skewX(-8deg);overflow:hidden}.brand-mark:before{content:"";position:absolute;inset:auto -12px -18px 9px;height:35px;background:var(--c);transform:rotate(-28deg)}.brand-mark b,.brand-mark i{position:relative;z-index:1}.brand-mark b{font-size:22px;line-height:1;font-weight:800;transform:skewX(8deg)}.brand-mark i{width:2px;height:25px;background:#ffffffa6;transform:rotate(22deg)}.brand-type{display:flex;flex-direction:column}.brand-type strong{font-size:20px;line-height:1}.brand-type small{font:500 9px/1.8 'Roboto Mono';letter-spacing:.2em;color:#aeb8c6}.nav-links{display:flex;gap:38px;font-size:13px;color:#c0cad7}.nav-links a:hover{color:#fff}.nav-cta{border:1px solid var(--l);padding:13px 18px;font-size:12px;font-weight:700}.nav-cta span{color:var(--c);margin-left:18px}.menu{display:none;background:none;border:0}.hero{min-height:100vh;padding:138px 0 65px;background:radial-gradient(circle at 80% 20%,#2878ff2b,transparent 30%),linear-gradient(135deg,#07111f,#091624);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:700px;gap:80px;align-items:center}.kicker,.label{font:500 11px/1.2 'Roboto Mono';letter-spacing:.18em}.kicker{color:#aab8c8;display:flex;gap:12px;align-items:center}.kicker span{width:26px;height:1px;background:var(--c)}.hero h1{font-size:clamp(64px,6.4vw,104px);line-height:.94;letter-spacing:-.065em;margin:30px 0 32px}.hero h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px #91a8c0}.hero-text{font-size:17px;line-height:1.7;color:var(--m);max-width:610px}.hero-actions{display:flex;gap:12px;margin-top:42px}.button{padding:18px 24px;font-size:13px;font-weight:700;border:1px solid var(--l)}.button.primary{background:var(--b);border-color:var(--b)}.button.primary span{margin-left:35px}.button.ghost:hover{background:#fff;color:var(--n)}.trust{display:grid;grid-template-columns:repeat(3,1fr);margin-top:76px;border-top:1px solid var(--l);padding-top:24px;gap:18px}.trust div{display:flex;flex-direction:column}.trust strong{font-size:20px}.trust span{font:400 10px/1.5 'Roboto Mono';color:#77899c;margin-top:5px}.hero-media{height:680px;position:relative;overflow:hidden;clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%)}.hero-media img{filter:saturate(.65) contrast(1.05)}.media-shade{position:absolute;inset:0;background:linear-gradient(180deg,#040b1414,#050d18a6),linear-gradient(90deg,#1e70ff40,transparent 50%)}.tech-tag{position:absolute;background:#07111fdb;backdrop-filter:blur(10px);padding:11px 16px;font:500 9px 'Roboto Mono';letter-spacing:.12em}.tech-tag span{color:var(--c);margin-right:10px}.tech-tag.top{top:30px;right:0}.tech-tag.bottom{bottom:110px;left:0}.media-note{position:absolute;bottom:30px;right:30px;left:30px;padding:20px;background:#07111fd6;backdrop-filter:blur(15px);border:1px solid var(--l);display:flex;align-items:center;gap:15px}.media-note i{width:9px;height:9px;border-radius:50%;background:#4de19a;box-shadow:0 0 0 6px #4de19a21}.media-note div{display:flex;flex-direction:column;gap:5px}.media-note small{font:400 8px 'Roboto Mono';letter-spacing:.16em;color:#7f91a5}.media-note strong{font-size:13px}.section{padding:145px 0}.services{background:#eef2f6;color:#0a1421}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:78px}.label{color:#2370ee;margin:0 0 22px}.section-heading h2,.project h2,.about h2,.contact h2{font-size:clamp(48px,5vw,74px);line-height:1.02;letter-spacing:-.055em;margin:0}.section-heading>p{max-width:480px;color:#697786;line-height:1.7}.service{display:grid;grid-template-columns:70px 70px 1fr 40px;align-items:center;gap:24px;border-top:1px solid #cbd4de;padding:42px 0;transition:.3s}.service:last-child{border-bottom:1px solid #cbd4de}.service:hover{padding-left:15px;background:#ffffff6b}.service>span{font:500 10px 'Roboto Mono';color:#7890a6}.service-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #c4cfda;color:#2474f7;font-size:23px}.service h3{font-size:24px;margin:0 0 9px}.service p{color:#6d7b89;margin:0;line-height:1.6}.service>b{color:#2474f7}.project{background:var(--n2)}.project-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:95px;align-items:center}.project-image{height:650px;position:relative}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#07111fa6,transparent 45%)}.project-image>div{position:absolute;z-index:2;bottom:25px;left:25px;font:500 9px 'Roboto Mono';letter-spacing:.18em}.project-copy>p:not(.label){color:var(--m);line-height:1.75;margin:32px 0 40px}.project-copy ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--l)}.project-copy li{padding:18px 0;border-bottom:1px solid var(--l);font-size:13px}.project-copy li span{font:400 9px 'Roboto Mono';color:var(--c);margin-right:25px}.about{background:var(--b)}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:70px}.about .label{color:#dbe9ff}.about h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffffffbf}.about-grid>div>p{max-width:700px;line-height:1.75;color:#dbe8ff;font-size:17px;margin-top:38px}.contact{background:#eef2f6;color:#0a1421}.contact-card{background:var(--n);color:#fff;min-height:500px;padding:75px;display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center;position:relative;overflow:hidden}.contact-card:after{content:"3A";position:absolute;right:-35px;bottom:-105px;font-size:300px;font-weight:800;letter-spacing:-.1em;color:#ffffff08}.contact-side{position:relative;z-index:1}.contact-side>p{color:#94a4b5;line-height:1.7}.contact-link{display:flex;align-items:center;justify-content:space-between;margin:35px 0 28px;border-bottom:1px solid #324253;padding-bottom:18px;font-size:25px}.contact-link b{color:var(--c)}.contact-side small{font:400 10px/1.8 'Roboto Mono';color:#708398}.footer{min-height:115px;display:flex;align-items:center;justify-content:space-between;color:#718297;font-size:11px}.footer p{font:400 9px 'Roboto Mono';letter-spacing:.15em}.reveal{opacity:0;transform:translateY(24px);transition:.8s}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.shell{width:min(calc(100% - 32px),var(--max))}.nav{height:78px}.nav-links,.nav-cta{display:none}.menu{display:block}.menu span{display:block;width:22px;height:1px;background:#fff;margin:6px}.nav-links.open{display:flex;position:fixed;inset:78px 0 auto;background:var(--n);padding:28px 24px;flex-direction:column;font-size:18px}.hero{padding-top:105px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero h1{font-size:14vw}.hero-media{height:490px}.trust{margin-top:45px}.section{padding:95px 0}.section-heading{display:block;margin-bottom:50px}.section-heading>p{margin-top:25px}.service{grid-template-columns:40px 55px 1fr;gap:12px}.service>b{display:none}.service h3{font-size:19px}.service p{font-size:13px}.project-grid{grid-template-columns:1fr;gap:55px}.project-image{height:460px}.about-grid{grid-template-columns:1fr;gap:20px}.contact-card{padding:45px 28px;grid-template-columns:1fr;gap:45px}.footer{padding:35px 0;min-height:0;flex-wrap:wrap;gap:25px}.footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}