:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:#f7f4ff;background:#08070d;margin:0}button,a{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid #272039;align-items:center;gap:16px;padding:28px 6%;display:flex}.logo{color:#fff;letter-spacing:2px;font-size:24px;font-weight:900;text-decoration:none}.logo span{color:#ad79ff}.cloud{color:#9d91b2;letter-spacing:4px;font-size:11px}.hero{text-align:center;background:radial-gradient(at 50% 0,#36205d 0%,#0000 65%);padding:100px 20px 75px}.eyebrow{color:#b699e8;letter-spacing:3px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-3px;margin:24px 0;font-size:clamp(42px,7vw,90px)}.hero h1 span{color:#b079ff}.hero p{color:#b5adbf;max-width:520px;margin:0 auto;line-height:1.8}.heroTags{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:35px;display:flex}.heroTags span{letter-spacing:2px;border:1px solid #514069;border-radius:50px;padding:9px 18px;font-size:11px}.modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1250px;margin:0 auto 100px;padding:0 24px;display:grid}.modeCard{background:linear-gradient(145deg,#1d152c,#100e18);border:1px solid #403050;border-radius:18px;flex-direction:column;min-height:360px;padding:32px;display:flex}.modeHead{color:#ab94c9;letter-spacing:2px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.modeIcon{font-size:38px}.modeCard h2{letter-spacing:2px;margin:44px 0 10px;font-size:36px}.modeCard h3{margin:0 0 18px;font-size:16px}.modeCard p{color:#b5adbf;flex:1;font-size:14px;line-height:1.8}.modeCard button{color:#fff;background:#814bd5;border:0;border-radius:9px;margin-top:18px;padding:15px;font-weight:700}.modeCard button:hover{background:#a46df4}footer{text-align:center;color:#80758f;letter-spacing:2px;border-top:1px solid #272039;padding:30px;font-size:11px}.modalBackdrop{z-index:10;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1b1428;border:1px solid #67488e;border-radius:20px;width:100%;max-width:480px;padding:36px;position:relative}.modal h2{font-size:36px}.modal h3{color:#c9a7ff}.modal p{color:#c3b6d2;line-height:1.8}.close{color:#fff;background:0 0;border:0;font-size:28px;position:absolute;top:16px;right:20px}.comingSoon{color:#e2cfff;background:#302141;border-radius:8px;padding:16px}@media (max-width:850px){.modes{grid-template-columns:1fr}.hero{padding-top:75px}.modeCard{min-height:300px}}