:root{color-scheme:dark;--bg:#110e21;--text:#f6f3ff;--muted:#b5adc9;--line:#ffffff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 80% 15%,#38205055,transparent 45%),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #e6a6ff;outline-offset:7px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;padding-block:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1.3px}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#8755ef,#d173b6);font-size:27px}.brand-dot{color:#d093ed;font-size:10px;margin-left:-5px}.nav-link{font-size:13px;color:#ded6ed}.nav-link span{padding-left:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;min-height:690px;padding-block:74px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#cfb3ed;margin:0 0 24px}h1{font-size:clamp(48px,5.7vw,76px);line-height:1.06;letter-spacing:-3.8px;margin:0 0 28px}h1 span{background:linear-gradient(95deg,#ac8bff,#d9a4ef,#f597c1);background-clip:text;color:transparent}.intro{font-size:17px;color:var(--muted);max-width:385px;margin-bottom:30px}.download{display:inline-flex;align-items:center;gap:12px;background:#f8f5ff;color:#19132b;padding:10px 19px;border-radius:12px;box-shadow:0 6px 35px #a178ea1a}.download:hover{background:#e6d7ff}.download small,.download strong{display:block;line-height:1.2}.download small{font-size:10px}.download strong{font-size:21px;letter-spacing:-.5px}.download .arrow{margin-left:28px;font-size:23px}.app-name{font-size:11px;color:var(--muted);margin-top:14px}.hero-art{position:relative;display:grid;place-items:center;min-height:460px}.wheel{position:relative;width:310px;height:310px;border:10px solid #29203e;border-radius:50%;background:conic-gradient(from -22.5deg,#a272e3 0deg 45deg,#7698e7 45deg 90deg,#c988c1 90deg 135deg,#6356bd 135deg 180deg,#b992e3 180deg 225deg,#577aca 225deg 270deg,#d198c6 270deg 315deg,#7962ca 315deg);box-shadow:0 0 0 1px #a996cd40,0 30px 100px #9960e533;transform:rotate(-12deg)}.wheel-lines{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -22.5deg,transparent 0deg 44.6deg,#f7edff66 44.6deg 45deg)}.wheel-center{position:absolute;inset:35%;display:grid;place-items:center;border-radius:50%;border:7px solid #ffffff1a;background:#20172f;font-size:55px;font-weight:800;letter-spacing:-5px;transform:rotate(12deg);padding-right:5px}.pointer{position:absolute;top:-19px;left:calc(50% - 12px);border-left:12px solid transparent;border-right:12px solid transparent;border-top:30px solid #fff1f9;filter:drop-shadow(0 3px 6px #0006)}.orbit{position:absolute;width:390px;height:390px;border:1px solid #a48bc320;border-radius:50%}.orbit-two{width:455px;height:455px;border-style:dashed}.float-label{position:absolute;z-index:2;background:#2c223f;border:1px solid #b8a0d133;border-radius:30px;padding:10px 18px;font-size:12px;box-shadow:0 12px 30px #0003}.label-one{top:43px;left:8px;transform:rotate(-7deg)}.label-two{bottom:53px;right:0;transform:rotate(6deg)}.spark{position:absolute;color:#d5a5ee;font-size:30px}.spark-one{top:46px;right:28px}.spark-two{bottom:56px;left:28px;font-size:20px}.art-caption{position:absolute;bottom:-10px;font-size:9px;letter-spacing:2.2px;color:var(--muted)}.tools{padding-block:56px 80px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:12px}h2{font-size:34px;letter-spacing:-1.1px;line-height:1.2;margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#ffffff06,#ffffff02)}.tool-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:28px;margin-bottom:24px}.purple{color:#c6a6ff;background:#ae79ff1a}.pink{color:#f2b5d3;background:#ed8bb91a}.blue{color:#a5bfff;background:#779fff1a}.tool-number{position:absolute;right:26px;top:32px;font-size:11px;letter-spacing:1px;color:#9b90af}.tool h3{font-size:18px;margin:0 0 9px;letter-spacing:-.4px}.tool p{font-size:14px;color:var(--muted);margin:0;max-width:250px}.closing{text-align:center;padding:52px 24px 58px;border:1px solid #a27fd333;border-radius:24px;background:linear-gradient(110deg,#52337145,#283b6a45,#643a5d45);margin-bottom:70px}.closing .eyebrow{margin-bottom:18px}.closing h2{margin-bottom:25px}.closing>a{font-size:14px;border-bottom:1px solid #bfa3da;padding-bottom:5px}.closing>a span{padding-left:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:26px;border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:11px;color:var(--muted)}footer .brand{font-size:22px}.skip{position:absolute;top:-100px;left:15px;background:#fff;color:#111;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:900px){.wheel{width:260px;height:260px}.orbit{width:310px;height:310px}.orbit-two{width:350px;height:350px}.hero-art{min-height:400px}.label-one{left:-5px}.tool{padding:23px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{padding-block:22px}.brand{font-size:23px}.nav-link{font-size:12px}.hero{grid-template-columns:1fr;gap:20px;padding-block:48px 40px}.hero-copy{max-width:470px}h1{font-size:60px;letter-spacing:-3px}.intro{font-size:16px}.hero-art{min-height:390px;max-width:360px;width:100%;margin:auto}.section-heading{display:block}.section-heading>p{margin-top:18px}.tools{padding-top:38px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool{padding:20px}.tool-number{right:18px;top:25px}.tool h3{font-size:16px}.tool p{font-size:13px}.closing h2{font-size:29px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}h2{font-size:30px}}@media(max-width:370px){h1{font-size:51px}.orbit-two{width:300px;height:300px}.orbit-one{width:280px;height:280px}.tool-grid{grid-template-columns:1fr}.tool p{max-width:none}.brand-icon{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}