.header{height:92px;background:#ffffffed;backdrop-filter:blur(18px)}
.brand-image{width:188px;height:82px;overflow:visible}.brand-image img{width:100%;height:100%;object-fit:contain!important;object-position:center;background:transparent!important;border-radius:0!important}
.hero{min-height:860px;padding-top:190px;isolation:isolate}.hero-photo{opacity:.12;filter:grayscale(1);width:44%}.hero-shade{background:radial-gradient(circle at 78% 42%,#dff3ff 0,transparent 29%),linear-gradient(90deg,#f7f9fc 0%,#f7f9fcea 54%,#f7f9fc55 100%)}
.hero-3d-stage{--rx:0deg;--ry:0deg;position:absolute!important;z-index:2!important;right:3vw;top:52%;width:min(48vw,680px);aspect-ratio:1;transform:translateY(-50%) perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease-out}
.logo-plane{position:absolute;inset:8%;transform:translateZ(70px);animation:logo-float 5.5s ease-in-out infinite;filter:drop-shadow(0 30px 34px #103b7930)}.logo-plane img{width:100%;height:100%;object-fit:contain;display:block}
.orbit{position:absolute;border:1px solid #315de82b;border-radius:50%;inset:8%;transform-style:preserve-3d}.orbit-one{transform:rotateX(68deg) rotateZ(15deg);animation:orbit 16s linear infinite}.orbit-two{inset:16%;border-color:#52a9d84d;transform:rotateY(65deg) rotateZ(-20deg);animation:orbit-reverse 12s linear infinite}.orbit:after{content:"";position:absolute;width:11px;height:11px;background:#315de8;border-radius:50%;top:10%;left:12%;box-shadow:0 0 20px #315de8}
.model-note{position:absolute;background:#fff;border:1px solid #d5e3ed;border-radius:99px;padding:10px 14px;box-shadow:0 10px 25px #173e7414;font:700 9px "Manrope";letter-spacing:1px;color:#174aa8;transform:translateZ(110px)}.note-a{top:18%;right:0}.note-b{bottom:18%;left:0}.note-c{bottom:7%;right:13%}
.hero h1,.hero>p,.hero-actions,.hero-stats,.eyebrow{max-width:53%}.hero h1{font-size:clamp(54px,5.3vw,84px)}
.services{perspective:1200px}.services article{transform-style:preserve-3d}.services article:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-2deg)}.services article:hover .service-icon{transform:translateZ(24px) rotate(-4deg)}.service-icon{transition:.35s}
.technical-showcase{position:relative}.presentation-frame{transform:perspective(1600px) rotateX(1.5deg);transition:.5s}.presentation-frame:hover{transform:perspective(1600px) rotateX(0) translateY(-6px)}
.future-gallery{padding:115px 7vw;background:#071226;color:#fff;overflow:hidden}.gallery-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.gallery-head h2{font:700 clamp(48px,5vw,76px)/1 "Manrope";letter-spacing:-4px;margin:22px 0 0}.gallery-head h2 em{font-style:normal;color:#52a9d8}.gallery-head p{color:#a8bac7;line-height:1.75}.gallery-track{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;perspective:1200px}.future-card{position:relative;min-height:390px;border:1px solid #ffffff22;border-radius:22px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transform-style:preserve-3d;transition:.45s;background:linear-gradient(145deg,#0d2b62,#0b1c3a)}.future-card:hover{transform:translateY(-10px) rotateX(3deg) rotateY(-3deg);border-color:#52a9d8}.future-card:nth-child(2):hover{transform:translateY(-10px) rotateX(3deg) rotateY(3deg)}.future-card span{font:700 9px "Manrope";letter-spacing:2px;color:#52a9d8}.future-card strong{font:700 22px "Manrope";margin:10px 0}.future-card small{color:#8fa4b4}.blueprint-grid{position:absolute;inset:0;background-image:linear-gradient(#52a9d814 1px,transparent 1px),linear-gradient(90deg,#52a9d814 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(#000,transparent 80%)}.blueprint-grid:before,.blueprint-grid:after{content:"";position:absolute;border:1px solid #52a9d884;transform:rotateX(55deg) rotateZ(25deg)}.blueprint-grid:before{width:210px;height:120px;left:50%;top:26%;margin-left:-105px;box-shadow:18px 18px 0 #315de81f,36px 36px 0 #315de81a}.blueprint-grid:after{width:130px;height:190px;left:50%;top:12%;margin-left:-65px;transform:rotateY(50deg) rotateZ(-18deg)}
footer{background:#fff;color:#506575;border-top:1px solid #dce6ed}footer .brand{color:#081326}footer div{color:#153f8f}
@keyframes logo-float{0%,100%{transform:translateZ(70px) translateY(0) rotateZ(0)}50%{transform:translateZ(90px) translateY(-14px) rotateZ(.8deg)}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(375deg)}}@keyframes orbit-reverse{to{transform:rotateY(65deg) rotateZ(-380deg)}}
@media(max-width:900px){.hero{padding-top:135px;padding-bottom:440px}.hero h1,.hero>p,.hero-actions,.hero-stats,.eyebrow{max-width:100%}.hero-3d-stage{width:88vw;right:6vw;top:auto;bottom:0;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.model-note{font-size:7px;padding:8px 10px}.gallery-head,.gallery-track{grid-template-columns:1fr}.gallery-track{gap:14px}.future-gallery{padding:80px 24px}.future-card{min-height:300px}.brand-image{width:152px;height:70px}}
@media(prefers-reduced-motion:reduce){.logo-plane,.orbit{animation:none}.hero-3d-stage{transition:none}}