.hero{background:radial-gradient(900px 520px at 78% -10%,#3fc1932e,#0000 60%),radial-gradient(680px 480px at 8% 18%,#ffb3001f,#0000 55%);padding-block:clamp(48px,8vw,96px) clamp(64px,10vw,120px);position:relative;overflow:hidden}.hero-glow{background:var(--grad-hero);filter:blur(130px);opacity:.22;z-index:0;border-radius:50%;width:520px;height:520px;position:absolute;top:40px;right:-120px}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-copy{animation:.8s both rise}.hero-title{margin-bottom:22px;font-size:clamp(2.5rem,5.6vw,4.1rem)}.hero-sub{color:var(--text-dim);max-width:32em;margin-bottom:34px;font-size:clamp(1.05rem,1.6vw,1.22rem)}.hero-actions{margin-bottom:38px}.hero-proof{gap:38px;list-style:none;display:flex}.hero-proof li{flex-direction:column;display:flex}.hero-proof strong{font-family:var(--font-display);background:var(--grad-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:700}.hero-proof span{color:var(--text-faint);letter-spacing:.02em;font-size:.85rem}.hero-visual{place-items:center;animation:1s .15s both rise;display:grid;position:relative}.hero-board{width:min(420px,100%);transition:transform .4s;transform:rotate(-2deg)}.hero-board:hover{transform:rotate(0)}@media (width<=920px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:48px}.hero-sub{margin-inline:auto}.hero-actions .store-buttons,.hero-proof{justify-content:center}.hero-board{animation:6s ease-in-out infinite float-y;transform:none}}@media (width<=480px){.hero-proof{gap:26px}}.features-head{text-align:center;margin-inline:auto;max-width:640px;margin-bottom:clamp(40px,6vw,68px)}.features-head h2{font-size:clamp(2rem,4.4vw,3rem)}.bento{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.bento-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:14px;padding:26px;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s,box-shadow .28s,opacity .7s;display:flex;position:relative;overflow:hidden}.bento-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-6px)}.bento-card h3{color:var(--green-deep);font-size:1.2rem}.bento-card p{color:var(--text-dim);margin-top:auto;font-size:.95rem}.span-2{grid-column:span 2}.bento-board{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;flex:1;place-items:center;min-height:150px;padding:16px;display:grid}.mini{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:4px;width:min(180px,100%);display:grid}.mini-cell{aspect-ratio:1;background:color-mix(in srgb, var(--rc) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--rc) 32%, transparent);border-radius:8px;place-items:center;display:grid}.mini-cell img{object-fit:contain;filter:drop-shadow(0 2px 3px #2b21162e);width:80%;height:80%}.bento-text{flex-direction:column;gap:8px;display:flex}.bento-regions{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:10px;height:92px;display:flex}.bento-regions span{width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:11px;animation:3s ease-in-out infinite float-y}.bento-regions span:nth-child(2){animation-delay:.2s}.bento-regions span:nth-child(3){animation-delay:.4s}.bento-regions span:nth-child(4){animation-delay:.6s}.bento-regions span:nth-child(5){animation-delay:.8s}.bento-animals{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;align-items:center;height:92px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.av-track{align-items:center;width:max-content;animation:22s linear infinite av-marquee;display:flex}.bento-animals:hover .av-track{animation-play-state:paused}@keyframes av-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.av-tile{background:var(--surface);width:54px;height:54px;box-shadow:inset 0 0 0 1px var(--border);border-radius:14px;flex:none;place-items:center;margin-right:8px;display:grid}.av-tile img{object-fit:contain;width:38px;height:38px}@media (prefers-reduced-motion:reduce){.av-track,.bento-regions span{animation:none}}.bento-powerups{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pu{font-family:var(--font-display);color:var(--text);background:color-mix(in srgb, currentColor 12%, transparent);border:1px solid color-mix(in srgb, currentColor 28%, transparent);border-radius:11px;align-items:center;gap:8px;padding:9px 10px;font-size:.82rem;font-weight:600;display:flex}.pu-ico{place-items:center;display:inline-grid}.pu-ico svg{width:18px;height:18px}.bento-levels{flex-wrap:wrap;align-items:center;gap:10px;min-height:64px;display:flex}.lvl{width:46px;height:46px;font-family:var(--font-display);background:var(--bg-2);border:1px solid var(--border);color:var(--text-faint);border-radius:13px;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.lvl.done{color:#fff;background:linear-gradient(135deg, var(--green-bright), var(--green));border-color:#0000}.lvl.now{color:#fff;background:linear-gradient(135deg, var(--gold), #f59e0b);box-shadow:0 0 18px -2px var(--gold);border-color:#0000;animation:2.4s ease-in-out infinite float-y}.lvl.lock{color:var(--text-faint)}.lvl.lock svg{width:20px;height:20px}.bento-badge{background:var(--bg-2);border:1px solid var(--border);width:60px;height:60px;color:var(--green);border-radius:16px;place-items:center;animation:5s ease-in-out infinite float-y;display:grid}.bento-badge svg{width:30px;height:30px}@media (width<=900px){.bento{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:span 2}}@media (width<=560px){.bento{grid-template-columns:1fr}.span-2{grid-column:span 1}}.how{background:radial-gradient(700px 400px at 90% 0,#ffb30014,#0000 60%);position:relative}.how-head{text-align:center;margin-bottom:clamp(40px,6vw,64px)}.how-head h2{font-size:clamp(2rem,4.4vw,3rem)}.how-grid{grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;display:grid}.how-step{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:22px 26px 30px;transition:transform .28s,border-color .28s,box-shadow .28s,opacity .7s;position:relative}.how-step:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-5px)}.how-visual{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;place-items:center;margin-bottom:22px;padding:16px;display:grid}.hv-grid{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:4px;width:min(190px,100%);display:grid}.hv-cell{aspect-ratio:1;background:color-mix(in srgb, var(--rc) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--rc) 34%, transparent);border-radius:8px;place-items:center;display:grid;position:relative}.hv-animal{object-fit:contain;filter:drop-shadow(0 2px 3px #2b21162e);width:80%;height:80%;animation:.4s both hv-pop}@keyframes hv-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.hv-x{width:52%;height:52%}.hv-x path{stroke:var(--text-faint);stroke-width:2.6px;stroke-linecap:round;fill:none}.how-visual[data-v="03"] .hv-grid{animation:2.6s ease-in-out infinite hv-glow}@keyframes hv-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 10px #3fc19373)}}.how-num{font-family:var(--font-display);margin-bottom:12px;font-size:2.4rem;font-weight:700;line-height:1;display:block}.how-step h3{color:var(--green-deep);margin-bottom:10px;font-size:1.28rem}.how-step p{color:var(--text-dim);font-size:.97rem}@media (width<=820px){.how-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}.cta-card{border-radius:var(--radius-lg);isolation:isolate;padding:3px;position:relative;overflow:hidden}.cta-ring{z-index:-1;background:conic-gradient(from 0deg, var(--r-coral), var(--r-amber), var(--r-mint), var(--r-blue), var(--r-purple), var(--r-coral));filter:blur(2px);opacity:.85;animation:9s linear infinite spin-slow;position:absolute;inset:-60%}.cta-content{border-radius:calc(var(--radius-lg) - 3px);background:radial-gradient(120% 120% at 50% 0%, var(--surface), var(--bg-2));text-align:center;padding:clamp(44px,7vw,80px) clamp(24px,5vw,64px);position:relative}.cta-animals{justify-content:center;gap:clamp(6px,2vw,18px);margin-bottom:26px;display:flex}.cta-animal{filter:drop-shadow(0 6px 10px #2b21162e);width:clamp(42px,7vw,58px);height:auto;animation:2.6s ease-in-out infinite cta-bob;animation-delay:calc(var(--i) * .18s)}@keyframes cta-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}.cta-content h2{color:var(--green-deep);margin-bottom:18px;font-size:clamp(2rem,4.6vw,3.2rem)}.cta-content p{color:var(--text-dim);max-width:34em;margin:0 auto 34px;font-size:clamp(1rem,1.6vw,1.18rem)}.cta-actions{justify-content:center;display:flex}@media (prefers-reduced-motion:reduce){.cta-ring,.cta-animal{animation:none}}