:root{--blush:#ffd9e2;--pink:#ff9fb6;--deep-pink:#e56b8c;--mint:#cdeeda;--cream:#fff9f2;--cocoa:#6b4632;--sky:#d8ecff}
  *{margin:0;padding:0;box-sizing:border-box}
  body{background:var(--cream);color:var(--cocoa);font-family:'Nunito',sans-serif;line-height:1.65;overflow-x:hidden}
  header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw}
  .logo{font-family:'Baloo 2';font-weight:800;font-size:1.8rem;color:var(--deep-pink)}
  .logo span{color:#5aa469}
  nav a{color:var(--cocoa);text-decoration:none;font-weight:700;margin-left:26px;font-size:.95rem}
  nav a:hover{color:var(--deep-pink)}
  .orderbtn{background:var(--deep-pink);color:#fff!important;padding:10px 20px;border-radius:99px}
  .hero{text-align:center;padding:40px 5vw 0;position:relative}
  .hero .pill{display:inline-block;background:var(--mint);color:#2f6b45;font-weight:700;font-size:.85rem;padding:7px 18px;border-radius:99px;transform:rotate(-2deg)}
  .hero h1{font-family:'Baloo 2';font-weight:800;font-size:4.4rem;line-height:1.02;color:var(--cocoa);margin:22px 0 6px}
  .hero h1 .p{color:var(--deep-pink)}
  .hero h1 .m{color:#5aa469}
  .hero p{max-width:540px;margin:16px auto 0;font-size:1.12rem}
  .hero .cta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .hero .cta a{font-family:'Baloo 2';font-weight:700;text-decoration:none;padding:14px 30px;border-radius:99px;font-size:1.05rem}
  .cta .a{background:var(--deep-pink);color:#fff;box-shadow:0 6px 0 #c24f70}
  .cta .b{background:#fff;color:var(--deep-pink);border:3px solid var(--blush)}
  .scallop{height:36px;margin-top:56px;background:radial-gradient(circle at 18px -6px,transparent 20px,var(--blush) 21px);background-size:36px 36px}
  .treats{background:var(--blush);padding:70px 5vw 90px}
  .treats h2{font-family:'Baloo 2';font-weight:800;font-size:2.5rem;text-align:center}
  .treats .sub{text-align:center;font-weight:600;margin:6px 0 44px}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}
  .card{background:#fff;border-radius:26px;padding:30px;text-align:center;box-shadow:0 10px 24px rgba(229,107,140,.15)}
  .card:nth-child(2){transform:rotate(1.4deg)}
  .card:nth-child(5){transform:rotate(-1.4deg)}
  .card .face{font-size:3rem;width:88px;height:88px;line-height:88px;margin:0 auto 16px;border-radius:50%}
  .f1{background:var(--blush)}.f2{background:var(--mint)}.f3{background:var(--sky)}.f4{background:#ffefc4}.f5{background:#ecd9ff}.f6{background:#ffe3c9}
  .card h3{font-family:'Baloo 2';font-weight:700;font-size:1.35rem}
  .card p{font-size:.95rem;margin-top:6px}
  .card .price{display:inline-block;margin-top:14px;background:var(--cream);border:2px dashed var(--pink);border-radius:99px;padding:4px 16px;font-weight:800;color:var(--deep-pink)}
  .story{padding:80px 5vw;text-align:center;max-width:780px;margin:0 auto}
  .story h2{font-family:'Baloo 2';font-weight:800;font-size:2.3rem;margin-bottom:16px}
  .story h2 span{color:var(--deep-pink)}
  .story p{font-size:1.08rem;margin-top:12px}
  .visit{background:var(--mint);padding:70px 5vw;position:relative}
  .visit::before{content:"";position:absolute;top:0;left:0;right:0;height:36px;background:radial-gradient(circle at 18px -6px,transparent 20px,var(--mint) 21px);background-size:36px 36px;transform:translateY(-35px)}
  .visit .in{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}
  .visit h4{font-family:'Baloo 2';font-weight:700;font-size:1.2rem;margin-bottom:8px}
  footer{text-align:center;padding:28px 5vw;font-weight:700;font-size:.9rem}
  footer .heart{color:var(--deep-pink)}
  @media(max-width:820px){.grid,.visit .in{grid-template-columns:1fr}.hero h1{font-size:2.7rem}nav{display:none}}