*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080b18;color:#f4f2fc;font:16px/1.6 system-ui,sans-serif}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 32px}header img,footer img{width:145px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:#c6a3ff}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;min-height:700px;padding:40px 32px 80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.22em;color:#c4a0ff}h1{font-size:clamp(48px,6.5vw,86px);line-height:1.03;letter-spacing:-.06em;margin:28px 0}h1 em{font-style:normal;color:#c09cff}.intro{max-width:530px;font-size:19px;color:#bab9cc;line-height:1.65}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{padding:15px 22px;border-radius:12px;font-weight:650;font-size:14px;display:inline-flex;gap:20px;align-items:center}.primary{background:#c09cff;color:#120c21}.secondary{border:1px solid #ffffff30}.primary:hover{background:#d3b8ff}.muted{color:#a3a1b7;font-size:12px}.trial{font-size:12px;color:#9996ae;max-width:460px;border-left:2px solid #75589c;padding-left:12px;margin-top:22px}.visual{display:flex;flex-direction:column;align-items:center;position:relative}.visual:before{content:'';position:absolute;width:90%;height:80%;background:#7c3aed22;filter:blur(70px);border-radius:50%;z-index:-1}.phone{width:290px;padding:24px 18px 12px;border:5px solid #292536;border-radius:40px;background:#0c1020;box-shadow:0 30px 80px #0008;transform:rotate(5deg)}.phone>img{width:112px}.mini-tabs,.phone-nav{display:flex;justify-content:space-between;font-size:10px;color:#c3a6f1;margin:20px 0}.mini-tabs span{color:#aaa}.spotlight{padding:65px 16px 24px;border:1px solid #a77bec66;border-radius:18px;background:radial-gradient(at 80% 0%,#62568f,#201933 60%);margin-top:20px}.spotlight small{font-size:8px;letter-spacing:.15em;color:#dbc5ff}.spotlight h2{font-size:25px;line-height:1.2;letter-spacing:-.04em}.pill{display:inline-block;padding:8px 12px;border:1px solid #ffffff30;border-radius:25px;font-size:9px}.phone h3{font-size:12px;margin-top:22px}.tiles{display:flex;gap:8px}.tiles div{flex:1;height:90px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(140deg,#3d314d,#182134);display:flex;align-items:flex-end;padding:8px;font-size:10px}.phone-nav{border-top:1px solid #ffffff20;padding-top:14px;margin-bottom:4px}.preview-label{font-size:10px;color:#8e879f;margin-top:25px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:64px 32px;border-block:1px solid #ffffff12}.features span{font-size:10px;letter-spacing:.15em;color:#b492e8}.features h2{font-size:24px;line-height:1.25;letter-spacing:-.03em}.features p,.install p,.release p,.help p{color:#aba8bf;font-size:14px}.install{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:90px 32px}.install h2{font-size:44px;line-height:1.15;letter-spacing:-.04em;margin-top:15px}.install ol{padding-left:25px}.install li{padding-left:14px;margin-bottom:24px}.install li::marker{color:#c09cff}.release{padding:40px 32px 60px;background:#121526;border:1px solid #ffffff12;border-radius:22px;margin:0 32px}.release h2{margin:12px 0}.release code{font-size:11px;overflow-wrap:anywhere;color:#c5a7f1}.help{padding:80px 32px;max-width:850px}.help h2{font-size:30px;letter-spacing:-.03em}details{border-top:1px solid #ffffff14;padding:18px 0}summary{cursor:pointer;font-size:14px}footer{border-top:1px solid #ffffff12;padding:30px 32px;display:flex;gap:24px;align-items:center;color:#a6a0b8;font-size:12px}footer a{margin-left:auto}a:focus-visible,summary:focus-visible{outline:2px solid #c09cff;outline-offset:5px}.privacy{max-width:800px;padding:40px 32px 100px}.privacy h1{font-size:44px}.privacy p,.privacy li{color:#b9b5ca}@media(max-width:700px){header{height:80px;padding:20px}header img{width:120px}nav{gap:16px;font-size:12px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:25px 20px 55px;gap:45px}.hero h1{font-size:60px}.intro{font-size:17px}.visual{padding:10px 0}.phone{width:250px}.features{grid-template-columns:1fr;padding:40px 20px;gap:22px}.features h2{font-size:25px}.install{grid-template-columns:1fr;gap:20px;padding:55px 20px}.install h2{font-size:36px}.release{margin:0 16px;padding:25px 20px}.help{padding:50px 20px}footer{padding:25px 20px;flex-wrap:wrap}footer img{width:110px}footer span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}