*{box-sizing:border-box}
:root{--pink:#ef6fa7;--pink2:#ffb4d2;--lav:#d7b9ed;--cream:#fff8f5;--ink:#482039;--muted:#76596d;--white:#fff}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Fredoka,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 15% 20%,#ffdce9 0 3px,transparent 4px),radial-gradient(circle at 80% 35%,#dfc9f0 0 3px,transparent 4px),radial-gradient(circle at 50% 80%,#ffe7b9 0 2px,transparent 3px);background-size:110px 110px,140px 140px,90px 90px;opacity:.5}
.bg-paws{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(circle,#e98eb5 0 2px,transparent 3px);background-size:45px 45px;mask-image:linear-gradient(#000,transparent)}
.nav{position:relative;margin:18px auto 0;width:min(1150px,calc(100% - 28px));height:70px;padding:9px 16px 9px 20px;border:1px solid #f1c8d9;border-radius:999px;background:#fff9fbd9;backdrop-filter:blur(12px);display:flex;align-items:center;gap:25px;justify-content:space-between;box-shadow:0 10px 35px #67395712;z-index:20}
.brand{font:24px Pacifico,cursive;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.paw-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ffd7e7;font-size:22px}
.nav nav{display:flex;gap:28px;margin-left:auto}.nav nav a{color:#704e63;text-decoration:none;font-size:14px}.nav nav a:hover{color:var(--pink)}
.nav-heart{width:45px;height:45px;border:1px solid #f4c8db;border-radius:50%;display:grid;place-items:center;color:var(--pink);font-size:25px;text-decoration:none}
.hero{width:min(1150px,calc(100% - 28px));min-height:650px;margin:auto;padding:55px 25px 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}
.hero-copy{position:relative;z-index:3}.eyebrow{font-size:12px;font-weight:700;color:#b15b87;letter-spacing:.5px}
h1{font:clamp(65px,8vw,105px) Pacifico,cursive;line-height:1;margin:12px 0 18px;text-shadow:5px 6px 0 #ffd9e8;letter-spacing:-2px}h1 span,h2 span{color:#e66b9f}
.tagline{display:inline-block;background:#ffdce9;border-radius:999px;padding:12px 23px;font-size:21px;font-weight:600;line-height:1.25;transform:rotate(-1deg);box-shadow:0 5px 0 #f8c4d8}
.hero-copy>p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.55;margin:22px 0 7px}
.download-btn{display:inline-flex;align-items:center;gap:14px;color:#fff;background:linear-gradient(135deg,#ff94be,#eb609e);border:3px solid #fff;border-radius:999px;padding:16px 25px;text-decoration:none;font-size:18px;box-shadow:0 12px 28px #e85c9e55;transition:.28s;position:relative;overflow:hidden}.download-btn:after{content:"";position:absolute;left:-80%;top:0;width:45%;height:100%;background:#ffffff55;transform:skewX(-20deg);transition:.55s}.download-btn:hover{transform:translateY(-4px) scale(1.015);box-shadow:0 18px 35px #e85c9e66}.download-btn:hover:after{left:135%}.download-symbol{font-size:28px;line-height:0}.micro{display:block;color:#9a7189;font-size:11px;margin-top:11px}
.hero-visual{height:570px;position:relative;display:grid;place-items:center}.blob{position:absolute;width:475px;height:475px;border-radius:48% 52% 55% 45%/43% 43% 57% 57%;background:linear-gradient(145deg,#ffd9e8,#e5d1f4);box-shadow:0 25px 60px #6a345d15;animation:morph 8s ease-in-out infinite}
.phone{width:285px;height:545px;border:9px solid #fff;border-radius:42px;background:#f7a4c5;box-shadow:0 25px 55px #4d1f402b;transform:rotate(4deg);position:relative;z-index:4;animation:float 4.5s ease-in-out infinite}.notch{position:absolute;z-index:5;top:7px;left:50%;transform:translateX(-50%);width:90px;height:21px;border-radius:0 0 14px 14px;background:#2f1b2a}
.screen{height:100%;border-radius:33px;background:#fff9f8;padding:42px 15px 10px;display:flex;flex-direction:column;overflow:hidden}.app-logo{text-align:center;font:20px Pacifico,cursive}.app-logo span{color:#e76da0}.app-sub{text-align:center;color:#a6788e;font-size:7px;margin-top:2px}.search{margin-top:13px;padding:10px 11px;border-radius:13px;background:#fff;border:1px solid #f0dbe4;color:#a48897;font-size:10px}.chips{display:flex;gap:4px;overflow:hidden;margin:10px 0}.chips span{white-space:nowrap;background:#ffe2ed;padding:7px 8px;border-radius:999px;font-size:7px}.screen h4{font-size:11px;margin:3px 0 8px}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.product{padding:5px;background:#fff;border-radius:11px;box-shadow:0 5px 14px #6a385010;font-size:8px}.prod-img{height:90px;border-radius:8px;display:grid;place-items:center;font-size:31px;margin-bottom:5px}.lamp{background:#ead9cc}.organizer{background:#ded4e9}.product b,.product small,.product em{display:block}.product small{color:#987489;font-size:6px;margin-top:3px}.product em{font-style:normal;color:#e15e99;font-size:7px;margin-top:5px}.phone-nav{margin-top:auto;border-top:1px solid #f1e0e7;padding-top:8px;display:flex;justify-content:space-around;color:#d96d9f;text-align:center;font-size:15px}.phone-nav small{display:block;font-size:6px;color:#8e7180;margin-top:2px}
.cat{position:absolute;z-index:6;font-size:70px;filter:drop-shadow(0 8px 8px #55233b1c);animation:catfloat 3.6s ease-in-out infinite}.cat1{left:4px;bottom:25px;transform:rotate(-7deg)}.cat2{right:-4px;top:58px;transform:rotate(8deg);animation-delay:1s}.spark{position:absolute;z-index:3;color:#e39bc0;font-size:30px;animation:twinkle 2.6s infinite}.s1{top:10%;left:7%}.s2{top:22%;right:3%;animation-delay:.7s}.s3{top:8%;right:35%;animation-delay:1.2s}
.features{padding:70px 16px 105px;background:linear-gradient(#fffaf8,#fff 60%,#fff7fb)}.section-title{display:flex;justify-content:center;align-items:center;gap:18px;text-align:center}.section-title h2{font:clamp(34px,5vw,55px)/1.15 Pacifico,cursive;margin:0 0 42px}.section-title>span{color:#e999bc;font-size:26px;margin-top:-38px}.cards{width:min(1080px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:#fff;border:2px solid #f6dbe7;border-radius:26px;text-align:center;padding:27px 17px;box-shadow:0 13px 30px #6739570c;transition:.3s}.card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:0 20px 38px #67395718;border-color:#edb5ce}.icon{width:75px;height:75px;margin:0 auto 12px;border-radius:25px;background:#fff0f6;display:grid;place-items:center;font-size:42px}.card h3{font-size:17px;margin:5px 0 9px;line-height:1.18}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.cta{padding:95px 16px;background:#ffe9f1}.cta-card{width:min(1050px,100%);min-height:370px;margin:auto;padding:45px 65px;border-radius:38px;border:2px solid #fff;background:linear-gradient(135deg,#fffafa,#f7eaff);box-shadow:0 22px 55px #65365314;display:flex;align-items:center;gap:55px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:#ffd5e5;right:-115px;bottom:-185px}.cta-copy{position:relative;z-index:2}.cta-copy h2{font:48px/1.1 Pacifico,cursive;margin:8px 0 13px}.cta-copy>p{max-width:470px;color:var(--muted);font-size:16px;line-height:1.45}.safe{display:flex;align-items:center;gap:8px;margin-top:13px;padding:9px 14px;border:1px dashed #d6a8c1;border-radius:13px;width:max-content;color:#a06e89;font-size:10px}.safe b{color:#76506a}.phone2{width:190px;height:300px;flex:none;border:7px solid #fff;border-radius:28px;background:#f4a6c5;transform:rotate(-7deg);box-shadow:0 20px 35px #54213e22;position:relative;z-index:2}.phone2 .screen{border-radius:21px;padding:28px 10px}.mini-box{height:125px;margin-top:14px;border-radius:14px;background:#ffdce8;display:grid;place-items:center;font-size:58px}.mini-lines{height:9px;border-radius:9px;background:#efd1df;margin-top:12px}.mini-lines.short{width:65%}.big-cat{position:absolute;right:45px;bottom:18px;font-size:120px;z-index:3;animation:float 4s ease-in-out infinite}
footer{text-align:center;background:#f6ddea;padding:42px 16px 52px;color:#76586b}.footer-brand{font:30px Pacifico,cursive;color:var(--ink)}footer p{margin:7px 0 14px}footer small{font-size:10px}.top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:0;border-radius:50%;background:#ee80af;color:#fff;font-size:22px;box-shadow:0 10px 23px #d15a8d44;opacity:0;pointer-events:none;transform:translateY(10px);transition:.25s;z-index:30}.top.show{opacity:1;pointer-events:auto;transform:none}
.reveal{opacity:1;transform:none;transition:.75s ease}.reveal.visible{opacity:1;transform:none}.delay1{transition-delay:.12s}.delay2{transition-delay:.24s}.delay3{transition-delay:.36s}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes catfloat{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes morph{0%,100%{border-radius:48% 52% 55% 45%/43% 43% 57% 57%}50%{border-radius:58% 42% 45% 55%/54% 56% 44% 46%}}@keyframes twinkle{0%,100%{opacity:.45;scale:.9}50%{opacity:1;scale:1.15}}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-visual{height:500px}.cards{grid-template-columns:repeat(2,1fr)}.cta-card{padding:45px 35px;gap:30px}.big-cat{font-size:90px;right:20px}}
@media(max-width:560px){.nav{height:62px}.brand{font-size:19px}.paw-logo{width:36px;height:36px;font-size:18px}.nav-heart{width:38px;height:38px}.nav:after{content:"Baixar APK";background:#ef80af;color:#fff;padding:9px 13px;border-radius:999px;font-weight:700;font-size:11px;position:absolute;right:65px;display:block}.nav-heart{display:none}.hero{padding-left:5px;padding-right:5px}.tagline{font-size:17px}.hero-copy>p{font-size:15px}.hero-visual{height:430px}.blob{width:345px;height:345px}.phone{width:235px;height:430px;border-width:7px}.screen{border-radius:27px;padding-top:37px}.cat{font-size:52px}.cards{grid-template-columns:1fr}.section-title{gap:8px}.section-title h2{font-size:35px}.cta-card{display:block;text-align:center;padding:40px 22px}.phone2{display:none}.cta-copy h2{font-size:38px}.cta-copy .download-btn{width:100%}.safe{margin-left:auto;margin-right:auto}.big-cat{position:relative;right:auto;bottom:auto;font-size:80px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}