.hero{position:relative;overflow:hidden;padding-block:clamp(48px,8vw,96px) clamp(64px,10vw,120px);background:radial-gradient(900px 500px at 75% -10%,rgba(142,36,170,.22),transparent 60%),radial-gradient(700px 500px at 10% 20%,rgba(0,172,193,.16),transparent 55%)}.hero-glow{position:absolute;width:520px;height:520px;right:-120px;top:40px;background:var(--grad-hero);filter:blur(120px);opacity:.26;border-radius:50%;z-index:0}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy{animation:rise .8s ease both}.hero-title{font-size:clamp(2.6rem,6vw,4.4rem);margin-bottom:22px}.hero-sub{font-size:clamp(1.05rem,1.6vw,1.25rem);color:var(--text-dim);max-width:30em;margin-bottom:34px}.hero-actions{margin-bottom:38px}.hero-proof{display:flex;gap:38px;list-style:none}.hero-proof li{display:flex;flex-direction:column}.hero-proof strong{font-family:var(--font-display);font-size:1.9rem;font-weight:700;background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-proof span{font-size:.85rem;color:var(--text-faint);letter-spacing:.02em}.hero-visual{position:relative;display:grid;place-items:center;perspective:1600px;animation:rise 1s ease .15s both}@media(max-width:920px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:56px}.hero-sub{margin-inline:auto}.hero-actions .store-buttons,.hero-proof{justify-content:center}.hero-visual .phone{transform:none;animation:float-y 6s ease-in-out infinite}}@media(max-width:480px){.hero-proof{gap:26px}}.features-head{text-align:center;max-width:640px;margin-inline:auto;margin-bottom:clamp(40px,6vw,68px)}.features-head h2{font-size:clamp(2rem,4.4vw,3rem)}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bento-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,background .28s ease,box-shadow .28s ease,opacity .7s ease}.bento-card:hover{transform:translateY(-6px);border-color:var(--border-strong);background:var(--surface-strong);box-shadow:var(--shadow-md)}.bento-card h3{font-size:1.2rem}.bento-card p{color:var(--text-dim);font-size:.95rem;margin-top:auto}.span-2{grid-column:span 2}.span-2.row-flip{flex-direction:column}.bento-mini-board{flex:1;display:grid;place-items:center;min-height:150px;border-radius:14px;background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.05),transparent),var(--bg);border:1px solid var(--border)}.bento-mini-board svg{width:86%}.mb-arrow{transform-box:fill-box;transform-origin:center;animation:mb-pop 3s ease-in-out var(--d) infinite}@keyframes mb-pop{0%,to{opacity:.9;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 10px currentColor)}}.bento-text{display:flex;flex-direction:column;gap:8px}.bento-rgb{display:grid;place-items:center;height:92px;border-radius:14px;background:var(--bg);border:1px solid var(--border)}.rgb-arrow{width:58px;height:30px;border-radius:8px 0 0 8px;background:conic-gradient(from 0deg,#ff4d6d,#fb8c00,#ffd166,#2dc653,#00acc1,#4361ee,#8e24aa,#ff4d6d);background-size:220% 220%;position:relative;animation:rgb-shift 3s linear infinite}.rgb-arrow:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-top:22px solid transparent;border-bottom:22px solid transparent;border-left:22px solid #fb8c00;animation:rgb-head 3s linear infinite}@keyframes rgb-shift{to{background-position:220% 0}}@keyframes rgb-head{0%{border-left-color:#ff4d6d}33%{border-left-color:#2dc653}66%{border-left-color:#4361ee}to{border-left-color:#ff4d6d}}.bento-avatars{display:flex;align-items:center;height:92px;overflow:hidden;border-radius:14px;background:var(--bg);border:1px solid var(--border);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.av-track{display:flex;align-items:center;width:max-content;animation:av-marquee 26s linear infinite}.bento-avatars:hover .av-track{animation-play-state:paused}@keyframes av-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.av-tile{flex:none;display:grid;place-items:center;width:54px;height:54px;margin-right:8px;border-radius:14px;background:#f1f1f6;box-shadow:inset 0 0 0 1px #1f22330f}@media(prefers-reduced-motion:reduce){.av-track{animation:none}}.bento-powerups{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pu{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text);padding:9px 10px;border-radius:11px;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 28%,transparent)}.pu-ico{display:inline-grid;place-items:center}.pu-ico svg{width:18px;height:18px}.bento-levels{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:64px}.lvl{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;font-family:var(--font-display);font-weight:700;font-size:1.05rem;background:var(--surface-strong);border:1px solid var(--border);color:var(--text-faint)}.lvl.done{color:#fff;background:linear-gradient(135deg,var(--c-green),#1ea34a);border-color:transparent}.lvl.now{color:#fff;background:var(--grad-btn);border-color:transparent;box-shadow:0 0 18px -2px var(--c-purple-bright);animation:float-y 2.4s ease-in-out infinite}.lvl.timer{color:var(--c-pink);border-color:color-mix(in srgb,var(--c-pink) 40%,transparent)}.lvl.timer svg{width:22px;height:22px}.bento-badge{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:var(--surface-strong);border:1px solid var(--border);color:var(--c-cyan);animation:float-y 5s ease-in-out infinite}.bento-badge svg{width:30px;height:30px}@media(max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}}@media(max-width:560px){.bento{grid-template-columns:1fr}.span-2{grid-column:span 1}}.avatar{display:inline-flex;flex-direction:column;align-items:center;gap:8px;margin:0;width:var(--size)}.avatar svg{display:block;image-rendering:pixelated;shape-rendering:crispEdges;overflow:visible}.avatar[data-animate] svg{animation:av-bob 2.6s ease-in-out infinite}@keyframes av-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7%)}}.avatar[data-kind=neon] svg{filter:drop-shadow(0 0 6px var(--glow)) drop-shadow(0 0 12px var(--glow))}.avatar[data-kind=rgb] svg{animation:av-bob 2.6s ease-in-out infinite,av-rgb 4s linear infinite}@keyframes av-rgb{to{filter:hue-rotate(360deg)}}.avatar figcaption{font-family:var(--font-display);font-size:.78rem;font-weight:600;color:var(--text-dim)}.how{position:relative;background:radial-gradient(700px 400px at 90% 0%,rgba(255,77,109,.1),transparent 60%)}.how-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.how-head h2{font-size:clamp(2rem,4.4vw,3rem)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none}.how-step{position:relative;padding:22px 26px 30px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,opacity .7s ease}.how-step:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.how-visual{border-radius:14px;background:radial-gradient(120% 100% at 50% 0%,rgba(255,255,255,.04),transparent),var(--bg);border:1px solid var(--border);margin-bottom:22px;padding:8px}.how-visual svg{width:100%;display:block}.hv-cell{fill:#fff;opacity:.06}.hv-a{transition:opacity .4s ease}.hv-stars{opacity:0}.hv-stars text{fill:var(--c-yellow);filter:drop-shadow(0 0 8px rgba(255,209,102,.6))}.hv-hand{opacity:0}.how-visual[data-v=full] .hv-a{animation:hv-glow 3s ease-in-out infinite}.how-visual[data-v=full] .hv-a2{animation-delay:.5s}.how-visual[data-v=full] .hv-a3{animation-delay:1s}@keyframes hv-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 7px currentColor)}}.how-visual[data-v=tap] .hv-hand{opacity:1;animation:hv-tap 2.4s ease-in-out infinite}.how-visual[data-v=tap] .hv-a2{animation:hv-remove 2.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes hv-tap{0%,30%,to{transform:translate(0)}15%{transform:translate(-6px,-6px) scale(.9)}}@keyframes hv-remove{0%,20%{opacity:1;transform:scale(1)}45%,70%{opacity:0;transform:scale(.6)}90%,to{opacity:1;transform:scale(1)}}.how-visual[data-v=win] .hv-a{opacity:0}.how-visual[data-v=win] .hv-stars{animation:hv-win 2.6s ease-in-out infinite}@keyframes hv-win{0%,to{opacity:.85;transform:scale(.96);transform-box:fill-box;transform-origin:center}50%{opacity:1;transform:scale(1.06)}}.how-num{font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1;display:block;margin-bottom:12px;filter:drop-shadow(0 0 16px currentColor)}.how-step h3{font-size:1.28rem;margin-bottom:10px}.how-step p{color:var(--text-dim);font-size:.97rem}@media(max-width:820px){.how-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.cta-card{position:relative;border-radius:var(--radius-lg);padding:3px;overflow:hidden;isolation:isolate}.cta-rgb{position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 0deg,var(--c-pink),var(--c-orange),var(--c-yellow),var(--c-green),var(--c-cyan),var(--c-purple),var(--c-pink));animation:spin-slow 6s linear infinite;filter:blur(2px)}.cta-content{position:relative;border-radius:calc(var(--radius-lg) - 3px);background:radial-gradient(120% 120% at 50% 0%,#1b1f3a,#0b0d1a);padding:clamp(44px,7vw,80px) clamp(24px,5vw,64px);text-align:center}.cta-arrows{display:flex;justify-content:center;gap:clamp(2px,1vw,10px);margin-bottom:26px}.cta-arrow{width:clamp(40px,7vw,62px);height:auto;opacity:.55;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));animation:cta-flow 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .18s)}@keyframes cta-flow{0%,to{opacity:.5;transform:translate(0) scale(.96)}50%{opacity:1;transform:translate(6px) scale(1);filter:drop-shadow(0 0 12px currentColor)}}.cta-content h2{font-size:clamp(2rem,4.6vw,3.2rem);margin-bottom:18px}.cta-content p{color:var(--text-dim);font-size:clamp(1rem,1.6vw,1.18rem);max-width:34em;margin:0 auto 34px}.cta-actions{display:flex;justify-content:center}