/* ═══ HOME page — index.css ═══
   Background: galaxy WebGL + purple grid + floating orbs */

body {
  background:
    radial-gradient(ellipse 90% 60% at 72% 2%,  rgba(177,140,255,.14) 0%, transparent 58%),
    radial-gradient(ellipse 65% 50% at 8%  80%,  rgba(137,175,255,.09) 0%, transparent 52%),
    #0d0c1d;
}

:root { --accent:#B18CFF; --accent2:#89AFFF; --accent3:#ff4fa2; --accent-rgb:177,140,255; }

/* Galaxy canvas */
#galaxy-bg { position:fixed; inset:0; z-index:0; pointer-events:none; }
#galaxy-bg canvas { width:100%!important; height:100%!important; display:block; }

/* Grid overlay */
#page-overlay {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(177,140,255,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(177,140,255,.055) 1px, transparent 1px);
  background-size: 62px 62px;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, black 30%, transparent 100%);
  -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, black 30%, transparent 100%);
}

/* Hero */
.hero { position:relative; text-align:center; min-height:100dvh; display:flex; align-items:center; padding-top:80px; }
.hero-inner { padding:clamp(40px,10vw,100px) 0 clamp(50px,8vw,90px); position:relative; z-index:2; }
.hero-title {
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size: clamp(46px, 8.5vw, 88px);
  font-weight: 800; line-height: 1.04; letter-spacing: -2.5px; margin-bottom: 22px;
  animation: fadeUp .8s ease both;
}
.hero-title .line1 {
  display:block;
  background: linear-gradient(170deg, #ffffff 40%, rgba(255,255,255,.58) 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-title .line2 { display:block; } /* .grad handles colour */
.hero-sub { font-size:clamp(15px,2vw,18px); color:rgba(255,255,255,.6); max-width:540px; margin:0 auto 32px; font-weight:400; line-height:1.75; animation:fadeUp .8s ease .15s both; }
.hero-cta  { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; animation:fadeUp .8s ease .25s both; }
.hero-stats {
  display:flex; justify-content:center; gap:clamp(24px,6vw,68px);
  margin-top:clamp(44px,7vw,80px); padding-top:clamp(24px,4vw,40px);
  border-top:1px solid rgba(255,255,255,.09);
  animation:fadeUp .8s ease .38s both;
}
.stat-val { font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(24px,4vw,38px); font-weight:800; background:linear-gradient(135deg,#fff,rgba(255,255,255,.52)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.stat-lbl { font-family:'Inter',sans-serif; font-size:12px; color:rgba(255,255,255,.4); margin-top:4px; letter-spacing:.3px; }
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

/* Divider accent */
hr.divider { background:linear-gradient(90deg,transparent,rgba(177,140,255,.45),transparent); }