*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#030b17;color:#eef6ff;font-family:Inter,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,#153b7330,transparent 28%),radial-gradient(circle at 10% 60%,#164b9b22,transparent 25%);z-index:-1}a{color:inherit;text-decoration:none}.nav{height:72px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:#031020cc;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#21c9ff,#604cff);font-size:22px;font-weight:800}.brand b{display:block;font-size:15px}.brand small{display:block;font-size:9px;color:#53bfff}.nav nav{display:flex;gap:26px;font-size:12px;color:#aab9ca}.nav nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:28px;background:linear-gradient(100deg,#1dbcf4,#5848ff);font-weight:700;font-size:13px;box-shadow:0 10px 30px #198cff2b}.btn-small{padding:9px 17px}.btn.ghost{background:transparent;border:1px solid #6e8aaa66;box-shadow:none}.menu{display:none;background:none;border:0;color:white;font-size:24px}.section{padding:100px 6%;max-width:1300px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow{display:inline-block;color:#4cc8ff;font-size:11px;font-weight:700;letter-spacing:1.6px;margin-bottom:8px}.hero h1{font-size:clamp(52px,7vw,92px);line-height:.95;margin:14px 0 22px;letter-spacing:-4px}.hero h1 span,.contact h2 span{background:linear-gradient(90deg,#18c8ff,#6b5cff);-webkit-background-clip:text;color:transparent}.hero h2{font-size:clamp(24px,3vw,40px);line-height:1.15;max-width:650px;margin:0 0 18px}.hero p{color:#9dafc3;max-width:600px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}.stats{display:flex;gap:0;margin-top:35px}.stats div{padding:0 25px;border-left:1px solid #ffffff18}.stats div:first-child{padding-left:0;border:0}.stats strong{display:block;font-size:23px}.stats small{display:block;color:#8194aa;font-size:10px}.hero-art{height:480px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55}.orb1{width:260px;height:260px;background:#164fff;right:10%;top:20%}.orb2{width:170px;height:170px;background:#00c8ff;left:10%;bottom:10%}.laptop{width:500px;height:300px;padding:18px;border:2px solid #6f87a855;border-radius:18px;background:linear-gradient(145deg,#15263c,#050b13);transform:perspective(800px) rotateY(-12deg);box-shadow:0 40px 80px #0008}.screen{height:100%;border-radius:9px;background:#071422;padding:35px;color:#57caff;font-family:monospace;box-shadow:inset 0 0 30px #168cff16}.screen span{display:block;margin:8px 0}.phone{position:absolute;right:5%;bottom:5%;width:155px;height:310px;border:7px solid #1d2b3d;border-radius:28px;background:linear-gradient(160deg,#0c2d4a,#07111d);padding:50px 18px 18px;display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:0 30px 50px #0009}.phone-top{position:absolute;top:8px;width:60px;height:7px;border-radius:9px;background:#17263a}.phone b{font-size:15px}.phone span{text-align:center;font-size:18px;font-weight:700}.mini-btn{background:#20b9ff;border-radius:15px;padding:8px 12px;font-size:10px}.stack-float{position:absolute;right:-2%;top:18%;background:#091a2ccc;border:1px solid #6d8db32e;border-radius:12px;padding:14px 20px;color:#a9c5df;font-size:11px;line-height:2}.partner-strip{padding-top:35px;padding-bottom:45px;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;max-width:none}.partner-strip>div:first-child{max-width:1300px;margin:auto}.partner-strip h3{margin:0 0 25px;font-size:18px}.logos{max-width:1300px;margin:auto;display:flex;gap:45px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#9eb0c4;font-weight:700;font-size:18px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section h2{font-size:38px;line-height:1.1;margin:8px 0 22px;letter-spacing:-1.2px}.two-col p{color:#94a8bd;max-width:620px}.about-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-card>div{background:#091a2caa;border:1px solid #ffffff10;padding:28px;border-radius:14px}.about-card strong{display:block;font-size:28px}.about-card small{color:#7f93aa;font-size:10px}.about-card blockquote{grid-column:1/-1;margin:0;background:#071629;border:1px solid #ffffff10;padding:25px;border-radius:14px;color:#a8b8ca}.about-card cite{display:block;color:#45bfff;font-size:11px;margin-top:10px}.cards,.projects,.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:linear-gradient(145deg,#0a1b2e,#071321);border:1px solid #ffffff10;border-radius:16px;padding:28px;transition:.3s}.card:hover,.project:hover{transform:translateY(-7px);border-color:#27baff55;box-shadow:0 20px 50px #0005}.card i{font-style:normal;font-size:28px;color:#40c7ff}.card h3{font-size:17px}.card p,.project p{color:#8ea2b8;font-size:12px}.tech-grid{grid-template-columns:repeat(8,1fr)}.tech-grid div{min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #ffffff0e;background:#081727;border-radius:12px;font-size:30px}.tech-grid b{font-size:10px;color:#a7b8ca}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.projects{grid-template-columns:repeat(4,1fr)}.project{background:#071526;border:1px solid #ffffff10;border-radius:16px;padding:14px;transition:.3s}.mock-app{height:205px;border-radius:12px;display:grid;place-items:center;position:relative;overflow:hidden}.mock-app:after{content:"";position:absolute;width:150px;height:260px;border:8px solid #162536;border-radius:24px;transform:rotate(-7deg);background:linear-gradient(#102b3e,#07111c);box-shadow:0 10px 30px #0008}.mock-app b{font-size:34px;z-index:2}.phone-shot{position:absolute;z-index:3;bottom:38px;text-align:center;font-weight:700}.phone-shot small{display:block;font-weight:400;color:#a9b7c6;font-size:8px}.green{background:#0e5a4733}.purple{background:#6435a833}.blue{background:#1769a733}.orange{background:#9b541e33}.project h3{margin:13px 5px 0}.project p{margin:3px 5px 12px}.store{display:flex;gap:7px}.store a{font-size:8px;border:1px solid #ffffff18;padding:7px 8px;border-radius:7px;background:#0b1a2b}.note{color:#71859b;font-size:10px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.steps>div{background:#071729;border:1px solid #ffffff10;border-radius:13px;padding:20px}.steps b{color:#39c7ff;font-size:12px}.steps h3{font-size:14px;margin:12px 0 3px}.steps p{font-size:10px;color:#8297ad;margin:0}.contact{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.contact h2{font-size:50px}.contact-card{background:#08192b;border:1px solid #ffffff12;border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:9px}.contact-card a{color:#56c8ff;font-size:12px}.contact-card span{color:#9badbf;font-size:11px}.social{margin-top:15px;color:#d6e2ef}.contact-card p{color:#8498ae;font-size:11px;margin:0}.contact-card h3{margin:0}footer{padding:25px 6%;border-top:1px solid #ffffff10;display:flex;justify-content:space-between;align-items:center;color:#667b91;font-size:10px}footer .brand{color:white}footer a{margin:0 4px}.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.cursor-glow{position:fixed;width:220px;height:220px;border-radius:50%;background:#118bff18;filter:blur(45px);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}.menu{cursor:pointer}@media(max-width:900px){.nav nav,.nav>.btn{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:72px;left:0;right:0;background:#061222;flex-direction:column;padding:20px 6%;gap:15px}.hero,.two-col,.contact{grid-template-columns:1fr}.hero-art{height:400px}.cards{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:repeat(4,1fr)}.projects{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.section{padding:75px 6%}}@media(max-width:560px){.hero h1{font-size:54px;letter-spacing:-3px}.hero h2{font-size:25px}.laptop{width:340px;height:210px}.phone{width:115px;height:235px;right:0}.stack-float{display:none}.stats{flex-wrap:wrap;gap:15px}.stats div{padding:0 12px}.cards,.projects,.steps{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.logos{gap:20px;font-size:14px}.section-head{display:block}.section-head .btn{margin-top:10px}.contact h2{font-size:38px}footer{flex-direction:column;gap:15px;text-align:center}

}
.tech-grid img{
    height: 40px;
}
.social {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}

.social a {
  width: 70px;
  min-height: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid #ffffff12;
  border-radius: 12px;
  background: #071729;
  color: #d6e2ef;
  font-size: 10px;
  transition: .3s ease;
}

.social a:hover {
  transform: translateY(-4px);
  border-color: #27baff55;
  background: #0a1d31;
}

.social img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.social span {
  font-size: 9px;
  color: #9badbf;
}