@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#171047;font-synthesis:none;background:#fbfaff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 78% 34%,#f0e9ff 0,#0000 30%),#fbfaff;min-height:100vh;overflow:hidden}header{justify-content:space-between;align-items:center;max-width:1240px;height:86px;margin:auto;padding:0 34px;display:flex}.brand{letter-spacing:-1.5px;color:#4011b8;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.brand img{object-fit:cover;border-radius:11px;width:38px;height:38px}.company-link{color:#3410a1;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.hero{grid-template-columns:45% 55%;align-items:center;max-width:1240px;min-height:620px;margin:0 auto;padding:55px 34px 80px;display:grid}.hero-copy{z-index:1;position:relative}.pill{color:#5b40bd;background:#eee8ff;border:1px solid #ddd2ff;border-radius:30px;align-items:center;gap:9px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.dot{background:#6d34ee;border-radius:50%;width:7px;height:7px}.hero h1{letter-spacing:-4px;max-width:610px;margin:24px 0 22px;font-size:clamp(43px,5vw,72px);line-height:1.05}.hero h1 em{color:#5b1fd2;font-style:normal}.lead{color:#665e88;max-width:500px;margin-bottom:31px;font-size:16px;line-height:1.8}.install-button{color:#fff;background:#5014db;border-radius:12px;align-items:center;gap:14px;padding:16px 24px;font-size:14px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 15px 30px #5d20d433}.install-button:hover{background:#4010b7;transform:translateY(-2px)}.support{color:#938cae;margin:14px 0 0 5px;font-size:11px}.visual{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.glow{filter:blur(5px);background:#e4d7ff;border-radius:50%;width:460px;height:460px;position:absolute}.app-card{background:#fff;border:1px solid #e9e3fa;border-radius:20px;width:min(540px,90%);padding:25px;position:relative;transform:rotate(2deg);box-shadow:0 30px 70px #36107818}.card-top,.card-heading,.card-bottom{justify-content:space-between;align-items:center;display:flex}.mini-brand{color:#4811be;font-size:18px;font-weight:800}.mini-brand img{vertical-align:middle;border-radius:6px;width:23px;height:23px}.status{color:#39a86a;font-size:10px}.card-heading{margin:32px 0 20px}.card-heading small{color:#8168c8;font-size:9px;font-weight:800}.card-heading h2{letter-spacing:-.8px;margin:7px 0 0;font-size:20px}.more{color:#7347d7;letter-spacing:3px}.document{border:1px solid #eeeaf8;border-radius:12px;padding:22px}.doc-title{color:#37118f;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.doc-title svg{color:#6930d7}.doc-line{background:#eee9fa;border-radius:4px;width:72%;height:8px;margin-top:19px}.doc-line.wide{width:91%;margin-top:24px}.doc-line.short{width:48%;margin-top:10px}.doc-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;display:grid}.doc-grid div{color:#591acb;background:#faf8ff;border-radius:9px;flex-direction:column;gap:7px;padding:15px;display:flex}.doc-grid b{color:#24135e;font-size:11px}.doc-grid small{color:#88809e;font-size:9px}.card-bottom{color:#8b85a1;margin-top:18px;font-size:10px}.card-bottom span{align-items:center;gap:6px;display:flex}.check{color:#48a66d}.floating-note{background:#fff;border:1px solid #ebe5fb;border-radius:13px;align-items:center;gap:10px;padding:14px 17px;display:flex;position:absolute;bottom:44px;right:-35px;transform:rotate(-4deg);box-shadow:0 15px 35px #36107818}.note-icon{color:#fff;background:#5b23d5;border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:11px}.floating-note small{color:#8c85a2;margin-top:4px;font-size:9px}.features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1170px;margin:0 auto 50px;padding:0 34px;display:grid}.features div{border-top:1px solid #e8e1f7;grid-template-columns:35px 1fr;align-items:center;column-gap:12px;padding:22px 5px;display:grid}.features svg{color:#6325d5;background:#eee7ff;border-radius:9px;grid-row:span 2;width:34px;height:34px;padding:9px}.features b{font-size:13px}.features span{color:#8a829d;margin-top:4px;font-size:11px}footer{color:#978faa;border-top:1px solid #ece7f6;justify-content:space-between;align-items:center;max-width:1170px;margin:auto;padding:22px 34px;font-size:11px;display:flex}footer .brand{font-size:17px}footer .brand img{width:24px;height:24px}.invite-page{background:radial-gradient(circle at 50% 25%,#eee5ff,#fbfaff 55%);place-items:center;min-height:100vh;padding:30px;display:grid}.invite-page>.brand{position:absolute;top:32px;left:40px}.invite-card{text-align:center;background:#fff;border:1px solid #ebe4fa;border-radius:22px;max-width:460px;padding:54px 45px;box-shadow:0 25px 70px #35107412}.spinner{border:3px solid #e5dcfa;border-top-color:#5b20d0;border-radius:50%;width:34px;height:34px;margin:0 auto 25px;animation:1s linear infinite spin}.eyebrow{letter-spacing:1.7px;color:#7045d1;font-size:10px;font-weight:800}.invite-card h1{margin:12px 0;font-size:27px}.invite-card>p:not(.eyebrow){color:#7b7391;font-size:13px;line-height:1.7}.token{color:#5b21cc;background:#efe9ff;border-radius:20px;margin:10px;padding:7px 12px;font-size:11px;display:inline-block}.text-link{color:#5314c5;margin-top:25px;font-size:12px;font-weight:800;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){header{height:74px;padding:0 22px}.company-link{font-size:11px}.hero{text-align:center;grid-template-columns:1fr;padding:40px 22px 65px}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero h1{letter-spacing:-2.6px;font-size:47px}.lead{font-size:14px}.visual{min-height:390px;margin-top:25px}.app-card{width:96%;padding:18px}.floating-note{bottom:15px;right:-3px}.features{grid-template-columns:1fr;margin-bottom:30px;padding:0 22px}.features div{padding:16px 4px}footer{padding:20px 22px}.invite-page>.brand{left:22px}}
