:root{--bg:#27234f;--panel:#353063;--text:#faf9ff;--muted:#bdb9e3;--mint:#64ded2;--lime:#b7ff39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-rounded,'Trebuchet MS',Arial,sans-serif}a{color:inherit}button{font:inherit}header,main,footer{max-width:1180px;margin:auto;padding:0 48px}main{overflow-x:clip}header{height:110px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:42px;border-radius:12px}.wordmark{font-size:35px;font-style:italic;font-weight:700;letter-spacing:-2px;background:linear-gradient(100deg,var(--mint),var(--lime));background-clip:text;color:transparent}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--lime)}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--mint),var(--lime));border:0;color:#242047;text-decoration:none;padding:18px 27px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s}.button:hover{transform:translateY(-3px)}.small{padding:12px 20px;gap:18px;font-size:14px}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:6px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px;padding:24px 0 75px;gap:50px}.eyebrow{text-transform:uppercase;letter-spacing:2.6px;font-size:12px;color:var(--mint);font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--lime);border-radius:50%}h1{font-size:clamp(48px,5.8vw,76px);letter-spacing:-3px;line-height:1.08;margin:25px 0}h1 span{background:linear-gradient(100deg,var(--mint),var(--lime));background-clip:text;color:transparent}.intro{max-width:425px;font-size:19px;line-height:1.7;color:var(--muted);margin:0 0 30px}.note{font-size:12px;color:var(--muted);margin-top:18px}.visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px}.orbit{position:absolute;width:450px;height:450px;border:55px solid #39346b;border-radius:50%;opacity:.6}.orbit:after{content:'';position:absolute;inset:-75px;border:1px solid #514987;border-radius:50%}.phone{position:relative;width:234px;border:7px solid #15132b;border-radius:32px;background:var(--bg);padding:18px 8px 13px;box-shadow:0 28px 55px #100d2b80;transform:rotate(7deg);overflow:hidden}.phone:before{content:'';display:block;width:56px;height:5px;background:#15132b;margin:-10px auto 10px;border-radius:10px}.phone img{width:100%;display:block;border-radius:5px}.floating{position:absolute;background:#403b76;border:1px solid #655c9d;border-radius:16px;padding:15px 20px;box-shadow:0 15px 30px #17133260;z-index:2}.floating strong{display:block;font-size:14px;margin-bottom:6px}.floating span{font-size:12px;color:var(--muted)}.f1{top:74px;left:-8px}.f2{bottom:51px;right:-5px}.dot{display:inline-block;width:8px;height:8px;background:var(--lime);border-radius:50%;margin-right:7px}.uses{border-top:1px solid #4b4577;border-bottom:1px solid #4b4577;padding:25px 0;display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-size:13px}.uses strong{color:white;font-weight:500}.section{padding:96px 0}.heading{max-width:640px}h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 20px}.heading p,.step p{color:var(--muted);line-height:1.7;font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.num{font-size:12px;color:var(--mint);letter-spacing:2px;border-top:1px solid #5c548c;padding-top:22px}.step h3{font-size:21px;margin:20px 0 10px}.detail{display:grid;grid-template-columns:1fr 1fr;background:#312c5c;border-radius:26px;overflow:hidden;margin:0 0 85px;align-items:center}.screens{position:relative;display:flex;gap:24px;align-items:center;justify-content:center;padding:44px 25px;background:#393366;height:435px;overflow:hidden}.screens img{width:176px;border:5px solid #201c40;border-radius:19px;box-shadow:0 20px 25px #17122f60}.screens img:first-child{transform:translateY(39px) rotate(-5deg)}.screens img:last-child{transform:translateY(-12px) rotate(5deg)}.detail-copy{padding:45px}.detail-copy p{color:var(--muted);line-height:1.7}.detail-copy ul{padding:0;list-style:none;color:#e2def7}.detail-copy li{padding:10px 0;font-size:14px}.detail-copy li:before{content:'✓';color:var(--mint);margin-right:12px}.cta{text-align:center;padding:25px 0 85px}.cta p{color:var(--muted);line-height:1.7;margin:0 0 27px}.cta .wordmark{font-size:40px;display:inline-block;margin-bottom:22px}footer{border-top:1px solid #4b4577;padding-top:24px;padding-bottom:28px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.legal{display:flex;flex-wrap:wrap;gap:20px}.legal a{color:var(--muted)}.legal a:hover{color:var(--lime)}dialog{background:var(--panel);color:white;border:1px solid #7970a7;border-radius:20px;padding:32px;max-width:420px}dialog::backdrop{background:#100d29b0}dialog p{line-height:1.6;color:var(--muted)}@media(max-width:850px){header,main,footer{padding-left:25px;padding-right:25px}.hero{gap:15px}.phone{width:205px}.orbit{width:330px;height:330px;border-width:35px}.f1{left:-15px;top:70px}.f2{right:-5px}.floating{padding:12px}.steps{gap:25px}.screens{gap:12px}.screens img{width:145px}.detail-copy{padding:30px}}@media(max-width:620px){header{height:85px}.nav>a:first-child{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:30px;padding-bottom:40px;gap:10px}.eyebrow{justify-content:center}h1{font-size:56px}.intro{margin-left:auto;margin-right:auto;font-size:17px}.visual{min-height:465px;max-width:360px;width:100%;margin:auto}.phone{width:208px}.f1{left:0;top:64px}.f2{right:0;bottom:35px}.uses{flex-wrap:wrap;justify-content:center;font-size:12px}.uses>span:first-child{width:100%;text-align:center}.section{padding:65px 0}.steps{grid-template-columns:1fr;gap:18px;margin-top:30px}.step p{margin-bottom:0}.detail{grid-template-columns:1fr;margin-bottom:55px}.screens{height:340px}.screens img{width:151px}.detail-copy{padding:30px}.cta{padding-bottom:55px}footer{gap:16px;flex-direction:column;align-items:flex-start}.nav{gap:0}.small{padding:10px 15px}}
.brand img.full-logo{width:150px;height:auto;border-radius:0}.cta-logo{display:block;width:185px;height:auto;margin:0 auto 26px}@media(max-width:620px){.brand img.full-logo{width:125px}}