:root{--bg:#040712;--bg2:#071126;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.105);--line:rgba(255,255,255,.14);--text:#fff;--muted:#b8c6dc;--cyan:#00f5ff;--green:#00ffa3;--purple:#7c3aed;--gold:#ffd166}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0%,#0b1d40 0,#040712 42%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1240px;margin:auto;padding:0 24px}.glass{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 20px 80px rgba(0,0,0,.35)}.header{position:fixed;inset:0 0 auto 0;z-index:50;background:rgba(4,7,18,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar{height:34px;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;color:var(--muted)}.topbar .container{height:34px;display:flex;align-items:center;justify-content:space-between}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:950;letter-spacing:.14em;font-size:20px}.brand small{display:block;font-size:9px;color:var(--cyan);letter-spacing:.5em;margin-top:3px}.menu{display:flex;gap:20px;align-items:center;margin:0;padding:0}.menu>li{list-style:none;position:relative}.menu a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e8f0ff}.mega{display:none;position:absolute;left:-170px;top:30px;width:820px;padding:18px;border-radius:24px;background:#081226;border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:12px}.menu li:hover .mega{display:grid}.mega a{display:block;padding:14px;border-radius:16px;background:rgba(255,255,255,.055);text-transform:none;letter-spacing:0}.mega b{display:block;color:#fff;margin-bottom:4px}.mega span{display:block;color:var(--muted);font-size:12px;line-height:1.4}.actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:12px 17px;font-weight:850;border:1px solid var(--line);background:rgba(255,255,255,.065);cursor:pointer}.btn.primary{background:var(--cyan);color:#001018;border-color:var(--cyan)}.btn.gold{background:linear-gradient(90deg,#ffd166,#ffb703);color:#171000;border-color:#ffd166}.lang{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#081226;color:white}.hamb{display:none;background:transparent;color:white;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:124px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#040712 0%,rgba(4,7,18,.78) 48%,rgba(4,7,18,.28)),var(--hero-img) center/cover}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px}.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.34em;font-weight:850;font-size:12px}.h1{font-size:72px;line-height:.98;margin:20px 0 24px;font-weight:950}.grad{background:linear-gradient(90deg,var(--cyan),var(--purple),var(--green));-webkit-background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.68;color:#d8e2f6;max-width:760px}.hero-card{border-radius:34px;padding:24px}.screen{aspect-ratio:16/11;border-radius:26px;background:linear-gradient(135deg,rgba(0,245,255,.25),rgba(124,58,237,.2)),var(--card-img) center/cover;display:flex;align-items:end;padding:24px;overflow:hidden}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.065)}.stat b{font-size:24px;color:var(--cyan)}section{padding:90px 0}.section-title{font-size:42px;margin:0 0 16px}.section-lead{color:var(--muted);font-size:18px;line-height:1.65;max-width:900px;margin-bottom:34px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{border-radius:28px;overflow:hidden}.card img{width:100%;height:230px;object-fit:cover}.card-body{padding:26px}.card h3{font-size:23px;margin:0 0 12px}.card p,.muted{color:var(--muted);line-height:1.65}.strip{background:rgba(255,255,255,.045);border-block:1px solid var(--line)}.tech div,.pill{padding:20px;border-radius:20px;background:rgba(255,255,255,.065);border:1px solid var(--line);font-weight:850}.portfolio .card img{height:310px}.process{counter-reset:p}.process .step{position:relative;padding:28px;border-radius:26px}.process .step:before{counter-increment:p;content:"0"counter(p);display:block;color:var(--cyan);font-size:13px;letter-spacing:.2em;margin-bottom:14px}.quote{border-left:3px solid var(--cyan);padding-left:22px;color:#dce8ff;font-size:22px;line-height:1.55}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form input,.form select,.form textarea{width:100%;padding:15px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:white}.form textarea{grid-column:1/-1;min-height:130px}.footer{padding:46px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:22px}.mobile-panel{display:none}.open .mobile-panel{display:block;position:fixed;inset:112px 16px auto 16px;background:#081226;border:1px solid var(--line);border-radius:24px;padding:18px;z-index:60}.mobile-panel a{display:block;padding:14px;border-bottom:1px solid rgba(255,255,255,.08)}@media(max-width:980px){.topbar{display:none}.menu{display:none}.hamb{display:block}.hero .container,.grid3,.grid4,.grid2,.footer-grid,.form{grid-template-columns:1fr}.h1{font-size:45px}.hero{padding-top:105px}.stats{grid-template-columns:1fr}.brand{font-size:15px}.actions .btn.primary,.actions .btn.gold{display:none}.section-title{font-size:34px}.open .mobile-panel{inset:78px 16px auto 16px}}