@font-face{font-family:Cubic11;src:url(/fonts/cubic11-subset.woff) format("woff");font-display:swap}:root{--cream: #E4DFCD;--cream-light: #FBF9F1;--navy: #293C56;--navy-dark: #1A2838;--orange: #DE7A38;--orange-dark: #A85A20;--muted: #7A6E55;--line: #C7BFA6;--bar-h: 60px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--bar-h)}body{font-family:Cubic11,monospace;background:var(--cream);color:var(--navy);line-height:1.8;letter-spacing:1px;overflow-x:hidden}img{image-rendering:pixelated}.wrap{max-width:920px;margin:0 auto;padding:0 20px}.band{padding:62px 0}.band.white{background:#fff;border-top:3px solid var(--navy);border-bottom:3px solid var(--navy)}.section-title{font-size:27px;text-align:center;margin-bottom:8px}.section-lead{text-align:center;color:var(--muted);font-size:15px;margin-bottom:36px}.appbar{position:sticky;top:0;z-index:50;height:var(--bar-h);background:var(--cream-light);border-bottom:3px solid var(--navy);display:flex;align-items:center}.appbar .wrap{display:flex;align-items:center;gap:16px;width:100%}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--navy)}.brand img{width:34px;height:auto}.brand span{font-size:19px;letter-spacing:2px}.navlinks{display:flex;gap:20px;margin-left:auto;font-size:15px}.navlinks a{color:var(--muted);text-decoration:none}.navlinks a:hover{color:var(--navy)}.bar-cta{background:var(--orange);color:#fff;border:2px solid var(--orange-dark);border-radius:4px;box-shadow:2px 2px 0 var(--orange-dark);padding:6px 14px;font-size:14px;text-decoration:none;transition:transform .05s,box-shadow .05s}.bar-cta:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--orange-dark)}.btn{display:inline-flex;align-items:center;gap:11px;background:var(--navy);color:#fff;border:3px solid var(--navy-dark);border-radius:4px;padding:12px 22px;font-family:Cubic11,monospace;letter-spacing:1px;text-decoration:none;box-shadow:4px 4px 0 var(--navy-dark);transition:transform .05s,box-shadow .05s}.btn .lines{display:flex;flex-direction:column;line-height:1.25;text-align:left}.btn .lines small,.btn .lines strong{white-space:nowrap}.btn .lines small{font-size:11px;opacity:.78}.btn .lines strong{font-size:16px;font-weight:400}.btn:hover{background:var(--navy-dark)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--navy-dark)}.btn.android{background:var(--orange);border-color:var(--orange-dark);box-shadow:4px 4px 0 var(--orange-dark)}.btn.android:hover{background:#c56a28}.btn.disabled{background:#bdbdbd;border-color:#9e9e9e;box-shadow:4px 4px #9e9e9e;pointer-events:none}.btn svg{width:24px;height:24px;flex-shrink:0}.cta{display:flex;gap:12px;flex-wrap:wrap}.sprite{width:64px;height:64px;background-repeat:no-repeat;background-position:0 0;flex-shrink:0;image-rendering:pixelated}@keyframes sprite-run{to{background-position-x:calc(var(--sheet) * -1)}}.hero{position:relative;overflow:hidden;border-bottom:3px solid var(--navy);background:linear-gradient(180deg,var(--cream-light) 0%,#F2EDDD 55%,var(--cream) 100%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='216' height='216' viewBox='0 0 216 216'%3E%3Cg fill='%23DE7A38'%3E%3Crect x='24' y='72' width='48' height='48' opacity='.13'/%3E%3Crect x='168' y='144' width='24' height='24' opacity='.15'/%3E%3Crect x='96' y='120' width='24' height='24' opacity='.10'/%3E%3Crect x='144' y='48' width='24' height='24' opacity='.12'/%3E%3C/g%3E%3Cg fill='%23293C56'%3E%3Crect x='120' y='0' width='72' height='48' opacity='.08'/%3E%3Crect x='48' y='168' width='48' height='24' opacity='.09'/%3E%3Crect x='0' y='120' width='24' height='48' opacity='.07'/%3E%3Crect x='72' y='24' width='24' height='24' opacity='.10'/%3E%3Crect x='192' y='96' width='24' height='24' opacity='.08'/%3E%3C/g%3E%3C/svg%3E");background-size:216px 216px;mask-image:linear-gradient(150deg,transparent 6%,rgba(0,0,0,.55) 42%,#000 78%)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;grid-template-areas:"head  media" "act   media" "stats media";grid-template-rows:auto auto 1fr;column-gap:34px;align-items:start;padding:54px 20px 0}.hero-head{grid-area:head}.hero-media{grid-area:media;align-self:center}.hero-act{grid-area:act}.hero-stats{grid-area:stats}.hero h1{font-size:44px;line-height:1.35;letter-spacing:3px;margin-bottom:16px}.hero .sub{font-size:16.5px;color:#5f5643;margin-bottom:26px;max-width:430px}.hero .phone-frame{width:240px;margin:0 0 0 auto}.hero-act{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:470px}.hero-act .btn{width:100%;justify-content:center}.stats{display:flex;gap:26px;margin-top:26px;border-top:3px solid var(--line);padding-top:20px}.stat .num{font-size:27px;color:var(--orange-dark);line-height:1.25;font-variant-numeric:tabular-nums}.stat .num small{font-size:12.5px;color:var(--muted);letter-spacing:0}.stat .label{font-size:12.5px;color:var(--muted)}.ground{position:relative;z-index:1;margin-top:26px;border-top:3px solid var(--navy);background:#d7cdb2}.ground .row{display:flex;align-items:flex-end;justify-content:space-between;height:78px;padding:0 24px;overflow:hidden}.ground .sprite{margin-bottom:4px}.banner-band{border-top:3px solid var(--navy);border-bottom:3px solid var(--navy);background:var(--navy-dark)}.carousel{position:relative;overflow:hidden;width:100%;max-width:1290px;margin:0 auto;aspect-ratio:1290 / 540}.carousel .slide{position:absolute;inset:0;opacity:0;transition:opacity .6s;display:block;pointer-events:none}.carousel .slide.on{opacity:1;pointer-events:auto}.carousel img{width:100%;height:100%;object-fit:cover;display:block}.dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px}.dots button{width:11px;height:11px;padding:0;cursor:pointer;background:#ffffff8c;border:2px solid var(--navy-dark);border-radius:0}.dots button[aria-current=true]{background:var(--orange)}.phone-frame{width:240px;margin:0 auto;border:3px solid var(--navy);border-radius:6px;box-shadow:6px 6px 0 var(--navy-dark);background:var(--navy);padding:22px 8px;position:relative}.phone-frame:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:52px;height:6px;background:#4a5b72;border-radius:3px}.phone-frame .screen{position:relative;overflow:hidden;aspect-ratio:590 / 1191;background:var(--cream-light);border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;text-align:center;color:#b3a98e;font-size:13px;padding:12px}.phone-frame .screen.has-shots{border:none;padding:0}.phone-frame .screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s;image-rendering:auto}.phone-frame .screen img.on{opacity:1}.shot-caption{margin-top:12px;text-align:center;font-size:12.5px;color:#9fb0c4;letter-spacing:1px;min-height:1.5em}.shot-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.shot-dots button{width:24px;height:24px;padding:0;cursor:pointer;background:none;border:none;border-radius:0;display:flex;align-items:center;justify-content:center}.shot-dots button:before{content:"";width:9px;height:9px;background:#56698a;border:2px solid #1A2838;transition:background .2s}.shot-dots button[aria-current=true]:before{background:var(--orange)}.shot-dots button:hover:before{background:#7e90ae}.shot-dots button[aria-current=true]:hover:before{background:var(--orange)}.species-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.species-cell{width:112px;background:var(--cream-light);border:3px solid var(--navy);border-radius:4px;box-shadow:4px 4px 0 var(--navy-dark);padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:transform .08s,box-shadow .08s}.species-cell.more{background:var(--cream);border-style:dashed;box-shadow:none;justify-content:center}.species-cell.more .dots3{font-size:26px;color:var(--line);line-height:1;height:64px;display:flex;align-items:center}.species-cell.more .name{color:#a99e85}.species-cell:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy-dark)}.species-cell .name{font-size:13px;color:var(--muted)}.variant-row{margin-top:30px;text-align:center}.variant-label{font-size:14px;color:var(--muted);margin-bottom:12px}.variant-label b{color:var(--navy);font-weight:400}.variant-stage{position:relative;width:192px;height:192px;margin:0 auto;background:var(--cream);border:3px solid var(--navy);border-radius:4px;box-shadow:5px 5px 0 var(--navy-dark)}.variant-stage .sprite{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .45s}.variant-stage .sprite.on{opacity:1}.variant-dots{display:flex;justify-content:center;gap:10px;margin-top:16px}.variant-dots button{width:26px;height:26px;padding:0;cursor:pointer;border:3px solid var(--navy);border-radius:0;box-shadow:2px 2px 0 var(--navy-dark);transition:transform .05s,box-shadow .05s}.variant-dots button[aria-current=true]{transform:translate(2px,2px);box-shadow:0 0 0 var(--navy-dark)}.feature-layout{display:grid;grid-template-columns:285px 1fr;gap:34px;align-items:stretch}.feature-layout .phone-frame{width:285px;margin:0;display:flex;flex-direction:column}.feature-layout .screen{flex:1;aspect-ratio:auto;min-height:0}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-content:start}.card{background:var(--cream-light);border:3px solid var(--navy);border-radius:4px;box-shadow:5px 5px 0 var(--navy-dark);padding:20px;transition:transform .08s,box-shadow .08s}.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--navy-dark)}.card .ico{width:34px;height:34px;margin-bottom:10px;color:var(--orange)}.card h3{font-size:17px;margin-bottom:6px}.card p{font-size:13.5px;color:var(--muted);line-height:1.7}.socials{display:flex;justify-content:center;gap:14px}.social-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:var(--cream-light);border:3px solid var(--navy);border-radius:4px;box-shadow:3px 3px 0 var(--navy-dark);color:var(--navy);text-decoration:none;transition:transform .05s,box-shadow .05s}.social-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--navy-dark)}.social-btn.line{color:#06c755}.social-btn.ig{color:#e1306c}.social-btn svg{width:27px;height:27px}.faq details{background:var(--cream-light);border:3px solid var(--navy);border-radius:4px;box-shadow:4px 4px 0 var(--navy-dark);padding:15px 18px;margin-bottom:13px}.faq summary{font-size:16px;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"\25b8  ";color:var(--orange)}.faq details[open] summary:before{content:"\25be  "}.faq p{font-size:14px;color:var(--muted);margin-top:9px}.endcta{text-align:center}.endcta h2{font-size:28px;margin-bottom:10px}.endcta p{color:var(--muted);font-size:15px;margin-bottom:26px}.endcta .cta{justify-content:center}footer{border-top:3px solid var(--navy);padding:26px 0 40px;text-align:center;font-size:13px;color:#9a8f79}footer a{color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line)}footer a:hover{color:var(--navy)}footer .sep{margin:0 8px}footer .copy{margin-top:12px;font-size:12px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.hero-act{grid-template-columns:1fr;gap:10px;max-width:340px}.feature-layout{grid-template-columns:230px 1fr;gap:24px;align-items:start}.feature-layout .phone-frame{width:230px}.feature-layout .screen{flex:none;aspect-ratio:590 / 1191}.cards{grid-template-columns:1fr;gap:12px}.card{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:start;padding:16px 18px}.card .ico{grid-column:1;grid-row:1 / span 2;margin-bottom:0}.card h3{grid-column:2;grid-row:1}.card p{grid-column:2;grid-row:2}}@media(max-width:860px){.hero-inner{grid-template-columns:1.05fr .95fr;column-gap:24px}.hero h1{font-size:36px}.hero .phone-frame{width:210px}.stats{gap:16px}.stat .num{font-size:23px}}@media(max-width:640px){.feature-layout{grid-template-columns:1fr;gap:24px;align-items:start}.feature-layout .phone-frame{width:100%;max-width:380px;margin:0 auto;display:block;padding:22px 14px 16px}.feature-layout .cards{width:100%}}@media(max-width:720px){.hero-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "act" "media" "stats";grid-template-rows:auto auto auto auto;row-gap:22px;text-align:left;padding:36px 20px 0}.hero .phone-frame{margin:0;width:100%;max-width:380px;padding:22px 14px 16px}.hero .sub{max-width:none;margin-bottom:0}.hero h1{font-size:34px;margin-bottom:12px}.hero .phone-frame .hero-act{grid-template-columns:1fr;max-width:none;gap:10px;margin-top:14px}.hero .phone-frame .shot-caption{margin-top:10px}.stats{justify-content:flex-start;gap:20px;margin-top:0;padding-top:16px}.navlinks{display:none}.bar-cta{margin-left:auto}.ground .sprite:nth-child(n+8){display:none}}@media(max-width:520px){.hero h1{font-size:29px;letter-spacing:2px;margin-bottom:10px}.hero .sub{font-size:15px;margin-bottom:18px}.hero-inner{padding:30px 20px 0;gap:18px}.band{padding:46px 0}.cards{grid-template-columns:1fr;gap:12px}.card{padding:16px 18px}.card .ico{width:28px;height:28px;margin-bottom:6px}.btn{padding:10px 12px;gap:7px}.btn svg{width:19px;height:19px}.btn .lines small{font-size:10px}.btn .lines strong{font-size:13.5px}.btn .lines small,.btn .lines strong{white-space:nowrap}.endcta .cta{flex-direction:column}.endcta .btn{width:100%;justify-content:center}.brand span{font-size:17px}.hero .phone-frame{padding:20px 12px 14px}.species-cell{width:96px}.stats{gap:0;justify-content:space-between;margin-top:22px;padding-top:16px}.stat .num{font-size:21px}.stat .label{font-size:11.5px}.ground .row{padding:0 10px;height:62px}.ground .sprite{transform:scale(.72);transform-origin:bottom center;margin:0 -9px}.ground .sprite:nth-child(n+8){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.carousel .slide{transition:none}.sprite{animation:none!important}}