*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Outfit,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#0b0714;color:#efe7ff}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.nav{position:sticky;top:0;z-index:30;background:rgba(16,8,34,.7);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:800}
.links{display:flex;gap:18px;align-items:center}
.btn{background:#8b5cf6;color:#0b0714;border-radius:10px;padding:10px 14px;font-weight:700}
.hero{padding:54px 0;background:radial-gradient(800px 260px at 10% -10%,rgba(139,92,246,.25),transparent),radial-gradient(800px 260px at 90% -15%,rgba(34,211,238,.15),transparent)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.copy h1{font-size:42px;line-height:1.06;margin:0 0 10px}
.copy p{opacity:.9;margin:0 0 12px}
.pillrow{display:flex;gap:10px;flex-wrap:wrap}
.pillrow span{border:1px solid rgba(255,255,255,.16);background:#160a2c;border-radius:999px;padding:8px 12px;font-weight:600}
.media img{border:1px solid rgba(255,255,255,.08);border-radius:12px}
.panel{padding:26px 0}
.panel-grid{display:grid;grid-template-columns:1fr .8fr;gap:20px}
.swap{background:#130a26;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px}
.seg{display:inline-flex;background:#0f0720;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.segbtn{padding:10px 14px;border:0;background:transparent;color:#efe7ff;font-weight:700}
.segbtn.active{background:#6d28d9}
.row{margin:10px 0}
.row label{display:block;margin:0 0 8px;font-weight:700;font-size:14px}
.inputs{display:grid;grid-template-columns:140px 1fr;gap:8px}
select,input{width:100%;padding:12px;border-radius:10px;border:1px solid rgba(139,92,246,.35);background:#0e0920;color:#efe7ff}
.switch{width:38px;height:38px;margin:8px auto;border-radius:50%;border:1px solid rgba(139,92,246,.45);background:conic-gradient(from 0deg,#8b5cf6,#22d3ee,#8b5cf6);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 12px,#000 13px);mask:radial-gradient(circle at 50% 50%,transparent 12px,#000 13px);cursor:pointer}
.meta{display:flex;justify-content:space-between;font-size:14px;margin:10px 0}
.primary{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:12px 14px;border-radius:10px;border:0;background:#a78bfa;color:#140a2a;font-weight:800}
.sub{opacity:.75;font-size:12px;margin:10px 0 0}
.aside{background:linear-gradient(180deg,#1a0f34,#130a26);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.aside-img{margin-top:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.why,.reviews,.faq{padding:26px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#130a26;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rev{background:#130a26;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.faqbox details{background:#130a26;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;margin:8px 0}
.cta{padding:26px 0 50px}
.ctabox{background:linear-gradient(180deg,#3b1b85,#130a26);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px;text-align:center}
.foot{border-top:1px solid rgba(255,255,255,.08);padding:18px 0;background:#0b0714}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.list{list-style:none;margin:0;padding:0}
.footb{display:flex;align-items:center;justify-content:space-between;opacity:.8;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.cards,.grid3,.fgrid{grid-template-columns:1fr}}