:root{
  --purple:#FF3DA5;
  --purple-lt:#FF8AC8;
  --neon-blue:#35A0E8;
  --neon-green:#37C79A;
  --bg:#131418;
  --bg-2:#24262D;
  --white:#fff;
  --mut:rgba(255,255,255,.62);
  --mut-2:rgba(255,255,255,.42);
  --line:rgba(255,255,255,.1);
  --glass:rgba(255,255,255,.045);
  --wrap:1240px;
  --pad:clamp(20px,5vw,64px);
  --green:#37C79A;
  --green-lt:#37C79A;
  --f:'Poppins',system-ui,-apple-system,sans-serif;
  --fd:'Poppins',system-ui,sans-serif;
}
@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--f);color:var(--white);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
  background:#0a0a0b;
}
::selection{background:var(--purple);color:#fff}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
a{color:inherit;text-decoration:none}
a:hover{color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:600;letter-spacing:-.02em;line-height:1.08;color:#fff}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.cursor{display:inline-block;width:3px;height:.92em;background:var(--purple);vertical-align:-.05em;margin-left:3px;
  border-radius:2px;animation:blink 1s step-end infinite;box-shadow:0 0 12px var(--purple)}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--purple-lt);
  display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--purple),transparent)}
section{scroll-margin-top:90px}
.sec{padding:clamp(70px,9vw,120px) 0}
.sec-head{margin-bottom:clamp(38px,5vw,58px)}
.sec-head h2{font-size:clamp(30px,4.8vw,52px);margin-top:16px;color:#fff}
.sec-head p{color:var(--mut);margin-top:16px;font-size:17px;font-family:var(--f)}
.bw{position:relative;border-radius:999px;display:inline-flex;isolation:isolate}
.bw::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;
  background:conic-gradient(from var(--a),var(--neon-green),#0d1f1c,var(--neon-blue),#0d1a1f,var(--neon-green));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;animation:spinA 3s linear infinite;z-index:-1}
@keyframes spinA{to{--a:360deg}}
.pill{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:9px;
  background:#0c0724;color:#fff;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:500;
  cursor:pointer;border:0;font-family:var(--f)}
.pill svg{width:17px;height:17px}
.pill::after{content:"";position:absolute;inset:0;background:var(--purple);transform:translateX(-100%);
  transition:transform .45s cubic-bezier(.22,1,.36,1);z-index:0}
.pill.from-r::after{transform:translateX(100%)}
.pill:hover::after{transform:translateX(0)}
.pill>*{position:relative;z-index:1}
.pill--lg{padding:15px 30px;font-size:16px}
.link-u{position:relative;font-size:15px;color:#fff}
.link-u::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:currentColor;
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.link-u:hover::after{transform:scaleX(1)}
:focus-visible{outline:2px solid var(--purple);outline-offset:3px;border-radius:3px}