:root{--s-bg:#fff6e9;--s-fg:#2b1a10;--s-accent:#ff8a3d;--s-display:"Fredoka", sans-serif;--s-body:"Nunito", sans-serif;--orange:#ff8a3d;--mint:#7fdcc0;--pink:#ffb3c7;--ink:#2b1a10;--muted:#2b1a10a6;--g:clamp(16px, 4vw, 48px)}.p-kicker{font:800 13px var(--s-body);letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.p-hl{color:var(--orange);display:inline-block;position:relative}.p-h2{font:700 clamp(44px, 6.4vw, 110px)/.95 var(--s-display);letter-spacing:-.03em;margin-top:14px}.paw{z-index:45;pointer-events:none;color:#2b1a1038;width:26px;height:26px;position:fixed}.p-hero{min-height:100svh;padding:120px var(--g) 60px;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;display:grid;overflow:hidden}.p-title{font:700 clamp(56px, 8.2vw, 150px)/.92 var(--s-display);letter-spacing:-.035em;margin:18px 0 26px}.p-lead{font:600 19px/1.6 var(--s-body);color:var(--muted);max-width:44ch}.p-dog{all:unset;aspect-ratio:1;cursor:pointer;justify-self:center;width:min(40vw,520px);position:relative}.p-head{background:var(--orange);border-radius:48% 48% 44% 44%;position:absolute;inset:14% 10% 6%;box-shadow:inset -18px -24px #00000014}.p-ear{transform-origin:50% 10%;background:#c9601f;border-radius:50% 50% 60% 60%/30% 30% 70% 70%;width:30%;height:50%;position:absolute;top:10%}.p-ear--l{left:2%;transform:rotate(18deg)}.p-ear--r{right:2%;transform:rotate(-18deg)}.p-eye{aspect-ratio:1;background:#fff;border-radius:50%;width:24%;position:absolute;top:26%;overflow:hidden;box-shadow:inset 0 -6px #0000000f}.p-eye:first-child{left:18%}.p-eye:nth-child(2){right:18%}.p-eye i{background:var(--ink);border-radius:50%;width:48%;height:48%;margin:-24% 0 0 -24%;position:absolute;top:50%;left:50%}.p-eye i:after{content:"";background:#fff;border-radius:50%;width:28%;height:28%;position:absolute;top:18%;left:22%}.p-snout{background:#ffe2c6;border-radius:50%;height:30%;position:absolute;top:54%;left:30%;right:30%}.p-nose{background:var(--ink);border-radius:50% 50% 45% 45%;height:30%;position:absolute;top:12%;left:34%;right:34%}.p-tongue{transform-origin:top;background:#ff6b8a;border-radius:0 0 50% 50%;height:46%;position:absolute;top:62%;left:40%;right:40%}.p-bubble{font:700 30px var(--s-display);color:var(--ink);opacity:0;background:#fff;border-radius:24px 24px 24px 4px;padding:14px 22px;position:absolute;top:-2%;right:-4%;transform:scale(0);box-shadow:0 10px 30px -10px #2b1a104d}.p-tags{padding:clamp(100px, 14vw, 160px) var(--g);background:var(--ink);color:#fff6e9;position:relative;overflow:hidden}.p-collar{left:calc(-1 * var(--g) - 20px);right:calc(-1 * var(--g) - 20px);background:repeating-linear-gradient(90deg,#ff8a3d 0 40px,#e2702a 40px 44px);border-radius:15px;height:30px;position:absolute;top:0;box-shadow:inset 0 -5px #0000001f,0 10px 20px -10px #000}.p-tags__row{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px;display:grid;position:relative}.tag{transform-origin:50% 24px;flex-direction:column;align-items:center;padding-top:6px;display:flex}.tag__ring{z-index:1;border:6px solid #d9d4cc;border-radius:50%;width:36px;height:36px;margin-bottom:-10px;position:relative;box-shadow:0 2px #00000040}.tag__body{background:var(--c);width:100%;color:var(--ink);text-align:center;border-radius:46% 46% 40% 40%/30% 30% 50% 50%;padding:34px 22px 30px;box-shadow:inset 0 -8px #0000001a,0 20px 30px -16px #000}.tag h3{font:700 26px var(--s-display)}.tag p{font:600 15px/1.45 var(--s-body);margin-top:8px}.p-book{padding:clamp(100px, 14vw, 180px) var(--g);grid-template-columns:1fr 1fr;align-items:center;gap:clamp(30px,6vw,90px);display:grid}.p-form{background:#fff;border-radius:36px;gap:20px;padding:30px;display:grid;box-shadow:0 30px 60px -30px #2b1a1059}.p-form label{font:800 13px var(--s-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);gap:8px;display:grid}.p-input{background:var(--s-bg);height:58px;font:700 24px var(--s-display);color:var(--ink);text-transform:none;letter-spacing:0;border-radius:18px;align-items:center;padding:0 18px;display:flex}.p-name{font-weight:700}.p-caret{background:var(--orange);width:2px;height:26px;margin-left:2px;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.p-sizes{gap:10px;display:flex}.p-sizes button{all:unset;cursor:pointer;text-align:center;font:700 22px var(--s-display);border:2px solid #2b1a101f;border-radius:16px;flex:1;padding:14px 0;transition:background .3s,color .3s,transform .3s}.p-sizes button:hover{transform:translateY(-3px)}.p-sizes button.is-on{background:var(--ink);color:#fff;border-color:var(--ink)}.p-mini{background:linear-gradient(#0000 70%,#ffe2c6 70%);border-radius:22px;place-items:end center;height:170px;display:grid;overflow:hidden}.p-mini__dog{background:var(--orange);transform-origin:50% 100%;border-radius:50% 50% 40% 40%;width:150px;height:120px;margin-bottom:18px;position:relative}.p-mini__dog:before,.p-mini__dog:after{content:"";background:var(--ink);border-radius:50%;width:20px;height:20px;position:absolute;top:30%;box-shadow:inset -5px 5px 0 -2px #fff}.p-mini__dog:before{left:28%}.p-mini__dog:after{right:28%}.p-btn{background:var(--orange);color:#fff;height:64px;font:700 20px var(--s-display);border-radius:999px;justify-content:center;align-items:center;padding:0 34px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px #c9601f}.p-btn:active{transform:translateY(4px);box-shadow:0 2px #c9601f}.p-btn--big{height:76px;margin-top:44px;padding:0 46px;font-size:24px}.p-results{padding:clamp(100px, 14vw, 180px) var(--g);background:#ffe9d2}.p-balls{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.ball{width:92px;height:92px;margin-bottom:30px;display:block;position:relative}.ball__b{background:radial-gradient(circle at 34% 28%, #ffffffbf, #fff0 26%), radial-gradient(circle at 70% 78%, #2b1a1047, #2b1a1000 62%), var(--c);border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:inset -6px -8px 14px #2b1a101f}.ball__b:before,.ball__b:after{content:"";border:5px solid #ffffffbf;border-radius:50%;width:100%;height:116%;position:absolute;top:-8%}.ball__b:before{left:-64%}.ball__b:after{right:-64%}.ball__shadow{background:radial-gradient(closest-side,#2b1a1047,#2b1a1000);border-radius:50%;height:12px;position:absolute;bottom:-12px;left:12%;right:12%}.p-balls h3{font:700 clamp(28px, 2.8vw, 42px)/1 var(--s-display)}.p-balls p{font:600 17px/1.5 var(--s-body);color:var(--muted);margin-top:10px}.p-integr{font:700 14px var(--s-body);color:var(--muted);margin-top:50px}.p-cta{padding:clamp(120px, 16vw, 220px) var(--g);text-align:center;flex-direction:column;align-items:center;display:flex}.p-cta__title{font:700 clamp(52px, 8.6vw, 150px)/.95 var(--s-display);letter-spacing:-.035em}@media (width<=900px){.p-hero,.p-book{grid-template-columns:1fr}.p-dog{order:-1;width:70vw}.p-hero{padding-top:100px}.p-tags__row{grid-template-columns:1fr 1fr;row-gap:40px}.p-collar{display:none}.p-balls{grid-template-columns:1fr}}@media (width<=560px){.p-tags__row{grid-template-columns:1fr}}
