.hero{position:relative;overflow:hidden;padding-block:clamp(48px,8vw,96px) clamp(64px,10vw,120px);background:radial-gradient(900px 520px at 78% -10%,rgba(63,193,147,.18),transparent 60%),radial-gradient(680px 480px at 8% 18%,rgba(255,179,0,.12),transparent 55%)}.hero-glow{position:absolute;width:520px;height:520px;right:-120px;top:40px;background:var(--grad-hero);filter:blur(130px);opacity:.22;border-radius:50%;z-index:0}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.hero-copy{animation:rise .8s ease both}.hero-title{font-size:clamp(2.5rem,5.6vw,4.1rem);margin-bottom:22px}.hero-sub{font-size:clamp(1.05rem,1.6vw,1.22rem);color:var(--text-dim);max-width:32em;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;animation:rise 1s ease .15s both}.hero-board{width:min(420px,100%);transform:rotate(-2deg);transition:transform .4s ease}.hero-board:hover{transform:rotate(0)}@media(max-width:920px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:48px}.hero-sub{margin-inline:auto}.hero-actions .store-buttons,.hero-proof{justify-content:center}.hero-board{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,box-shadow .28s ease,opacity .7s ease}.bento-card:hover{transform:translateY(-6px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.bento-card h3{font-size:1.2rem;color:var(--green-deep)}.bento-card p{color:var(--text-dim);font-size:.95rem;margin-top:auto}.span-2{grid-column:span 2}.bento-board{flex:1;display:grid;place-items:center;min-height:150px;border-radius:14px;background:var(--bg-2);border:1px solid var(--border);padding:16px}.mini{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(180px,100%);aspect-ratio:1}.mini-cell{display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--rc) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--rc) 32%,transparent)}.mini-cell img{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(43,33,22,.18))}.bento-text{display:flex;flex-direction:column;gap:8px}.bento-regions{display:flex;gap:10px;height:92px;align-items:center;justify-content:center;border-radius:14px;background:var(--bg-2);border:1px solid var(--border)}.bento-regions span{width:38px;height:38px;border-radius:11px;box-shadow:var(--shadow-sm);animation:float-y 3s ease-in-out infinite}.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{display:flex;align-items:center;height:92px;overflow:hidden;border-radius:14px;background:var(--bg-2);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 22s linear infinite}.bento-animals:hover .av-track{animation-play-state:paused}@keyframes av-marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.av-tile{flex:none;display:grid;place-items:center;width:54px;height:54px;margin-right:8px;border-radius:14px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.av-tile img{width:38px;height:38px;object-fit:contain}@media(prefers-reduced-motion:reduce){.av-track,.bento-regions span{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(--bg-2);border:1px solid var(--border);color:var(--text-faint)}.lvl.done{color:#fff;background:linear-gradient(135deg,var(--green-bright),var(--green));border-color:transparent}.lvl.now{color:#fff;background:linear-gradient(135deg,var(--gold),#f59e0b);border-color:transparent;box-shadow:0 0 18px -2px var(--gold);animation:float-y 2.4s ease-in-out infinite}.lvl.lock{color:var(--text-faint)}.lvl.lock svg{width:20px;height:20px}.bento-badge{width:60px;height:60px;display:grid;place-items:center;border-radius:16px;background:var(--bg-2);border:1px solid var(--border);color:var(--green);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}}.how{position:relative;background:radial-gradient(700px 400px at 90% 0%,rgba(255,179,0,.08),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:var(--bg-2);border:1px solid var(--border);margin-bottom:22px;padding:16px;display:grid;place-items:center}.hv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:min(190px,100%);aspect-ratio:1}.hv-cell{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--rc) 22%,var(--surface));border:1px solid color-mix(in srgb,var(--rc) 34%,transparent)}.hv-animal{width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(43,33,22,.18));animation:hv-pop .4s ease both}@keyframes hv-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.hv-x{width:52%;height:52%}.hv-x path{stroke:var(--text-faint);stroke-width:2.6;stroke-linecap:round;fill:none}.how-visual[data-v="03"] .hv-grid{animation:hv-glow 2.6s ease-in-out infinite}@keyframes hv-glow{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 10px rgba(63,193,147,.45))}}.how-num{font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1;display:block;margin-bottom:12px}.how-step h3{font-size:1.28rem;margin-bottom:10px;color:var(--green-deep)}.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-ring{position:absolute;inset:-60%;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));animation:spin-slow 9s linear infinite;filter:blur(2px);opacity:.85}.cta-content{position:relative;border-radius:calc(var(--radius-lg) - 3px);background:radial-gradient(120% 120% at 50% 0%,var(--surface),var(--bg-2));padding:clamp(44px,7vw,80px) clamp(24px,5vw,64px);text-align:center}.cta-animals{display:flex;justify-content:center;gap:clamp(6px,2vw,18px);margin-bottom:26px}.cta-animal{width:clamp(42px,7vw,58px);height:auto;filter:drop-shadow(0 6px 10px rgba(43,33,22,.18));animation:cta-bob 2.6s ease-in-out infinite;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{font-size:clamp(2rem,4.6vw,3.2rem);margin-bottom:18px;color:var(--green-deep)}.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}@media(prefers-reduced-motion:reduce){.cta-ring,.cta-animal{animation:none}}