:root{--bg:#030711;--panel:#071225;--panel2:#0a1730;--text:#f5f8ff;--muted:#91a0bb;--cyan:#00e5ff;--blue:#1677ff;--line:rgba(255,255,255,.1);--glow:0 0 60px rgba(0,229,255,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:99}.header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(3,7,17,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{width:150px;display:block}.nav{display:flex;gap:26px}.nav a,footer a{font-size:11px;letter-spacing:1.5px;color:#d8e2f4;text-decoration:none}.nav a:hover,footer a:hover{color:var(--cyan)}.menu-btn{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:860px;padding:180px 7% 90px;display:flex;align-items:center;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,229,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--cyan);font-weight:700}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan);margin-right:7px}.hero h1{font-size:clamp(48px,7vw,92px);line-height:.98;letter-spacing:-4px;margin:25px 0;color:white}.hero p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin:35px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 22px;border-radius:5px;text-decoration:none;font-size:11px;letter-spacing:1.5px;font-weight:800;border:1px solid var(--line);color:white}.btn.primary{background:linear-gradient(110deg,var(--blue),var(--cyan));color:#00101b;border:0;box-shadow:0 10px 40px rgba(0,180,255,.2)}.btn.ghost{background:rgba(255,255,255,.03)}.btn:hover{transform:translateY(-2px)}.stats{display:flex;gap:55px;margin-top:65px}.stats strong{font-size:30px;display:block}.stats small{color:var(--muted);font-size:10px;letter-spacing:1px}.hero-orb{position:absolute;right:5%;top:190px;width:480px;height:480px;display:grid;place-items:center}.orb-ring{position:absolute;border:1px solid rgba(0,229,255,.22);border-radius:50%;box-shadow:0 0 80px rgba(0,229,255,.08) inset}.r1{inset:30px;animation:spin 22s linear infinite}.r2{inset:95px;border-color:rgba(22,119,255,.28);animation:spin 14s linear reverse infinite}.orb-core{width:150px;height:150px;border-radius:42px;display:grid;place-items:center;text-align:center;font-size:35px;font-weight:900;line-height:.75;color:white;background:linear-gradient(145deg,#0b2e63,#061021);border:1px solid rgba(0,229,255,.5);box-shadow:0 0 70px rgba(0,229,255,.2)}.orb-core span{color:var(--cyan)}@keyframes spin{to{transform:rotate(360deg)}}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;white-space:nowrap;color:#b8c6dc;font-size:11px;letter-spacing:3px}.ticker div{display:inline-block;animation:ticker 24s linear infinite}.ticker i{color:var(--cyan);font-style:normal;margin:0 35px}@keyframes ticker{to{transform:translateX(-30%)}}.section{padding:120px 7%;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.section-head h2,.lab h2,.about h2{font-size:clamp(35px,4.5vw,65px);line-height:1;letter-spacing:-2px;margin:18px 0 0}.section-head h2 em,.lab h2 em,.about h2 em,.contact h2 em{font-style:normal;color:var(--cyan)}.section-head>p{max-width:420px;color:var(--muted);line-height:1.7}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{background:transparent;color:#8fa0bc;border:1px solid var(--line);padding:11px 15px;font-size:10px;letter-spacing:1.2px;cursor:pointer}.filter.active,.filter:hover{background:var(--cyan);color:#001018;border-color:var(--cyan)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.project-card{background:linear-gradient(145deg,#071225,#040a15);border:1px solid var(--line);transition:.35s;overflow:hidden}.project-card:hover{transform:translateY(-7px);border-color:rgba(0,229,255,.35);box-shadow:var(--glow)}.project-image{height:330px;position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.project-card:hover .project-image img{transform:scale(1.035)}.badge{position:absolute;top:17px;left:17px;background:#e9faff;color:#001018;padding:8px 11px;font-size:9px;letter-spacing:1px;font-weight:800}.badge.prototype{background:#101d35;color:var(--cyan);border:1px solid rgba(0,229,255,.3)}.zoom{position:absolute;right:17px;bottom:17px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(3,7,17,.75);color:white;cursor:pointer;font-size:18px}.project-info{padding:24px}.project-info>span{font-size:10px;color:var(--cyan);letter-spacing:2px}.project-info h3{font-size:29px;margin:8px 0}.project-info p{color:var(--muted);line-height:1.6;margin:0 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags i{font-style:normal;font-size:9px;padding:6px 9px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#aab8cd}.lab{padding:130px 7%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:linear-gradient(180deg,#040a14,#061328,#040a14);border-block:1px solid var(--line)}.lab-copy p{color:var(--muted);line-height:1.8;max-width:620px;margin:28px 0}.lab-panel{height:440px;border:1px solid rgba(0,229,255,.25);border-radius:20px;background:#020812;position:relative;overflow:hidden;box-shadow:0 0 100px rgba(0,229,255,.08)}.scan{position:absolute;inset:0;background:linear-gradient(transparent 49%,rgba(0,229,255,.07) 50%,transparent 51%);background-size:100% 8px}.panel-top{display:flex;justify-content:space-between;padding:22px;color:#7890b1;font-size:9px;letter-spacing:2px}.panel-top b{color:#49efb4}.wireframe{margin:30px;background:#08162a;border:1px solid var(--line);height:330px;padding:30px}.wf-nav{height:18px;width:45%;background:#163155}.wf-title{margin-top:50px;width:70%;height:35px;background:linear-gradient(90deg,var(--cyan),transparent);opacity:.75}.wf-lines{margin-top:18px;width:55%;height:9px;background:#314766;box-shadow:0 18px #223652,0 36px #172942}.wf-cards{display:flex;gap:10px;margin-top:45px}.wf-cards i{height:70px;flex:1;background:#102543;border:1px solid rgba(0,229,255,.15)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service{min-height:240px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.service small{color:var(--cyan);letter-spacing:2px}.service h3{font-size:20px;margin:40px 0 13px}.service p{color:var(--muted);line-height:1.6;font-size:14px}.service b{position:absolute;right:25px;bottom:25px;color:var(--cyan);font-size:20px}.tech{padding:100px 7%;background:#02050c;border-block:1px solid var(--line)}.tech-inner{max-width:1350px;margin:auto}.tech h2{font-size:clamp(32px,4vw,54px);margin:18px 0 45px}.tech-list{display:flex;flex-wrap:wrap;gap:10px}.tech-list span{padding:15px 20px;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:11px;letter-spacing:1.5px}.about-box{background:linear-gradient(145deg,#07152b,#050b16);border:1px solid var(--line);padding:70px}.about-box>p{max-width:800px;color:var(--muted);line-height:1.8;font-size:17px;margin:35px 0}.about-line{height:1px;background:var(--line)}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.about-grid strong{font-size:30px;color:var(--cyan);display:block}.about-grid span{font-size:12px;color:#9caac0}.contact{text-align:center;padding:160px 7%;position:relative;overflow:hidden;border-top:1px solid var(--line)}.contact-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--cyan);filter:blur(170px);opacity:.09;left:50%;top:45%;transform:translate(-50%,-50%)}.contact h2{font-size:clamp(55px,8vw,105px);line-height:.92;letter-spacing:-5px;margin:30px 0}.contact p{color:var(--muted);max-width:600px;margin:0 auto 35px;line-height:1.7}.big{padding:19px 28px}footer{padding:30px 7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer img{width:130px;display:block;margin-bottom:12px}footer span{font-size:10px;color:#6d7b91}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);z-index:100;align-items:center;justify-content:center;padding:25px}.modal.show{display:flex}.modal-card{max-width:950px;width:100%;background:#061021;border:1px solid rgba(0,229,255,.3);position:relative;box-shadow:0 0 100px rgba(0,229,255,.12)}.modal-card>img{width:100%;max-height:420px;object-fit:cover}.modal-body{padding:30px}.modal-body>span{font-size:10px;color:var(--cyan);letter-spacing:2px}.modal-body h2{font-size:38px;margin:8px 0}.modal-body p{color:var(--muted);line-height:1.7}.close{position:absolute;right:15px;top:15px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.6);color:white;font-size:25px;z-index:2;cursor:pointer}.modal-body .btn{margin-top:22px}@media(max-width:900px){.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#040a15;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.menu-btn{display:block}.hero{min-height:800px}.hero-orb{opacity:.22;right:-170px}.project-grid,.service-grid{grid-template-columns:1fr}.lab{grid-template-columns:1fr;gap:45px}.section-head{display:block}.section-head>p{margin-top:25px}.about-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.header{padding:0 5%}.brand img{width:125px}.hero{padding:150px 5% 70px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero p{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.stats{gap:20px;justify-content:space-between}.stats strong{font-size:24px}.stats small{font-size:8px}.hero-orb{right:-270px;top:250px}.section{padding:85px 5%}.project-image{height:230px}.lab{padding:85px 5%}.lab-panel{height:360px}.wireframe{margin:20px;height:280px;padding:20px}.service{min-height:210px}.about-box{padding:35px 25px}.contact{padding:110px 5%}.contact h2{font-size:55px;letter-spacing:-3px}footer{padding:25px 5%;align-items:end}.modal{padding:10px}.modal-body{padding:22px}.modal-body h2{font-size:30px}}