:root{--or:#EE5A24;--ye:#F5A22D;--bl:#1E73B8;--sky:#4BA3D9;--nv:#1F2A5C;--rd:#8B2A1C;--bg:#F1F8FE;--tx:#38405F;--mu:#6B7594;--r:26px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--tx);background:#fff;line-height:1.7;overflow-x:hidden}
h1,h2,h3{font-family:'Fredoka','Trebuchet MS',sans-serif;color:var(--nv);line-height:1.1;font-weight:600}
h1{font-size:clamp(2.8rem,6.5vw,5rem)}
h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.7rem}
h3{font-size:1.4rem;margin-bottom:.3rem}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.wrap{width:min(1160px,92%);margin:auto}
section{padding:5.5rem 0}
.alt{background:var(--bg)}
.lead{color:var(--mu);max-width:560px;margin-bottom:2.5rem;font-size:1.05rem}
.i{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;border-radius:99px;font-weight:700;border:0;cursor:pointer;font:700 1rem 'Plus Jakarta Sans',sans-serif;transition:.25s}
.b1{background:linear-gradient(90deg,var(--or),var(--ye));color:#fff;box-shadow:0 10px 24px rgba(238,90,36,.32)}
.b1:hover{transform:translateY(-3px) rotate(-1deg)}
.b2{background:#fff;color:var(--bl);box-shadow:0 6px 18px rgba(30,115,184,.18)}.b2:hover{background:var(--bl);color:#fff}
header{position:sticky;top:0;z-index:50;padding:.7rem 0}
.nav{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-radius:99px;padding:.4rem .8rem .4rem 1.2rem;box-shadow:0 8px 30px rgba(31,42,92,.12)}
.nav>a img{height:52px;width:auto}
.nav ul{display:flex;gap:.3rem;list-style:none;align-items:center}
.nav li a{display:flex;align-items:center;gap:.45rem;font-weight:700;font-size:.95rem;padding:.6rem 1.1rem;border-radius:99px;transition:.2s}
.nav li a:hover{background:var(--bg);color:var(--bl)}
.nav li a.on{background:var(--nv);color:#fff}
.nav li a.btn{background:linear-gradient(90deg,var(--or),var(--ye));color:#fff;margin-left:.4rem}
.burger{display:none;background:var(--bg);border:0;border-radius:50%;width:44px;height:44px;color:var(--nv);cursor:pointer;font-size:1.4rem}
.hero{position:relative;background:var(--bg);padding:3.5rem 0 6rem;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero h1 span{background:linear-gradient(90deg,var(--or),var(--ye));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.15rem;color:var(--mu);margin:1.2rem 0 2rem;max-width:480px}
.hero .btn+.btn{margin-left:.7rem}
.stage{position:relative;aspect-ratio:1;max-width:520px;margin:auto;width:100%}
.blob{position:absolute;inset:6%;border-radius:58% 42% 55% 45%/48% 55% 45% 52%;background:linear-gradient(140deg,var(--ye),var(--or) 45%,var(--bl));animation:morph 9s ease-in-out infinite}
@keyframes morph{50%{border-radius:42% 58% 45% 55%/56% 44% 56% 44%;transform:rotate(8deg)}}
.stage .dog{position:absolute;left:0;bottom:2%;width:62%;animation:fl 5s ease-in-out infinite;filter:drop-shadow(0 18px 20px rgba(31,42,92,.25))}
.stage .cat{position:absolute;right:0;bottom:8%;width:50%;animation:fl 6s ease-in-out infinite reverse;filter:drop-shadow(0 18px 20px rgba(31,42,92,.25))}
@keyframes fl{50%{transform:translateY(-14px)}}
.chip{position:absolute;background:#fff;border-radius:99px;padding:.5rem 1rem;font-weight:700;font-size:.85rem;display:flex;gap:.4rem;align-items:center;box-shadow:0 10px 24px rgba(31,42,92,.15);color:var(--nv)}
.chip .i{color:var(--or)}
.c1{top:6%;right:2%}.c2{top:40%;left:-4%}.c2 .i{color:var(--bl)}
.page-hero{padding:3rem 0 4.5rem}
.page-hero .wrap{display:block}
.page-hero h1{font-size:clamp(2.4rem,5vw,3.8rem)}
.page-hero p{margin-bottom:0}
.grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:#fff;border-radius:var(--r);padding:2rem;box-shadow:0 10px 34px rgba(31,42,92,.08);transition:.3s;position:relative}
.card:hover{transform:translateY(-8px) rotate(-.6deg)}
.ico{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:1.9rem;margin-bottom:1rem;background:#FDECE4}
.card:nth-child(4n+2) .ico{background:#E4F0FA}.card:nth-child(4n+3) .ico{background:#FFF1D6}.card:nth-child(4n+4) .ico{background:#DDEFFA}
.card p{color:var(--mu)}
.tag{display:inline-block;margin-top:1rem;font-weight:800;font-size:.9rem;padding:.25rem .9rem;border-radius:99px;background:var(--nv);color:#fff}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}
.stats{padding:0;margin-top:-3rem;position:relative;z-index:2}
.stats .wrap>div{background:#fff;border-radius:var(--r);padding:1.5rem 1rem;box-shadow:0 12px 34px rgba(31,42,92,.12)}
.stats b{display:block;font:600 2.6rem 'Fredoka',sans-serif;color:var(--or)}
.stats div:nth-child(even) b{color:var(--bl)}
.stats span{color:var(--mu);font-size:.9rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}
.duo{background:var(--bg);border-radius:var(--r);padding:2rem 1rem 0;display:flex;justify-content:center;align-items:flex-end;gap:0;overflow:hidden}
.duo img{width:48%}
.list{list-style:none;margin-top:1rem}
.list li{padding:.4rem 0 .4rem 2.2rem;position:relative}
.list li:before{content:"🐾";position:absolute;left:0}
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}
.filters button{padding:.55rem 1.3rem;border-radius:99px;border:2px solid var(--bl);background:#fff;color:var(--bl);font:700 .95rem 'Plus Jakarta Sans',sans-serif;cursor:pointer}
.filters button.on,.filters button:hover{background:var(--bl);color:#fff}
.hide{display:none!important}
.prod{text-align:center;padding:1.6rem}
.prod .ico{width:100%;height:130px;font-size:3.6rem;border-radius:20px}
.price{font:600 1.6rem 'Fredoka',sans-serif;color:var(--or);margin:.4rem 0 .8rem}
.team{text-align:center}
.av{width:104px;height:104px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;font:600 2rem 'Fredoka',sans-serif;color:#fff;background:linear-gradient(135deg,var(--or),var(--ye))}
.team:nth-child(even) .av{background:linear-gradient(135deg,var(--bl),var(--sky))}
details{background:#fff;border-radius:18px;padding:1.1rem 1.4rem;margin-bottom:.9rem;box-shadow:0 6px 20px rgba(31,42,92,.07)}
summary{cursor:pointer;font-weight:700;color:var(--nv)}
details p{color:var(--mu);margin-top:.6rem}
form{display:grid;gap:1rem;background:#fff;padding:2rem;border-radius:var(--r);box-shadow:0 14px 40px rgba(31,42,92,.12)}
label{font-weight:700;font-size:.9rem}
input,select,textarea{width:100%;padding:.85rem 1.1rem;border:2px solid #E2E8F4;border-radius:16px;font:inherit;margin-top:.3rem;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--bl);outline:0}
.err{color:var(--rd);font-size:.85rem;min-height:1.1em}
.ok{background:#E6F6EC;color:#1B6B3A;padding:1.2rem;border-radius:16px;font-weight:700}
.info p{margin-bottom:1.3rem;display:flex;gap:.9rem;align-items:flex-start}
.info .i{width:44px;height:44px;padding:11px;border-radius:14px;background:var(--bg);color:var(--bl)}
.info b{color:var(--nv);display:block}
.cta{background:linear-gradient(100deg,var(--or),var(--ye));border-radius:40px;color:#fff;padding:3.5rem 2rem;text-align:center;width:min(1160px,92%);margin:0 auto 5rem}
.cta h2{color:#fff}.cta p{max-width:520px;margin:0 auto}
.cta .btn{background:#fff;color:var(--or);margin-top:1.4rem}
footer{background:var(--nv);color:#C9D0EA;padding:3.5rem 0 1.5rem}
.fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
footer h3{color:#fff;font-size:1.25rem;margin-bottom:.6rem}
footer li{list-style:none;margin:.35rem 0}footer a:hover{color:var(--ye)}
.logo-f{background:#fff;border-radius:16px;padding:.4rem .6rem;height:70px;margin-bottom:.8rem}
.copy{border-top:1px solid rgba(255,255,255,.15);padding-top:1.2rem;text-align:center;font-size:.9rem}
.rv{opacity:0;transform:translateY(26px);transition:.8s}.rv.in{opacity:1;transform:none}
@media(max-width:860px){
.burger{display:block}
.nav ul{position:absolute;top:82px;left:4%;right:4%;background:#fff;border-radius:26px;flex-direction:column;align-items:stretch;padding:1rem;display:none;box-shadow:0 14px 34px rgba(0,0,0,.15)}
.nav ul.open{display:flex}
.hero .wrap,.split,.fg{grid-template-columns:1fr}
.stage{max-width:400px}
.stats .wrap{grid-template-columns:1fr 1fr}
.hero .btn+.btn{margin:.7rem 0 0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}