:root{
  --navy:#020817;--navy2:#07142b;--blue:#00A3FF;--blue2:#4f46e5;--text:#eaf3ff;--muted:#9fb3d1;--card:rgba(255,255,255,.07);--line:rgba(255,255,255,.13);--white:#fff;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 10% 10%,rgba(0,163,255,.18),transparent 26%),radial-gradient(circle at 90% 0%,rgba(79,70,229,.2),transparent 26%),var(--navy);color:var(--text);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.nav{position:sticky;top:0;z-index:99;background:rgba(2,8,23,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.2px}.brand img{width:42px;height:42px;object-fit:contain}.brand span{font-size:20px}.brand b{color:var(--blue)}.links{display:flex;gap:24px;align-items:center}.links a{font-size:14px;color:var(--muted);transition:.25s}.links a:hover,.links a.active{color:var(--white)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;font-weight:700;border:0;box-shadow:0 14px 35px rgba(0,163,255,.22);transition:.25s;cursor:pointer}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 20px 50px rgba(0,163,255,.32)}.btn.secondary{background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:none}.menu{display:none;background:none;border:1px solid var(--line);color:white;border-radius:12px;padding:8px 11px;font-size:22px}
.hero{position:relative;padding:92px 0 70px;min-height:78vh;display:flex;align-items:center}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 13px;color:#cfe6ff;font-size:14px;margin-bottom:20px}.title{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-2.8px}.gradient{background:linear-gradient(135deg,#fff 20%,#76d7ff 55%,#7c6cff 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.sub{font-size:18px;color:var(--muted);max-width:670px;margin:22px 0 30px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-card{position:relative;border:1px solid var(--line);border-radius:34px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 30% 0%,rgba(0,163,255,.26),transparent 45%);pointer-events:none}.dashboard{position:relative;display:grid;gap:14px}.metric{padding:18px;border-radius:22px;background:rgba(3,10,26,.78);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.metric b{font-size:28px;color:white}.metric span{color:var(--muted);font-size:14px}.orb{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#00a3ff,transparent 66%);filter:blur(26px);opacity:.22;right:-65px;top:-65px;animation:float 6s ease-in-out infinite}.page-head{padding:78px 0 42px;text-align:center}.page-head h1{font-size:clamp(38px,6vw,66px);letter-spacing:-2px}.page-head p{color:var(--muted);font-size:18px;max-width:760px;margin:16px auto}.section{padding:76px 0}.section-title{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;margin-bottom:13px}.section-sub{color:var(--muted);max-width:760px;margin-bottom:34px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border-radius:26px;padding:24px;transition:.28s;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -50px -70px auto;width:160px;height:160px;border-radius:50%;background:rgba(0,163,255,.12);filter:blur(20px)}.card:hover{transform:translateY(-8px);border-color:rgba(0,163,255,.45)}.icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;font-size:22px;margin-bottom:18px}.card h3{font-size:21px;margin-bottom:10px}.card p,.muted{color:var(--muted)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.founder-img{width:100%;max-width:420px;border-radius:32px;border:1px solid var(--line);box-shadow:0 28px 80px rgba(0,0,0,.35);filter:saturate(.9)}.timeline{display:grid;gap:16px;margin-top:24px}.step{padding:18px;border-left:3px solid var(--blue);background:rgba(255,255,255,.055);border-radius:0 18px 18px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog{min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.tag{color:#8ddcff;font-size:13px;font-weight:700}.form-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.form{border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:28px;padding:24px}.field{margin-bottom:15px}.field label{display:block;margin-bottom:6px;color:#dcecff;font-size:14px}.field input,.field textarea{width:100%;padding:14px 15px;border-radius:15px;border:1px solid var(--line);background:rgba(2,8,23,.65);color:white;outline:none}.field textarea{min-height:130px;resize:vertical}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.socials a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:#cfe6ff;background:rgba(255,255,255,.055);transition:.25s}.socials a:hover{border-color:var(--blue);color:white;transform:translateY(-2px)}.footer{padding:36px 0;border-top:1px solid var(--line);background:rgba(0,0,0,.16);color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:white;font-size:28px;box-shadow:0 16px 40px rgba(37,211,102,.34);animation:pulse 2s infinite}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.show{opacity:1;transform:none}@keyframes float{50%{transform:translateY(24px)}}@keyframes pulse{50%{transform:scale(1.06)}}
@media(max-width:900px){.grid,.split,.form-wrap{grid-template-columns:1fr}.cards,.blog-grid{grid-template-columns:1fr 1fr}.links{position:fixed;inset:70px 16px auto 16px;background:#07142b;border:1px solid var(--line);border-radius:24px;padding:20px;display:none;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.nav-cta{display:none}.hero{padding-top:56px}.title{letter-spacing:-1.5px}}@media(max-width:620px){.cards,.blog-grid{grid-template-columns:1fr}.actions .btn{width:100%}.foot{display:block}.hero-card{padding:18px}.brand span{font-size:18px}}

.faq-section {
  padding: 100px 20px;
  background: linear-gradient(135deg, #04172b 0%, #081026 55%, #12124a 100%);
  color: #ffffff;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.faq-section h2 {
  font-size: 42px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 12px;
}

.faq-subtitle {
  color: #9fc7ff;
  font-size: 16px;
  margin-bottom: 50px;
}

.faq-box {
  max-width: 900px;
  margin: 18px auto;
  padding: 28px 32px;
  background: rgba(7, 18, 39, 0.82);
  border: 1px solid rgba(95, 151, 255, 0.25);
  border-radius: 20px;
  text-align: left;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(12px);
  transition: all 0.3s ease;
}

.faq-box:hover {
  transform: translateY(-5px);
  border-color: rgba(56, 189, 248, 0.6);
  box-shadow: 0 22px 60px rgba(37, 99, 235, 0.25);
}

.faq-box h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}

.faq-box p {
  color: #b9c9e6;
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

@media (max-width: 768px) {
  .faq-section {
    padding: 70px 16px;
  }

  .faq-section h2 {
    font-size: 32px;
  }

  .faq-box {
    padding: 22px;
  }

  .faq-box h3 {
    font-size: 18px;
  }

  .faq-box p {
    font-size: 15px;
  }
}


<!---about us-->
.about-section {
  padding: 80px 0;
}

.about-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 30px;
}

.about-card {
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 26px;
  transition: .28s;
}

.about-card:hover {
  transform: translateY(-6px);
  border-color: rgba(0,163,255,.45);
}

.about-card h3 {
  font-size: 22px;
  margin-bottom: 10px;
  color: #8ddcff;
}

.about-card p {
  color: var(--muted);
  line-height: 1.7;
}

@media(max-width:900px){
  .about-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media(max-width:620px){
  .about-grid {
    grid-template-columns: 1fr;
  }
}