:root{
  --cream:#fff7ec;
  --white:#ffffff;
  --dark:#282031;
  --text:#493e55;
  --muted:#74697f;
  --orange:#ff8a3d;
  --orange-dark:#e86725;
  --yellow:#ffd166;
  --teal:#2ec4b6;
  --brown:#78471f;
  --soft:#ffe6c8;
  --shadow:0 22px 55px rgba(75,45,17,.16);
  --radius:30px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--dark);line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.section{padding:88px 0}
.header{position:sticky;top:0;z-index:50;background:rgba(255,247,236,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(40,32,49,.08)}
.nav{height:76px;width:min(1180px,94%);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:11px;font-size:1.55rem;font-weight:900}.logo-icon{width:46px;height:46px;border-radius:17px;background:linear-gradient(135deg,var(--orange),var(--yellow));display:grid;place-items:center;box-shadow:0 12px 24px rgba(255,138,61,.28)}
.menu{display:flex;align-items:center;gap:10px;font-weight:800}.menu a{padding:10px 15px;border-radius:999px}.menu a:hover{background:var(--soft)}.menu-cta{background:var(--teal)!important;color:#fff!important;box-shadow:0 12px 24px rgba(46,196,182,.28)}.menu-btn{display:none;border:0;background:#fff;border-radius:14px;width:46px;height:42px;font-size:1.3rem;box-shadow:0 10px 24px rgba(0,0,0,.08)}
.hero{position:relative;min-height:calc(100vh - 76px);display:flex;align-items:center;padding:70px 0;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;pointer-events:none}.shape-a{right:-150px;top:-160px;width:55vw;height:55vw;background:radial-gradient(circle,var(--yellow),transparent 68%);opacity:.55}.shape-b{left:-150px;bottom:-180px;width:390px;height:390px;background:radial-gradient(circle,var(--teal),transparent 68%);opacity:.22}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.tag{display:inline-flex;align-items:center;gap:8px;background:rgba(255,138,61,.14);color:var(--orange-dark);padding:8px 14px;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:16px}.tag:before{content:'🐾'}.tag.dark{background:rgba(46,196,182,.14);color:#138b80}
h1,h2,h3{line-height:1.05}h1{font-size:clamp(4rem,9vw,8.4rem);letter-spacing:-.07em;margin-bottom:10px;background:linear-gradient(135deg,var(--dark),var(--orange-dark));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(2.1rem,4vw,3.8rem);letter-spacing:-.04em;margin-bottom:18px}h3{font-size:1.35rem;margin-bottom:10px}.subtitle{font-size:clamp(1.25rem,2vw,1.7rem);color:var(--muted);font-weight:800;max-width:620px;margin-bottom:30px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:900;transition:.25s ease;border:2px solid transparent}.btn:hover{transform:translateY(-3px)}.primary{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:white;box-shadow:0 16px 32px rgba(232,103,37,.28)}.secondary{background:white;border-color:rgba(40,32,49,.08);box-shadow:0 12px 30px rgba(40,32,49,.08)}.white{background:white;color:var(--orange-dark);box-shadow:0 14px 30px rgba(0,0,0,.14)}.number-card{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.82);padding:12px 16px;border-radius:18px;box-shadow:0 12px 30px rgba(40,32,49,.08);font-size:1.05rem}.hero-visual{position:relative;min-height:530px;background:linear-gradient(160deg,#fff,#fff0da);border:1px solid rgba(40,32,49,.08);border-radius:40px;box-shadow:var(--shadow);overflow:hidden}.sun{position:absolute;right:45px;top:40px;width:90px;height:90px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 18px rgba(255,209,102,.22)}.card{position:absolute;background:white;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 15px 35px rgba(40,32,49,.13);animation:float 4s ease-in-out infinite}.card-one{left:50px;top:75px}.card-two{right:55px;top:170px;animation-delay:.6s}.card-three{left:180px;bottom:55px;animation-delay:1.1s}.dog-house{position:absolute;left:70px;bottom:120px;width:240px}.roof{height:118px;background:linear-gradient(135deg,var(--orange),var(--orange-dark));clip-path:polygon(50% 0,100% 100%,0 100%)}.house{width:200px;height:135px;background:#f8bf73;margin:-8px auto 0;border-radius:22px;border:8px solid #f7d09f;position:relative}.door{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);width:70px;height:92px;background:var(--brown);border-radius:50px 50px 0 0}.dog{position:absolute;right:82px;bottom:110px;width:190px;height:170px}.body{position:absolute;bottom:25px;right:18px;width:135px;height:86px;background:white;border-radius:65px 55px 40px 60px;box-shadow:inset -18px -12px 0 #f1d2ab}.head{position:absolute;left:0;top:12px;width:85px;height:82px;background:white;border-radius:45%;box-shadow:inset -13px -10px 0 #f1d2ab;z-index:2}.ear{position:absolute;left:52px;top:2px;width:38px;height:62px;background:var(--brown);border-radius:80% 30% 80% 40%;z-index:3;transform:rotate(-18deg)}.eye{position:absolute;left:28px;top:29px;width:10px;height:10px;background:var(--dark);border-radius:50%}.nose{position:absolute;left:10px;top:47px;width:11px;height:8px;background:var(--dark);border-radius:50%}.tail{position:absolute;right:0;bottom:86px;width:58px;height:23px;border-radius:20px;background:white;transform:rotate(-38deg);transform-origin:left center}.leg{position:absolute;bottom:0;width:22px;height:48px;background:white;border-radius:12px}.l1{left:76px}.l2{right:48px}.ground{position:absolute;left:55px;right:55px;bottom:72px;height:16px;border-radius:999px;background:rgba(120,71,31,.12)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.welcome{padding:62px 0}.welcome-box{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;background:white;border-radius:var(--radius);padding:38px;box-shadow:0 18px 48px rgba(40,32,49,.08);border:1px solid rgba(40,32,49,.07)}.welcome-box p:last-child{font-size:1.16rem;color:var(--muted);font-weight:700}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.section-title>p:last-child{color:var(--muted);font-weight:700;font-size:1.1rem}.products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product{background:white;padding:28px 22px;border-radius:26px;box-shadow:0 14px 36px rgba(40,32,49,.08);border:1px solid rgba(40,32,49,.07);position:relative;overflow:hidden;transition:.25s}.product:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--orange),var(--yellow),var(--teal))}.product:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.icon{width:72px;height:72px;border-radius:23px;background:var(--cream);display:grid;place-items:center;font-size:2rem;margin-bottom:18px}.product p{color:var(--muted);font-weight:700}.highlight{background:linear-gradient(135deg,#fff,#fff1dc)}.highlight-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.highlight-grid p{color:var(--muted);font-size:1.14rem;font-weight:700;margin-bottom:20px}.circle-wrap{position:relative;min-height:350px}.circle{position:absolute;border-radius:50%}.one{width:250px;height:250px;background:var(--yellow);left:50px;top:20px}.two{width:210px;height:210px;background:var(--teal);right:45px;bottom:10px;opacity:.65}.paw-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);width:250px;height:235px;background:white;border-radius:36px;box-shadow:var(--shadow);display:grid;place-items:center;text-align:center;font-size:1.8rem}.paw-card span{display:block;font-size:5rem}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{background:white;border:1px solid rgba(40,32,49,.08);padding:10px 15px;border-radius:999px;font-weight:900;box-shadow:0 10px 22px rgba(40,32,49,.06)}.cta-box{background:linear-gradient(135deg,var(--orange),var(--orange-dark));color:white;border-radius:32px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 24px 54px rgba(232,103,37,.28)}.cta-box h2{margin-bottom:8px}.cta-box p{font-weight:800}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:24px}.contact-card{background:white;border-radius:32px;padding:38px;box-shadow:0 16px 42px rgba(40,32,49,.08);border:1px solid rgba(40,32,49,.07)}.contact-card p{color:var(--muted);font-weight:700}.phone{display:block;font-size:clamp(2rem,4vw,3.35rem);font-weight:900;color:var(--orange-dark);letter-spacing:-.03em;margin-top:6px}.list-card ul{list-style:none;display:grid;gap:13px;margin-top:18px}.list-card li{background:var(--cream);border-radius:18px;padding:14px 16px;font-weight:900}.list-card li:before{content:'✓';color:var(--teal);margin-right:10px}.floating{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:white;font-size:1.65rem;box-shadow:0 16px 34px rgba(46,196,182,.42)}.footer{background:var(--dark);color:white;padding:26px 0}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer span{opacity:.82}.footer a{color:var(--yellow);font-weight:900}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.hero-grid,.welcome-box,.highlight-grid,.contact-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.menu{position:fixed;top:84px;left:3%;right:3%;display:none;flex-direction:column;background:white;border-radius:24px;padding:16px;box-shadow:var(--shadow);border:1px solid rgba(40,32,49,.08)}.menu.active{display:flex}.menu a{text-align:center;width:100%}.menu-btn{display:block}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.section{padding:64px 0}.hero{padding:48px 0;min-height:auto}.hero-grid{gap:34px}h1{font-size:4.2rem}.products-grid{grid-template-columns:1fr}.hero-visual{min-height:430px;border-radius:28px}.dog-house{left:22px;transform:scale(.82);transform-origin:left bottom}.dog{right:24px;transform:scale(.82);transform-origin:right bottom}.card-one{left:18px;top:65px}.card-two{right:18px;top:150px}.card-three{left:115px}.welcome-box,.contact-card,.cta-box{padding:28px}.footer-content{flex-direction:column;text-align:center}.floating{right:16px;bottom:16px;width:56px;height:56px}.circle-wrap{min-height:310px}}