:root{--ink: #141210;--ink-2: #292420;--muted: #6A6050;--cream: #F0EEEA;--cream-2: #FBFAF7;--peach: #FAE8DA;--sand: #EDDDBC;--yolk: #E8C82C;--yolk-deep: #AA8A00;--orange: #F06030;--orange-deep: #C04810;--orange-press: #8E3208;--blue: #3B82F6;--blue-deep: #1A50A0;--cyan: #4ED9F2;--green: #2A8830;--line: #E2DCD0;--shadow: rgba(20, 18, 16, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{font-family:Archivo,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}button{font-family:inherit}img{max-width:100%}::selection{background:var(--orange);color:#fff}.wrap{max-width:1240px;margin:0 auto;padding-left:48px;padding-right:48px}.kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-deep)}.kicker:before{content:"";width:26px;height:3px;border-radius:2px;background:var(--orange-deep)}.h2{font-size:clamp(34px,4.4vw,56px);font-weight:900;letter-spacing:-.025em;line-height:1.02;margin:14px 0 0;text-wrap:balance}.section-sub{margin:18px 0 0;font-size:18px;line-height:1.55;font-weight:500;color:var(--muted);max-width:560px}.section-head{margin-bottom:48px}.section-head.center{text-align:center}.section-head.center .section-sub{margin-left:auto;margin-right:auto}.pill-btn{--pb-bg: var(--orange-deep);--pb-fg: #fff;--pb-press: var(--orange-press);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 30px;border:none;border-radius:999px;background:var(--pb-bg);color:var(--pb-fg);font-family:inherit;font-size:14px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:0 5px 0 0 var(--pb-press);transition:transform .13s ease,box-shadow .13s ease,filter .13s ease;-webkit-user-select:none;user-select:none}.pill-btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 0 var(--pb-press);filter:brightness(1.05)}.pill-btn:active{transform:translateY(4px);box-shadow:0 1px 0 0 var(--pb-press)}.pill-btn.ghost{--pb-bg: var(--cream-2);--pb-fg: var(--ink);--pb-press: rgba(20, 18, 16, .22);border:1.5px solid var(--ink)}.pill-btn.ink{--pb-bg: var(--ink);--pb-fg: var(--cream);--pb-press: rgba(20, 18, 16, .45)}.pill-btn.sm{padding:12px 20px;font-size:12px}.rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rv-delay, 0ms)}.rv.in{opacity:1;transform:none}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-10px) rotate(var(--rot, 0deg))}}@keyframes bob-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}@keyframes flame-flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.08) rotate(2deg)}}.nav-shell{position:sticky;top:14px;z-index:50;padding:0 20px}.nav-pill{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 20px;background:#fbfaf7e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid var(--line);border-radius:999px;box-shadow:0 4px 0 0 var(--shadow)}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:10px 16px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);transition:background .14s ease,color .14s ease}.nav-links a:hover{background:#14121012}.nav-links a.is-active{background:var(--orange-deep);color:#fff}.brand-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.04em}.brand-logo img{display:block}.hero-section{position:relative;overflow:hidden}.hero-glow{position:absolute;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.55}.hero{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:48px;padding-top:78px;padding-bottom:110px}.hero-chip{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;background:var(--cream-2);border:1.5px solid var(--line);border-radius:999px;box-shadow:0 3px 0 0 var(--shadow);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--green);animation:pulse-dot 1.8s ease-in-out infinite}.hero-h1{margin:26px 0 0;font-size:clamp(52px,6.6vw,92px);font-weight:900;line-height:.94;letter-spacing:-.035em;text-wrap:balance}.hero-h1 .accent{color:var(--orange-deep)}.hero-sub{margin:24px 0 0;max-width:520px;font-size:19px;line-height:1.55;font-weight:500;color:var(--muted)}.hero-sub strong{color:var(--ink);font-weight:700}.hero-cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-facts{margin-top:38px;display:flex;gap:24px;flex-wrap:wrap}.hero-fact{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:var(--muted)}.hero-fact .ic{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;background:var(--cream-2);border:1.5px solid var(--line);border-radius:12px;box-shadow:0 2px 0 0 var(--shadow)}.hero-stage{position:relative;display:flex;justify-content:center}.phone{position:relative;width:min(330px,78vw);transform:rotate(2deg);animation:bob-soft 6s ease-in-out infinite}.phone-frame{border-radius:52px;border:11px solid var(--ink);background:var(--ink);overflow:hidden;box-shadow:0 12px #14121033,0 40px 80px -20px #14121059}.phone-frame img{display:block;width:100%}.phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:36%;height:26px;background:var(--ink);border-radius:999px;z-index:3}.float-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--cream-2);border:1.5px solid var(--line);border-radius:18px;box-shadow:0 5px 0 0 var(--shadow);font-size:13px;font-weight:800;letter-spacing:.06em;white-space:nowrap;animation:bob 5s ease-in-out infinite}.float-chip .sub{display:block;font-size:10px;letter-spacing:.14em;color:var(--muted)}.float-cos{position:absolute;z-index:4;filter:drop-shadow(0 8px 10px rgba(20,18,16,.22));animation:bob 6s ease-in-out infinite}.xp-mini{width:110px;height:8px;border-radius:999px;background:#1412101f;overflow:hidden}.xp-mini>span{display:block;height:100%;width:78%;border-radius:999px;background:var(--orange)}.flame{width:30px;height:30px;flex-shrink:0;animation:flame-flicker 1.4s ease-in-out infinite}.fc-hat{top:-26px;left:-38px;--rot: -12deg;animation-delay:.4s}.fc-glasses{top:34%;right:-58px;--rot: 8deg;animation-delay:1.2s}.fc-shoes{bottom:20%;left:-72px;--rot: -6deg;animation-delay:2s}.fc-coin{top:12%;right:-74px;--rot: 3deg}.fc-streak{bottom:34%;right:-64px;--rot: -2deg;animation-delay:1.6s}.fc-xp{bottom:6%;left:-58px;--rot: 2deg;animation-delay:.9s}.marquee{position:relative;z-index:3;background:var(--ink);color:var(--cream);transform:rotate(-1.2deg) scale(1.02);margin-top:-34px;overflow:hidden;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}.marquee-track{display:flex;align-items:center;gap:40px;width:max-content;padding:16px 0;animation:marquee 28s linear infinite}.marquee-item{display:flex;align-items:center;gap:40px;font-size:15px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}.marquee-item img{width:26px;height:26px}.loop-section{padding-top:110px;padding-bottom:30px}.loop-track{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}.loop-track:before{content:"";position:absolute;top:26px;left:6%;right:6%;height:5px;border-radius:999px;background:var(--orange-deep);opacity:.25}.loop-step{position:relative}.loop-num{position:relative;z-index:2;width:54px;height:54px;display:grid;place-items:center;background:var(--cream-2);border:3px solid var(--orange-deep);border-radius:50%;font-size:18px;font-weight:900;color:var(--orange-deep);box-shadow:0 4px 0 0 var(--shadow)}.loop-step h3{margin:18px 0 8px;font-size:17px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.loop-step p{margin:0;font-size:14.5px;line-height:1.55;font-weight:500;color:var(--muted)}.loop-shots{margin-top:70px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.loop-shot{border-radius:28px;border:1.5px solid var(--line);background:var(--cream-2);box-shadow:0 6px 0 0 var(--shadow);overflow:hidden}.loop-shot img{display:block;width:100%;height:auto}.loop-shot figcaption{padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border-top:1.5px solid var(--line)}.features-section{padding-top:110px}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:26px}.b-card{position:relative;border-radius:30px;padding:36px;overflow:hidden;border:1.5px solid rgba(20,18,16,.08);box-shadow:0 6px 0 0 var(--shadow);display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.b-card:hover{transform:translateY(-4px);box-shadow:0 10px 0 0 var(--shadow)}.b-card .b-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.b-card h3{margin:12px 0 10px;font-size:clamp(24px,2.4vw,32px);font-weight:900;letter-spacing:-.015em;line-height:1.05}.b-card p{margin:0;font-size:15.5px;line-height:1.55;font-weight:500;opacity:.82;max-width:460px}.b-shot{margin-top:28px;border-radius:22px;overflow:hidden;border:1.5px solid rgba(20,18,16,.14);box-shadow:0 8px 24px -8px #14121040}.b-shot img{display:block;width:100%;height:auto}.b-territory{grid-column:span 7;background:var(--peach)}.b-pass{grid-column:span 5;background:var(--sand)}.b-battles{grid-column:span 4;background:var(--blue-deep);color:var(--cream-2)}.b-crews{grid-column:span 4;background:var(--orange-deep);color:var(--cream-2)}.b-divisions{grid-column:span 4;background:var(--yolk)}.b-shop{grid-column:span 5;background:var(--cream-2)}.b-health{grid-column:span 7;background:var(--ink);color:var(--cream);justify-content:center}.battle-bars{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:12px}.battle-row{display:grid;grid-template-columns:52px 1fr 44px;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.08em}.battle-track{height:14px;border-radius:999px;background:#fbfaf72e;overflow:hidden}.battle-fill{display:block;height:100%;border-radius:999px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.crew-row{margin-top:auto;padding-top:26px;display:flex;align-items:center}.crew-duck{width:64px;height:64px;border-radius:50%;background:var(--cream-2);border:3px solid var(--orange-press);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.crew-duck img{width:76%;height:76%;object-fit:contain}.crew-duck+.crew-duck{margin-left:-14px}.crew-rank{margin-left:18px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.85;line-height:1.7}.division-shot{margin-top:24px}.metric-chips{margin-top:26px;display:flex;flex-wrap:wrap;gap:9px}.metric-chip{padding:8px 14px;border-radius:999px;border:1.5px solid rgba(251,250,247,.28);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.9}.health-note{margin-top:22px;font-size:13px;font-weight:600;opacity:.65}.stage-section{padding-top:120px}.stage{position:relative;border-radius:36px;background:radial-gradient(120% 110% at 50% 0%,#6BE3F8 0%,var(--cyan) 48%,#2CB7DF 100%);border:1.5px solid rgba(20,18,16,.1);box-shadow:0 8px 0 0 var(--shadow);overflow:hidden;padding:64px 48px 56px;text-align:center}.stage .cloud{position:absolute;background:#fbfaf766;border-radius:999px;filter:blur(2px);animation:bob-soft 7s ease-in-out infinite;pointer-events:none}.stage-duck-wrap{position:relative;height:430px;margin-top:36px}.stage-duck{position:absolute;left:50%;bottom:0;transform:translate(-50%);height:100%;transition:opacity .42s ease,transform .42s ease}.stage-duck.hidden{opacity:0;transform:translate(-50%) translateY(14px);pointer-events:none}.stage-floor{position:absolute;left:50%;bottom:-8px;transform:translate(-50%);width:240px;height:36px;border-radius:50%;background:#1432462e;filter:blur(6px)}.stage-h2,.stage-kicker{color:var(--ink)}.stage-kicker:before{background:var(--ink)}.stage-sub{color:#141210b8;margin-left:auto;margin-right:auto}.stage-item{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:10px;animation:bob 6s ease-in-out infinite}.stage-item img{filter:drop-shadow(0 10px 12px rgba(10,60,80,.3))}.stage-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;background:var(--cream-2);border:1.5px solid rgba(20,18,16,.12);border-radius:999px;box-shadow:0 3px #0a3c5033;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stage-tag img{width:16px;height:16px;filter:none}.outfit-toggle{position:relative;z-index:4;margin-top:34px;display:inline-flex;gap:8px;padding:7px;background:var(--cream-2);border:1.5px solid rgba(20,18,16,.12);border-radius:999px;box-shadow:0 5px #0a3c5038}.outfit-toggle button{padding:13px 26px;border:none;border-radius:999px;background:transparent;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:background .16s ease,color .16s ease}.outfit-toggle button.on{background:var(--orange-deep);color:#fff}.stage-note{position:relative;z-index:4;margin:22px auto 0;font-size:13px;font-weight:700;color:#1412109e}.pricing-section{padding-top:120px}.price-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:26px;align-items:stretch}.price-card{position:relative;border-radius:30px;padding:42px;border:1.5px solid var(--line);background:var(--cream-2);box-shadow:0 6px 0 0 var(--shadow);display:flex;flex-direction:column}.price-card.pro{background:var(--ink);color:var(--cream);border-color:var(--ink)}.price-tier{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.65}.price-num{margin:16px 0 4px;font-size:54px;font-weight:900;letter-spacing:-.03em;line-height:1}.price-num .per{font-size:17px;font-weight:700;letter-spacing:0;opacity:.6}.price-alt{font-size:14px;font-weight:700;opacity:.65}.price-alt .save{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:999px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}.price-list{margin:30px 0 34px;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px;flex:1}.price-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;font-weight:600;line-height:1.4}.price-list .tick{flex-shrink:0;width:22px;height:22px;margin-top:1px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;background:var(--peach);color:var(--orange-deep)}.price-card.pro .tick{background:var(--orange-deep);color:#fff}.pro-flag{position:absolute;top:28px;right:28px;padding:8px 16px;background:var(--orange);color:#fff;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 3px 0 0 var(--orange-press);transform:rotate(3deg)}.price-note{margin-top:18px;font-size:12.5px;font-weight:600;color:var(--muted)}.cta-section{padding-top:120px;padding-bottom:110px}.cta-panel{position:relative;border-radius:40px;background:var(--ink);color:var(--cream);padding:90px 64px;overflow:hidden;box-shadow:0 10px 0 0 var(--shadow)}.cta-panel h2{margin:0;font-size:clamp(40px,5.4vw,72px);font-weight:900;letter-spacing:-.03em;line-height:.98;max-width:560px;text-wrap:balance}.cta-panel .accent{color:var(--orange)}.cta-panel p{margin:22px 0 0;font-size:18px;font-weight:500;line-height:1.55;opacity:.75;max-width:460px}.cta-actions{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:3}.cta-small{margin-top:22px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.5}.cta-duck{position:absolute;right:48px;bottom:-14px;height:112%;max-height:480px;filter:drop-shadow(0 18px 24px rgba(0,0,0,.4));animation:bob-soft 6s ease-in-out infinite}.cta-coin{position:absolute;animation:bob 5s ease-in-out infinite;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.peko-footer{background:var(--ink);color:var(--cream);padding:64px 48px 40px}.peko-footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.footer-tagline{margin-top:18px;opacity:.65;font-size:14px;line-height:1.6;max-width:300px;font-weight:500}.footer-col-title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.45;font-weight:800}.footer-col-list{margin-top:16px;display:flex;flex-direction:column;gap:11px}.footer-col-list a{color:var(--cream);text-decoration:none;font-size:14px;font-weight:600;opacity:.8;transition:opacity .14s ease}.footer-col-list a:hover{opacity:1}.footer-bottom{max-width:1240px;margin:44px auto 0;padding-top:26px;border-top:1px solid rgba(251,250,247,.14);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;opacity:.6;font-weight:500}.legal-page{max-width:860px;margin:0 auto;padding:40px 24px 80px}.legal-card{background:var(--cream-2);border:1.5px solid var(--line);border-radius:28px;box-shadow:0 6px 0 0 var(--shadow);overflow:hidden}.legal-card-header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:var(--ink);color:var(--cream)}.legal-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;opacity:.7}.legal-close{width:36px;height:36px;display:grid;place-items:center;background:var(--orange-deep);color:#fff;border-radius:999px;font-weight:900;font-size:17px;text-decoration:none;box-shadow:0 3px 0 0 var(--orange-press)}.legal-card-body{padding:40px 48px 48px}.legal-meta{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-deep)}.legal-card-body h1{font-size:clamp(34px,5vw,52px);font-weight:900;margin:12px 0 30px;letter-spacing:-.025em;line-height:1}.legal-section{margin-bottom:16px;padding:22px 24px;background:var(--cream);border:1.5px solid var(--line);border-radius:18px}.legal-section h2{font-size:18px;font-weight:900;margin:0 0 8px;letter-spacing:-.01em}.legal-section p{font-size:15px;line-height:1.65;margin:0;color:var(--muted);font-weight:500}.legal-section a{color:var(--blue-deep);font-weight:700;word-break:break-all}.related-block{margin-top:30px;padding-top:24px;border-top:1.5px dashed var(--line)}.related-title{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.related-list{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:1080px){.b-territory,.b-pass{grid-column:span 12}.b-battles,.b-crews{grid-column:span 6}.b-divisions,.b-shop,.b-health{grid-column:span 12}}@media(max-width:900px){.wrap{padding-left:26px;padding-right:26px}.hero{grid-template-columns:1fr;gap:70px;padding-top:40px;padding-bottom:90px}.hero-stage{order:2}.loop-track{grid-template-columns:1fr;gap:34px;padding-left:8px}.loop-track:before{top:8%;bottom:8%;left:26px;right:auto;width:5px;height:auto}.loop-step{display:grid;grid-template-columns:54px 1fr;column-gap:20px}.loop-step h3{grid-column:2;margin:6px 0}.loop-step p{grid-column:2}.loop-shots{grid-template-columns:1fr}.cta-panel{padding:64px 36px}.cta-duck{position:static;height:auto;max-height:360px;margin:40px auto 0;display:block}.peko-footer{padding:52px 26px 32px}.peko-footer-inner{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.stage{padding:48px 24px 44px}.stage-duck-wrap{height:360px}}@media(max-width:620px){.nav-links{display:none}.hero-h1{font-size:clamp(44px,12vw,60px)}.hero-cta .pill-btn{width:100%}.b-card{padding:28px}.hide-sm{display:none!important}.stage-item{display:none}.float-chip{padding:10px 14px;font-size:12px}.fc-coin{right:-10px;top:8%}.fc-xp{left:-12px}.fc-hat{left:-16px;top:-40px;width:92px}.stage-duck-wrap{height:300px}.cta-actions .pill-btn{width:100%}.peko-footer-inner{grid-template-columns:1fr}.legal-card-body{padding:28px 22px 32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone,.float-chip,.float-cos,.stage-item,.cta-duck,.cta-coin,.stage .cloud,.flame,.hero-chip .dot,.marquee-track{animation:none!important}.rv{opacity:1;transform:none;transition:none}.b-card,.pill-btn{transition:none}}