:root{--cream:#FFF6E9;--paper:#fff;--ink:#2B1B3D;--muted:#5B4B6E;--line:#E7D9C4;--pink:#FF3E8A;--pink-deep:#B4124F;--orange:#FF8A00;--yellow:#FFD23F;--grape:#7B3FE4;--grape-deep:#6A2FD3;--mint:#22C55E;--turquoise:#00C2C7;--sky:#38BDF8;--radius:20px;--shadow:0 10px 0 rgba(43,27,61,.12);--font-head:"Fredoka","Baloo 2","Trebuchet MS",system-ui,sans-serif;--font-body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--cream)}
h1,h2,h3{font-family:var(--font-head);font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,7vw,3.6rem)}h2{font-size:clamp(1.55rem,4.5vw,2.3rem)}h3{font-size:1.2rem}
p{margin:0 0 1em}a{color:var(--grape-deep);text-underline-offset:3px}a:hover{color:var(--pink-deep)}
img{max-width:100%;height:auto}
.wrap{width:min(1080px,100%);margin:0 auto;padding:0 1.25rem}
header.top{background:var(--paper);border-bottom:3px solid var(--ink)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.8rem;padding-bottom:.8rem}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;font-family:var(--font-head);font-weight:700;font-size:1.6rem}
.brand img{width:2.6rem;height:2.6rem}
.brand span b{color:var(--pink)}
nav.top a{color:var(--ink);text-decoration:none;font-weight:800;font-size:.95rem;margin-left:1rem}nav.top a:hover{color:var(--pink-deep)}
.lang{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:.2rem .75rem}
.hero{background:radial-gradient(circle at 12% 20%,#ffd9e8 0 18%,transparent 19%),radial-gradient(circle at 88% 30%,#e6dbff 0 14%,transparent 15%),radial-gradient(circle at 70% 90%,#d6fbfb 0 16%,transparent 17%),var(--cream);padding:3.5rem 0 3rem;text-align:center}
.hero .lead{font-size:1.25rem;max-width:42rem;margin:0 auto 1.2rem}
.badge{display:inline-block;background:var(--pink);color:#fff;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;border-radius:999px;padding:.4rem .9rem;margin-bottom:1rem;box-shadow:0 4px 0 var(--pink-deep)}
.paws{font-size:2.4rem;letter-spacing:.4rem;margin-bottom:.4rem}
.notice{display:inline-block;background:var(--paper);border:3px dashed var(--grape);border-radius:var(--radius);padding:1rem 1.3rem;max-width:44rem}
section{padding:2.8rem 0}
section.alt{background:var(--paper);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.grid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);padding:1.3rem;box-shadow:var(--shadow)}
.alt .card{background:var(--cream)}
.card.pink{border-color:var(--pink)}.card.grape{border-color:var(--grape)}.card.orange{border-color:var(--orange)}.card.mint{border-color:var(--mint)}.card.turq{border-color:var(--turquoise)}.card.sky{border-color:var(--sky)}.card.yellow{border-color:#e0b000}
.step-n{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--yellow);border:3px solid var(--ink);font-family:var(--font-head);font-weight:700;margin-bottom:.6rem}
.price-box{background:var(--grape);color:#fff;border:3px solid var(--ink);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);text-align:center}
.price-box .price{font-family:var(--font-head);font-size:3.2rem;font-weight:700;line-height:1;margin:.3rem 0}
.samples{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}
.samples img{border:3px solid var(--ink);border-radius:12px;box-shadow:var(--shadow);background:#fff}
.btn{display:inline-block;background:var(--pink);color:#fff;font-weight:900;text-decoration:none;border:3px solid var(--ink);border-radius:999px;padding:.6rem 1.2rem;box-shadow:0 5px 0 var(--ink)}
.btn:hover{color:#fff;background:var(--pink-deep)}
.legal h3{margin-top:1.3rem}.legal p{max-width:52rem}
.fun{background:var(--yellow);border:3px solid var(--ink);border-radius:var(--radius);padding:1rem 1.2rem;font-weight:700;max-width:52rem}
.muted{color:var(--muted)}
footer{background:var(--ink);color:#f3eafc;padding:2.2rem 0;font-size:.95rem}footer a{color:var(--yellow)}
@media (max-width:680px){nav.top a:not(.lang){display:none}}
.sample-cta{margin-top:1.2rem}
.fun{margin-top:1.4rem}