*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Nunito,Segoe UI,sans-serif}h1,h2,.kicker,.download-cta{font-family:"Baloo 2",Nunito,sans-serif}:root{--sky-top: #79cfff;--sky-bottom: #b5e9ff;--sun: #ffd93c;--grass-1: #93db72;--grass-2: #5ec46e;--grass-3: #3fa35d;--pink: #ff8fb1;--pink-deep: #ef5f89;--text: #18404e;--card: #ffffffd9;--line: #b9e7a2}.site-shell{min-height:100vh;position:relative;overflow:clip;padding:2.5rem 1.2rem 1rem;color:var(--text)}.version-badge{background:#ffffffde;border:2px solid #d8f0ff;border-radius:999px;padding:.25rem .7rem;font-size:.9rem;font-weight:800;color:#0d4f65;margin-left:auto;align-self:flex-start;white-space:nowrap}.section-pop{max-width:1100px;margin:0 auto 1.2rem;position:relative;z-index:3;animation:pop-in .5s ease-out both}.sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--sky-top),var(--sky-bottom));z-index:0}.sun{position:absolute;top:1.4rem;right:4%;width:86px;height:86px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 10px #ffe46f66;z-index:1}.hill{position:absolute;left:-5%;right:-5%;border-radius:50% 50% 0 0;z-index:1}.hill-one{height:46vh;bottom:-8vh;background:linear-gradient(130deg,var(--grass-2),var(--grass-1))}.hill-two{height:38vh;bottom:-12vh;background:linear-gradient(120deg,#5cbe65,var(--grass-3));transform:translate(16%)}.hero{background:var(--card);border:4px solid #e9f6ff;border-radius:28px;box-shadow:0 18px 45px #2a6d8522;padding:2rem}.hero-top{display:flex;align-items:center;gap:1.1rem}.hero-headline{min-width:0}.brand-logo{width:clamp(120px,18vw,180px);height:auto;display:block;border-radius:16px;box-shadow:0 12px 30px #256e8829;flex-shrink:0}.kicker{display:inline-block;padding:.3rem .8rem;background:#fff3b5;border-radius:999px;font-weight:700;margin:0 0 .9rem}h1{margin:0;font-size:clamp(2rem,5vw,3.35rem);line-height:1.04;color:#0d4f65}.lead{margin-top:1rem;max-width:64ch;font-size:1.06rem}.trust-badges{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.trust-badge{display:inline-block;padding:.34rem .65rem;border-radius:999px;background:#f7fdff;border:2px solid #d8f0ff;font-size:.82rem;font-weight:700;color:#0d4f65}.download-cta{display:inline-block;margin-top:1rem;background:linear-gradient(180deg,#ff7cab,#ef5f89);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(1.05rem,2.4vw,1.4rem);padding:.95rem 1.4rem;border-radius:16px;border:3px solid #d94a76;box-shadow:0 12px 20px #9f2d4e3d}.download-cta:hover{transform:translateY(-1px) scale(1.01)}.download-cta.is-disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.download-cta.is-disabled:hover{transform:none}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.feature-card{background:var(--card);border:3px solid #d8f0ff;border-radius:20px;padding:1rem;animation:card-rise .5s ease both}.feature-card h2{margin:0 0 .5rem;font-size:1.2rem;color:#0d4f65}.feature-card p{margin:0}.screenshots,.footer{background:#ffffffd6;border:3px solid #d8f0ff;border-radius:20px;padding:1rem 1.1rem}.shot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.75rem}.shot-grid.single{grid-template-columns:1fr}.shot-grid.themes{grid-template-columns:repeat(3,minmax(0,1fr))}.shot-slot{border:3px dashed #8fcaf0;border-radius:14px;min-height:180px;display:grid;place-items:center;font-weight:700;color:#356d85;background:#f2fbff;overflow:hidden}.image-slot{border-style:solid;padding:0;background:#fff}.shot-image{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}.single-shot{min-height:360px}.theme-shot{min-height:0;display:block;border:none;box-shadow:none;padding:0;background:transparent;overflow:hidden}.theme-shot .shot-image{min-height:0;aspect-ratio:16 / 10;object-fit:cover;border-radius:12px}.shot-caption{padding:.45rem .6rem;font-size:.88rem;font-weight:800;text-align:center;background:#f6fcff;border-top:1px solid #d8f0ff}.footer{text-align:center;margin-bottom:0}@media(max-width:900px){.feature-grid,.shot-grid,.shot-grid.themes{grid-template-columns:1fr}.hero{padding:1.2rem}.hero-top{flex-direction:column;align-items:flex-start}.version-badge{font-size:.82rem;margin-left:0;align-self:flex-start}.single-shot{min-height:0;aspect-ratio:16 / 10}.shot-image{object-fit:contain;background:#fff}}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
