*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#868e96;--gray-800:#343a40;--gray-900:#212529;--blue:#347ac0;--blue-dark:#175da3;--green:#19c394;--green-dark:#1e8260;--accent:#03fbff;--radius-card:32px;--radius-btn:90px;--max-width:1110px;--transition:.3s ease-in-out}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(50px)}.reveal.active{opacity:1;transform:translateY(0)}nav{z-index:1000;transition:background var(--transition), border-color var(--transition);padding:0 24px;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(30px);background:#000000b3;border-bottom:.5px solid #ffffff14}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:72px;margin:0 auto;display:flex}.nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo img{border-radius:10px;width:36px;height:36px}.nav-logo span{color:var(--white);letter-spacing:-.02em;font-size:20px;font-weight:800}.nav-links{align-items:center;gap:8px;display:flex}.nav-links a{color:#fff9;border-radius:var(--radius-btn);transition:color var(--transition), background var(--transition);padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--white);background:#ffffff14}.btn{cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-l{border-radius:var(--radius-btn);min-height:56px;padding:16px 32px;font-size:16px}.btn-m{border-radius:var(--radius-btn);padding:12px 24px;font-size:14px}.btn-dark{background:var(--black);color:var(--white)}.btn-dark:hover{box-shadow:0 8px 32px #0000004d}.btn-white{background:var(--white);color:var(--black)}.btn-white:hover{box-shadow:0 8px 32px #00000026}.btn-outline{color:var(--white);background:0 0;border:1.5px solid #ffffff40}.btn-outline:hover{border-color:#ffffff80}.btn-gradient{background:linear-gradient(135deg, var(--blue-dark), var(--blue));color:var(--white)}.btn-gradient:hover{box-shadow:0 8px 32px #175da366}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-bg:before{content:"";filter:blur(80px);background:radial-gradient(circle,#347ac033 0%,#19c39414 40%,#0000 70%);border-radius:50%;width:900px;height:900px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero-bg:after{content:"";background:linear-gradient(to top, var(--black), transparent);height:200px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:1;max-width:720px;position:relative}.hero-badge{border-radius:var(--radius-btn);color:var(--green);background:#19c3941a;border:1px solid #19c39433;align-items:center;gap:8px;margin-bottom:32px;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero h1{letter-spacing:-.04em;margin-bottom:24px;font-size:72px;font-weight:900;line-height:1.05}.gradient-text{background:linear-gradient(135deg, var(--blue) 0%, var(--green) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--gray-500);max-width:520px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-phone{z-index:1;perspective:1000px;margin-top:64px;position:relative}.hero-phone-group{justify-content:center;align-items:flex-start;gap:0;display:flex;position:relative}.phone{border-radius:28px;flex-shrink:0;overflow:hidden}.phone img{object-fit:cover;width:100%;height:100%;display:block}.phone-center{z-index:3;width:280px;box-shadow:0 32px 80px #0009}.phone-left{z-index:2;opacity:.7;filter:brightness(.8);width:250px;margin-right:-30px;transform:rotate(-6deg)translateY(40px);box-shadow:0 24px 60px #0006}.phone-right{z-index:2;opacity:.7;filter:brightness(.8);width:250px;margin-left:-30px;transform:rotate(6deg)translateY(40px);box-shadow:0 24px 60px #0006}.section{margin-bottom:20px;padding:0 24px}.card-section{max-width:var(--max-width);border-radius:var(--radius-card);margin:0 auto;padding:80px;position:relative;overflow:hidden}.card-light{color:var(--gray-900);background:linear-gradient(#e8eeff 0%,#f4f6fc 100%)}.card-green{color:var(--gray-900);background:linear-gradient(#d4f5e9 0%,#eefbf5 100%)}.card-dark{color:var(--white);background:linear-gradient(#1a1c20 0%,#111214 100%)}.card-gradient{color:var(--white);background:linear-gradient(135deg,#175da3 0%,#347ac0 40%,#19c394 100%)}.card-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.card-text h2{letter-spacing:-.03em;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.card-text p{opacity:.7;margin-bottom:32px;font-size:17px;line-height:1.5}.card-light .card-text p,.card-green .card-text p{color:var(--gray-600)}.card-phone{justify-content:center;display:flex}.card-phone .phone{border-radius:28px;width:260px;box-shadow:0 20px 60px #00000026}.card-dark .card-phone .phone{box-shadow:0 20px 60px #0006}.tag-list{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.tag{border-radius:var(--radius-btn);padding:8px 16px;font-size:13px;font-weight:600}.card-light .tag{color:var(--blue-dark);background:#347ac01a}.card-green .tag{color:var(--green-dark);background:#19c39426}.card-dark .tag{color:#ffffffb3;background:#ffffff1a}.bento{margin-bottom:20px;padding:0 24px}.bento-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.bento-card{transition:transform var(--transition);background:#141518;border-radius:24px;padding:40px 32px;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px)}.bento-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.bento-icon-blue{background:linear-gradient(135deg,#347ac033,#347ac00d)}.bento-icon-green{background:linear-gradient(135deg,#19c39433,#19c3940d)}.bento-icon-purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d)}.bento-card h3{letter-spacing:-.01em;margin-bottom:8px;font-size:20px;font-weight:700}.bento-card p{color:var(--gray-500);font-size:15px;line-height:1.5}.screenshots{text-align:center;padding:100px 24px}.screenshots h2{letter-spacing:-.03em;margin-bottom:16px;font-size:48px;font-weight:800}.screenshots>p{color:var(--gray-500);margin-bottom:64px;font-size:17px}.screenshots-track{flex-wrap:wrap;justify-content:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.screenshot-item{border-radius:24px;flex:none;width:220px;transition:transform .4s,box-shadow .4s;overflow:hidden;box-shadow:0 20px 60px #0000004d}.screenshot-item:hover{transform:translateY(-12px)scale(1.02);box-shadow:0 32px 80px #0006}.screenshot-item img{width:100%;display:block}.protocols{margin-bottom:20px;padding:0 24px}.protocols-card{max-width:var(--max-width);border-radius:var(--radius-card);text-align:center;background:#141518;margin:0 auto;padding:80px}.protocols-card h2{letter-spacing:-.03em;margin-bottom:12px;font-size:40px;font-weight:800}.protocols-card>p{color:var(--gray-500);margin-bottom:48px;font-size:17px}.protocol-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.protocol-pill{border-radius:var(--radius-btn);color:var(--gray-500);transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff14;padding:14px 28px;font-size:16px;font-weight:600}.protocol-pill:hover{color:var(--white);background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px)}.cta{margin-bottom:20px;padding:0 24px}.cta-card{max-width:var(--max-width);border-radius:var(--radius-card);text-align:center;background:linear-gradient(135deg,#175da3 0%,#1e8260 100%);margin:0 auto;padding:100px 80px;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#03fbff26 0%,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.cta-card h2{letter-spacing:-.03em;margin-bottom:16px;font-size:48px;font-weight:800;position:relative}.cta-card p{opacity:.8;max-width:480px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px;position:relative}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(12px);opacity:0;background:#000000b3;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1}.modal-card{border-radius:var(--radius-card);text-align:center;background:linear-gradient(135deg,#175da3 0%,#1e8260 100%);width:100%;max-width:520px;padding:60px 48px;transition:transform .3s;position:relative;transform:translateY(20px)scale(.97)}.modal-overlay.open .modal-card{transform:translateY(0)scale(1)}.modal-card h2{letter-spacing:-.03em;color:var(--white);margin-bottom:12px;font-size:36px;font-weight:800}.modal-card>p{color:#ffffffb3;margin-bottom:32px;font-size:16px}.modal-close{color:var(--white);cursor:pointer;width:36px;height:36px;transition:background var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#fff3}.waitlist-step{position:relative}.waitlist-form{justify-content:center;gap:12px;max-width:480px;margin:0 auto;display:flex;position:relative}.waitlist-form input{border-radius:var(--radius-btn);color:var(--white);transition:border-color var(--transition), background var(--transition);background:#ffffff1a;border:2px solid #fff3;outline:none;flex:1;min-height:56px;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:500}.waitlist-form input::placeholder{color:#fff6}.waitlist-form input:focus{background:#ffffff26;border-color:#ffffff80}#waitlist-code{text-align:center;letter-spacing:8px;max-width:200px;font-size:24px;font-weight:700}.waitlist-subtitle{opacity:.8;margin-bottom:24px!important;font-size:16px!important}.waitlist-subtitle span{opacity:1;font-weight:700}.waitlist-error{color:#ff6b6b;min-height:20px;margin-top:12px;font-size:14px;position:relative}.waitlist-success-msg{color:var(--white);font-weight:600;position:relative;opacity:1!important;font-size:20px!important}.waitlist-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}footer{border-top:1px solid #ffffff0f;padding:40px 24px}.footer-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.footer-left{align-items:center;gap:10px;display:flex}.footer-left img{border-radius:6px;width:24px;height:24px}.footer-left span{color:var(--gray-600);font-size:14px}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--gray-600);transition:color var(--transition);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--white)}@media (width<=1024px){.hero h1{font-size:56px}.card-section{padding:60px 40px}.card-text h2{font-size:36px}.bento-grid{grid-template-columns:repeat(2,1fr)}.card-phone .phone{width:220px}}@media (width<=768px){.hero{padding:120px 24px 60px}.hero h1{font-size:40px}.hero p{font-size:17px}.phone-left,.phone-right{display:none}.phone-center{width:240px}.card-section{border-radius:24px;padding:48px 24px}.card-layout{text-align:center;grid-template-columns:1fr;gap:40px}.card-layout.reverse .card-phone{order:-1}.card-text h2{font-size:30px}.card-text p{font-size:16px}.tag-list{justify-content:center}.card-phone .phone{width:200px}.bento-grid{grid-template-columns:1fr}.bento-card{padding:32px 24px}.screenshots h2{font-size:32px}.screenshots-track{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;flex-wrap:nowrap;justify-content:flex-start;padding:0 24px 24px;overflow-x:auto}.screenshot-item{scroll-snap-align:center;width:180px}.protocols-card{border-radius:24px;padding:48px 24px}.protocols-card h2{font-size:32px}.cta-card{border-radius:24px;padding:60px 24px}.cta-card h2{font-size:32px}.modal-card{border-radius:24px;padding:48px 24px}.modal-card h2{font-size:28px}.waitlist-form{flex-direction:column;align-items:stretch}#waitlist-code{max-width:100%}.nav-links{display:none}.footer-inner{flex-direction:column;gap:16px}.btn-l{min-height:48px;padding:14px 28px;font-size:15px}}.recovery-page{color:#fff;background:#0f0b1a;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.recovery-page .container{background:#1a1528;border-radius:24px;width:100%;max-width:480px;padding:32px;box-shadow:0 4px 24px #0000004d}.recovery-page .logo{background:linear-gradient(135deg,#7c3aed,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:24px;font-weight:700}.recovery-page .subtitle{color:#ffffff80;margin-bottom:32px;font-size:14px}.recovery-page .info-card{background:#ffffff0f;border-radius:16px;margin-bottom:24px;padding:16px}.recovery-page .info-row{justify-content:space-between;padding:8px 0;display:flex}.recovery-page .info-label{color:#ffffff80;font-size:14px}.recovery-page .info-value{font-family:monospace;font-size:14px;font-weight:600}.recovery-page .action-card{background:#19c3941a;border:1px solid #19c3944d;border-radius:12px;margin-bottom:8px;padding:12px 16px;font-size:14px}.recovery-page .btn{cursor:pointer;border:none;border-radius:26px;width:100%;height:52px;margin-top:24px;font-size:16px;font-weight:600;transition:opacity .2s}.recovery-page .btn:hover{opacity:.85}.recovery-page .btn:disabled{opacity:.5;cursor:not-allowed}.recovery-page .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.recovery-page .status{text-align:center;color:#ffffff80;padding:16px;font-size:15px}.recovery-page .status.error{color:#ef4444}.recovery-page .status.success{color:#19c394;font-weight:600}.recovery-page .signer-list{margin-bottom:24px}.recovery-page .signer-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.recovery-page .signer-item:last-child{border-bottom:none}.recovery-page .signer-addr{font-family:monospace;font-size:13px}.recovery-page .signer-type{color:#fff6;font-size:12px}.recovery-page .badge{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.recovery-page .badge-signed{color:#19c394;background:#19c39426}.recovery-page .badge-pending{color:#f5a623;background:#ffc8321f}.recovery-page .badge-you{color:#a78bfa;background:#7c3aed26}.recovery-page .section-title{margin-bottom:12px;font-size:15px;font-weight:600}.recovery-page .btn-disconnect{color:#fff6;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;padding:10px;font-size:13px;display:block}.recovery-page .btn-disconnect:hover{color:#fff9}.recovery-page .wallet-overlay{z-index:100;background:#0009;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.recovery-page .wallet-sheet{background:#1a1528;border-radius:24px 24px 0 0;width:100%;max-width:480px;padding:20px 24px 40px;animation:.25s ease-out recoverySlideUp}@keyframes recoverySlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.recovery-page .wallet-sheet-handle{background:#ffffff26;border-radius:2px;width:40px;height:4px;margin:0 auto 20px}.recovery-page .wallet-sheet-title{margin-bottom:16px;font-size:18px;font-weight:700}.recovery-page .wallet-list{flex-direction:column;gap:8px;display:flex}.recovery-page .wallet-item{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.recovery-page .wallet-item:hover{background:#ffffff1a}.recovery-page .wallet-item img{border-radius:10px;width:36px;height:36px}.recovery-page .wallet-empty{text-align:center;color:#fff6;padding:24px 0;font-size:14px}.recovery-page .wallet-empty a{color:#a78bfa;text-decoration:none}
