:root{--bg:#090b18;--panel:#11152a;--ink:#f4f2ff;--muted:#b9b9cb;--violet:#9b7cff;--cyan:#65d9d2;--line:#292e4b;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,#1b1641 0,transparent 35%),var(--bg);color:var(--ink);font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.sitehead{position:sticky;top:0;z-index:30;background:rgba(9,11,24,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.headin{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:20px}.brand i{color:var(--cyan);font-style:normal}.nav{display:flex;gap:20px;align-items:center}.nav a{text-decoration:none;color:var(--muted);font-size:14px}.nav a:last-child{color:white;border:1px solid #51469b;border-radius:999px;padding:8px 13px}.menu{display:none;background:none;border:0;color:white;font-size:24px}
main{min-height:70vh}.hero{padding:110px 0 70px;max-width:850px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--cyan);font-size:12px}.hero h1,article h1{font-size:clamp(42px,7vw,78px);line-height:1.02;letter-spacing:-.055em;margin:.25em 0}.lead{font-size:20px;color:#d0cfe0;max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;background:linear-gradient(135deg,var(--violet),#6b55d9);padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800;box-shadow:0 8px 30px rgba(128,99,255,.2)}.btn.ghost{background:transparent;border:1px solid #4c5275}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:linear-gradient(180deg,#151a32,#0f1327);border:1px solid var(--line);padding:22px;border-radius:14px;text-decoration:none}.card b{display:block;font-size:19px;margin-bottom:8px}.card span{color:var(--muted);font-size:14px}.path{margin:70px 0;padding:22px;border-block:1px solid var(--line);display:flex;gap:18px;justify-content:center;color:#777d9e}.path span{color:white;font-weight:800}.feature,.cta,.notice,.bridge{border:1px solid var(--line);border-radius:16px;padding:26px;background:#10142a}.feature{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:70px}.feature h3{font-size:30px;margin:.2em 0}.feature p{color:var(--muted);max-width:650px}
article{max-width:820px;margin:0 auto;padding:80px 0}article h1{font-size:clamp(38px,6vw,64px)}article h2{font-size:28px;letter-spacing:-.03em;margin-top:48px}article p{color:#c8c8d8}.notice{border-left:3px solid var(--cyan);margin:30px 0}.cta{margin:45px 0;background:linear-gradient(135deg,#171536,#10142a)}.cta h2{margin:8px 0}.cta small{display:block;color:#9fa3bd;margin-top:14px}.merchant{margin-top:8px}.inline-links{display:flex;gap:10px;flex-wrap:wrap}.inline-links a,.bridge a{color:#d7ceff}.bridge{margin:40px 0}.bridge p{margin:.4em 0}
footer{border-top:1px solid var(--line);padding:38px 0;color:#8e93ad}.foot{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot a{color:#aeb2c7;margin-right:12px;font-size:13px}
.modalback{position:fixed;inset:0;background:rgba(2,3,10,.78);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modalback.show{display:flex}.modal{width:min(520px,100%);background:radial-gradient(circle at 100% 0,#2b2062,transparent 38%),#10142a;border:1px solid #3b4164;border-radius:20px;padding:34px;position:relative;box-shadow:0 30px 100px #000}.close{position:absolute;right:15px;top:12px;background:none;border:0;color:#bbb;font-size:28px;cursor:pointer}.modal h2{font-size:34px;line-height:1.05;letter-spacing:-.04em;margin:10px 0}.modal p{color:#c8c8d8}.modal .btn{width:100%;text-align:center}.modal small{display:block;color:#9095ad;margin-top:12px;text-align:center}
@media(max-width:820px){.cards{grid-template-columns:1fr 1fr}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0e1e;padding:20px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu{display:block}.hero{padding-top:75px}.feature{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.wrap{width:min(100% - 28px,var(--max))}.cards{grid-template-columns:1fr}.hero h1{font-size:45px}.path{font-size:12px;gap:8px}.modal{padding:28px 22px}.modal h2{font-size:29px}}