:root{--cream:#fbf9f5;--ink:#3d2b1f;--pink:#ff4d8d;--pink-soft:#ffd9e8;--green:#27ae60;--green-soft:#e4f5ec;--gold:#ffc93c;--sky:#13b0fa;--night:#1f1240;--muted:#8a7361;--radius:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;line-height:1.6}img{max-width:100%;display:block}.nav{z-index:10;backdrop-filter:blur(10px);background:#fbf9f5e6;border-bottom:1px solid #efe6da;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:800;text-decoration:none;display:flex}.brand-avatar{object-fit:cover;border:2px solid var(--pink);border-radius:50%;width:38px;height:38px}.btn{border-radius:999px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 6px 20px #ff4d8d59}.btn-ghost{color:var(--ink);background:0 0;border:2px solid #e3d7c9}.btn-small{background:var(--pink);color:#fff;padding:9px 20px;font-size:.9rem}.btn-large{padding:16px 36px;font-size:1.1rem}.hero{background:linear-gradient(160deg, #bee9ff 0%, #e8f7e9 55%, var(--cream) 100%);padding:72px 24px 96px;position:relative;overflow:hidden}.hero-inner{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;display:grid;position:relative}.eyebrow{color:var(--green);margin-bottom:12px;font-weight:700}.hero h1{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.1}.accent{color:var(--pink)}.lede{color:var(--muted);max-width:480px;margin-bottom:32px;font-size:1.15rem}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}.apk-note{color:var(--muted);margin-top:14px;font-size:.85rem}.hero-art{justify-content:center;display:flex;position:relative}.jenny{filter:drop-shadow(0 24px 32px #3d2b1f40);width:min(380px,90%);animation:5s ease-in-out infinite float}.hero-icon{border-radius:24px;width:96px;position:absolute;bottom:-18px;right:8%;box-shadow:0 10px 24px #3d2b1f4d}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-14px)rotate(1deg)}}.paw{opacity:.25;width:72px;position:absolute}.paw-1{top:12%;left:4%;transform:rotate(-18deg)}.paw-2{width:56px;top:60%;left:46%;transform:rotate(12deg)}.paw-3{bottom:10%;right:6%;transform:rotate(24deg)}.section{text-align:center;max-width:1100px;margin:0 auto;padding:88px 24px}.section-alt{background:var(--green-soft);max-width:none}.section-alt>*{max-width:1100px;margin-left:auto;margin-right:auto}.section h2{letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.6rem)}.section-sub{color:var(--muted);margin-bottom:48px}.rules{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.rule-card{border-radius:var(--radius);text-align:left;background:#fff;border:1px solid #f0e9df;padding:36px 28px;box-shadow:0 8px 24px #3d2b1f12}.rule-num{background:var(--pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-size:1.2rem;font-weight:800;display:flex}.rule-card h3{margin-bottom:8px;font-size:1.2rem}.rule-card p{color:var(--muted);font-size:.98rem}.features{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature{border-radius:var(--radius);background:#fff;border:1px solid #e4efe8;padding:28px}.feature-emoji{font-size:1.8rem}.feature h3{margin:12px 0 6px;font-size:1.1rem}.feature p{color:var(--muted);font-size:.95rem}.story-strip{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.story-card{border-radius:var(--radius);background:#fff;border:1px solid #f0e9df;overflow:hidden;box-shadow:0 8px 24px #3d2b1f14}.story-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.story-card figcaption{color:var(--muted);padding:18px 20px 22px;font-size:.92rem}.story-card figcaption strong{color:var(--ink)}.cta-banner{background:var(--night);color:#fff;border-radius:28px;align-items:center;gap:32px;max-width:1100px;margin:0 24px 88px;padding:48px;display:flex}@media (width>=1180px){.cta-banner{margin-left:auto;margin-right:auto}}.cta-icon{border-radius:26px;flex-shrink:0;width:110px}.cta-banner h2{margin-bottom:6px}.cta-banner p{color:#cbb9f0;margin:0}.cta-banner .btn{flex-shrink:0;margin-left:auto}.footer{border-top:1px solid #efe6da;padding:28px 24px}.footer-inner{max-width:1100px;color:var(--muted);justify-content:space-between;align-items:center;margin:0 auto;font-size:.9rem;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--pink)}.madeby{color:inherit;font-weight:700;text-decoration:none}.madeby:hover{color:var(--pink)}@media (width<=860px){.hero-inner{text-align:center;grid-template-columns:1fr}.lede{margin-left:auto;margin-right:auto}.hero-cta{justify-content:center}.hero-art{order:-1}.jenny{width:min(280px,80%)}.rules,.features,.story-strip{grid-template-columns:1fr}.cta-banner{text-align:center;flex-direction:column;padding:36px 28px}.cta-banner .btn{margin-left:0}}