:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f2f7;background:#101015;font-synthesis:none;font-weight:400;--muted:#9d9aa9;--purple:#b69aff;--line:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;overflow-x:clip}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:6px}::selection{background:#7855ad;color:#fff}.site-shell{overflow:hidden;max-width:1200px;margin:auto;padding:0 40px}.skip{position:absolute;left:20px;top:-100px;background:#fff;color:#000;padding:12px;z-index:9}.skip:focus{top:12px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;gap:32px;font-size:13px;color:#b4b0c0}nav a:hover{color:#fff}.nav-download{display:inline-flex;align-items:center;gap:6px;padding:8px 0;color:#d6c5ed}.nav-download span{font-size:16px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:50px;min-height:780px;padding:70px 0 85px}.badge{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:1.8px;padding:10px 13px;background:#ac84ff0a;border:1px solid #ac84ff25;border-radius:20px;color:#bfabd9}.badge>span{height:5px;width:5px;border-radius:50%;background:#ac8aff;box-shadow:0 0 12px #a589f7}h1{font-size:clamp(42px,4.8vw,65px);line-height:1.09;letter-spacing:-3px;font-weight:620;margin:29px 0 24px}em{font-style:normal;color:var(--purple)}.hero-description{max-width:410px;font-size:17px;line-height:1.8;color:var(--muted)}.hero-actions{display:flex;align-items:center;margin-top:30px}.app-store-badge{display:inline-flex;border-radius:12px;flex-shrink:0}.app-store-badge img{display:block;width:180px;height:60px}.hero-footnote{display:flex;gap:16px;align-items:center;margin-top:66px;font-size:10px;color:#747080}.hero-footnote b{color:#69567f;font-size:12px}.preview-wrap{position:relative;display:flex;justify-content:center;isolation:isolate}.preview-wrap:before{content:"";position:absolute;inset:12% -10%;background:radial-gradient(ellipse,#9a68ed20,transparent 68%);z-index:-2}.orbit{position:absolute;border:1px solid #a785d310;border-radius:50%;width:490px;height:490px;top:60px;z-index:-1}.orbit-two{width:610px;height:610px;top:0}.phone{--phone-width:306px;width:var(--phone-width);height:calc(var(--phone-width) * 852 / 393);display:flex;flex-direction:column;flex-shrink:0;border:5px solid #34323c;border-radius:46px;background:#121219;box-shadow:0 35px 80px #0008,0 0 0 1px #66616e;padding:0 10px 10px;transform:rotate(3deg);overflow:hidden}.phone-status{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;font-weight:700}.island{height:21px;width:82px;background:#050506;border-radius:20px}.phone-body{padding:9px 2px 0}.character{display:flex;align-items:center;gap:9px;margin:4px 0 17px}.character strong{font-size:12px}.character small{font-size:8px;margin-top:5px}.avatar{width:35px;height:40px;color:#bb95fa;background:linear-gradient(145deg,#44315b,#211c2d);border-radius:11px;display:grid;place-items:center;font-size:28px}.phone small{display:block;color:#9c94ac}.level{margin-left:auto;background:#a371ee18;color:#c39df9;font-size:10px;font-weight:700;padding:7px 8px;border-radius:14px}.progress-card,.chart-card,.mini-grid>div{border:1px solid #ffffff09;background:linear-gradient(125deg,#23232d,#1b1b24);border-radius:17px}.progress-card{padding:16px 13px;position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--purple)}.progress-card .eyebrow{font-size:7px;letter-spacing:1px;color:#bcb0cf}.percent{font-size:37px;letter-spacing:-2px;display:block;margin:8px 0 0}.percent span{font-size:28px}.progress-card small{font-size:9px}.ring{height:85px;width:85px;border-radius:50%;background:conic-gradient(#b184fb 0% 26.7%,#35323f 26.7%);display:grid;place-items:center;transform:rotate(-20deg)}.ring span{display:grid;place-items:center;border-radius:50%;background:#20202a;width:70px;height:70px;font-size:46px;color:#b38bfa}.progress-card p{font-size:8px;color:#a89bb7;margin:14px 0 0}.chart-card{padding:13px;margin-top:9px}.chart-heading{display:flex;justify-content:space-between;font-size:11px;font-weight:600}.chart-heading .purple{margin-right:5px}.chart-value{font-size:30px;letter-spacing:-1px;font-weight:700;margin-top:13px}.chart-value span{font-size:24px}.chart-card small{font-size:8px}.periods{display:flex;background:#11111766;border:1px solid #ffffff08;border-radius:9px;padding:3px;margin:12px 0}.periods button{width:25%;border:0;color:#a19aad;font-size:8px;background:none;padding:6px 0;border-radius:6px}.periods button[aria-pressed=true]{background:#6e528c;color:#fff}.chart{height:94px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid #ffffff20;background:repeating-linear-gradient(to top,transparent 0px,transparent 30px,#ffffff0b 30px,#ffffff0b 31px)}.chart i{flex:1;min-width:0;background:linear-gradient(#c6a6ff,#8761c4);border-radius:2px 2px 0 0}.chart-labels{display:flex;justify-content:space-between;font-size:7px;color:#8c8699;margin-top:6px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.mini-grid>div{padding:12px 9px;position:relative}.mini-grid small{font-size:8px}.mini-grid strong{font-size:15px;display:block;margin-top:6px}.mini-grid>div>span{position:absolute;right:10px;top:10px;font-size:14px}.mint{color:#8ae4c0}.peach{color:#fa9b77}.purple{color:var(--purple)}.phone-tabs{display:flex;justify-content:space-around;padding:14px 0 9px;font-size:16px;color:#88828f}.phone-tabs>span{text-align:center}.phone-tabs small{font-size:7px;margin-top:3px;color:inherit}.home-bar{width:86px;height:3px;background:#d2cddc;border-radius:3px;margin:7px auto 0}.floating-note{position:absolute;left:-12px;bottom:75px;display:flex;gap:12px;align-items:center;background:#24232cef;border:1px solid #ffffff15;padding:15px 20px;border-radius:15px;box-shadow:0 12px 40px #0005;transform:rotate(-5deg);font-size:11px;line-height:1.6;color:#a39bad}.floating-note>span{display:grid;place-items:center;background:#69ba9920;width:33px;height:33px;border-radius:10px;font-size:20px}.floating-note strong{color:#e9e3f2;font-weight:500}.section{padding:80px 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}h2{font-size:36px;line-height:1.2;font-weight:570;letter-spacing:-1.3px;margin:17px 0 0}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{border:1px solid #ffffff0d;border-radius:21px;background:linear-gradient(145deg,#1b1a23,#16161d);padding:25px;overflow:hidden}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-icon{font-size:25px;color:#c6adff}.tag{font-size:9px;color:#6e697b;letter-spacing:1.1px}h3{font-size:18px;letter-spacing:-.4px;font-weight:570;margin:24px 0 12px}.feature p{font-size:13px;color:var(--muted);line-height:1.85;min-height:74px}.feature-visual{height:100px;margin:27px 0 22px}.spark{display:flex;align-items:end;gap:8px;padding:0 6px;border-bottom:1px solid #a886eb30}.spark i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#bb9bed,#483356)}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.slots i{display:grid;place-items:center;font-style:normal;border:1px solid #ab8ad137;border-radius:8px;color:#c4b0dd;background:#b68fee09;font-size:26px}.slots i:nth-child(3n){color:#ecd79c;background:#dbbe6909;border-color:#dac08033}.feature-caption{font-size:10px;color:#82788e}.odds{padding:10px 5px}.odds>span{font-size:8px;letter-spacing:1.4px;color:#82798b}.odds strong{display:block;color:#91dfbe;font-size:37px;letter-spacing:-1px;margin:6px 0 12px;font-weight:500}.odds small{font-size:22px}.odds>div{height:5px;border-radius:5px;background:#ffffff09}.odds i{display:block;width:30%;height:100%;border-radius:5px;background:#8cd8b9}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.faq h2{font-size:30px}.questions details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:14px;font-size:13px;padding:22px 0;line-height:1.6}summary::-webkit-details-marker{display:none}summary>span{color:#ab8bdd;font-size:20px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 28px 22px 0}.closing{padding:75px 20px 85px;text-align:center;border:1px solid #af81f31a;border-radius:28px;background:radial-gradient(ellipse at 50% 120%,#7e479e20,transparent 70%),#16151d}.closing h2{font-size:43px;margin-top:20px}.closing p{color:#8f869c;font-size:13px;margin:22px 0}.download-link{display:inline-flex;align-items:center;gap:10px;padding:12px 0;font-size:14px;font-weight:500;color:#d6c5ed}.download-link:hover{color:#f4f2f7}.download-link span{font-size:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0}footer p{font-size:10px;line-height:1.8;color:#787080}footer>span{font-size:10px;color:#655f6e}@media(min-width:1500px){.site-shell{max-width:1280px}.hero{min-height:850px}}@media(max-width:950px){.hero{gap:20px}.hero-footnote{margin-top:30px}.phone{--phone-width:285px}.floating-note{left:-12px;padding:12px;font-size:10px}.orbit{width:350px;height:350px}.orbit-two{width:400px;height:400px}.feature{padding:20px}.feature p{min-height:96px}.feature-grid{gap:12px}.site-shell{padding:0 28px}}@media(max-width:700px){.site-shell{padding:0 22px;overflow:hidden}header{padding:22px 0}nav{gap:18px;font-size:11px}.nav-download{display:none}.hero{grid-template-columns:1fr;text-align:center;padding:54px 0 65px;gap:55px}.hero-copy{max-width:440px;margin:auto}.badge{font-size:8px;letter-spacing:1.3px}h1{font-size:49px;letter-spacing:-2.5px}.hero-description{font-size:15px;max-width:340px;margin:auto}.hero-actions{justify-content:center;margin-top:28px}.hero-footnote{justify-content:center;font-size:9px;margin-top:25px}.phone{--phone-width:290px}.floating-note{left:calc(50% - 168px);bottom:72px}.section{padding:54px 0}.section-heading{display:block}.section-heading>p{margin-top:20px}h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.feature{padding:26px}.feature p{min-height:auto;max-width:360px}.feature-visual{max-width:320px;margin:24px auto}.feature-caption{display:block;text-align:center}.faq{grid-template-columns:1fr;gap:30px}.closing{padding:52px 12px}.closing h2{font-size:34px}footer{flex-wrap:wrap;gap:12px;padding:30px 0}footer p{order:3;width:100%;margin:0}footer>span{margin-left:auto}.eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.avatar img{width:48px;height:48px;object-fit:contain;image-rendering:pixelated}.ring img{object-fit:contain;image-rendering:pixelated;transform:rotate(20deg)}.phone-status,.home-bar{flex-shrink:0}.phone-body{display:flex;flex-direction:column;flex:1;min-height:0}.character,.progress-card,.mini-grid,.phone-tabs{flex-shrink:0}.chart-card{display:flex;flex-direction:column;flex:1;min-height:0}.chart{height:auto;flex:1;min-height:24px}.preview-wrap{-webkit-text-size-adjust:none;text-size-adjust:none}.character>div:nth-child(2){min-width:0;flex:1}.character strong,.character small,.level{white-space:nowrap}.avatar,.level{flex-shrink:0}.progress-card{display:grid;grid-template-columns:minmax(0,1fr) 85px;gap:0 6px}.progress-card>p{grid-column:1/-1}.slots img{width:40px;height:40px;max-width:100%;object-fit:contain;image-rendering:pixelated}.device-preview{display:block;width:306px;height:auto;flex-shrink:0;transform:rotate(3deg);filter:drop-shadow(0 24px 28px #0007)}.device-preview image{image-rendering:pixelated}.svg-period{cursor:pointer;outline:none}.svg-period:focus-visible>rect{stroke:#d4b8ff;stroke-width:2}@media(max-width:950px){.device-preview{width:285px}}@media(max-width:700px){.device-preview{width:290px}}.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:12px;color:#aaa4b7;max-width:300px}.footer-legal span{width:100%;font-size:10px;color:#77707f}.footer-legal a:hover{color:#d4b8ff}
