/* Paw Play: a sunny living room floor. Warm paper, apricot, soft round shapes and paw prints. */
.app-pawplay {
  --bg: #F6F0E7; --bg2: #EDE4D6; --surface: #FFFCF7; --line: #E2D7C6;
  --text: #2E2823; --muted: #7D7268; --accent: #D06A2E; --accent-ink: #FFFFFF; --accent2: #6F9F7C;
  --font-head: "Fredoka", system-ui, sans-serif; --font-body: "Fredoka", system-ui, sans-serif;
  --radius: 28px; --shadow: 0 18px 40px rgba(110, 70, 30, .16);
}
.app-pawplay .hero { background: radial-gradient(120% 90% at 85% 10%, #FBD9BF 0, transparent 55%), radial-gradient(80% 70% at 0% 100%, #DCEADF 0, transparent 60%); }
.app-pawplay .hero h1 { font-weight: 700; }
.app-pawplay .store-btn, .app-pawplay .home-pill { background: #EF8A4C; border-radius: 999px; }
.app-pawplay .store-btn.soon { background: transparent; }
.app-pawplay .feature { border-radius: 30px 18px 34px 22px; border-width: 2px; transition: transform .25s ease; }
.app-pawplay .feature:hover { transform: rotate(-1deg) translateY(-3px); }
.app-pawplay .feature:nth-child(even) { border-radius: 20px 34px 22px 30px; }
.app-pawplay .feature:nth-child(3n+2) .feature-icon { background: #E3EFE6; color: #4D7F5B; }
.app-pawplay .feature-icon { border-radius: 50%; }
.app-pawplay .hero-phone { transform: rotate(4deg); }
.app-pawplay .shots .phone:nth-child(odd) { transform: rotate(-2deg); }
.app-pawplay .shots .phone:nth-child(even) { transform: rotate(2deg) translateY(14px); }
.app-pawplay .phone { background: #2E2823; }
.app-pawplay .print { position: absolute; color: rgba(208, 106, 46, .14); }
.app-pawplay .print svg { width: 100%; height: 100%; fill: currentColor; stroke: none; }
.app-pawplay .p1 { width: 46px; left: 6%; top: 18%; transform: rotate(-20deg); }
.app-pawplay .p2 { width: 40px; left: 11%; top: 32%; transform: rotate(-10deg); }
.app-pawplay .p3 { width: 46px; left: 7%; top: 47%; transform: rotate(-25deg); }
.app-pawplay .p4 { width: 40px; left: 13%; top: 62%; transform: rotate(-12deg); }
.app-pawplay .p5 { width: 60px; right: 4%; top: 70%; transform: rotate(30deg); color: rgba(111,159,124,.18); }
.app-pawplay .p6 { width: 50px; right: 12%; top: 84%; transform: rotate(18deg); color: rgba(111,159,124,.18); }
.app-pawplay .p7 { width: 34px; left: 48%; top: 8%; transform: rotate(8deg); }