@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');
.hero.hero-with-stats{max-width:none;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:clamp(24px,4vw,70px);align-items:center;padding-top:28px;padding-bottom:36px}
.hero-copy{min-width:0}.hero .pirate-stats{display:flex;flex-direction:column;gap:0;margin:0;padding:12px 0 12px clamp(20px,3vw,44px);border:0;border-left:1px solid #b8ff3833;min-width:0}
.pirate-stat{--crew-color:#b8ff38;display:flex;align-items:center;gap:12px;min-height:83px;position:relative;border-radius:12px;padding:4px 8px;outline-offset:4px}
.pirate-stat-users{--crew-color:#e8c486}.pirate-stat-downloads{--crew-color:#7cdec9}
.pirate-stat dt{display:flex;align-items:center;gap:15px;min-width:0;text-transform:none}.pirate-stat dd{margin:0 0 0 auto;white-space:nowrap;font:700 clamp(22px,2.4vw,34px)/1.1 Georgia,serif;font-variant-numeric:tabular-nums;color:#f3f8ed;letter-spacing:-1px}
.hero .pirate-stat-label{font:400 clamp(26px,2.6vw,38px)/1.1 'Pirata One',Georgia,serif;color:var(--crew-color);letter-spacing:.3px}
.hero .pirate-arrival{display:block;flex:0 0 64px;width:64px;height:70px;color:var(--crew-color);animation:pirate-spin-in 1.2s cubic-bezier(.16,1,.3,1) both}
.pirate-droid{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 4px 9px #b8ff3820);transform-origin:50% 80%}
.pirate-stat-users .pirate-arrival{animation-name:pirate-swing-in;animation-delay:.16s}.pirate-stat-downloads .pirate-arrival{animation-name:pirate-swoop-in;animation-delay:.32s}
.pirate-stat:is(:hover,:focus-visible){background:#b8ff3807;outline:1px solid #b8ff3833}
.pirate-stat:is(:hover,:focus-visible) .pirate-droid{animation:pirate-jig .65s ease-in-out infinite}
.pirate-stat-users:is(:hover,:focus-visible) .pirate-droid{animation-name:pirate-shuffle}
.pirate-stat-downloads:is(:hover,:focus-visible) .pirate-droid{animation-name:pirate-hornpipe;animation-duration:.85s}
.pirate-stat dd.is-updating{animation:pirate-count-flash .65s ease-out}
@keyframes pirate-spin-in{from{opacity:0;transform:translateX(-260px) rotate(-540deg) scale(.3)}to{opacity:1;transform:none}}
@keyframes pirate-swing-in{0%{opacity:0;transform:translate(-240px,-65px) rotate(-45deg)}65%{opacity:1;transform:translate(10px,8px) rotate(15deg)}82%{transform:translate(-4px,-4px) rotate(-8deg)}100%{transform:none}}
@keyframes pirate-swoop-in{0%{opacity:0;transform:translate(-270px,70px) rotate(-30deg) scale(.5)}60%{opacity:1;transform:translate(-30px,-22px) rotate(20deg)}80%{transform:translate(6px,4px) rotate(-10deg)}100%{transform:none}}
@keyframes pirate-jig{0%,100%{transform:rotate(-9deg)}25%{transform:translateY(-8px) rotate(8deg)}50%{transform:rotate(9deg)}75%{transform:translateY(-5px) rotate(-8deg)}}
@keyframes pirate-shuffle{0%,100%{transform:translateX(-4px) rotate(-10deg)}50%{transform:translateX(4px) rotate(10deg) scaleY(.92)}}
@keyframes pirate-hornpipe{0%,100%{transform:rotate(-8deg)}30%{transform:translateY(-10px) rotate(12deg)}60%{transform:rotate(-12deg) scaleY(.9)}80%{transform:translateY(-5px) rotate(6deg)}}
@keyframes pirate-count-flash{30%{color:#b8ff38;text-shadow:0 0 16px #b8ff3866}}
@media(max-width:1000px){.hero.hero-with-stats{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px}.hero-with-stats [data-hero-cycle]{font-size:clamp(42px,6.5vw,70px);letter-spacing:-3px}.hero .pirate-stats{padding-left:18px}.pirate-stat dt{gap:9px}.hero .pirate-arrival{width:50px;flex-basis:50px;height:62px}.pirate-stat{gap:8px}}
@media(max-width:720px){.hero.hero-with-stats{position:relative;grid-template-columns:minmax(0,1fr) minmax(116px,34%);align-items:end;padding-top:24px;padding-bottom:28px;gap:8px 10px}.hero-copy{position:relative;z-index:2;min-width:0}.hero-with-stats [data-hero-cycle]{position:relative;z-index:4;font-size:clamp(38px,12vw,58px);line-height:.92;letter-spacing:-2.5px}.hero .pirate-stats{position:relative;z-index:1;align-self:end;transform:translateY(-42px);border-left:1px solid #b8ff3833;border-top:0;padding:4px 0 4px 9px;width:100%;max-width:none;overflow:visible}.pirate-stat{display:grid;grid-template-columns:1fr;gap:0;min-height:0;padding:5px 2px;border-radius:7px}.pirate-stat dt{display:block;min-width:0}.hero .pirate-arrival{display:none}.hero .pirate-stat-label{display:block;font-size:clamp(13px,3.8vw,17px);line-height:1;color:var(--crew-color);white-space:nowrap}.pirate-stat dd{margin:2px 0 0;font-size:clamp(14px,4.3vw,19px);line-height:1.05;letter-spacing:-.4px}.hero-copy>p:last-child{position:relative;z-index:3}.hero-copy>*{max-width:none}.hero-copy [data-hero-cycle]{overflow:visible}}
@media(max-width:390px){.hero.hero-with-stats{grid-template-columns:minmax(0,1fr) 112px;gap:6px}.hero .pirate-stats{padding-left:7px;transform:translateY(-48px)}.hero .pirate-stat-label{font-size:13px}.pirate-stat dd{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero .pirate-arrival,.pirate-stat:is(:hover,:focus-visible) .pirate-droid,.pirate-stat dd.is-updating{animation:none!important}}