
/* Next Pogo Map: keep the recording's complete frame at its native ratio. */
body{background:linear-gradient(#f4fcf4e8,#f4fcf4e8),url('assets/live-map.png') center top/1100px auto repeat}
.hero{padding:0;margin:0;min-height:0;height:auto;aspect-ratio:16/9;position:relative;display:block;background:#113c37;overflow:hidden}
.hero-film{position:absolute;inset:0;overflow:hidden}.hero-film video{display:block;width:100%;height:100%;object-fit:contain;transform:none;object-position:center}
.hero .intro{position:absolute;left:max(6%,calc((100vw - 1340px)/2));top:50%;width:43%;max-width:620px;padding:0;transform:translateY(-50%)}
.hero h1{font-size:clamp(38px,4.5vw,76px)}.hero h1 .closer{color:#fff}.hero h1 .shiny-word{color:#ffe167;animation:shiny-word-glow 3s ease-in-out infinite}.hero .lead{font-size:clamp(16px,1.3vw,20px)}
@keyframes shiny-word-glow{0%,100%{text-shadow:0 0 5px #ffdf5c44}50%{text-shadow:0 0 12px #ffda5599,0 0 34px #ffc33166}}
.feature-stories{max-width:1340px;margin:auto;padding:40px 5% 75px;display:grid;gap:85px}.feature-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.feature-story.reverse{grid-template-columns:1.15fr .85fr}.feature-story.reverse .story-copy{order:2}.feature-story.reverse .story-media{order:1}.story-copy h2{font-size:clamp(32px,3vw,47px);line-height:1.12;margin:18px 0}.story-copy>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#365d50}.story-copy>a{display:inline-block;color:#147e65;font-weight:700;margin-top:10px}
.story-media{position:relative;margin:0;aspect-ratio:5/3;border:7px solid #fff;border-radius:28px;background:linear-gradient(#bedca74a,#c8e4b332),url('assets/live-map.png') center/cover;box-shadow:0 16px 40px #30592e24;overflow:hidden}.story-media:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#e7f7dc88)}.story-chip{position:absolute;left:20px;top:20px;padding:8px 20px;border:1px solid #cfab45;background:#fff0ab;border-radius:15px;font-weight:700;color:#66501b}.story-pokemon{position:absolute;width:25%;height:45%;object-fit:contain;left:38%;top:17%;filter:drop-shadow(0 0 18px #ffe34a);animation:bob 3s ease-in-out infinite}.story-spark{position:absolute;top:15%;left:62%;color:#ffed7d;font-size:38px;text-shadow:1px 1px #8a6520;animation:shiny-word-glow 3s infinite}.story-caption{position:absolute;bottom:38px;left:14px;right:14px;display:grid;gap:2px;padding:14px 18px;background:#f7fff5eb;border-radius:15px}.story-caption strong{font-size:20px;line-height:1.25}.story-caption span{font-size:13px;color:#547266}.story-media figcaption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-size:10px;color:#375b49}.story-path>svg{position:absolute;inset:0;width:100%;height:100%}.story-path>svg path:last-child{animation:route 12s linear infinite}.story-point{position:absolute;display:grid;place-items:center;width:36px;height:36px;border:3px solid white;border-radius:50%;background:#236c65;color:white;font-weight:700}.point-a{top:65%;left:7%}.point-b{top:16%;right:8%}.path-catch{position:absolute;width:75px;height:90px;object-fit:contain;left:50%;top:23%;animation:bob 4s ease-in-out infinite}.story-friend{position:absolute;top:22%;left:25%;display:grid;place-items:center;width:65px;height:65px;background:#9a79ca;border:4px solid white;border-radius:50%;font-size:24px;color:white;box-shadow:0 0 0 12px #b6a0d755;animation:friend-ring 3s infinite}.ping-bubble{position:absolute;left:41%;top:20%;display:grid;background:#fff;padding:12px;border-radius:16px;box-shadow:0 7px 20px #2345;font-size:14px}.ping-bubble span{font-size:12px;color:#5c7271}.ping-catch{position:absolute;right:14%;top:40%;width:65px;height:65px;object-fit:contain}@keyframes friend-ring{50%{box-shadow:0 0 0 20px #b6a0d722}}
.plans{background:repeating-linear-gradient(135deg,#f2f8ee,#f2f8ee 12px,#eaf4e6 12px,#eaf4e6 14px);border-color:#c1d6b7}.plans-map,.plans:before{display:none}.plan:before{display:block;background:url('assets/plan-map.svg') center/cover;opacity:.5}.plan:after{display:block;background:linear-gradient(100deg,#fbfff5ee,#f7fff2b5)}.plan.plus:before{opacity:.7}.plan.plus:after{background:linear-gradient(100deg,#fff6c3ee,#fff2b5ad)}.plan-grid{max-width:960px}.faq,footer{background:#f4fcf4c9}
@media(min-width:641px) and (max-width:1000px){.hero .intro{width:55%;left:5%}.hero h1{font-size:38px;margin:12px 0}.hero .lead{font-size:15px;line-height:1.4}.hero .eyebrow{font-size:10px}.hero .actions{margin:15px 0}.hero .quiet{font-size:11px}.hero .primary{padding:10px 14px}.feature-story,.feature-story.reverse{gap:25px}.story-caption strong{font-size:16px}.story-caption{padding:10px}.ping-bubble{font-size:11px;padding:8px}.ping-bubble span{font-size:10px}}
@media(max-width:640px){header{gap:10px}.brand{font-size:19px;gap:8px}.brand em{font-size:12px}.hero{aspect-ratio:auto;overflow:visible;display:flex;flex-direction:column;padding:0}.hero-film{position:relative;inset:auto;width:100%;aspect-ratio:16/9;z-index:0}.hero-film:after{background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,#fff1 0 1px,transparent 1px 5px)}.hero .intro{position:relative;left:auto;top:auto;transform:none;width:auto;max-width:none;padding:25px 6% 30px}.hero h1{font-size:clamp(39px,10vw,58px)}.hero .lead{font-size:17px}.motion-toggle{top:12px;right:12px;bottom:auto;z-index:2}.feature-stories{padding:20px 5% 50px;gap:45px}.feature-story,.feature-story.reverse{grid-template-columns:1fr;gap:18px}.feature-story.reverse .story-copy,.feature-story.reverse .story-media{order:initial}.story-copy h2{font-size:33px}.story-copy>p:not(.eyebrow){font-size:16px}.story-media{border-width:5px;border-radius:22px}.story-caption{padding:10px;bottom:31px}.story-caption strong{font-size:16px}.story-caption span{font-size:12px}.story-chip{left:12px;top:12px;padding:5px 12px;font-size:13px}.story-friend{width:46px;height:46px}.ping-bubble{font-size:11px;padding:8px}.ping-bubble span{font-size:10px}.story-media figcaption{font-size:9px;bottom:6px}.point-a{top:57%}}
@media(prefers-reduced-motion:reduce){.hero h1 .shiny-word,.story-media *{animation:none!important}}
