*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#020713;--panel:rgba(8,20,39,.64);--line:rgba(48,157,255,.38);--blue:#1498ff;--cyan:#39c8ff;--white:#f5f8ff;--muted:#aab7ca}
html{scroll-behavior:smooth;overflow-x:hidden}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--white);overflow-x:hidden;max-width:100vw}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 35%,rgba(0,118,255,.12),transparent 30%),radial-gradient(circle at 15% 85%,rgba(0,155,255,.07),transparent 28%);z-index:-2}
.navbar{height:94px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 5.2%;transition:.35s;border-bottom:1px solid transparent}
.navbar.scrolled{background:rgba(1,8,20,.72);backdrop-filter:blur(18px);border-color:rgba(75,165,255,.16)}
.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:310px}
.brand strong{font-size:18px;letter-spacing:.3px}.brand small{display:block;color:#9eabbf;font-size:10px;letter-spacing:1px;margin-top:4px}
.brand-mark{width:43px;height:53px;position:relative;border-bottom:2px solid var(--blue)}
.brand-mark span,.brand-mark i,.brand-mark b{position:absolute;bottom:0;border:2px solid var(--blue);border-bottom:0;width:11px}
.brand-mark span{height:45px;left:5px}.brand-mark i{height:32px;left:16px}.brand-mark b{height:24px;left:27px}
nav{display:flex;gap:39px;margin:auto}
nav a{color:#dce5f1;text-decoration:none;font-size:14px;position:relative;padding:38px 0 29px}
nav a.active,nav a:hover{color:#41baff}
nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--blue);box-shadow:0 0 13px var(--blue)}
.nav-btn{color:#fff;border:1px solid #198cff;border-radius:25px;padding:12px 18px;text-decoration:none;font-size:13px;box-shadow:0 0 20px rgba(0,136,255,.12)}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:125px 5.5% 75px;isolation:isolate}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(27,116,185,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(27,116,185,.06) 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(90deg,#000,transparent 78%);z-index:-1}
.hero-content{width:54%;z-index:2}
.eyebrow,.section-kicker,.expert-label{color:#21b7ff;letter-spacing:5px;font-size:12px;font-weight:600}
.eyebrow{margin-bottom:16px}
h1{font-size:clamp(48px,5.1vw,82px);line-height:1.05;letter-spacing:-3px;margin-bottom:20px}
h1 span,h2 span{background:linear-gradient(90deg,#fff,#58c8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qualification{font-size:20px;color:#39bfff;font-weight:600;margin-bottom:29px}.qualification em{color:#617188;font-style:normal;padding:0 8px}
.intro{font-size:15px;line-height:1.7;color:#d5deeb;max-width:720px}.intro strong{color:#25b8ff}
.expert-label{margin-top:28px;margin-bottom:14px;font-size:11px}
.expert-grid{display:grid;grid-template-columns:repeat(2,max-content);gap:12px 32px;color:#22aaff;font-size:18px}
.expert-grid span{font-size:14px;color:#e5ebf5;margin-left:8px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:650px;margin-top:30px}
.stat{height:118px;border:1px solid rgba(25,148,255,.48);border-radius:12px;background:linear-gradient(145deg,rgba(8,28,55,.78),rgba(4,13,27,.52));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 25px rgba(0,128,255,.04),0 0 22px rgba(0,91,180,.08)}
.stat strong{font-size:31px}.stat span{font-size:11px;line-height:1.45;color:#c5d0df;margin-top:8px}
.actions{display:flex;gap:25px;margin-top:35px}.primary,.secondary{display:inline-flex;align-items:center;gap:18px;text-decoration:none;padding:15px 22px;border-radius:10px;font-size:14px;font-weight:600}.primary{color:#fff;background:linear-gradient(120deg,#075dff,#16b9ff);box-shadow:0 0 28px rgba(0,131,255,.36)}.primary b{font-size:22px}.secondary{color:#fff;border:1px solid rgba(36,150,255,.52);background:rgba(3,14,30,.55)}
.hero-visual{position:absolute;right:2%;top:105px;width:48%;height:760px}
.tech-frame{position:absolute;right:6%;top:15px;width:56%;height:540px;border:1px solid rgba(51,183,255,.8);border-radius:38px;transform:skew(-7deg);overflow:hidden;box-shadow:0 0 35px rgba(0,146,255,.17),inset 0 0 45px rgba(0,142,255,.08)}
.tech-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;transform:skew(7deg) scale(1.08);filter:saturate(1.05) contrast(1.04)}
.portrait-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,7,18,.5) 100%)}
.scan{position:absolute;left:0;right:0;top:28%;height:1px;background:#36bfff;box-shadow:0 0 14px #16a7ff;animation:scan 5s ease-in-out infinite}
.corner{position:absolute;width:55px;height:55px;border-color:#2fc2ff;z-index:3}.c1{left:12px;top:12px;border-left:2px solid;border-top:2px solid}.c2{right:12px;top:12px;border-right:2px solid;border-top:2px solid}.c3{left:12px;bottom:12px;border-left:2px solid;border-bottom:2px solid}.c4{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid}
.credential-card{position:absolute;right:0;bottom:42px;width:330px;padding:27px 27px;background:rgba(3,15,31,.76);border:1px solid rgba(32,164,255,.7);border-radius:20px;backdrop-filter:blur(15px);box-shadow:0 15px 45px rgba(0,0,0,.35);transform:rotate(-2deg)}
.credential{display:flex;gap:17px;align-items:flex-start}.credential>b{font-size:25px;color:#49bdff}.credential strong{display:block;font-size:13px;margin-bottom:7px}.credential small{display:block;color:#aebbd0;font-size:11px;line-height:1.5}.line{height:1px;background:rgba(69,166,232,.2);margin:18px 0}
.wire-building{position:absolute;left:5%;bottom:35px;width:350px;height:330px;opacity:.45;background:repeating-linear-gradient(90deg,transparent 0 42px,rgba(36,171,255,.38) 43px 44px),repeating-linear-gradient(0deg,transparent 0 45px,rgba(36,171,255,.3) 46px 47px);clip-path:polygon(18% 100%,18% 28%,34% 18%,34% 0,52% 10%,52% 32%,72% 23%,72% 100%)}
.wire-building:after{content:"";position:absolute;inset:0;border:1px solid rgba(36,171,255,.35)}
.orb{position:absolute;border-radius:50%;filter:blur(30px);opacity:.3}.orb1{width:220px;height:220px;right:20%;top:18%;background:#0077ff}.orb2{width:130px;height:130px;right:55%;bottom:12%;background:#00bfff}
.scroll{position:absolute;bottom:28px;left:38%;font-size:11px;letter-spacing:2px;color:#b9c4d3}.scroll span{display:inline-flex;border:1px solid #d8e5f4;border-radius:18px;padding:10px 9px;margin-left:12px;animation:bob 1.8s infinite}
.stars{position:fixed;inset:0;z-index:-1;pointer-events:none}.star{position:absolute;width:3px;height:3px;background:#36adff;border-radius:50%;box-shadow:0 0 9px #168dff;animation:twinkle var(--d) ease-in-out infinite alternate}
.section{padding:120px 8%;position:relative}.section h2{font-size:clamp(38px,5vw,68px);line-height:1.05;letter-spacing:-2px;margin:16px 0 20px}.section-text{max-width:750px;color:#aeb9ca;line-height:1.8;font-size:15px}
.glass-panels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.glass-panels article{padding:28px;border:1px solid rgba(55,151,220,.25);background:rgba(10,25,45,.46);border-radius:18px;min-height:210px;transition:.35s}.glass-panels article:hover{transform:translateY(-8px);border-color:#159eff;box-shadow:0 15px 45px rgba(0,111,211,.12)}article span{color:#1db3ff;font-size:12px}article h3{margin:30px 0 12px;font-size:18px}article p{color:#9eacbe;font-size:13px;line-height:1.7}
.dark-section{background:linear-gradient(180deg,rgba(1,7,17,.3),rgba(4,17,33,.9))}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.cap{min-height:150px;border:1px solid rgba(44,147,221,.25);border-radius:16px;padding:24px;background:rgba(7,22,41,.6);transition:.3s}.cap:hover{transform:translateY(-5px);border-color:#169eff}.cap b{display:block;font-size:16px;margin:17px 0 8px}.cap small{color:#95a6ba;line-height:1.5}
.software-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.software-list div{padding:20px 22px;border:1px solid rgba(44,147,221,.2);background:rgba(5,18,34,.5);border-radius:12px;display:flex;justify-content:space-between;gap:12px}.software-list span{font-size:11px;color:#8799ad}
.contact-section{margin:40px 5% 80px;padding:70px 7%;border:1px solid rgba(37,157,244,.38);border-radius:28px;background:linear-gradient(120deg,rgba(7,31,59,.9),rgba(3,13,27,.78));display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-section h2{font-size:clamp(40px,5vw,65px);line-height:1.05;margin:15px 0}.contact-section p{color:#a7b6c9}.big{padding:18px 25px;white-space:nowrap}
footer{text-align:center;padding:30px;color:#718197;border-top:1px solid rgba(255,255,255,.06);font-size:11px}
.reveal{opacity:0;transform:translateY(25px);transition:1s ease}.reveal.show{opacity:1;transform:none}
.cursor-glow{position:fixed;width:240px;height:240px;border-radius:50%;background:rgba(0,128,255,.08);filter:blur(35px);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}
@keyframes scan{0%,100%{top:18%;opacity:0}30%,70%{opacity:1}50%{top:80%}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes twinkle{to{opacity:.15;transform:scale(.55)}}
@media(max-width:1100px){nav{gap:18px}.brand{min-width:250px}.hero-visual{opacity:.45;width:55%}.hero-content{width:70%}.glass-panels,.capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.navbar{height:72px;padding:0 5%}.brand small,nav,.nav-btn{display:none}.hero{padding:105px 6% 70px;min-height:auto}.hero-content{width:100%}.hero-visual{position:relative;right:auto;top:auto;width:100%;height:440px;margin-top:25px;opacity:1}.tech-frame{right:18%;width:64%;height:380px}.credential-card{width:280px;bottom:20px}.wire-building{display:none}.stats{grid-template-columns:repeat(2,1fr)}.expert-grid{grid-template-columns:1fr}.scroll{display:none}.section{padding:85px 7%}.glass-panels,.capability-grid,.software-list{grid-template-columns:1fr}.contact-section{margin:20px 5% 60px;display:block}.big{margin-top:30px;display:inline-flex}.section h2{font-size:43px}h1{letter-spacing:-2px}}

/* Atmospheric motion layers */
:root{--blue:#168cff;--cyan:#42e4ff;--electric:#55b9ff}
body{font-family:"Space Grotesk",sans-serif;background:#010610;overflow-x:clip}
main{position:relative;z-index:1}
.particle-field,.trail-field,.light-rays{position:fixed;inset:0;width:100vw;max-width:100vw;height:100%;pointer-events:none}
.particle-field{z-index:0;opacity:.8}
.trail-field{z-index:21}
.stars,.cursor-glow{z-index:0}
.grid-bg{opacity:.85;background-size:65px 65px;animation:grid-drift 18s linear infinite}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(2px);z-index:-1}
.hero:before{width:45vw;height:45vw;right:-15vw;top:10%;background:radial-gradient(circle,rgba(0,173,255,.18),transparent 68%);animation:ambient-float 12s ease-in-out infinite}
.hero:after{width:32vw;height:32vw;left:-15vw;bottom:-10vw;background:radial-gradient(circle,rgba(18,81,255,.14),transparent 68%);animation:ambient-float 15s ease-in-out -4s infinite reverse}
.light-rays{z-index:0;overflow:hidden;clip-path:inset(0);contain:paint;mix-blend-mode:screen;opacity:.42}
.light-rays i{position:absolute;display:block;width:18vw;height:150vh;top:-35vh;left:-20vw;transform:rotate(28deg);background:linear-gradient(90deg,transparent,rgba(36,174,255,.1),rgba(83,229,255,.25),transparent);filter:blur(18px);animation:ray-sweep 14s linear infinite}
.light-rays i:nth-child(2){width:8vw;animation-delay:-6s;animation-duration:19s;opacity:.6}
.light-rays i:nth-child(3){width:30vw;animation-delay:-11s;animation-duration:24s;opacity:.35}
.page-loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;gap:26px;background:#010610;transition:opacity .7s,visibility .7s}
.page-loader.is-ready{opacity:0;visibility:hidden;pointer-events:none}
.loader-core{width:82px;height:82px;position:relative;border:1px solid rgba(64,206,255,.25);border-radius:50%;box-shadow:0 0 35px rgba(0,156,255,.18);animation:loader-spin 3s linear infinite}
.loader-core:before,.loader-core:after{content:"";position:absolute;inset:12px;border:1px solid transparent;border-top-color:var(--cyan);border-bottom-color:var(--blue);border-radius:50%}
.loader-core:after{inset:25px;border-color:var(--electric);animation:loader-spin 1.4s linear infinite reverse}
.loader-core span{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 10px var(--cyan);top:0;left:50%;transform:translate(-50%,-50%)}
.loader-core span:nth-child(2){top:50%;left:100%}.loader-core span:nth-child(3){top:100%;left:50%}
.page-loader p{font-size:10px;letter-spacing:4px;color:#8edfff;text-align:center}.page-loader p span{animation:blink 1s steps(3,end) infinite}
.tech-frame{animation:frame-pulse 5s ease-in-out infinite}
.stat,.glass-panels article,.cap,.software-list div,.credential-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.stat{animation:neon-pulse 4s ease-in-out infinite}.stat:nth-child(2){animation-delay:-1s}.stat:nth-child(3){animation-delay:-2s}.stat:nth-child(4){animation-delay:-3s}
.primary{animation:button-pulse 3.2s ease-in-out infinite}.glass-panels article:hover,.cap:hover,.software-list div:hover{box-shadow:0 0 0 1px rgba(48,205,255,.25),0 18px 45px rgba(0,144,255,.23),inset 0 0 24px rgba(37,187,255,.08)}
.reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.shooting-star{position:fixed;width:110px;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent,#fff,var(--cyan));box-shadow:0 0 10px var(--cyan);transform:rotate(-32deg);animation:shoot 1.1s ease-out forwards}
@keyframes grid-drift{to{background-position:65px 65px}}
@keyframes ray-sweep{0%{transform:translateX(-10vw) rotate(28deg)}100%{transform:translateX(150vw) rotate(28deg)}}
@keyframes ambient-float{50%{transform:translate3d(3vw,-2vh,0) scale(1.08)}}
@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.15}}
@keyframes frame-pulse{50%{box-shadow:0 0 55px rgba(0,174,255,.3),inset 0 0 45px rgba(0,142,255,.14)}}
@keyframes neon-pulse{50%{box-shadow:inset 0 0 30px rgba(0,128,255,.09),0 0 30px rgba(0,125,255,.14)}}
@keyframes button-pulse{50%{box-shadow:0 0 38px rgba(0,158,255,.55)}}
@keyframes shoot{0%{opacity:0;transform:translate3d(0,0,0) rotate(-32deg)}15%{opacity:1}100%{opacity:0;transform:translate3d(-32vw,32vh,0) rotate(-32deg)}}
@media(max-width:800px){.light-rays{opacity:.25}.particle-field{opacity:.55}.hero{display:block}.hero-visual{width:100%;max-width:100%;flex:0 0 100%;transform:none!important}.primary{animation-duration:4.5s}.light-rays i{width:28vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grid-bg,.light-rays i,.hero:before,.hero:after,.tech-frame,.stat,.primary,.scan,.loader-core,.loader-core:after{animation:none}.reveal{transition:none}.shooting-star{display:none}}

/* Final responsive system */
*,*::before,*::after{min-width:0}
body{overflow-x:hidden;text-rendering:optimizeLegibility}
img{display:block;max-width:100%}
.mobile-menu,.menu-toggle{display:none}
.hero-content,.hero-visual{will-change:transform}
.hero-visual{pointer-events:none}
.hero-visual img{pointer-events:auto}
.cap,.glass-panels article,.software-list div,.stat{position:relative;overflow:hidden}
.cap::after,.glass-panels article::after,.software-list div::after,.primary::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(117,225,255,.16) 48%,transparent 68%);transform:translateX(-130%);transition:transform .75s ease}
.cap:hover::after,.glass-panels article:hover::after,.software-list div:hover::after,.primary:hover::after{transform:translateX(130%)}
.cap:hover{transform:perspective(700px) translateY(-7px) rotateX(2deg) rotateY(-2deg)}
.primary,.secondary,.nav-btn,.menu-toggle{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.primary:hover,.secondary:hover,.nav-btn:hover{transform:translateY(-3px)}
.primary:active,.secondary:active,.nav-btn:active{transform:translateY(0) scale(.98)}
.hero-visual .tech-frame{animation:frame-pulse 5s ease-in-out infinite, portrait-float 7s ease-in-out infinite}
.section.reveal,.contact-section.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.25,1)}
.section.reveal.show,.contact-section.reveal.show{opacity:1;transform:none}

@media (max-width:1100px){
	.navbar{padding-inline:4%}.brand{min-width:230px}.navbar nav{gap:17px}
	.hero{padding-inline:5%}.hero-content{width:60%}.hero-visual{width:48%;opacity:.9}
	.tech-frame{width:70%;height:500px;overflow:hidden}.glass-panels,.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.software-list{grid-template-columns:repeat(3,minmax(0,1fr))}.software-list div{flex-direction:column;align-items:flex-start}
}

@media (max-width:800px){
	.navbar{height:70px;padding:0 18px;background:rgba(1,8,20,.82);backdrop-filter:blur(18px);border-bottom-color:rgba(75,165,255,.16)}
	.brand{min-width:0;gap:9px}.brand strong{font-size:14px}.brand small{font-size:8px;letter-spacing:.6px}.brand-mark{width:32px;height:39px;transform:scale(.8);transform-origin:left center}
	.navbar>nav,.navbar>.nav-btn{display:none}.menu-toggle{display:flex;z-index:31;width:42px;height:42px;margin-left:auto;padding:10px;flex-direction:column;justify-content:center;gap:5px;border:1px solid rgba(49,182,255,.45);border-radius:10px;background:rgba(4,20,39,.75);cursor:pointer}
	.menu-toggle span{display:block;width:20px;height:2px;background:#eaf8ff;transition:transform .3s ease,opacity .3s ease}.navbar.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar.menu-open .menu-toggle span:nth-child(2){opacity:0}.navbar.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
	.mobile-menu{display:block;position:fixed;z-index:30;top:70px;right:0;width:min(86vw,340px);height:calc(100dvh - 70px);padding:34px 28px;background:rgba(2,13,29,.96);border-left:1px solid rgba(45,183,255,.35);box-shadow:-20px 0 60px rgba(0,99,220,.17);transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.navbar.menu-open .mobile-menu{transform:translateX(0)}
	.mobile-menu nav{display:flex;flex-direction:column;gap:0}.mobile-menu a{display:block;padding:18px 0;color:#dceafb;text-decoration:none;font-size:16px;border-bottom:1px solid rgba(79,160,223,.14)}.mobile-menu a.active,.mobile-menu a:hover{color:var(--cyan);padding-left:8px}
	.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:96px 18px 62px;overflow:hidden}.hero-visual{position:relative;order:-1;right:auto;top:auto;width:100%;height:265px;margin:0 auto 28px;opacity:1;display:flex;justify-content:center;align-items:flex-start;transform:none!important}
	.hero-content{order:1;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;transform:none!important}.eyebrow{font-size:9px;letter-spacing:2.5px;line-height:1.5;margin-bottom:12px}.hero-content h1{font-size:clamp(31px,10vw,48px);line-height:1.08;letter-spacing:-1.5px;margin-bottom:12px}.qualification{font-size:clamp(14px,4vw,18px);line-height:1.7;margin-bottom:18px}.qualification em{padding:0 3px}.intro{font-size:13px;line-height:1.7}.intro br{display:none}.expert-label{margin-top:25px;letter-spacing:3px}.expert-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 8px;text-align:left}.expert-grid div{font-size:16px;display:flex;align-items:center}.expert-grid span{font-size:12px;margin-left:5px;line-height:1.3}
	.tech-frame{position:relative;inset:auto;width:min(210px,62vw);height:min(210px,62vw);border-radius:50%;transform:none;aspect-ratio:1;box-shadow:0 0 0 5px rgba(12,81,150,.2),0 0 24px rgba(0,176,255,.42),inset 0 0 30px rgba(0,150,255,.22);animation:frame-pulse 5s ease-in-out infinite,portrait-float 7s ease-in-out infinite}.tech-frame::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(44,203,255,.55);border-top-color:transparent;border-radius:50%;animation:loader-spin 9s linear infinite;z-index:3}.tech-frame img{transform:none;width:100%;height:100%;object-fit:cover;object-position:center 18%;border-radius:50%;filter:saturate(1.08) contrast(1.04)}.portrait-shade{border-radius:50%}.corner{display:none}.scan{top:50%;left:12%;right:12%}.orb{z-index:-1}.orb1{width:170px;height:170px;right:calc(50% - 85px);top:10px}.orb2{width:90px;height:90px;right:8%;bottom:15px}
	.wire-building{display:none}.stats{width:100%;max-width:420px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.stat{height:98px;border-radius:12px}.stat strong{font-size:25px}.stat span{font-size:10px;margin-top:5px}.actions{width:100%;flex-direction:column;gap:10px;margin-top:26px}.primary,.secondary{width:100%;justify-content:center;padding:14px 16px}.scroll{display:none}
	.section{padding:78px 18px}.section h2{font-size:clamp(32px,9vw,43px);letter-spacing:-1px;line-height:1.1}.section-text{font-size:14px;line-height:1.7}.glass-panels,.capability-grid,.software-list{grid-template-columns:1fr;gap:12px;margin-top:32px}.glass-panels article{min-height:0;padding:23px}.cap{min-height:0;padding:21px}.software-list div{padding:17px 18px;flex-direction:row;align-items:center}.software-list span{font-size:10px;text-align:right}.contact-section{margin:12px 18px 48px;padding:42px 22px;border-radius:20px;display:flex;flex-direction:column;text-align:center;gap:0}.contact-section h2{font-size:clamp(34px,9vw,46px)}.contact-section p{font-size:13px;line-height:1.6}.big{margin-top:25px;width:100%;white-space:normal}.dark-section{background:linear-gradient(180deg,rgba(1,7,17,.3),rgba(4,17,33,.9))}.section-kicker{font-size:10px;letter-spacing:3px}footer{padding:25px 18px;line-height:1.7}
}
@media (max-width:360px){.navbar{padding-inline:14px}.brand strong{font-size:12px}.brand small{font-size:7px}.hero{padding-inline:14px}.hero-content h1{font-size:30px}.expert-grid{grid-template-columns:1fr}.expert-grid div{font-size:15px}.stats{gap:8px}.stat{height:92px}.stat strong{font-size:23px}.section{padding-inline:14px}.contact-section{margin-inline:14px}.software-list div{align-items:flex-start;flex-direction:column;gap:5px}.software-list span{text-align:left}}
@media (min-width:801px){.section.reveal,.contact-section.reveal{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hero-visual .tech-frame,.tech-frame::before{animation:none}.cap::after,.glass-panels article::after,.software-list div::after,.primary::after{display:none}}
@keyframes portrait-float{50%{transform:translateY(-6px)}}
@media (min-width:801px){.hero-visual{height:820px}.tech-frame{width:420px;max-width:calc(100vw - 80px);height:620px;border-radius:38px}.tech-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:inherit}.portrait-shade{border-radius:inherit}}

.light-rays i,.light-rays i:nth-child(2),.light-rays i:nth-child(3){inset:0;left:0;top:0;width:100vw;height:100vh;transform:none;filter:blur(18px);background:linear-gradient(120deg,transparent 24%,rgba(36,174,255,.08) 40%,rgba(83,229,255,.22) 48%,transparent 61%);background-size:220% 100%;background-position:-120% 0;animation:ray-drift 14s linear infinite}
.light-rays i:nth-child(2){background-size:190% 100%;animation-delay:-6s;animation-duration:19s;opacity:.6}.light-rays i:nth-child(3){background-size:260% 100%;animation-delay:-11s;animation-duration:24s;opacity:.35}
@keyframes ray-drift{to{background-position:120% 0}}


.vision-section{position:relative;isolation:isolate;overflow:hidden;padding:120px 5%;background:linear-gradient(150deg,#020b1b 0%,#03172b 48%,#010712 100%);border-top:1px solid rgba(46,166,255,.15);border-bottom:1px solid rgba(46,166,255,.18)}
.vision-section::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(31,147,221,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(31,147,221,.13) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);animation:grid-drift 24s linear infinite}
.vision-section::after{content:"";position:absolute;width:620px;height:620px;right:-270px;top:12%;z-index:-1;background:radial-gradient(circle,rgba(0,185,255,.16),transparent 68%);filter:blur(16px);animation:ambient-float 16s ease-in-out infinite}
.vision-inner{max-width:1220px;margin:0 auto}.vision-section h2{font-size:clamp(42px,5.5vw,78px);line-height:1.02;letter-spacing:-2px;margin:17px 0 18px}.vision-subtitle{max-width:780px;color:#e7f8ff;font-size:clamp(17px,2vw,24px);line-height:1.4;font-weight:500}.vision-description{max-width:820px;margin-top:15px;color:#9fb9ca;font-size:15px;line-height:1.8}
.vision-timeline{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 80px;margin-top:72px}.vision-timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--cyan),rgba(28,133,219,.25),transparent);box-shadow:0 0 12px rgba(45,205,255,.55)}
.vision-card{position:relative;padding:30px 31px 28px;border:1px solid rgba(57,168,231,.3);border-radius:12px;background:linear-gradient(145deg,rgba(12,43,71,.75),rgba(3,17,34,.7));box-shadow:inset 0 1px rgba(178,235,255,.08),0 17px 40px rgba(0,9,25,.2);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.vision-card:nth-child(even){transform:translateY(62px)}.vision-card:hover{transform:translateY(-8px);border-color:rgba(70,220,255,.9);box-shadow:0 0 0 1px rgba(48,205,255,.2),0 20px 50px rgba(0,144,255,.26),inset 0 0 28px rgba(37,187,255,.1)}.vision-card:nth-child(even):hover{transform:translateY(54px)}
.vision-card::before{content:"";position:absolute;top:36px;width:11px;height:11px;border:2px solid var(--cyan);border-radius:50%;background:#031226;box-shadow:0 0 16px var(--cyan);z-index:2}.vision-card:nth-child(odd)::before{right:-46px}.vision-card:nth-child(even)::before{left:-46px}.vision-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:22px;border:1px solid rgba(70,214,255,.55);border-radius:11px;color:#7deaff;font-size:24px;background:rgba(12,102,161,.2);box-shadow:0 0 20px rgba(0,181,255,.16)}.vision-number{position:absolute;right:27px;top:30px;color:#2dbff3;font-size:11px;letter-spacing:2px}.vision-card h3{max-width:88%;margin-bottom:12px;font-size:19px;line-height:1.25}.vision-card p{color:#a9bbca;font-size:13px;line-height:1.7}.vision-statement{max-width:930px;margin:105px auto 0;padding:29px 34px;border-left:2px solid var(--cyan);border-right:1px solid rgba(65,193,255,.3);background:linear-gradient(90deg,rgba(18,105,157,.19),transparent);color:#e7f8ff;font-size:clamp(16px,2vw,21px);font-weight:500;line-height:1.65;box-shadow:0 0 35px rgba(0,123,255,.08)}
@media(max-width:800px){.vision-section{padding:78px 18px}.vision-section h2{font-size:clamp(36px,10vw,50px);letter-spacing:-1px}.vision-subtitle{font-size:17px}.vision-description{font-size:13px}.vision-timeline{display:grid;grid-template-columns:1fr;gap:13px;margin-top:42px}.vision-timeline::before{left:7px;top:0;bottom:0}.vision-card,.vision-card:nth-child(even){transform:none;padding:24px 22px 23px;margin-left:20px}.vision-card:hover,.vision-card:nth-child(even):hover{transform:translateY(-5px)}.vision-card::before,.vision-card:nth-child(even)::before{left:-20px;right:auto;top:31px;width:9px;height:9px}.vision-icon{width:38px;height:38px;margin-bottom:18px;font-size:20px}.vision-number{right:21px;top:24px}.vision-card h3{font-size:17px}.vision-card p{font-size:12px;line-height:1.65}.vision-statement{margin-top:55px;padding:22px 20px;font-size:15px;line-height:1.65}}
@media(max-width:360px){.vision-section{padding-inline:14px}.vision-card{margin-left:17px;padding-inline:18px}.vision-timeline::before{left:5px}.vision-card::before,.vision-card:nth-child(even)::before{left:-17px}}

/* Portfolio showcase layer */
.future-section{position:relative;isolation:isolate;overflow:hidden;padding:125px 5%;background:#010915;border-top:1px solid rgba(59,184,255,.14);border-bottom:1px solid rgba(59,184,255,.14)}
.future-section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(29,120,190,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(29,120,190,.1) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);opacity:.35;animation:grid-drift 28s linear infinite}.future-section::after{content:"";position:absolute;width:500px;height:500px;left:-230px;top:18%;z-index:-1;background:radial-gradient(circle,rgba(0,149,255,.2),transparent 68%);filter:blur(20px);animation:ambient-float 14s ease-in-out infinite}
.future-inner{max-width:1220px;margin:0 auto}.future-section h2,.projects-section h2,.journey-section h2,.feedback-section h2{font-size:clamp(42px,5.5vw,78px);line-height:1.02;letter-spacing:-2px;margin:17px 0}.future-lead{max-width:670px;color:#bfeaff;font-size:20px;line-height:1.5}.future-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:54px}.future-card{min-height:425px;display:flex;flex-direction:column;border:1px solid rgba(47,165,232,.28);border-radius:13px;background:linear-gradient(160deg,rgba(9,39,68,.74),rgba(2,13,28,.9));overflow:hidden;box-shadow:inset 0 1px rgba(195,241,255,.08),0 20px 50px rgba(0,4,19,.3);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.future-card:hover{transform:translateY(-10px);border-color:rgba(67,220,255,.9);box-shadow:0 0 0 1px rgba(47,193,255,.2),0 25px 55px rgba(0,134,255,.25)}.future-copy{padding:23px 22px}.future-copy small,.project-card small,.journey-item small{color:#40caff;font-size:9px;letter-spacing:2px}.future-copy h3{margin:12px 0 9px;font-size:21px}.future-copy p,.project-card p{color:#9fb5c7;font-size:13px;line-height:1.65}
.concept-art{position:relative;height:205px;overflow:hidden;background:radial-gradient(circle at 50% 65%,rgba(0,175,255,.25),transparent 38%),linear-gradient(150deg,#062a48,#020d1e);border-bottom:1px solid rgba(65,190,255,.2)}.concept-art::before{content:"";position:absolute;inset:20px;background:linear-gradient(rgba(91,216,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(91,216,255,.13) 1px,transparent 1px);background-size:25px 25px;transform:perspective(250px) rotateX(55deg);transform-origin:center bottom;opacity:.7}.concept-art i,.concept-art b,.concept-art span{position:absolute;display:block}.concept-home i{width:100px;height:70px;left:calc(50% - 50px);bottom:43px;border:2px solid #67ddff;border-top:0;transform:perspective(200px) rotateX(-12deg);box-shadow:0 0 16px rgba(50,202,255,.35)}.concept-home i::before,.concept-home i::after{content:"";position:absolute;width:71px;height:2px;left:12px;background:#67ddff;transform:rotate(-30deg);transform-origin:left}.concept-home i::before{top:-35px}.concept-home i::after{top:-35px;left:83px;transform:rotate(30deg)}.concept-home b{width:18px;height:30px;bottom:43px;left:calc(50% - 9px);border:1px solid #44bfff}.concept-float i{width:120px;height:70px;left:calc(50% - 60px);bottom:53px;border:2px solid #61dcff;transform:skew(-20deg);box-shadow:0 0 18px rgba(25,192,255,.45)}.concept-float b{width:130px;height:1px;left:calc(50% - 65px);bottom:44px;background:#65dcff;box-shadow:0 12px #248ec9,0 -12px #248ec9}.concept-float span{width:6px;height:6px;left:30%;top:35%;border:1px solid #fff;border-radius:50%;box-shadow:80px 18px 0 #3ccfff,120px -18px 0 #258dff}.concept-magnetic i{width:115px;height:115px;left:calc(50% - 57px);bottom:42px;border:2px solid #5ce0ff;border-radius:50%;box-shadow:inset 0 0 20px rgba(30,184,255,.35),0 0 18px rgba(30,184,255,.35)}.concept-magnetic b{width:155px;height:42px;left:calc(50% - 77px);bottom:78px;border-top:1px solid #fff;border-bottom:1px solid #3bcfff;border-radius:50%;transform:rotate(-25deg)}.concept-magnetic span{width:8px;height:8px;left:27%;top:43%;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,100px 28px 0 #45d9ff}.concept-city i{width:34px;height:105px;left:29%;bottom:32px;border:1px solid #52dcff;box-shadow:45px 28px 0 -1px #082b49,90px -14px 0 -1px #0b3857}.concept-city b{width:150px;height:1px;left:calc(50% - 75px);bottom:31px;background:#62dfff;box-shadow:0 -15px rgba(66,205,255,.6),0 -30px rgba(66,205,255,.3)}.concept-city span{width:8px;height:8px;left:68%;bottom:82px;border:1px solid #fff;border-radius:50%;box-shadow:0 0 13px #fff}
.projects-section{background:linear-gradient(180deg,#020713,#031223)}.project-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:46px}.project-card{overflow:hidden;border:1px solid rgba(48,159,219,.28);border-radius:12px;background:rgba(7,24,43,.62);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.project-card:hover{transform:translateY(-8px);border-color:#40d7ff;box-shadow:0 18px 40px rgba(0,132,240,.2)}.project-card>div:last-child{padding:18px}.project-card h3{margin:9px 0 8px;font-size:17px}.project-visual{position:relative;height:150px;overflow:hidden;background:linear-gradient(145deg,#0b3856,#03101f)}.project-visual span{position:absolute;top:14px;left:15px;color:#59dbff;font-size:11px;letter-spacing:2px}.project-visual i{position:absolute;display:block}.project-house i{width:90px;height:60px;left:calc(50% - 45px);bottom:31px;border:1px solid #53d9ff;border-top:0;transform:skew(-15deg);box-shadow:0 0 20px rgba(27,188,255,.3)}.project-house i::before{content:"";position:absolute;width:64px;height:64px;left:12px;top:-34px;border-left:1px solid #53d9ff;border-top:1px solid #53d9ff;transform:rotate(45deg)}.project-tower i{width:58px;height:112px;left:calc(50% - 29px);bottom:0;border:1px solid #58ddff;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(88,221,255,.55) 18px 19px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(88,221,255,.55) 18px 19px)}.project-structure i{width:125px;height:82px;left:calc(50% - 62px);bottom:18px;border:1px solid #57dcff;transform:skew(-25deg);background:linear-gradient(35deg,transparent 48%,#55d9ff 49% 50%,transparent 51%),linear-gradient(145deg,transparent 48%,#55d9ff 49% 50%,transparent 51%)}.project-render i{width:105px;height:72px;left:calc(50% - 52px);bottom:28px;border:1px solid #58ddff;transform:perspective(200px) rotateX(35deg);box-shadow:0 0 22px rgba(54,211,255,.35)}.project-approval i{width:80px;height:105px;left:calc(50% - 40px);bottom:0;border:1px solid #58ddff;border-bottom:0;transform:skew(-7deg);background:repeating-linear-gradient(0deg,transparent 0 19px,rgba(88,221,255,.4) 20px 21px)}
.journey-section{background:#010812}.journey-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:62px}.journey-track::before{content:"";position:absolute;left:7%;right:7%;top:13px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px rgba(61,210,255,.7)}.journey-item{position:relative;padding:42px 17px 0;text-align:center}.journey-item>span{position:absolute;top:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--cyan);border-radius:50%;background:#031529;color:#85ebff;font-size:9px;z-index:2;box-shadow:0 0 15px rgba(64,216,255,.45)}.journey-item h3{font-size:16px;margin:12px 0 9px}.journey-item p{color:#91aabe;font-size:12px;line-height:1.6}
.feedback-section{background:linear-gradient(180deg,#020a16,#031a2f)}.feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:48px}.feedback-card{min-height:220px;padding:25px;border:1px solid rgba(48,159,219,.3);border-radius:13px;background:rgba(6,27,48,.6);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.feedback-card:hover{transform:translateY(-7px);border-color:#42d7ff;box-shadow:0 18px 42px rgba(0,126,229,.2)}.quote-mark{color:#46d7ff;font-size:38px;line-height:.6;margin-bottom:18px}.feedback-card p{min-height:88px;color:#c1d3df;font-size:14px;line-height:1.7}.feedback-card strong,.feedback-card small{display:block}.feedback-card strong{font-size:13px;margin-top:19px}.feedback-card small{margin-top:4px;color:#43caff;font-size:10px;letter-spacing:1px}
.contact-actions{display:flex;align-items:center;gap:28px}.contact-details{display:flex;flex-direction:column;gap:8px;font-size:12px}.contact-details a{color:#c9eaff;text-decoration:none}.contact-details a:hover{color:var(--cyan)}.contact-details span{color:#8ca9bb}
@media(max-width:1100px){.future-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-track{grid-template-columns:repeat(3,1fr);row-gap:35px}.journey-track::before{display:none}}
@media(max-width:800px){.future-section{padding:78px 18px}.future-section h2,.projects-section h2,.journey-section h2,.feedback-section h2{font-size:clamp(36px,10vw,50px);letter-spacing:-1px}.future-lead{font-size:16px}.future-grid,.project-grid,.feedback-grid{grid-template-columns:1fr;gap:13px;margin-top:34px}.future-card{min-height:0}.concept-art{height:180px}.project-visual{height:145px}.journey-track{grid-template-columns:1fr;gap:0;margin-top:43px;padding-left:25px}.journey-track::before{display:block;left:12px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--cyan),transparent)}.journey-item{padding:0 0 28px 33px;text-align:left}.journey-item>span{left:0;top:0;transform:none}.journey-item h3{margin-top:8px}.feedback-card{min-height:0}.feedback-card p{min-height:0}.contact-actions{flex-direction:column;width:100%;gap:0}.contact-details{width:100%;align-items:center;margin-top:20px}.contact-section .big{margin-top:25px}}
@media(max-width:800px){.hud-ring{inset:6%}.hud-ring-two{inset:12%}.portrait-badge{left:11%;bottom:10%;font-size:6px}.orbit-dot-one{left:70%}}
@keyframes orbit-sway{0%{transform:rotate(0deg) translateX(0)}50%{transform:rotate(180deg) translateX(9px)}100%{transform:rotate(360deg) translateX(0)}}
.hud-ring{position:absolute;inset:7%;border:1px solid rgba(83,220,255,.22);border-radius:50%;pointer-events:none;z-index:2}.hud-ring-one{border-left-color:transparent;border-bottom-color:rgba(83,220,255,.6);animation:loader-spin 18s linear infinite}.hud-ring-two{inset:13%;border-right-color:rgba(52,143,255,.62);border-top-color:transparent;animation:loader-spin 11s linear infinite reverse}.orbit-dot{position:absolute;z-index:4;width:6px;height:6px;border-radius:50%;background:#e7fcff;box-shadow:0 0 12px #41ddff}.orbit-dot-one{top:11%;left:69%;animation:orbit-sway 5s linear infinite}.orbit-dot-two{right:15%;bottom:24%;width:4px;height:4px;background:#3b9dff;animation:orbit-sway 7s linear -2s infinite reverse}.portrait-badge{position:absolute;z-index:4;left:14%;bottom:12%;padding:6px 8px;border-left:1px solid var(--cyan);background:rgba(2,16,32,.7);color:#9deeff;font-size:7px;letter-spacing:1.5px;line-height:1.5;box-shadow:0 0 15px rgba(0,168,255,.15)}