:root{--green-950: #062a1f;--green-900: #0b3d2c;--green-800: #0f5139;--green-600: #17855c;--green-400: #3fc38a;--cream: #fff8ec;--paper: #fffdf8;--ink: #12261d;--ink-dim: #4b6157;--gold: #ffbf3c;--orange: #ff7a3d;--tile-top: #fff6df;--tile-bottom: #f6deae;--tile-edge: #d9b475;--nav-h: 68px;--screen-ratio: 9 / 19.5;--px: 0;--py: 0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Fredoka,Nunito,system-ui,sans-serif;font-weight:700;line-height:1.1;margin:0}h2{font-size:clamp(2rem,4.5vw,3rem)}p{margin:0}main{overflow-x:clip}a:focus-visible,.badge:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.eyebrow{font-weight:800;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green-600);margin-bottom:.6rem}.tile{--s: 48px;position:relative;display:inline-grid;place-items:center;width:var(--s);height:var(--s);border-radius:18%;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:inset 0 calc(var(--s) * -.08) 0 var(--tile-edge),inset 0 2px #fffc,0 calc(var(--s) * .12) calc(var(--s) * .3) #00000047;color:var(--green-900);font-family:Fredoka,sans-serif;font-weight:700;font-size:calc(var(--s) * .56);line-height:1;padding-bottom:calc(var(--s) * .06);-webkit-user-select:none;user-select:none}.tile-score{position:absolute;right:12%;bottom:14%;font-size:.32em;font-weight:600;opacity:.7}.nav{position:fixed;inset:0 0 auto;z-index:10;height:var(--nav-h);display:flex;align-items:center;gap:1.5rem;padding:0 clamp(16px,4vw,48px);color:var(--cream);transition:background-color .3s ease,box-shadow .3s ease}.nav-solid{background:#062a1feb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 24px #0000002e}.nav-brand{display:inline-flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;font-family:Fredoka,sans-serif;font-weight:700;font-size:1.3rem;margin-right:auto}.app-icon{width:44px;height:44px;object-fit:contain}.app-icon-tile{--s: 44px}.nav-links{display:flex;gap:1.75rem}.nav-links a{color:inherit;text-decoration:none;font-weight:700;opacity:.85;transition:opacity .2s ease}.nav-links a:hover{opacity:1}.nav-cta{padding:.55em 1.2em;border-radius:999px;background:var(--gold);color:var(--green-950);font-weight:800;text-decoration:none;transition:transform .15s ease,filter .15s ease}.nav-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;display:flex;align-items:center;padding:calc(var(--nav-h) + 2rem) clamp(16px,5vw,64px) 7rem;color:var(--cream);background:radial-gradient(ellipse at 80% 20%,rgba(63,195,138,.35),transparent 55%),radial-gradient(ellipse at 10% 90%,rgba(255,191,60,.18),transparent 50%),linear-gradient(160deg,var(--green-800),var(--green-950))}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,248,236,.08) 1.5px,transparent 1.5px);background-size:26px 26px;-webkit-mask:linear-gradient(to bottom,#000 40%,transparent);mask:linear-gradient(to bottom,#000 40%,transparent)}.hero-inner{width:100%;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-title{font-size:clamp(3.2rem,8vw,6rem);letter-spacing:-.01em;text-shadow:0 6px 0 rgba(0,0,0,.25);animation:slam .7s .2s cubic-bezier(.2,1.4,.4,1) both}.hero-tagline{margin-top:.5rem;font-family:Fredoka,sans-serif;font-weight:600;font-size:clamp(1.3rem,2.6vw,1.9rem);color:var(--gold);animation:fade-up .8s .5s both}.hero-intro{margin-top:1.1rem;max-width:34rem;font-size:clamp(1.05rem,1.6vw,1.2rem);color:#fff8ecd1;animation:fade-up .8s .65s both}.hero-badges{margin-top:2rem;animation:fade-up .8s .8s both}.hero-art{position:relative;justify-self:center;width:min(100%,440px);aspect-ratio:1 / 1.15;display:grid;place-items:center}.hero-phone{width:min(62%,270px);transform:translate(calc(var(--px) * 12px),calc(var(--py) * 8px)) rotate(4deg);transition:transform .4s ease-out;animation:phone-in 1s .3s cubic-bezier(.2,1.2,.4,1) both}.hero-tile{position:absolute;z-index:1;transform:translate(calc(var(--px) * var(--depth) * 18px),calc(var(--py) * var(--depth) * 12px));transition:transform .4s ease-out}.hero-tile>.tile{--s: calc(var(--tile-s) * var(--tile-scale, 1));animation:tile-drop .8s var(--delay) cubic-bezier(.3,1.4,.45,1) both,tile-float 4s calc(var(--delay) + .8s) ease-in-out infinite}@keyframes tile-drop{0%{opacity:0;transform:translateY(-140px) rotate(calc(var(--rot) - 40deg))}30%{opacity:1}to{opacity:1;transform:rotate(var(--rot))}}@keyframes tile-float{0%,to{transform:translateY(0) rotate(var(--rot))}50%{transform:translateY(-12px) rotate(calc(var(--rot) * .6))}}@keyframes phone-in{0%{opacity:0;transform:translateY(80px) rotate(12deg)}to{opacity:1;transform:translateY(0) rotate(4deg)}}@keyframes slam{0%{opacity:0;transform:translateY(-40px) scale(1.3)}60%{opacity:1;transform:translateY(3px) scale(.98)}to{opacity:1;transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(48px,8vw,110px);fill:var(--cream)}.badges{display:flex;flex-wrap:wrap;gap:.9rem}.badge{display:inline-flex;align-items:center;gap:.7rem;min-width:190px;padding:.6rem 1.2rem .6rem 1rem;border-radius:12px;border:1.5px solid rgba(255,255,255,.35);background:#000;color:#fff;text-decoration:none;line-height:1.1}.badge-play{box-shadow:0 10px 30px #00000059;transition:transform .15s ease,box-shadow .15s ease}.badge-play:hover{transform:translateY(-2px);box-shadow:0 14px 36px #00000073}.badge-soon{background:transparent;border-style:dashed;color:#ffffffbf;cursor:default}.badge-icon{width:30px;height:30px;flex-shrink:0}.badge-text{display:flex;flex-direction:column}.badge-text small{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-text strong{font-family:Fredoka,sans-serif;font-size:1.35rem;font-weight:600}.phone{position:relative;width:min(280px,68vw);aspect-ratio:var(--screen-ratio);padding:10px;border-radius:42px;background:linear-gradient(145deg,#2a2f2c,#0d0f0e);box-shadow:inset 0 0 0 2px #ffffff14,0 30px 60px #062a1f59,0 10px 20px #0003}.phone:before{content:"";position:absolute;top:20px;left:50%;z-index:1;width:10px;height:10px;border-radius:50%;background:#050605;transform:translate(-50%)}.phone-screen{height:100%;overflow:hidden;border-radius:32px;background:var(--green-900)}.phone-screen img{display:block;width:100%;height:100%;object-fit:cover}.screen-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(ellipse at 50% 30%,rgba(63,195,138,.35),transparent 60%),linear-gradient(180deg,var(--green-800),var(--green-950));color:#fff8ec99;font-weight:800;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase}.placeholder-tiles{display:flex;gap:4px}.placeholder-tiles .tile{--s: 34px}.features{max-width:1120px;margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(16px,5vw,48px)}.section-head{text-align:center;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.feature{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"media copy";align-items:center;gap:clamp(2rem,6vw,6rem)}.feature+.feature{margin-top:clamp(4rem,10vw,8rem)}.feature-flip{grid-template-areas:"copy media"}.feature-media{grid-area:media;position:relative;display:grid;place-items:center}.feature-copy{grid-area:copy;max-width:30rem}.feature-flip .feature-copy{justify-self:end}.feature-blob{position:absolute;width:115%;max-width:420px;aspect-ratio:1;border-radius:46% 54% 58% 42%/48% 42% 58% 52%;background:var(--blob, var(--gold));opacity:.35;animation:blob 14s ease-in-out infinite alternate}.feature:nth-of-type(3n+2) .feature-blob{--blob: var(--green-400)}.feature:nth-of-type(3n) .feature-blob{--blob: var(--orange)}@keyframes blob{to{border-radius:58% 42% 44% 56%/42% 56% 44% 58%;transform:rotate(18deg)}}.feature-num{display:inline-block;font-family:Fredoka,sans-serif;font-weight:700;font-size:1rem;color:var(--green-600);background:#17855c1a;border-radius:999px;padding:.2em .8em;margin-bottom:1rem}.feature-copy h3{font-size:clamp(1.8rem,3.6vw,2.5rem);color:var(--green-900)}.feature-copy p{margin-top:1rem;font-size:1.15rem;color:var(--ink-dim)}.reveal{opacity:0;transform:translate(var(--from-x, 0),32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.9,.3,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-media{--from-x: -60px}.reveal-copy{--from-x: 60px;transition-delay:.12s}.feature-flip .reveal-media{--from-x: 60px}.feature-flip .reveal-copy{--from-x: -60px}.about{background:var(--paper);padding:clamp(4rem,10vw,7rem) clamp(16px,5vw,48px);border-block:1px solid rgba(18,38,29,.06)}.about-inner{max-width:760px;margin:0 auto;text-align:center}.about-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:10px clamp(14px,2.5vw,26px);margin-bottom:2.5rem}.about-word{display:flex;gap:6px}.about-tiles .tile{--s: clamp(34px, 6vw, 52px);transform:rotate(calc((var(--i) - 5) * 1.2deg))}.about-inner.is-visible .tile{animation:tile-pop .5s calc(var(--i) * .06s) cubic-bezier(.3,1.6,.5,1) both}@keyframes tile-pop{0%{transform:translateY(20px) scale(.6);opacity:0}}.about h2{color:var(--green-900)}.about-text{margin-top:1.25rem;font-size:1.15rem;color:var(--ink-dim)}.download{padding:clamp(4rem,10vw,7rem) clamp(16px,5vw,48px)}.download-card{max-width:980px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,4rem);border-radius:32px;text-align:center;color:var(--cream);background:radial-gradient(ellipse at 15% 0%,rgba(63,195,138,.4),transparent 55%),radial-gradient(ellipse at 90% 100%,rgba(255,191,60,.25),transparent 50%),linear-gradient(160deg,var(--green-800),var(--green-950));box-shadow:0 30px 60px #062a1f40}.download-icon{width:112px;height:112px;margin-bottom:1.25rem;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}.download-icon.app-icon-tile{--s: 112px}.download-card p{margin-top:.9rem;font-size:1.15rem;color:#fff8ecd1}.download-badges{justify-content:center;margin-top:2rem}.contact{padding:0 clamp(16px,5vw,48px) clamp(4rem,10vw,7rem)}.contact-inner{max-width:640px;margin:0 auto;text-align:center}.contact h2{color:var(--green-900)}.contact-inner>p:not(.eyebrow){margin-top:1rem;font-size:1.15rem;color:var(--ink-dim)}.contact-btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:.9em 1.6em;border-radius:999px;background:var(--green-600);color:#fff;font-weight:800;text-decoration:none;word-break:break-all;box-shadow:0 10px 24px #17855c4d;transition:transform .15s ease,background-color .15s ease}.contact-btn:hover{transform:translateY(-2px);background:var(--green-800)}.contact-btn svg{width:1.3em;height:1.3em;flex-shrink:0}.footer{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:1.75rem 16px;background:var(--green-950);color:#fff8ecb3;font-size:.95rem}.footer a{color:var(--gold)}@media(max-width:860px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero-intro{margin-inline:auto}.hero-badges{justify-content:center}.hero-art{width:min(100%,360px)}.feature,.feature-flip{grid-template-columns:1fr;grid-template-areas:"media" "copy";text-align:center;gap:2.5rem}.feature-copy,.feature-flip .feature-copy{justify-self:center}.feature-blob{width:100%}.reveal-media,.reveal-copy,.feature-flip .reveal-media,.feature-flip .reveal-copy{--from-x: 0px}}@media(max-width:640px){.nav-links{display:none}.hero{padding-bottom:5rem}.hero-art{--tile-scale: .72}.badge{min-width:0;flex:1 1 180px;max-width:260px}.badges{justify-content:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition:none!important}}