:root{font-family:'DM Sans',Arial,sans-serif;color:#fff9ff;background:#160d2b;font-synthesis:none;color-scheme:dark;--yellow:#ffdf43;--muted:#b8a8cf}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:6px}a{color:inherit;text-decoration:none}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.hero{position:relative;isolation:isolate;min-height:700px;height:100svh;max-height:1200px;overflow:hidden;background:#1c1038}.world{position:absolute;inset:0;z-index:-1;overflow:hidden}.backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 56%,#873ac5 0,transparent 44%),radial-gradient(ellipse at 44% 10%,#472375 0,transparent 55%),#1b1035;background-image:url('assets/violet-stage.jpg');background-size:cover;background-position:center;transform:scale(1.025);animation:backdrop-drift 22s ease-in-out infinite alternate}#aurora{position:absolute;inset:0;width:100%;height:100%;opacity:.23;mix-blend-mode:screen}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,8,31,.6),rgba(23,12,44,.1) 40%,transparent 70%),linear-gradient(0deg,rgba(17,8,33,.28),transparent 22%)}.haze{position:absolute;border-radius:50%;filter:blur(68px);mix-blend-mode:screen;opacity:.19;pointer-events:none}.haze-one{width:28%;height:90%;background:#aa3ffc;left:42%;top:-10%;transform:rotate(28deg);animation:haze-flow 14s ease-in-out infinite alternate}.haze-two{width:30%;height:55%;background:#7732ca;left:75%;top:8%;animation:haze-flow 11s -5s ease-in-out infinite alternate-reverse}
.header{height:100px;max-width:1560px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 64px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;font-family:Inter,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.6px}.brand-symbol{width:29px;height:29px;border:3px solid var(--yellow);border-right-color:transparent;border-radius:50%;transform:rotate(-35deg);display:grid;place-items:center;filter:drop-shadow(0 0 8px #ffdb4030)}.brand-symbol span{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.header-note{font-size:9px;letter-spacing:2.3px;color:#c5aedc;opacity:.72}.replay-button{display:flex;align-items:center;gap:8px;border:1px solid #bda0e14a;color:#e5d7f5;background:#c6a2ed0c;border-radius:30px;padding:10px 17px;font-size:12px;transition:background .2s,border-color .2s}.replay-button:hover{background:#c6a2ed24;border-color:#c6a2ed80}.replay-button svg{width:15px;height:15px}
.hero-layout{position:relative;max-width:1560px;height:calc(100% - 154px);min-height:546px;margin:auto;display:grid;grid-template-columns:43% 57%;align-items:center;padding:0 64px}.hero-copy{position:relative;z-index:3;padding-bottom:35px}.eyebrow{display:inline-flex;gap:12px;align-items:center;border:1px solid #bc9bdb40;border-radius:30px;padding:11px 15px;font-size:9px;letter-spacing:2px;color:#cfb6e6;background:#b086db0a;--delay:.25s}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #ffdf4355}h1{font-family:Inter,Arial,sans-serif;font-size:clamp(54px,5.6vw,86px);font-weight:800;line-height:1.015;letter-spacing:-4.4px;margin:30px 0 30px;--delay:.52s}.money-word{color:var(--yellow);position:relative;display:inline-block}.money-word svg{position:absolute;bottom:-15px;left:1%;width:98%;height:20px;fill:var(--yellow);stroke:none;transform-origin:left;animation:underline-in 1s 1.25s both}.description{font-size:16px;line-height:1.6;color:#c5b7d7;margin:0 0 34px;font-weight:400;--delay:.9s}.primary-button{display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #ffe781;border-radius:40px;background:linear-gradient(110deg,#ffe869,#ffdc39);color:#231605;padding:19px 26px;font-size:15px;font-weight:700;box-shadow:0 4px 28px #ffc80015;transition:box-shadow .3s,transform .3s;--delay:1.2s}.primary-button>svg:first-child{width:21px;height:21px;fill:#231605;stroke-width:1.2}.primary-button .cta-arrow{width:19px;height:19px;margin-left:9px;transition:transform .3s}.primary-button:hover{box-shadow:0 0 36px #ffd62c55;transform:translateY(-2px)}.primary-button:hover .cta-arrow{transform:translateX(4px)}.benefits{display:flex;list-style:none;padding:0;gap:27px;margin:40px 0 0;--delay:1.5s}.benefits li{display:flex;align-items:center;gap:10px;color:#b5a0cb;font-size:10px;line-height:1.5}.benefit-icon{border:1px solid #b58fdf4d;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;background:#5b358514}.benefit-icon svg{width:17px;height:17px;color:#f0cb69}.benefits li:last-child svg{color:#ceb4ea}
.visual{position:relative;height:100%;min-width:0;z-index:2}.scene-fit{position:absolute;inset:-30px -60px -20px -85px;display:flex;align-items:center;justify-content:center}.scene{width:760px;height:710px;position:absolute;flex-shrink:0;transform:scale(var(--scene-scale,1));transform-origin:center;perspective:1500px}.phone-wrap{position:absolute;transform-style:preserve-3d;will-change:transform}.front-wrap{left:164px;top:34px;z-index:3;animation:front-arrive 2s cubic-bezier(.16,1,.3,1) both,front-float 9s 2s ease-in-out infinite}.rear-wrap{left:445px;top:111px;z-index:1;animation:rear-arrive 2.5s cubic-bezier(.16,1,.3,1) both,rear-float 10s 2.5s ease-in-out infinite}.phone{position:relative;width:310px;height:612px;border-radius:49px;padding:8px;background:linear-gradient(114deg,#e8d9f3 0%,#938396 3%,#38233f 12%,#837181 50%,#d3b0d9 60%,#604f68 70%,#b99bc3 96%,#e8d6fa);box-shadow:3px 2px 0 #3c2549,6px 5px 0 #d3b6e4,10px 8px 0 #583764,12px 13px 8px #100619ad,25px 28px 40px #11071b66,inset 0 0 0 1px #fff9;transform:rotate(9deg) rotateY(-9deg);backface-visibility:hidden}.phone::after{content:'';position:absolute;inset:3px;border-radius:46px;border:1px solid #f1dafba6;pointer-events:none}.phone-screen{position:relative;background:radial-gradient(ellipse at 30% 0,#2a2138,transparent 60%),linear-gradient(170deg,#1d1729,#100d19);border:5px solid #060509;border-radius:42px;height:100%;padding:0 14px;overflow:hidden;box-shadow:inset 0 0 0 1px #74607b5e}.side-button{position:absolute;left:-3px;width:3px;background:linear-gradient(#d5aee6,#5a3769,#c7add7);border-radius:2px;box-shadow:-1px 0 1px #efceff7a}.side-one{height:20px;top:110px}.side-two{height:44px;top:148px}.side-three{height:44px;top:205px}.status{display:flex;justify-content:space-between;align-items:center;height:39px;padding:1px 11px 0;font-size:9px;position:relative}.status b{font-weight:650}.island{background:#030205;position:absolute;left:50%;top:8px;transform:translateX(-50%);width:89px;height:24px;border-radius:20px;box-shadow:0 1px 0 #ffffff08}.island i{position:absolute;right:10px;top:8px;width:7px;height:7px;background:radial-gradient(circle at 35% 40%,#1a284c,#06070c 60%);border-radius:50%}.status-icons{display:flex;align-items:center;gap:4px;font-size:9px;letter-spacing:-1px}.status-icons>span{font-size:18px;line-height:1;transform:rotate(-10deg)}.app-heading{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.app-heading>div{display:flex;flex-direction:column;align-items:center;gap:5px}.app-heading strong{font-size:13px;font-weight:700}.app-heading span:not(.app-icon){font-size:6.4px;letter-spacing:2.1px;color:#ab90c5}.app-icon{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c4a5de0c;background:#9c79c013;border-radius:50%;color:#d8c6e5}.app-icon svg{width:15px;height:15px;stroke-width:1.3}.dial{position:relative;aspect-ratio:1}.main-dial{width:260px;left:50%;transform:translateX(-50%);margin-top:22px;isolation:isolate}.ring{position:absolute;inset:0;width:100%;height:100%;fill:none;transform:rotate(-90deg);overflow:visible}.ring-track{stroke:#42314f;stroke-width:10;stroke-dasharray:166 13;filter:drop-shadow(0 2px 1px #030106)}.ring-progress{stroke:#ffda30;stroke-width:10;stroke-linecap:round;stroke-dasharray:78 100;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #ffc600a8) drop-shadow(0 0 15px #ffb8005c);animation:fill-ring 4.8s .7s cubic-bezier(.2,.4,.2,1) both;transition:stroke-dasharray 1.2s;--ring-fill:78}.dial-ticks{position:absolute;inset:27px;border-radius:50%;background:repeating-conic-gradient(from -2deg,#c8a95d90 0deg 1deg,transparent 1deg 5deg);mask-image:radial-gradient(circle,transparent 64%,black 65%,black 69%,transparent 70%);opacity:.7}.dial-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:4px;gap:15px}.coin{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;font-weight:650;font-size:25px;color:#75480c;background:radial-gradient(circle at 32% 20%,#ffe795,#ffcf32 50%,#d78b12);border:2px solid #ffe582;box-shadow:inset 0 0 0 2px #e6ab1e,inset 0 0 0 3px #ffe683,0 0 14px #ffc62780,0 0 38px #f1a91a35;text-shadow:0 1px #ffe89a}.amount{display:flex;align-items:baseline;font-family:Inter,Arial,sans-serif;font-size:23px;letter-spacing:-.6px;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap;gap:1px}.currency{color:#ffda47;margin-right:2px}.amount small{font-size:11px;color:#9c81b5;letter-spacing:-.2px}.dial-caption{font-size:6.3px;color:#a48abb;letter-spacing:1.55px;margin-top:-6px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 0 13px;margin-top:10px;border-top:1px solid #b098cc17}.mini-stats>div{text-align:center;display:flex;flex-direction:column;gap:6px;border-right:1px solid #c2a1dd13}.mini-stats>div:last-child{border-right:0}.mini-stats strong{font-size:13px;font-weight:650}.mini-stats i{color:#ffd85c;font-style:normal;margin-right:1px}.mini-stats>div>span{font-size:6.8px;letter-spacing:1.4px;color:#ae91c4}.tracking{display:flex;align-items:center;gap:10px;padding:12px 11px;background:#9877b312;border:1px solid #b390d20a;border-radius:15px;margin-top:3px}.tracking>svg{width:17px;height:17px;color:#b69acb}.tracking>div{display:flex;flex-direction:column;gap:4px}.tracking strong{font-size:10px;font-weight:550}.tracking div span{font-size:8px;color:#9d83b6}.toggle{border:none;flex-shrink:0;margin-left:auto;padding:3px;width:41px;height:24px;border-radius:20px;background:var(--yellow);box-shadow:0 0 15px #ffc80025;transition:background .25s}.toggle>span{display:block;width:18px;height:18px;border-radius:50%;background:white;transform:translateX(17px);box-shadow:0 1px 4px #c89122;transition:transform .25s}.toggle[aria-checked=false]{background:#594767;box-shadow:none}.toggle[aria-checked=false]>span{transform:translateX(0);box-shadow:none}.periods{display:flex;gap:2px;padding:5px;background:#9c77b215;border-radius:17px;margin-top:14px}.periods button{flex:1;min-width:0;padding:9px 0;border:0;border-radius:15px;font-size:8px;background:transparent;color:#ac91c3;transition:background .3s,color .3s}.periods button.active{background:var(--yellow);color:#3e2808;box-shadow:0 0 14px #ffc80018}.periods button:focus-visible,.toggle:focus-visible{outline-width:2px;outline-offset:2px}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:82px;height:3px;border-radius:3px;background:#b8a0cc42}.rear-phone{width:268px;height:536px;transform:rotate(10deg) rotateY(-27deg);box-shadow:3px 1px 0 #3b1f51,8px 3px 0 #bb94db,13px 6px 0 #755388,15px 10px 12px #180b2766,20px 30px 40px #11071b4d}.rear-phone .phone-screen{padding:0 14px;background:radial-gradient(ellipse at 20% 60%,#3d245a,#20162e 70%)}.rear-phone .island{width:76px;height:20px;top:9px}.rear-phone .status{font-size:8px;padding:0 5px}.rear-heading{flex-direction:column;gap:7px;margin-top:18px}.rear-heading strong{font-size:12px}.rear-heading span{font-size:5px!important;letter-spacing:1.4px!important}.rear-dial{margin-top:39px;width:216px;left:50%;transform:translateX(-50%)}.rear-dial .dial-content{gap:16px}.rear-dial .coin{width:35px;height:35px;font-size:22px}.rear-dial .ring-progress{--ring-fill:39;stroke-dasharray:39 100;animation-delay:2.8s}.rear-dial .ring-track{stroke:#503263}.rear-dial .dial-ticks{opacity:.3;inset:23px}.rear-amount{font-family:Inter,sans-serif;font-size:29px;font-weight:750;letter-spacing:-1px}.rear-amount>span{color:var(--yellow)}.rear-amount small{font-size:15px;color:#9976b6}.rear-dial .dial-caption{font-size:7px;margin-top:-7px}.rear-sparkline{margin:28px 8px 0;opacity:.6}.rear-sparkline svg{width:100%;height:65px;stroke-width:0}.rear-sparkline>span{display:block;text-align:center;font-size:5px;letter-spacing:2px;color:#b795cd;margin-top:8px}.stage-shadow{position:absolute;left:163px;bottom:28px;width:390px;height:40px;border-radius:50%;background:#12071d;filter:blur(21px);opacity:.5;transform:rotate(-5deg)}
.floating-card{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;border:1px solid #e9bcffb3;border-radius:18px;padding:19px 17px;background:linear-gradient(130deg,#a96ae54d,#8b49be40 50%,#b573d87d);box-shadow:inset 0 0 20px #d9b1f72b,inset 0 1px 2px #f4dfff70,0 13px 35px #200c3426;backdrop-filter:blur(16px);color:#fff1ff;will-change:transform}.floating-card>div{display:flex;flex-direction:column;gap:4px}.floating-card strong{font-size:17px;font-weight:650;white-space:nowrap}.floating-card div>span{font-size:12px;color:#d1ade8}.card-icon{color:#ffe371;width:27px;height:27px;stroke-width:1.2}.trend-icon{color:#ffdf57;width:17px;height:17px;filter:drop-shadow(0 0 4px #ffd44099)}.today-card{left:0;top:361px;transform:rotate(12deg);animation:today-arrive 1.8s 3.8s cubic-bezier(.2,.8,.2,1) both,today-float 7s 5.6s ease-in-out infinite}.today-card strong{font-size:15px}.growth-card{right:-9px;top:395px;padding:23px 20px;transform:rotate(-10deg);animation:growth-arrive 1.8s 4.4s cubic-bezier(.2,.8,.2,1) both,growth-float 8s 6.2s ease-in-out infinite}.growth-card strong{font-size:20px}.gold-bars{display:flex;align-items:flex-end;gap:5px;height:40px;margin-right:3px}.gold-bars i{width:7px;border-radius:4px;background:linear-gradient(#ffe978,#ffc820);box-shadow:0 0 12px #ffc92966}.gold-bars i:nth-child(1){height:18px}.gold-bars i:nth-child(2){height:29px}.gold-bars i:nth-child(3){height:40px}.demo-hint{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.3px;color:#d4bce5aa;opacity:0;animation:reveal 1.5s 5s both}.hero-footer{position:absolute;bottom:24px;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;color:#baa2cc88;font-size:8px;letter-spacing:1.8px;z-index:4}.hero-footer>span{display:flex;align-items:center;gap:8px}.hero-footer i{height:4px;width:4px;border-radius:50%;background:#d0afee}.hero-footer button{border:0;background:transparent;color:#d0bddc9c;font-size:10px;letter-spacing:.2px;display:flex;align-items:center;gap:7px;padding:8px}.motion-icon{font-size:13px}.enter{animation:copy-in 1.4s var(--delay,0s) cubic-bezier(.16,1,.3,1) both}.hero.is-highlighted .front-phone{filter:drop-shadow(0 0 16px #e9ceff55)}.hero.is-highlighted .demo-hint{color:#ffe579}
@keyframes copy-in{from{opacity:0;transform:translateY(22px);filter:blur(9px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes underline-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes reveal{to{opacity:1}}@keyframes fill-ring{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--ring-fill) 100}}@keyframes front-arrive{from{opacity:0;transform:translate(64px,42px) scale(.93) rotate(3deg)}to{opacity:1;transform:translate(0,0) scale(1) rotate(0)}}@keyframes rear-arrive{from{opacity:0;transform:translate(5px,45px) scale(.93)}to{opacity:1;transform:translate(0,0) scale(1)}}@keyframes front-float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,-13px) rotate(-1.25deg)}}@keyframes rear-float{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(7px,-10px) rotate(1.2deg)}}@keyframes today-arrive{from{opacity:0;transform:translate(30px,25px) rotate(18deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(12deg) scale(1)}}@keyframes growth-arrive{from{opacity:0;transform:translate(-30px,30px) rotate(-15deg) scale(.8)}to{opacity:1;transform:translate(0,0) rotate(-10deg) scale(1)}}@keyframes today-float{0%,100%{transform:translate(0,0) rotate(12deg)}50%{transform:translate(-5px,-9px) rotate(10deg)}}@keyframes growth-float{0%,100%{transform:translate(0,0) rotate(-10deg)}50%{transform:translate(4px,-12px) rotate(-8deg)}}@keyframes backdrop-drift{from{transform:scale(1.025) translate(0,0)}to{transform:scale(1.065) translate(-.8%,.7%)}}@keyframes haze-flow{to{transform:translate(15%,-8%) rotate(-10deg) scaleX(1.3);opacity:.3}}
.motion-paused *{animation-play-state:paused!important}.reduced-motion .enter,.reduced-motion .phone-wrap,.reduced-motion .floating-card,.reduced-motion .money-word svg,.reduced-motion .demo-hint{animation:none!important;opacity:1;filter:none}.reduced-motion .front-wrap,.reduced-motion .rear-wrap{transform:none}.reduced-motion .ring-progress{animation:none!important}.reduced-motion .backdrop,.reduced-motion .haze{animation:none!important}
@media(min-width:1600px){.hero-layout{grid-template-columns:44% 56%}.hero-copy{padding-bottom:25px}.scene-fit{inset:-20px -25px -10px -60px}}
@media(max-width:1150px) and (min-width:901px){.header{padding:0 40px}.hero-layout{padding:0 40px;grid-template-columns:43% 57%}.header-note{display:none}h1{font-size:60px;letter-spacing:-3px}.benefits{gap:15px}.benefits li{gap:6px;font-size:9px}.benefit-icon{width:30px;height:30px}.scene-fit{inset:-10px -20px 0 -75px}.hero-footer{left:40px;right:40px}.description{font-size:15px}.primary-button{padding:17px 22px;font-size:14px}}
@media(max-width:900px){.hero{height:auto;min-height:100svh;max-height:none}.header{height:84px;padding:0 25px}.brand{font-size:17px;gap:10px}.brand-symbol{width:24px;height:24px;border-width:2.5px}.brand-symbol span{width:6px;height:6px}.header-note{display:none}.replay-button{font-size:10px;padding:9px 12px;gap:6px}.replay-button svg{width:13px;height:13px}.hero-layout{display:flex;flex-direction:column;height:auto;min-height:0;padding:25px 24px 0}.hero-copy{text-align:center;padding:0;z-index:3}.eyebrow{font-size:8px;padding:9px 13px;letter-spacing:1.6px}h1{font-size:clamp(51px,10.8vw,76px);line-height:1.02;letter-spacing:-2.8px;margin:25px 0 29px}.money-word svg{bottom:-11px;height:15px}.description{font-size:14px;line-height:1.6;margin-bottom:24px}.primary-button{padding:16px 24px;font-size:14px;margin:0 auto}.benefits{justify-content:center;gap:24px;margin-top:26px;text-align:left}.benefits li{font-size:9px;gap:7px}.benefit-icon{width:30px;height:30px}.benefit-icon svg{width:14px;height:14px}.visual{width:100%;height:570px;min-height:0;margin-top:20px}.scene-fit{inset:0 -12px 15px -30px}.demo-hint{bottom:14px;font-size:9px;left:50%}.hero-footer{position:relative;left:auto;right:auto;bottom:auto;padding:8px 25px 20px;font-size:7px;letter-spacing:1.2px}.hero-footer button{font-size:9px}.world-shade{background:linear-gradient(180deg,#140a29aa,transparent 55%,#1c0e3722)}.backdrop{background-position:62% bottom;background-size:auto 100%}.haze-one{left:20%;width:60%;height:65%;top:30%}#aurora{opacity:.3}.today-card{left:12px}.growth-card{right:-8px}.scene{margin-left:-6px}}
@media(max-width:430px){.visual{height:445px;margin-top:15px}.header{padding:0 20px}.hero-layout{padding-left:20px;padding-right:20px}.benefits{gap:17px}.benefits li{font-size:8px;gap:6px}.hero-footer{padding:8px 20px 16px}.scene-fit{inset:0 -21px 14px -36px}.replay-button{padding:9px}.replay-button span{font-size:9px}}
@media(max-width:355px){h1{font-size:47px}.brand{font-size:15px}.hero-copy .description{font-size:13px}.benefits{gap:10px}.header{padding:0 15px}.visual{height:390px}.scene-fit{inset:0 -20px 14px -36px}}
@media(prefers-reduced-motion:reduce){.hero:not(.allow-motion) *,.hero:not(.allow-motion) *::before,.hero:not(.allow-motion) *::after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.enter{opacity:1}.demo-hint{opacity:1}}
.front-wrap:hover,.front-wrap:focus-within{animation-play-state:paused}
@media(max-width:900px){.scene-fit{inset:0 -8px 14px -8px}.scene{margin-left:0}.today-card{left:46px}.growth-card{right:20px}.rear-wrap{left:415px}.world-shade{background:linear-gradient(180deg,#100821aa 0%,#140a2970 43%,transparent 75%)}.benefits li{color:#d1bddf}.benefit-icon{border-color:#cfb0e46b;background:#30174038}.hero-footer{color:#d8c1e7b0}.hero-footer button{color:#ddc6edbf}}