*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07050b;color:#fff;font-family:Arial,Helvetica,sans-serif}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:#08050d;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:10}.brand{font-size:25px;font-weight:800}.brand span{font-weight:400;color:#d77cff}nav{display:flex;gap:28px}nav a{color:#d8d0df;text-decoration:none;font-size:14px}nav a:hover{color:#ff7df0}.top-btn{background:linear-gradient(100deg,#c33cff,#7d35ff);padding:13px 25px;border-radius:30px;text-decoration:none;color:white;font-weight:700}.hero{position:relative;width:100%;background:#09060f;overflow:hidden}.hero-img{display:block;width:100%;height:auto}.hero-overlay{position:absolute;inset:0}.hero-link{position:absolute;display:block}.link-start{left:7%;top:73%;width:18%;height:8%}.link-how{left:25%;top:73%;width:16%;height:8%}.link-nav{left:30%;top:3%;width:12%;height:8%}.section{padding:110px 9%;max-width:1300px;margin:auto}.section h2,.join h2{font-size:56px;line-height:1.05;margin:0 0 25px;letter-spacing:-2px}.section em,.join em{font-style:normal;color:#d778ff}.section p{max-width:720px;color:#aaa0b2;font-size:19px;line-height:1.8}.eyebrow{color:#d779ff;font-size:11px;letter-spacing:3px;font-weight:800;margin-bottom:18px}.cards{padding:10px 7% 110px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1400px;margin:auto}.cards article{padding:30px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(145deg,#171020,#0d0912)}.cards b,.steps strong{color:#d778ff}.cards h3{font-size:20px}.cards p{color:#93899b;line-height:1.6}.dark{max-width:none;background:#0d0813}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.steps>div{border-top:1px solid #ffffff18;padding-top:22px}.steps p{font-size:15px}.join{text-align:center;padding:120px 20px;background:radial-gradient(circle at center,#4d1a6630,transparent 55%)}.join p{color:#a99eae}.stores{display:flex;justify-content:center;gap:12px;margin-top:30px}.stores span{border:1px solid #ffffff20;border-radius:12px;padding:12px 20px;color:#c8c0ce}footer{text-align:center;padding:30px;border-top:1px solid #ffffff12;color:#766d7d;font-size:12px}@media(max-width:800px){header{padding:0 4%}nav{display:none}.top-btn{padding:10px 15px;font-size:12px}.cards,.steps{grid-template-columns:1fr 1fr}.section h2,.join h2{font-size:40px}}@media(max-width:520px){.cards,.steps{grid-template-columns:1fr}.section{padding:75px 7%}}