:root{--forest:#063d29;--deep:#032d20;--pitch:#075c3b;--lime:#65e18c;--cream:#f7f3e8;--ink:#142922;--mute:#5f7469;--line:#d9e2d7;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}a{color:inherit}p{margin:0 0 1rem}h1,h2{letter-spacing:-.055em;line-height:1.04;text-wrap:balance}h2{font-size:clamp(2.5rem,5vw,4.6rem);margin:0 0 1.2rem}::selection{background:#b9f3cd;color:var(--deep)}
.wrap{width:min(1160px,calc(100% - 3rem));margin-inline:auto}
:focus-visible{outline:3px solid #b9f3cd;outline-offset:4px;border-radius:3px}
.skip{position:absolute;left:1rem;top:-4rem;z-index:20;padding:.5rem .8rem;background:#fff;color:var(--deep)}.skip:focus{top:1rem}
.site-head{position:absolute;inset:0 0 auto;z-index:5;color:#fff}.head-row{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:2rem;border-bottom:1px solid #ffffff2a}.wordmark,.foot-brand{font-weight:850;font-size:1.8rem;letter-spacing:-.065em;text-decoration:none;line-height:1}.wordmark-ball{display:inline-block;margin-left:.08em;color:var(--lime);font-size:.43em;vertical-align:top;transform:translateY(.08em)}.head-links{display:flex;align-items:center;gap:2rem;font-size:.9rem}.head-links a{text-decoration:none;color:#f6fff1d1}.head-links a:hover,.head-links a:focus-visible{color:#fff}.studio-link{border-left:1px solid #ffffff39;padding-left:2rem}.studio-link strong{color:#fff}
.hero{background:radial-gradient(circle at 72% 33%,#117049 0%,#064b32 37%,var(--forest) 70%,var(--deep) 100%);color:#fff;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#46c773,#c1ed5a,#46c773)}.hero-grid{min-height:710px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:4rem;padding-top:110px;padding-bottom:74px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:.75rem;line-height:1.3;letter-spacing:.19em;text-transform:uppercase;font-weight:800;color:var(--lime);margin:0 0 1.6rem}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #65e18c30;margin-right:.65rem;vertical-align:middle}.hero h1{font-size:clamp(3.4rem,5.8vw,6rem);margin:0 0 1.7rem;font-weight:850}.hero h1 em{color:var(--lime);font-style:normal}.lead{font-size:clamp(1.1rem,1.55vw,1.3rem);line-height:1.55;max-width:32rem;color:#e0f2e7;margin-bottom:2rem}.availability{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1rem;margin:0 0 2.4rem}.availability-tag{font-size:.76rem;letter-spacing:.1em;font-weight:800;text-transform:uppercase;background:#e7fce8;color:var(--deep);border-radius:100px;padding:.55rem .9rem}.availability-note{font-size:.9rem;color:#c9e7d1}.text-link{font-size:.95rem;font-weight:700;text-decoration:none;border-bottom:1px solid var(--lime);padding-bottom:.2rem}.text-link:hover{color:var(--lime)}
.play-link{display:inline-block;line-height:0}.play-link img{display:block;width:162px;height:48px} .app-store-link img{height:auto}
.hero-visual{position:relative;justify-self:center;width:min(100%,370px);transform:rotate(2deg);filter:drop-shadow(0 24px 50px #00190f99)}.hero-phone{border:8px solid #081b16;border-radius:35px;background:#081b16;overflow:hidden;box-shadow:0 0 0 1px #e8ffdf38}.hero-phone img{display:block;width:100%;height:620px;object-fit:cover;object-position:top;border-radius:27px}.hero-visual-label{position:absolute;right:-1.5rem;bottom:-1.2rem;background:var(--cream);color:var(--forest);font-size:.65rem;font-weight:900;letter-spacing:.17em;padding:.9rem 1.1rem;transform:rotate(-2deg)}
.intro{padding:clamp(4rem,8vw,7rem) 0}.intro-grid{display:grid;grid-template-columns:1fr .78fr;gap:4rem;align-items:end}.eyebrow.dark{color:#257e49}.intro h2{margin-bottom:0}.intro-grid p:not(.eyebrow){font-size:1.18rem;line-height:1.65;color:#40574c;max-width:31rem;margin:0}
.feature{padding:clamp(4rem,8vw,7rem) 0}.feature-dark{background:#082f23;color:#fff}.feature-light{background:#e8eee3;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(3rem,8vw,8rem)}.feature-grid.reverse .feature-image{order:2}.feature-image{width:min(100%,340px);max-height:580px;margin:auto;border-radius:35px;padding:8px;background:#081b16;box-shadow:0 26px 60px -25px #001d13a1;overflow:hidden}.feature-image img{width:100%;height:565px;object-fit:cover;object-position:top;border-radius:27px}.feature-number{display:block;font-size:.73rem;font-weight:850;letter-spacing:.18em;color:var(--lime);margin-bottom:1.5rem}.feature-light .feature-number{color:#27854d}.feature-copy p{font-size:1.13rem;line-height:1.7;max-width:33rem;color:#d7e8da}.feature-light .feature-copy p{color:#43594d}.feature-copy .small-copy{font-size:.94rem;color:#a8ceb2;margin-top:1.5rem}.feature-copy h2{max-width:40rem}
.daily{padding:clamp(4.5rem,9vw,8rem) 0;background:#f7f3e8}.daily-grid{display:grid;grid-template-columns:1fr .9fr;gap:5rem;align-items:center}.daily .feature-number{color:#27854d}.daily p{font-size:1.1rem;max-width:35rem;color:#445c4e}.daily-board{border:1px solid #216d45;background:linear-gradient(135deg,#063f29,#0d6440);color:#e8fbea;border-radius:15px;box-shadow:15px 16px 0 #c8dcc7;overflow:hidden;transform:rotate(-2deg)}.daily-top,.daily-bottom{padding:1rem 1.3rem;font-size:.64rem;letter-spacing:.14em;font-weight:800}.daily-top{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff32;color:#b7ecc4}.daily-score{min-height:175px;display:flex;align-items:center;justify-content:space-around;gap:1rem;text-align:center;font-size:1.1rem;font-weight:850}.daily-score b{font-size:2.8rem;color:var(--lime)}.daily-bottom{border-top:1px solid #ffffff32;color:#b7ecc4;text-align:center}
.closing{background:radial-gradient(circle at 50% 120%,#0f6b45,var(--forest) 60%,var(--deep));color:#fff;padding:clamp(5rem,10vw,9rem) 0;text-align:center}.closing-inner{max-width:740px}.closing h2{font-size:clamp(3rem,8vw,7.2rem);margin:0 0 1.7rem}.closing p:not(.eyebrow){color:#d6ead9;font-size:1.1rem;max-width:40rem;margin:0 auto 1.7rem}.closing-availability{justify-content:center;margin:0}
.site-foot{background:#02251a;color:#d0e2d4;padding:3rem 0 1.5rem}.foot-grid{display:flex;justify-content:space-between;gap:2rem}.foot-grid p{font-size:.9rem;margin:.7rem 0 0}.foot-grid nav{display:grid;grid-template-columns:repeat(2,auto);gap:.5rem 2rem;font-size:.9rem}.foot-grid nav a:hover,.foot-grid p a:hover{text-decoration:none;color:#fff}.foot-brand{color:#fff}.foot-small{font-size:.72rem;color:#92b09a;width:min(1160px,calc(100% - 3rem));margin:3rem auto 0;border-top:1px solid #ffffff1f;padding-top:1rem}
@media(max-width:800px){.head-row{min-height:76px}.head-links{gap:1rem}.head-links>a:first-child{display:none}.studio-link{padding-left:1rem}.hero-grid{grid-template-columns:1fr;gap:2rem;padding-top:130px;padding-bottom:4rem}.hero-copy{max-width:660px}.hero-visual{width:min(100%,370px);margin:auto;transform:rotate(1deg)}.intro-grid,.feature-grid,.daily-grid{grid-template-columns:1fr;gap:2.5rem}.feature-grid.reverse .feature-image{order:0}.feature-image{max-height:520px}.feature-image img{height:505px}.intro-grid p:not(.eyebrow){max-width:40rem}.daily-board{width:min(100%,600px);margin:auto}}
@media(max-width:520px){body{font-size:16px}.wrap{width:min(100% - 2rem,1160px)}.wordmark{font-size:1.5rem}.head-links>a:nth-child(2){display:none}.head-links{font-size:.76rem}.hero-grid{min-height:0;padding-top:125px}.hero h1{font-size:clamp(3.05rem,12vw,4.6rem)}.hero-visual{width:min(78%,310px)}.hero-phone img{height:540px}.hero-visual-label{right:-.5rem;bottom:-1rem}.intro{padding:4rem 0}.feature{padding:4rem 0}.feature-image{width:min(78%,300px)}.feature-image img{height:480px}.feature-copy p,.daily p{font-size:1.04rem}.daily-grid{gap:3rem}.daily-top{font-size:.54rem}.daily-score{font-size:.77rem;min-height:135px}.daily-score b{font-size:1.9rem}.foot-grid{display:block}.foot-grid nav{margin-top:2rem;grid-template-columns:1fr 1fr;gap:.8rem}.foot-grid nav a:last-child{grid-column:1/-1}.foot-small{width:calc(100% - 2rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}