:root{--navy:#0d1221;--white:#fbfaff;--lilac:#6e63f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}header,footer{display:flex;align-items:center;justify-content:space-between;padding:26px 6vw;border-bottom:1px solid #ffffff18}header img{width:150px;display:block}nav{display:flex;align-items:center;gap:30px}a{color:inherit;text-decoration:none}button{font:inherit;background:transparent;color:inherit;border:1px solid #ffffff55;border-radius:30px;padding:8px 16px;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ffa26b;outline-offset:5px}section{padding:90px 8vw}.hero{min-height:690px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;background:radial-gradient(ellipse at 80% 40%,#33234b77,transparent 60%)}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:650;color:#c9baff}h1{font-size:clamp(44px,6.7vw,92px);line-height:1.08;letter-spacing:-4px;font-weight:500;margin:25px 0}h2{font-size:clamp(30px,4vw,53px);line-height:1.2;font-weight:500;letter-spacing:-1.5px;margin:20px 0 35px}h3{font-size:21px;font-weight:550}.intro{font-size:19px;color:#c8c6d5;max-width:540px}.primary{display:inline-flex;padding:16px 28px;margin:18px 0;border-radius:9px;background:linear-gradient(100deg,#6e63f7,#ff7a6e,#ffa26b);color:white;font-weight:650}.primary:hover{filter:brightness(1.1)}.small{font-size:12px;color:#b0acbf}.visual{height:440px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.ring{width:290px;height:290px;border-radius:50%;background:conic-gradient(from 215deg,#7d8dff,#bb5ddd,#ff7a6e,#ffb56e,#dd72c4,#808cff);mask:radial-gradient(circle,transparent 67%,#000 68%);filter:drop-shadow(0 0 20px #ae59cc);clip-path:polygon(0 0,100% 0,100% 100%,67% 100%,50% 68%,33% 100%,0 100%);animation:breathe 5s ease-in-out infinite}.stem{position:absolute;top:245px;height:112px;width:7px;background:white;border-radius:6px;box-shadow:0 0 20px #ffffff77}.visual p{margin-top:65px;color:#c9baff;letter-spacing:2px;font-size:13px}.light{background:#fbfaff;color:#0d1221}.light .eyebrow{color:#7260c7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps article{border-top:1px solid #d5cfe4;padding-top:23px}.steps span{color:#7861ce;font-size:14px}.steps p,.beta p{color:#545268}.statement{text-align:center;padding-top:110px;padding-bottom:110px}.statement>p:first-child{font-size:25px;margin-bottom:0}.statement h2{background:linear-gradient(100deg,#9e8bff,#ff9f91);background-clip:text;color:transparent;font-size:clamp(45px,6vw,80px);margin-top:0}.statement .intro{margin:auto}.beta{display:grid;grid-template-columns:1.1fr 1fr;gap:90px}.beta aside{border-left:1px solid #d5cfe4;padding-left:40px}.beta aside p{font-size:14px}.faq{max-width:1100px;margin:auto}details{border-bottom:1px solid #ffffff25;padding:20px 0}summary{font-size:19px;cursor:pointer}details p{color:#c8c6d5;max-width:700px}footer{font-size:12px;color:#c8c6d5;border-top:1px solid #ffffff18;border-bottom:none}@keyframes breathe{50%{opacity:.65;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media(max-width:700px){header{padding:18px 6vw}header img{width:105px}nav{gap:12px;font-size:12px}nav>a:first-child{display:none}section{padding:60px 7vw}.hero{grid-template-columns:1fr;gap:5px;min-height:0}h1{letter-spacing:-2px}.visual{height:330px}.ring{width:220px;height:220px}.stem{top:177px;height:86px}.visual p{margin-top:47px}.steps,.beta{grid-template-columns:1fr;gap:25px}.beta aside{border-left:0;border-top:1px solid #d5cfe4;padding:20px 0 0}footer{flex-wrap:wrap;gap:18px}}

/* Clear reading hierarchy and accessible controls. */
body{font-size:16px}p{max-width:66ch}nav a,nav button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}nav button{min-width:48px}.primary{color:#0d1221;min-height:48px}.small{font-size:14px}.light .eyebrow{color:#6550a5}.skip{position:absolute;left:16px;top:-100px;background:#fbfaff;color:#0d1221;padding:12px 20px;z-index:10}.skip:focus{top:16px}.sharing{background:#1a1f3a;display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.sharing .eyebrow,.sharing h2{grid-column:1/-1}.sharing h2{margin-bottom:12px}.sharing-note{border:1px solid #ffffff30;border-radius:16px;padding:24px 28px}.sharing-note h3{margin-top:0}.sharing-note p{color:#d6d3e5}.notice{background:#f0edf7;border-radius:12px;padding:8px 20px;margin-top:24px}.statement p{margin-left:auto;margin-right:auto}summary{min-height:44px;padding:8px 0}footer a{text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}@media(max-width:700px){.sharing{grid-template-columns:1fr;gap:12px}.sharing-note{padding:20px}.intro{font-size:18px}nav{gap:8px}header img{width:110px}.hero h1{font-size:clamp(40px,11vw,70px)}.beta aside p{font-size:16px}}



/* Same original artwork and continuous midnight background as the app. */
:root{--navy:#101a32}
header{background:var(--navy)}
header img{width:180px;height:auto;object-fit:contain}
@media(max-width:700px){header img{width:135px}}

/* Privacy and support: clear, readable on phone and desktop. */
footer{flex-wrap:wrap;gap:12px 24px}
.privacy-page{max-width:900px;margin:auto;padding:64px 24px 80px}
.privacy-page h1{font-size:clamp(38px,6vw,60px);letter-spacing:-2px}
.privacy-page section{padding:28px 0;border-bottom:1px solid #ffffff20}
.privacy-page h2{font-size:25px;letter-spacing:-.5px;margin:0 0 16px}
.privacy-page section div{color:#d6d8e5}
.privacy-page li{margin:12px 0}
.privacy-page a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.privacy-page .support-panel{background:#1a1f3a;border:1px solid #ffffff25;border-radius:16px;margin-top:32px;padding:24px}
@media(max-width:700px){.privacy-page{padding:40px 20px 60px}.privacy-page ul{padding-left:22px}}