*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#1d1d1f;background:#f7f9fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:#0066cf;text-underline-offset:4px}a:focus-visible{outline:3px solid #007aff;outline-offset:6px;border-radius:6px}header{max-width:1120px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}header a{text-decoration:none;color:inherit}header .brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:22px}header img{width:40px;height:40px;border-radius:12px}nav{display:flex;gap:28px;font-size:15px;color:#505058}main{max-width:1120px;margin:auto;padding:32px}.hero{text-align:center;max-width:780px;margin:32px auto 0}.hero>img{width:88px;height:88px;border-radius:25px;box-shadow:0 15px 30px #253e5915}h1{font-size:clamp(40px,6vw,68px);line-height:1.07;letter-spacing:-.055em;font-weight:650;margin:30px 0 24px}h2{font-size:30px;letter-spacing:-.035em;line-height:1.25;margin:48px 0 16px}p{max-width:68ch} .hero p{margin:0 auto 24px;color:#64646b;font-size:21px;max-width:53ch}.button{display:inline-block;padding:12px 25px;border-radius:17px;background:#007aff;color:white;text-decoration:none;font-weight:600}.button:hover{background:#006be1}.note{font-size:14px!important;color:#64646b!important;margin-top:17px!important}.workspace{margin:48px auto 60px;min-height:320px;padding:42px;border-radius:44px;position:relative;display:flex;align-items:center;justify-content:center;gap:38px;flex-wrap:wrap;background:radial-gradient(ellipse at 0 0,#e7f1ff,transparent 65%),radial-gradient(ellipse at 100% 0,#fff4e8,transparent 70%),#f9fafb;border:2px solid white;box-shadow:0 24px 65px #314d6a0a}.tile{width:120px;text-align:center;animation:float 12s ease-in-out infinite;animation-delay:calc(var(--n)*-2s)}.tile span{display:grid;place-items:center;aspect-ratio:1;border-radius:33px;background:white;box-shadow:0 17px 21px -10px #20344440;font-size:37px;color:var(--c);transform:rotate(var(--r))}.tile small{display:block;margin-top:20px;color:#55545c;font-size:14px}.intro{max-width:720px;margin:0 auto 60px}.intro>p{font-size:20px;color:#64646b}.features{padding:0;list-style:none}.features li{padding:17px 0;border-bottom:1px solid #dce2e8}.features strong{display:block;font-weight:600}.features span{color:#64646b}.downloads{max-width:720px;margin:0 auto;padding-top:6px}.downloads ul{padding-left:22px}.downloads li{margin:12px 0}.downloads aside{padding:20px 24px;background:white;border-radius:22px;font-size:15px;color:#585862;margin:24px 0}.prose{max-width:780px;margin:10px auto 60px}.prose h1{font-size:46px;letter-spacing:-.04em}.prose h2{font-size:25px}.prose li{margin:10px 0}.prose p{color:#45454d}footer{border-top:1px solid #dce2e8;max-width:1056px;margin:70px auto 0;padding:28px 0 40px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#64646b}footer div{display:flex;gap:24px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{animation:none}}@media(max-width:600px){header{padding:22px}nav{gap:18px}main{padding:20px}.hero{margin-top:18px}.hero p{font-size:19px}.workspace{gap:25px;padding:34px 20px;border-radius:30px;margin:35px 0}.tile{width:80px}.tile span{border-radius:23px;font-size:28px}.tile small{margin-top:13px}.intro>p{font-size:18px}.prose h1{font-size:36px}footer{margin:50px 22px 0;flex-direction:column}}