*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{
  --brand:#0084FF;--brand-80:rgba(0,132,255,0.8);
  --star:#FF801E;--ink:#0A0A0A;--muted:#4A5568;
  --deep:#0A1628;--navy:#0D2137;--mid:#1A4B7A;
  --accent:#00A8E8;--teal:#00D4AA;--paper:#F0F5FA;
  --white:#FFFFFF;--warn:#E87B00;--red:#C0392B;
  --line:rgba(0,168,232,0.15);
}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:#fff;min-height:100vh;overflow-x:hidden;}
::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:#fff;}
::-webkit-scrollbar-thumb{background:var(--brand);border-radius:2px;}

/* GLOW */
.glow-wrap{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;}
.glow-1{position:absolute;top:-200px;left:-200px;width:700px;height:700px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(96,177,255,0.28) 0%,transparent 70%);filter:blur(80px);}
.glow-2{position:absolute;top:-100px;left:-50px;width:500px;height:500px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(49,154,255,0.18) 0%,transparent 65%);filter:blur(60px);}

/* NAV */
.nav-outer{position:sticky;top:20px;z-index:100;display:flex;justify-content:center;padding:0 20px;pointer-events:none;}
.navbar{pointer-events:all;display:flex;align-items:center;gap:28px;padding:6px 14px 6px 8px;
  border-radius:16px;background:rgba(255,255,255,0.30);backdrop-filter:blur(50px);
  -webkit-backdrop-filter:blur(50px);border:1px solid rgba(0,0,0,0.10);
  box-shadow:inset 0px 4px 4px 0px rgba(255,255,255,0.25);white-space:nowrap;}
.nav-logo-img{height:48px;width:auto;display:block;}
.nav-links{display:flex;gap:22px;}
.nav-links a{font-size:13px;font-weight:500;color:var(--muted);text-decoration:none;transition:color .2s;}
.nav-links a:hover{color:var(--ink);}
.nav-signup{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:12px;
  background:rgba(255,255,255,0.40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(0,0,0,0.10);box-shadow:inset 0px 3px 3px rgba(255,255,255,0.35);
  font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .2s;text-decoration:none;}
.nav-signup:hover{background:rgba(255,255,255,0.60);}
.nav-signup svg{width:13px;height:13px;stroke:var(--ink);}

/* HERO */
.hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:60px 40px 80px;
  display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:calc(100vh - 80px);}
.hero-left{display:flex;flex-direction:column;gap:26px;}
.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:40px;
  background:rgba(255,255,255,0.50);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,0.08);
  box-shadow:inset 0 2px 3px rgba(255,255,255,0.4);width:fit-content;}
.badge-stars{display:flex;gap:2px;}
.badge-stars svg{width:14px;height:14px;fill:var(--star);}
.badge-text{font-size:12px;font-weight:500;color:var(--muted);}
.badge-text strong{color:var(--ink);font-weight:600;}
.hero-title{font-family:'Fustat',Georgia,sans-serif;font-weight:700;
  font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-2px;color:var(--ink);}
.hero-title .hl{background:linear-gradient(135deg,var(--brand) 0%,#60B1FF 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero-sub{font-size:17px;font-weight:400;letter-spacing:-0.5px;color:var(--muted);line-height:1.65;max-width:480px;}
.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;border-radius:16px;
  background:var(--brand-80);backdrop-filter:blur(2px);border:none;cursor:pointer;
  font-size:15px;font-weight:600;color:#fff;letter-spacing:-0.3px;
  box-shadow:inset 0px 4px 4px 0px rgba(255,255,255,0.35);transition:transform .2s,box-shadow .2s;text-decoration:none;}
.btn-primary:hover{transform:scale(1.02);box-shadow:inset 0px 4px 4px 0px rgba(255,255,255,0.35),0 8px 30px rgba(0,132,255,0.3);}
.btn-icon{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.3);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.btn-icon svg{width:13px;height:13px;stroke:#fff;stroke-width:2.5;}
.btn-sec{font-size:14px;font-weight:500;color:var(--muted);background:none;border:none;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(0,0,0,0.2);transition:color .2s;}
.btn-sec:hover{color:var(--ink);}
.hero-stats{display:flex;gap:24px;flex-wrap:wrap;padding-top:6px;}
.hs{display:flex;flex-direction:column;}
.hs-n{font-size:28px;font-weight:700;color:#0A0A0A;letter-spacing:-1px;}
.hs-l{font-size:12px;color:#4A5568;}
.hs-div{width:1px;background:rgba(0,0,0,0.08);}

/* ORB */
.hero-right{display:flex;align-items:center;justify-content:center;position:relative;}
.orb-wrap{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center;overflow:visible;}
.orb-glow{position:absolute;inset:-60px;background:radial-gradient(ellipse,rgba(0,132,255,0.12) 0%,transparent 60%);border-radius:50%;filter:blur(40px);}
.orb-glass{width:440px;height:440px;border-radius:50%;
  background:radial-gradient(ellipse 60% 40% at 35% 30%,rgba(255,255,255,0.55) 0%,transparent 60%),
    radial-gradient(ellipse 80% 80% at 50% 50%,rgba(0,132,255,0.12) 0%,transparent 70%),
    linear-gradient(135deg,rgba(96,177,255,0.25) 0%,rgba(0,84,200,0.18) 50%,rgba(0,40,140,0.22) 100%);
  border:1.5px solid rgba(255,255,255,0.5);
  box-shadow:inset 0 4px 20px rgba(255,255,255,0.35),inset 0 -4px 20px rgba(0,80,200,0.15),
    0 20px 80px rgba(0,100,255,0.18),0 4px 24px rgba(0,0,0,0.06);
  position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.orb-inner{width:280px;height:280px;border-radius:50%;
  background:radial-gradient(ellipse,rgba(255,255,255,0.85) 0%,rgba(100,180,255,0.5) 40%,rgba(0,100,220,0.4) 100%);
  box-shadow:0 0 60px rgba(0,132,255,0.3),inset 0 2px 8px rgba(255,255,255,0.6);}
.orb-r1{position:absolute;top:18%;left:22%;width:150px;height:75px;border-radius:50%;
  background:rgba(255,255,255,0.35);transform:rotate(-30deg);filter:blur(8px);}
.orb-r2{position:absolute;bottom:20%;right:18%;width:70px;height:35px;border-radius:50%;
  background:rgba(255,255,255,0.18);transform:rotate(-20deg);filter:blur(6px);}

/* STAT CARDS */
.sc{position:absolute;background:rgba(255,255,255,0.65);backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.8);
  box-shadow:0 8px 32px rgba(0,0,0,0.08),inset 0 1px 2px rgba(255,255,255,0.8);border-radius:16px;padding:12px 16px;}
.sc1{top:60px;right:-10px;display:flex;align-items:center;gap:10px;min-width:155px;}
.sc-icon{width:34px;height:34px;border-radius:10px;background:rgba(0,132,255,0.12);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sc-icon svg{width:17px;height:17px;stroke:var(--brand);stroke-width:2;}
.sc-val{font-size:17px;font-weight:700;color:var(--ink);}
.sc-lbl{font-size:11px;color:var(--muted);margin-top:1px;}
.sc2{bottom:80px;left:-20px;min-width:135px;}
.sc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;}
.sc-tag{font-size:11px;font-weight:600;color:var(--brand);}
.sc-num{font-size:19px;font-weight:700;color:var(--ink);}
.sc-bw{height:4px;background:rgba(0,132,255,0.12);border-radius:2px;margin-top:5px;}
.sc-b{height:4px;background:linear-gradient(90deg,var(--brand),#60B1FF);border-radius:2px;width:75%;}

/* TRUSTED */
.trusted{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 40px 80px;}
.t-label{font-size:12px;font-weight:500;color:rgba(0,0,0,0.32);letter-spacing:0.5px;
  text-align:center;margin-bottom:28px;text-transform:uppercase;}
.logos{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;}
.logo-item{opacity:0.28;transition:opacity .2s;filter:grayscale(1);}
.logo-item:hover{opacity:0.50;}
.logo-item img{height:32px;width:auto;display:block;}
.logo-txt{font-size:13px;font-weight:600;color:#0A0A0A;font-family:sans-serif;}

/* ANIMATIONS */
.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* RESPONSIVE */
@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding:40px 24px 60px;min-height:auto;gap:40px;}
  .hero-right{order:-1;}
  .orb-wrap{width:300px;height:300px;}
  .orb-glass{width:260px;height:260px;}
  .orb-inner{width:160px;height:160px;}
  .sc1{right:-20px;top:20px;}
  .sc2{left:-10px;bottom:20px;}
  .nav-links{display:none;}
  .logos{gap:28px;}
  .trusted{padding:0 24px 60px;}
}
@media(max-width:480px){
  .navbar{gap:14px;padding:7px 12px;}
  .hero-title{font-size:34px;}
}