:root{
  --blue:#468AC9;--blue-d:#2f6fae;--blue-dd:#1d4f86;--green:#00AB52;--green-d:#008a42;--orange:#F78D2B;
  --ink:#16263a;--ink-2:#44546a;--sky:#eaf3fb;--cream:#fffaf2;--white:#fff;--line:#dbe6f0;
  --head:"Bebas Neue","Impact",sans-serif;--body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:26px;--wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.65 var(--body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--head);font-weight:400;letter-spacing:.01em;line-height:1;margin:0;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* ---- the two buttons Kevin likes ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 17px/1 var(--body);text-decoration:none;border:0;cursor:pointer;border-radius:18px;padding:0 28px;min-height:62px;color:#fff;transition:transform .2s,box-shadow .2s,background .2s;white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn-call{background:var(--blue);box-shadow:0 10px 24px -12px rgba(70,138,201,.9)}
.btn-call:hover{background:var(--blue-d);transform:translateY(-2px)}
.btn-go{background:var(--green);box-shadow:0 10px 24px -12px rgba(0,171,82,.9)}
.btn-go:hover{background:var(--green-d);transform:translateY(-2px)}
.btn-sm{min-height:48px;font-size:15px;padding:0 20px;border-radius:14px}
.btn-ghost{background:#fff;color:var(--blue-dd);box-shadow:inset 0 0 0 2px var(--blue)}
.btn-ghost:hover{background:var(--sky);transform:translateY(-2px)}

/* ---- promo bar + nav ---- */
.promo{background:var(--orange);color:#fff;text-align:center;font:600 14px/1 var(--body);padding:11px 16px;letter-spacing:.02em}
.promo b{font-family:var(--head);font-size:19px;font-weight:400;letter-spacing:.06em;margin-right:6px}
.promo a{text-decoration:underline;text-underline-offset:3px;margin-left:8px}
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:84px}
.nav .logo img{height:50px;width:auto}
.nav .links{display:flex;gap:26px;align-items:center}
.nav .links a{text-decoration:none;font:500 15px/1 var(--body);padding:10px 0;position:relative}
.nav .links a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav .links a:hover::after{transform:scaleX(1)}
.nav .acts{display:flex;gap:10px}
.burger{display:none;background:var(--blue);color:#fff;border:0;border-radius:12px;width:48px;height:48px;font-size:22px;cursor:pointer}

/* ---- hero ---- */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--sky),#fff 85%);padding:56px 0 52px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:36px;align-items:center}
.kicker{display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:99px;padding:9px 18px;font:600 14px/1 var(--body);color:var(--blue-dd);box-shadow:0 2px 10px -4px rgba(29,79,134,.3);margin-bottom:22px}
.kicker i{position:relative;display:block;width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%20fill%3D%27%2300AB52%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-12deg)}
.kicker i::after{content:"";position:absolute;inset:0;background:inherit;opacity:0;animation:pawpulse 2s ease-out infinite}
@keyframes pawpulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(2.3);opacity:0}100%{transform:scale(2.3);opacity:0}}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(0,171,82,0)}0%{box-shadow:0 0 0 0 rgba(0,171,82,.6)}}
.hero h1{font-size:clamp(58px,8vw,112px);color:var(--blue)}
.hero h1 .l2{display:block;color:var(--ink)}
.tw{display:inline-block;position:relative;color:var(--green);white-space:nowrap}
.tw::before{content:"b";visibility:hidden}
.tw .t{position:absolute;left:0;top:0}
.tw .t::after{content:"";display:inline-block;vertical-align:-.04em;height:.82em;width:4px;margin-left:5px;background:var(--orange);border-radius:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.hero .sub{font-size:19px;color:var(--ink-2);max-width:520px;margin:22px 0 32px}
.hero .sub b{color:var(--ink)}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.proof{display:flex;gap:26px;flex-wrap:wrap;margin-top:34px;font:500 14px/1.3 var(--body);color:var(--ink-2)}
.proof span{display:flex;align-items:center;gap:8px}
.proof svg{width:18px;height:18px;color:var(--green);flex:none;transform:rotate(-12deg)}

.hero .proof{grid-column:1/-1;margin-top:0}
@media (max-width:860px){.hero .wrap>div:first-child{order:0}.hero .proof{order:1;margin-top:-6px}.hero .art{order:2}}
/* hero buttons: compact so the Call and I'm Ready buttons sit side by side */
.hero .cta-row{gap:12px;flex-wrap:wrap}
.hero .cta-row .btn{min-height:56px;padding:0 20px;font-size:15.5px;gap:9px;flex:0 1 auto}
.hero .cta-row .btn svg{width:18px;height:18px}
/* hero art: photo collage + drifting cards over a ring of brand dots */
.art{position:relative;aspect-ratio:1/1;width:100%;container-type:inline-size}
.art .ring{position:absolute;inset:0;overflow:visible}
.art .glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(circle,rgba(70,138,201,.18),transparent 70%)}
.ph{position:absolute;overflow:hidden;border-radius:6cqw;box-shadow:0 18px 40px -18px rgba(22,38,58,.55);border:1.2cqw solid #fff;background:var(--sky)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.a{left:5%;top:9%;width:50%;height:56%;transform:rotate(-3deg)}
.ph.b{right:4%;top:2%;width:38%;height:38%;transform:rotate(3deg)}
.ph.c{right:8%;bottom:6%;width:46%;height:42%;transform:rotate(-2deg)}
.ph.d{left:4%;bottom:5%;width:36%;height:30%;transform:rotate(2.5deg)}
.card{position:absolute;display:flex;align-items:center;gap:1.8cqw;background:#fff;border-radius:3.4cqw;padding:1.7cqw 2.6cqw 1.7cqw 1.7cqw;box-shadow:0 12px 26px -12px rgba(22,38,58,.5);font:600 2.9cqw/1.15 var(--body);animation:drift 8s ease-in-out infinite}
.card i{width:6.4cqw;height:6.4cqw;border-radius:2cqw;display:grid;place-items:center;color:#fff;flex:none}
.card i svg{width:55%;height:55%}
.card small{display:block;font:400 2.2cqw/1.2 var(--body);color:var(--ink-2)}
.card.c1{left:38.5%;top:8%;animation-delay:-1s}.card.c1 i{background:var(--green)}
.card.c2{left:67%;top:43%;animation-delay:-3.5s;animation-duration:9.5s}.card.c2 i{background:var(--orange)}
.card.c3{left:2.5%;top:12%;animation-delay:-5s;animation-duration:7.5s}.card.c3 i{background:var(--blue)}
.card.c4{left:12%;top:60%;animation-delay:-2.2s;animation-duration:8.6s}.card.c4 i{background:var(--blue-dd)}
@keyframes drift{50%{transform:translateY(-9px)}}

/* ---- sections ---- */
section{padding:62px 0;position:relative;scroll-margin-top:84px}
.eyebrow{font:600 14px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:block}
.h2{font-size:clamp(44px,6vw,76px);color:var(--blue-dd)}
.lead{font-size:18px;color:var(--ink-2);max-width:640px;margin-top:16px}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease;transition-delay:calc(var(--i,0)*90ms)}
.rv.in{opacity:1;transform:none}
.nojs .rv{opacity:1;transform:none}

/* location chooser */
.locs{background:var(--cream)}
.lgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px}
.loc{border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 20px 50px -26px rgba(22,38,58,.4);border:1px solid var(--line);display:flex;flex-direction:column}
.loc .top{padding:30px 32px 26px;color:#fff;position:relative;overflow:hidden}
.loc.m .top{background:linear-gradient(135deg,var(--blue),var(--blue-dd))}
.loc.s .top{background:linear-gradient(135deg,var(--green),#007a3b)}
.loc .top h3{font-size:64px}
.loc .top p{font-weight:500;opacity:.95}
.loc .top .tag{position:absolute;right:22px;top:22px;background:rgba(255,255,255,.2);border-radius:99px;font:600 12px/1 var(--body);padding:8px 14px;letter-spacing:.06em;text-transform:uppercase}
.loc .body{padding:26px 32px 32px;display:flex;flex-direction:column;gap:16px;flex:1}
.loc .body p{color:var(--ink-2);font-size:16px}
.row{display:flex;gap:14px;align-items:flex-start;font:500 16px/1.45 var(--body)}
.row svg{width:22px;height:22px;color:var(--orange);flex:none;margin-top:2px}
.row small{display:block;font-weight:400;color:var(--ink-2);font-size:14px}
.loc .btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}

/* steps */
.start{background:var(--sky)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;counter-reset:s}
.step{background:#fff;border-radius:var(--r);padding:34px 30px;position:relative;box-shadow:0 14px 34px -22px rgba(22,38,58,.5)}
.step .n{font:400 78px/1 var(--head);color:var(--orange);position:absolute;right:24px;top:14px;opacity:.9}
.step h3{font-size:36px;color:var(--blue-dd);margin:34px 0 10px}
.step p{color:var(--ink-2);font-size:16px}
.js .step.rv{opacity:0;transform:translateY(-90px) rotate(-1.2deg);transition:opacity .45s ease,transform 1s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--i,0)*170ms)}
.js .step.rv.in{opacity:1;transform:none}
.note{margin:30px auto 0;max-width:760px;background:#fff;border-left:6px solid var(--green);border-radius:14px;padding:18px 22px;font-size:15.5px;color:var(--ink-2)}
.note b{color:var(--ink)}
.start .cta-row{justify-content:center;margin-top:34px}

/* services */
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:50px}
.svc{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.svc .pic{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;box-shadow:0 18px 36px -22px rgba(22,38,58,.55);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}
.svc .pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.svc:hover .pic{transform:translateY(-8px) rotate(-1deg);box-shadow:0 28px 44px -22px rgba(22,38,58,.6)}
.svc:hover .pic img{transform:scale(1.06)}
.svc h3{position:absolute;left:20px;top:16px;font-size:clamp(40px,4.2vw,56px);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.18),0 6px 18px rgba(0,0,0,.28);z-index:2}
.svc .from{position:absolute;left:16px;bottom:16px;z-index:2;font:600 13.5px/1 var(--body);background:#fff;color:var(--blue-dd);border-radius:99px;padding:9px 15px;box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
.svc p{font-size:15px;color:var(--ink-2);text-align:left;padding:0 4px}
.svc .go{font:600 15px/1 var(--body);color:var(--green-d);padding:0 4px;align-self:flex-start;text-align:left}
.svc:hover .go{color:var(--orange)}
/* sleepy Z's float up from the boarding dog on hover */
.zzz{position:absolute;left:67%;top:-2%;width:32%;height:38%;pointer-events:none;z-index:2}
.zzz i{position:absolute;left:0;top:100%;font:400 34px/1 var(--head);font-style:normal;color:#fff;opacity:0;-webkit-text-stroke:2.5px #007a3b;paint-order:stroke fill;text-shadow:0 3px 8px rgba(0,0,0,.25)}
.zzz i:nth-child(2){left:26%;font-size:44px}
.zzz i:nth-child(3){left:50%;font-size:56px}
.svc:hover .zzz i,.svc:focus-visible .zzz i{animation:zfloat 2.6s ease-in-out infinite;animation-delay:-.45s}
.svc:hover .zzz i:nth-child(2),.svc:focus-visible .zzz i:nth-child(2){animation-delay:-.9s}
.svc:hover .zzz i:nth-child(3),.svc:focus-visible .zzz i:nth-child(3){animation-delay:-1.75s}
@keyframes zfloat{0%{transform:translate(0,0) rotate(-8deg) scale(.5);opacity:0}15%{opacity:1}70%{opacity:.9}100%{transform:translate(16px,-95px) rotate(14deg) scale(1.15);opacity:0}}
@media (prefers-reduced-motion:reduce){.zzz{display:none}}
/* boarding: musical notes drift up on the left on hover */
.notes{position:absolute;left:3%;top:22%;width:34%;height:46%;pointer-events:none;z-index:2}
.notes i{position:absolute;left:0;top:0;font:700 36px/1 "Segoe UI Symbol","Apple Symbols","Noto Sans Symbols 2","Noto Sans Symbols",sans-serif;font-style:normal;color:#f4fff8;opacity:0;-webkit-text-stroke:1px rgba(0,122,59,.45);paint-order:stroke fill;text-shadow:0 0 10px rgba(255,255,255,.55),0 2px 6px rgba(0,60,30,.18)}
.notes i:nth-child(2){left:30%;font-size:44px}
.notes i:nth-child(3){left:8%;font-size:32px}
.notes i:nth-child(4){left:55%;font-size:38px}
.svc:hover .notes i,.svc:focus-visible .notes i{animation:nfloat 7s ease-in-out infinite;animation-delay:-.6s}
.svc:hover .notes i:nth-child(2),.svc:focus-visible .notes i:nth-child(2){animation-delay:-2.4s}
.svc:hover .notes i:nth-child(3),.svc:focus-visible .notes i:nth-child(3){animation-delay:-4.2s}
.svc:hover .notes i:nth-child(4),.svc:focus-visible .notes i:nth-child(4){animation-delay:-5.6s}
@keyframes nfloat{0%{transform:translate(0,-6px) rotate(4deg) scale(.95);opacity:0}15%{opacity:.85}30%{transform:translate(-8px,28px) rotate(-4deg) scale(1)}50%{transform:translate(8px,62px) rotate(4deg) scale(1);opacity:.7}75%{transform:translate(-6px,100px) rotate(-3deg) scale(.98);opacity:.35}100%{transform:translate(4px,135px) rotate(3deg) scale(.95);opacity:0}}
@media (prefers-reduced-motion:reduce){.notes{display:none}}

/* soap bubbles rise on the spa tile on hover */
.bubbles{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden;border-radius:inherit}
.bubbles i{position:absolute;left:var(--x);bottom:-14%;width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,.28) 22%,rgba(255,255,255,.1) 62%,rgba(255,255,255,.55) 100%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.85),0 2px 8px rgba(247,141,43,.5)}
.svc:hover .bubbles i,.svc:focus-visible .bubbles i{animation:bubble var(--t) ease-in infinite;animation-delay:calc(var(--d) * -1 - .3s)}
@keyframes bubble{0%{transform:translate(0,0) scale(.6);opacity:0}12%{opacity:1}35%{transform:translate(7px,-70px) scale(1)}60%{transform:translate(-7px,-150px) scale(1)}88%{transform:translate(6px,-235px) scale(1.05);opacity:.95}100%{transform:translate(6px,-250px) scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){.bubbles{display:none}}
/* thought cloud + lightbulb on the training tile */
.think{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;border-radius:inherit}
.think i{position:absolute;border-radius:50%;background:#fff;opacity:0;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.think .c1{left:63%;top:49%;width:4.500%;height:4.500%}
.think .c2{left:68%;top:43.500%;width:7%;height:7%}
.think .c3{left:74%;top:36%;width:9%;height:9%}
.think .cloud{position:absolute;left:57%;top:9%;width:41%;height:auto;opacity:0;transform-origin:30% 100%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}
.think .bo{fill:#d7dee6;stroke:#9aa9ba;stroke-width:2}
.think .bb{fill:none;stroke:#9aa9ba;stroke-width:3;stroke-linecap:round}
.think .bon{opacity:0}
.think .bf{fill:#ffd84a;stroke:#f2a516;stroke-width:2}
.think .glow{fill:rgba(255,216,74,.45)}
.think .rays{fill:none;stroke:#f2a516;stroke-width:3;stroke-linecap:round}
.svc:hover .think .c1,.svc:focus-visible .think .c1{animation:tpuff 4s ease-out infinite}
.svc:hover .think .c2,.svc:focus-visible .think .c2{animation:tpuff 4s ease-out infinite .18s}
.svc:hover .think .c3,.svc:focus-visible .think .c3{animation:tpuff 4s ease-out infinite .36s}
.svc:hover .think .cloud,.svc:focus-visible .think .cloud{animation:tcloud 4s cubic-bezier(.34,1.56,.64,1) infinite .6s}
.svc:hover .think .bon,.svc:focus-visible .think .bon{animation:tbulb 4s linear infinite .6s}
@keyframes tpuff{0%{opacity:0;transform:scale(0)}8%{opacity:1;transform:scale(1.25)}12%{transform:scale(1)}80%{opacity:1}90%,100%{opacity:0;transform:scale(.8)}}
@keyframes tcloud{0%{opacity:0;transform:scale(.15)}12%{opacity:1;transform:scale(1.08)}16%{transform:scale(1)}72%{opacity:1;transform:scale(1)}82%,100%{opacity:0;transform:scale(.9)}}
@keyframes tbulb{0%,16%{opacity:0}18%{opacity:1}22%{opacity:.1}26%{opacity:1}29%{opacity:.25}33%,70%{opacity:1}72%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.think{display:none}}
/* fetch: the logo's orange ball drops from near the top of the daycare tile and bounces across it (physics-based: e=0.72, bounce times scale with sqrt(height), rolls out at the end) */
.fetch{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit}
.ballx{position:absolute;left:-2%;bottom:8%;width:15%;aspect-ratio:1;opacity:0}
.ballb{position:absolute;inset:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.ballq{position:absolute;inset:0;transform-origin:50% 100%}
.ballq svg{width:100%;height:100%}
.bshadow{position:absolute;left:8%;right:8%;bottom:-9%;height:16%;border-radius:50%;background:rgba(0,40,80,.35);filter:blur(2px)}
.svc:hover .ballx,.svc:focus-visible .ballx{animation:bx 4.8s linear infinite var(--bd,0s)}
.svc:hover .ballb,.svc:focus-visible .ballb{animation:bb 4.8s linear infinite var(--bd,0s)}
.svc:hover .ballq,.svc:focus-visible .ballq{animation:bq 4.8s linear infinite var(--bd,0s)}
.svc:hover .ballq svg,.svc:focus-visible .ballq svg{animation:bspin 4.8s linear infinite var(--bd,0s)}
.svc:hover .bshadow,.svc:focus-visible .bshadow{animation:bsh 4.8s linear infinite var(--bd,0s)}
.ballx.b2{left:-3%;width:11%;--bd:.8s;--tx:930%}
.ballx.b3{left:-1%;width:9%;--bd:1.5s;--tx:1130%}
.ballx.b4{left:-2%;width:12%;--bd:2.3s;--tx:850%}
@keyframes bx{0%{transform:translateX(0);opacity:1}95%{opacity:1}100%{transform:translateX(var(--tx,680%));opacity:0}}
@keyframes bspin{to{transform:rotate(800deg)}}
@keyframes bb{0.0%{transform:translateY(-440%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}16.8%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}28.9%{transform:translateY(-228%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}41.0%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}49.71%{transform:translateY(-118%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}58.42%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}64.69%{transform:translateY(-61%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}70.96%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}75.48%{transform:translateY(-32%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}80.0%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}83.25%{transform:translateY(-16%);animation-timing-function:cubic-bezier(.55,.085,.68,.53)}86.5%{transform:translateY(0%);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}100%{transform:translateY(0)}}
@keyframes bq{0%{transform:scale(1)}16.2%{transform:scale(1)}16.8%{transform:scale(1.198,0.780)}18.80%{transform:scale(1)}40.4%{transform:scale(1)}41.0%{transform:scale(1.123,0.864)}43.00%{transform:scale(1)}57.82%{transform:scale(1)}58.42%{transform:scale(1.076,0.915)}60.42%{transform:scale(1)}70.36%{transform:scale(1)}70.96%{transform:scale(1.047,0.948)}72.96%{transform:scale(1)}79.4%{transform:scale(1)}80.0%{transform:scale(1.029,0.967)}82.00%{transform:scale(1)}85.9%{transform:scale(1)}86.5%{transform:scale(1.018,0.980)}88.50%{transform:scale(1)}100%{transform:scale(1)}}
@keyframes bsh{0.0%{transform:scale(0.28);opacity:0.30;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}16.8%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}28.9%{transform:scale(0.63);opacity:0.59;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}41.0%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}49.71%{transform:scale(0.81);opacity:0.74;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}58.42%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}64.69%{transform:scale(0.90);opacity:0.82;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}70.96%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}75.48%{transform:scale(0.95);opacity:0.86;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}80.0%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}83.25%{transform:scale(0.97);opacity:0.88;animation-timing-function:cubic-bezier(.55,.085,.68,.53)}86.5%{transform:scale(1.00);opacity:0.90;animation-timing-function:cubic-bezier(.25,.46,.45,.94)}100%{transform:scale(1);opacity:.9}}
@media (prefers-reduced-motion:reduce){.fetch{display:none}}
/* photo strip */
.strip{background:#fff;padding:0 0 10px;overflow:hidden;margin-top:-34px;position:relative;z-index:3}
.strip .track{display:flex;gap:16px;width:max-content;animation:slide 162s linear infinite}
.strip:hover .track{animation-play-state:paused}
.strip img{height:190px;width:auto;border-radius:22px;box-shadow:0 12px 26px -16px rgba(22,38,58,.6);flex:none}
@keyframes slide{to{transform:translateX(-50%)}}
/* pricing */
.price{background:linear-gradient(180deg,#fff,var(--cream))}
.toggle{display:inline-flex;background:#fff;border-radius:99px;padding:6px;box-shadow:0 0 0 2px var(--line);margin-top:30px;gap:4px}
.toggle button{font:600 16px/1 var(--body);border:0;background:transparent;border-radius:99px;padding:15px 30px;cursor:pointer;color:var(--ink-2);transition:background .2s,color .2s}
.toggle button[aria-pressed=true].m{background:var(--blue);color:#fff}
.toggle button[aria-pressed=true].s{background:var(--green);color:#fff}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px;text-align:left}
.pc{background:#fff;border-radius:var(--r);padding:30px 30px 26px;box-shadow:0 16px 40px -26px rgba(22,38,58,.45);border:1px solid var(--line)}
.pc h3{font-size:44px;color:var(--blue-dd);display:flex;align-items:center;gap:12px;margin-bottom:6px}
.pc h3 i{width:12px;height:12px;border-radius:50%;background:var(--orange)}
.pc .sm{font-size:14.5px;color:var(--ink-2)}
.pl{list-style:none;margin:16px 0 0;padding:0}
.pl li{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px dashed var(--line);font-weight:500}
.pl li:last-child{border-bottom:0}
.pl li small{display:block;font-weight:400;color:var(--ink-2);font-size:13.5px}
.pl li b{font:400 30px/1 var(--head);color:var(--green);letter-spacing:.02em;white-space:nowrap}
.pl li b s{font:500 13px var(--body);color:var(--ink-2);text-decoration:none;margin-left:4px;letter-spacing:0}
.tier{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:14px}
.tier div{border-radius:18px;padding:16px 16px 14px;background:var(--sky);font-size:14px;line-height:1.4}
.tier div b{display:block;font:400 34px/1 var(--head);color:var(--blue-dd);margin:2px 0 6px}
.tier div strong{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:13px}
.tier div.hot{background:#fff1e0}.tier div.hot b{color:var(--orange)}
.warranty{grid-column:1/-1;display:flex;gap:18px;align-items:center;background:var(--blue-dd);color:#fff;border-radius:var(--r);padding:24px 30px}
.warranty svg{width:54px;height:54px;color:var(--orange);flex:none}
.warranty h3{font-size:36px;color:#fff;margin-bottom:4px}
.warranty p{font-size:15px;opacity:.95}
.only-s{display:none}.is-s .only-s{display:flex}
.pfoot{margin-top:22px;font-size:14px;color:var(--ink-2);text-align:center}

/* promos */
.promos{padding:10px 0 84px;background:#fff}
.pgr{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.promo-c{position:relative;border-radius:var(--r);padding:38px 36px 36px;color:#fff;min-height:340px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background-size:cover;background-position:right center;background-repeat:no-repeat;box-shadow:0 20px 44px -26px rgba(22,38,58,.55)}
.promo-c.p1{--c:#468AC9;--pic:url('promo-first.webp');background-position:calc(100% + 95px) center;background-color:var(--c);background-image:var(--pic)}
.promo-c.p2{--c:#00AB52;--pic:url('promo-meet.webp');background-color:var(--c);background-image:var(--pic)}
.promo-c h3{font-size:clamp(40px,4.4vw,60px);margin-bottom:12px;text-shadow:0 3px 14px rgba(0,0,0,.25)}
.promo-c .badge{font:600 15px/1 var(--body);padding:11px 18px;border-radius:6px;margin-bottom:18px;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.p1 .badge{background:var(--green)}.p2 .badge{background:var(--orange)}
.promo-c p{font-size:17px;margin-bottom:24px;max-width:52%;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.promo-c .btn{margin-top:auto;background:#fff;color:var(--blue-dd);border-radius:99px;min-height:46px;padding:0 26px;font:600 15px/1 var(--body);box-shadow:0 6px 14px -6px rgba(0,0,0,.35)}
.promo-c .btn:hover{background:#fff;color:var(--orange);transform:translateY(-2px);box-shadow:0 10px 18px -8px rgba(0,0,0,.4)}
.btn-white{background:#fff;color:var(--green-d)}
.btn-white:hover{transform:translateY(-2px)}

/* subtle paw prints on the two promo cards */
.promo-c::before,.promo-c::after{content:"";position:absolute;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%20fill%3D%27%23fff%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/svg%3E") no-repeat center/contain}
.promo-c::before{left:-34px;bottom:-48px;width:230px;height:230px;transform:rotate(-22deg);opacity:.11}
.promo-c::after{left:47%;top:-30px;width:120px;height:120px;transform:rotate(14deg);opacity:.09}
.promo-c>*{position:relative;z-index:1}
.promo-c p{font-weight:500}
/* reviews */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;text-align:left}
.rev{background:var(--sky);border-radius:var(--r);padding:62px 28px 30px;position:relative}
.rev::after{content:"";position:absolute;left:28px;top:26px;width:130px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 19'%3E%3Cpath fill='%23F78D2B' d='M12 3l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E") 0 0/26px 24px repeat-x}
.rev::before{content:"\201C";font:400 110px/1 var(--head);color:var(--orange);position:absolute;right:22px;top:10px;opacity:.7}
.rev p{font-size:16px;color:var(--ink);position:relative}
.rev cite{display:block;margin-top:18px;font:600 15px/1.3 var(--body);font-style:normal;color:var(--blue-dd)}
.rev cite small{display:block;font-weight:400;color:var(--ink-2)}
.rgrid{align-items:start}
.js .rev p.clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}
.rev .more{margin-top:12px;background:none;border:0;padding:6px 0;font:600 15px/1 var(--body);color:var(--blue-dd);cursor:pointer;text-decoration:underline;text-underline-offset:4px;position:relative}
.rev .more:hover{color:var(--orange)}
.rev .stars{color:var(--orange);letter-spacing:3px;margin-bottom:10px;font-size:18px}

/* final cta + footer */
.final{background:linear-gradient(135deg,var(--blue),var(--blue-dd));color:#fff;text-align:center;padding:60px 0;overflow:hidden}
.final h2{font-size:clamp(50px,7vw,92px)}
.final p{margin:14px auto 30px;font-size:19px;max-width:560px;opacity:.95}
.final .cta-row{justify-content:center}
.final .btn-call{background:#fff;color:var(--blue-dd);box-shadow:none}
footer{background:#10223a;color:#cfdcec;padding:36px 0 24px;font-size:14.5px;line-height:1.35}
@media (max-width:860px){footer{padding-bottom:96px}}
footer .fg{display:grid;grid-template-columns:200px repeat(4,1fr);gap:26px}
footer img{height:56px;width:auto;margin-bottom:10px}
footer h4{font:400 22px/1 var(--head);color:#fff;letter-spacing:.06em;margin:0 0 8px}
footer a{text-decoration:none;display:block;padding:1px 0;line-height:1.35}footer a:hover{color:#fff;text-decoration:underline}
footer .copy{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:13.5px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer .copy>span:first-child{opacity:.8}
footer .copy .flinks a{display:inline-block;margin-left:18px}
footer .faddr{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
footer .faddr h4{font-size:19px;margin-bottom:6px}
footer .faddr small{opacity:.75;font-size:12.5px;display:block;margin-top:2px}
footer .fbrand .ftag{display:inline-block;text-align:center;margin:0 0 10px}
footer .fbrand .tag2{font:400 19px/1.1 var(--head);letter-spacing:.05em;color:#fff;margin:0 0 4px}
footer .fbrand p{margin:0 0 4px}
footer .fsocial{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
footer .fsocial a{display:inline-flex;align-items:center;justify-content:center;padding:0}
footer .fsocial a:not(.pp){width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;transition:background .2s,transform .2s}
footer .fsocial a:not(.pp):hover{background:var(--blue);transform:translateY(-2px);text-decoration:none}
footer .fsocial svg{width:18px;height:18px}
footer .fsocial a.pp{font-size:14px;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1020px){footer .fg{grid-template-columns:repeat(3,1fr)}footer .fbrand{grid-column:1/-1}}
@media (max-width:640px){footer .fg{grid-template-columns:repeat(2,1fr);gap:28px}footer .faddr{grid-template-columns:minmax(0,1fr);gap:24px}footer .copy{flex-direction:column}footer .copy .flinks a{margin:0 18px 0 0}}


/* blog */
.blog{background:#fff}
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:48px;text-align:left}
.post{display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 16px 38px -24px rgba(22,38,58,.55);border:1px solid var(--line);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}
.post:hover{transform:translateY(-6px);box-shadow:0 26px 44px -24px rgba(22,38,58,.6)}
.pimg{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sky)}
.pimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post:hover .pimg img{transform:scale(1.06)}
.pbody{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.post h3{font:600 19px/1.3 var(--body);letter-spacing:0;color:var(--blue-dd)}
.post p{font-size:15px;color:var(--ink-2);flex:1}
.post .go{font:600 15px/1 var(--body);color:var(--green-d);margin-top:4px}
.post:hover .go{color:var(--orange)}
.blog,#reviews{overflow:hidden}
#reviews{background:var(--cream)}
@media (max-width:860px){.pgrid3{grid-template-columns:minmax(0,1fr)}}
/* ---- fun graphics ---- */
.runner{position:absolute;z-index:1;pointer-events:none;display:none;animation:drift 7s ease-in-out infinite}
.locs .runner{left:3%;top:64px;width:clamp(150px,15vw,230px)}
.locs .runner.r2{left:auto;right:3%;top:90px;width:clamp(110px,11vw,170px);transform:scaleX(-1);animation:none}
@media (min-width:980px){.runner{display:block}}
.locs .wrap{position:relative;z-index:2}
.start,.final,#reviews{overflow:hidden}
.peek{display:block;margin:44px auto -96px;width:min(480px,80%);height:auto}
.js .peek.rv{opacity:0;transform:translateY(60px);transition:opacity .6s ease .2s,transform .9s cubic-bezier(.34,1.56,.64,1) .2s}
.js .peek.rv.in{opacity:1;transform:none}
.start::before,.start::after{content:"";position:absolute;width:90px;height:90px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%20fill%3D%27%23468AC9%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/svg%3E") no-repeat center/contain;opacity:.16;pointer-events:none}
.start::before{left:5%;top:70px;transform:rotate(-18deg)}
.start::after{right:6%;top:150px;transform:rotate(16deg);width:64px;height:64px}
.start .wrap,.final .wrap{position:relative;z-index:2}
.crowd{display:block;margin:56px auto -96px;width:min(700px,92%);height:auto}
@media (max-width:560px){.peek{margin-bottom:-70px}.crowd{margin-bottom:-70px}}
/* large, subtle paw prints behind the final call to action */
.final{position:relative}
.final .pawbg{position:absolute;inset:0;pointer-events:none;z-index:1}
.final .pawbg i{position:absolute;display:block;aspect-ratio:1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%20fill%3D%27%23fff%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/svg%3E") no-repeat center/contain;opacity:.09}
.final .pawbg i:nth-child(1){width:min(380px,34vw);left:-3%;top:6%;transform:rotate(-20deg)}
.final .pawbg i:nth-child(2){width:min(300px,28vw);right:-2%;bottom:-14%;transform:rotate(18deg)}
.final .pawbg i:nth-child(3){width:min(190px,18vw);right:15%;top:-9%;transform:rotate(10deg);opacity:.07}
.final .pawbg i:nth-child(4){width:min(150px,14vw);left:19%;bottom:-8%;transform:rotate(-28deg);opacity:.07}
.final .pawbg i:nth-child(6){width:min(300px,62vw);left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);opacity:.07}
.final .pawbg i:nth-child(5){width:min(110px,10vw);left:41%;top:-4%;transform:rotate(24deg);opacity:.05}
/* click "Pawsh" in the headline: balls pop out and bounce away */
.pawsh{display:inline-block;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;user-select:none}
.pawsh:hover,.pawsh:focus-visible{transform:translateY(-4px) rotate(-2deg)}
.pawsh{position:relative}
.clickhint{position:absolute;left:50%;top:calc(100% - 9px);transform:translateX(-50%);white-space:nowrap;font:600 11px/1 var(--body);letter-spacing:.06em;color:var(--orange);pointer-events:none;animation:hintbob 2.2s ease-in-out infinite}
@keyframes hintbob{50%{transform:translateX(-50%) translateY(2px)}}
@media (prefers-reduced-motion:reduce){.clickhint{animation:none}}
.pawsh.squish{animation:squish .38s cubic-bezier(.34,1.56,.64,1)}
@keyframes squish{0%{transform:scale(1,1)}25%{transform:scale(1.14,.82)}60%{transform:scale(.94,1.1) translateY(-6px)}100%{transform:scale(1,1)}}
.pawsh-w{cursor:pointer}
.pawsh-w.squish{display:inline-block;animation:squish .38s cubic-bezier(.34,1.56,.64,1)}
.ballfx{position:fixed;inset:0;pointer-events:none;z-index:120;overflow:hidden}
.ballfx b{position:absolute;left:0;top:0;display:block;will-change:transform;filter:drop-shadow(0 4px 5px rgba(0,0,0,.25))}
.ballfx svg{display:block;width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.pawsh.squish,.pawsh-w.squish{animation:none}}
/* paw-print mouse trail (real mouse on wide screens only) + on/off switch at the top right */
canvas.pawtrail{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:70}
.nav .wrap{position:relative}
.trail-wrap{position:absolute;right:28px;top:calc(100% + 8px);z-index:5;display:flex;align-items:center;gap:6px}
.trail-wrap .trail-toggle{position:relative;right:auto;top:auto}
.trail-toggle{position:absolute;right:28px;top:calc(100% + 8px);z-index:5;display:inline-flex;align-items:stretch;padding:3px;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.92);box-shadow:0 4px 14px -6px rgba(0,0,0,.25);cursor:pointer;font:600 12px/1 var(--body);isolation:isolate}
.trail-toggle .knob{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:99px;background:var(--blue);transition:transform .28s cubic-bezier(.34,1.3,.64,1),background .25s;z-index:0}
.trail-toggle[aria-checked=true] .knob{transform:translateX(100%);background:var(--green)}
.trail-toggle .opt{position:relative;z-index:1;min-width:58px;padding:8px 14px;text-align:center;color:var(--ink-2);transition:color .2s;border-radius:99px}
.trail-toggle[aria-checked=false] .opt.stay,.trail-toggle[aria-checked=true] .opt.follow{color:#fff}
.trail-toggle:not([aria-checked=true]) .opt.follow:hover,.trail-toggle[aria-checked=true] .opt.stay:hover{color:var(--ink)}
@media (max-width:900px){.trail-wrap,.trail-toggle{display:none}}
.trainme{display:inline-flex;align-items:center;gap:2px;color:var(--orange);animation:trainnudge 1.6s ease-in-out infinite;pointer-events:none}
.trainme b{font:400 30px/1 var(--head);letter-spacing:.03em;color:var(--orange);text-shadow:1px 1px 0 var(--blue-dd),2px 2px 4px rgba(0,0,0,.15);white-space:nowrap}
.trainme svg{width:58px;height:26px;filter:drop-shadow(1px 1px 0 var(--blue-dd))}
@keyframes trainnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}
@media (prefers-reduced-motion:reduce){.trainme{animation:none}}
/* drag the floating labels around (real mouse on wide screens; they stay where dropped) */
.art-hint{display:none}
.art.drag .card{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cg%20fill%3D%27%23ffffff%27%20stroke%3D%27%23468AC9%27%20stroke-width%3D%273.2%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/g%3E%3C/svg%3E") 18 18,grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:box-shadow .2s ease,scale .2s ease}
.art.drag .card:hover{scale:1.04;box-shadow:0 14px 30px -10px rgba(22,38,58,.5)}
.art.drag .card.dragging{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cg%20fill%3D%27%23dcebfa%27%20stroke%3D%27%231d4f86%27%20stroke-width%3D%273.2%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/g%3E%3C/svg%3E") 16 16,grabbing;animation-play-state:paused;scale:1.06;box-shadow:0 18px 34px -10px rgba(22,38,58,.55)}
.art.drag .art-hint{display:block;position:absolute;left:0;right:0;top:100%;margin-top:4px;text-align:center;font:500 12.5px/1.2 var(--body);color:var(--ink-2);opacity:0;animation:hintin .8s ease 1.4s forwards;transition:opacity .4s ease;pointer-events:none}
.art.drag.used .art-hint{opacity:0!important;animation:none}
@keyframes hintin{to{opacity:.85}}
/* phones: Text us (choose a location) */
[hidden]{display:none!important}
.txt-m{display:none}
.btn-txt{background:#fff;color:var(--blue-dd);box-shadow:inset 0 0 0 2px var(--blue)}
.textsheet{position:absolute;left:14px;right:14px;bottom:calc(100% + 8px);background:#fff;border-radius:20px;padding:8px;display:grid;gap:6px;box-shadow:0 18px 40px -12px rgba(22,38,58,.55);border:1px solid var(--line)}
.textsheet a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-radius:14px;background:var(--sky);color:var(--blue-dd);font:600 16px/1.2 var(--body);text-decoration:none}
.textsheet a small{font:500 14px/1 var(--body);color:var(--ink-2)}
@media (max-width:860px){.txt-m{display:inline-flex}.sticky{grid-template-columns:1fr 1fr 1.3fr}}
/* mobile sticky buttons */
.sticky{display:none}

@media (max-width:1360px){
  /* menu collapses earlier so the links + both buttons never overflow; the two buttons stay visible until the phone bar takes over at 860px */
  .nav .links{display:none}.burger{display:block}
  .nav.open .links{display:flex;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;align-items:flex-start;padding:16px 28px 22px;gap:4px;border-bottom:1px solid var(--line)}
  .nav .wrap{gap:12px}
  .nav .acts{margin-left:auto}
}
@media (max-width:1020px){
  .sgrid{grid-template-columns:repeat(2,1fr)}
  footer .fg{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .nav .acts{display:none}
  section{padding:44px 0}
  .hero{padding:32px 0 40px}
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .art{max-width:460px;margin:0 auto}
  .lgrid,.steps,.pgrid,.pgr,.rgrid{grid-template-columns:minmax(0,1fr)}
  .sticky{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);box-shadow:0 -8px 24px -10px rgba(22,38,58,.4)}
  .sticky .btn{min-height:54px;font-size:15px;padding:0 8px;border-radius:15px}
}
@media (max-width:560px){
  .wrap{padding:0 18px}
  .sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .svc p,.svc .go{display:none}
  .svc .from{font-size:12px;padding:8px 11px;left:10px;bottom:10px}
  .svc h3{left:14px;top:12px}
  .promo-c,.promo-c.p1,.promo-c.p2{min-height:500px;padding:30px 24px 26px;background-size:auto 46%;background-position:right bottom;background-image:linear-gradient(to bottom,var(--c) 0,var(--c) 56%,transparent 64%),var(--pic);background-size:100% 100%,auto 46%;background-position:0 0,right bottom}
  .promo-c p{max-width:100%}
  .strip img{height:140px}
  .cta-row .btn{width:100%}
  .tier{grid-template-columns:minmax(0,1fr)}
  .promo{font-size:12.5px}
  footer .fg{grid-template-columns:minmax(0,1fr)}
  .loc .top h3{font-size:54px}
  .nav .logo img{height:40px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv,.js .step.rv{opacity:1!important;transform:none!important}
}
/* paw cursor on everything clickable (white paw, blue outline) */
:root{--paw-cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2736%27%20height%3D%2736%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cg%20fill%3D%27%23ffffff%27%20stroke%3D%27%23468AC9%27%20stroke-width%3D%273.2%27%20stroke-linejoin%3D%27round%27%3E%3Cellipse%20cx%3D%2732%27%20cy%3D%2742%27%20rx%3D%2715%27%20ry%3D%2712%27/%3E%3Cellipse%20cx%3D%2714%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%28-20%2014%2027%29%27/%3E%3Cellipse%20cx%3D%2726%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%28-6%2026%2015%29%27/%3E%3Cellipse%20cx%3D%2740%27%20cy%3D%2715%27%20rx%3D%276.5%27%20ry%3D%279%27%20transform%3D%27rotate%286%2040%2015%29%27/%3E%3Cellipse%20cx%3D%2752%27%20cy%3D%2727%27%20rx%3D%276.5%27%20ry%3D%278.5%27%20transform%3D%27rotate%2820%2052%2027%29%27/%3E%3C/g%3E%3C/svg%3E") 18 18,pointer}
a[href],button,[role=button],[role=switch],.pawsh,.pawsh-w,.svc,.post,.btn,.trail-toggle,.burger,.rev .more,summary{cursor:var(--paw-cursor)}

/* ---- Services dropdown ---- */
.dd{position:relative;display:flex;align-items:center}
.dd-t{padding-right:16px!important}
.dd-t::before{content:"";position:absolute;right:2px;top:50%;margin-top:-2px;border:4px solid transparent;border-top-color:currentColor;border-bottom:0}
.dd-m{position:absolute;left:-16px;top:100%;min-width:200px;background:#fff;border-radius:18px;box-shadow:0 22px 44px -14px rgba(22,38,58,.45);border:1px solid var(--line);padding:10px 8px 8px;display:none;flex-direction:column;gap:2px;z-index:70}
.dd:hover .dd-m,.dd:focus-within .dd-m{display:flex}
.nav .links .dd-m a{padding:11px 16px;border-radius:12px;font-weight:500;white-space:nowrap}
.nav .links .dd-m a::after{display:none}
.nav .links .dd-m a:hover{background:var(--sky)}
@media (max-width:1360px){
  .nav.open .links .dd{flex-direction:column;align-items:flex-start}
  .nav.open .links .dd-m{position:static;display:flex;box-shadow:none;border:0;padding:0 0 0 14px;min-width:0;background:transparent}
  .nav.open .links .dd-t::before{display:none}
}
a.inl{color:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}
a.inl:hover{color:var(--blue-dd)}
.incl a.inl,.faq a.inl,.promo-c a.inl,.final a.inl{color:inherit}

/* "Good Doggy!" banner after the Stay/Follow switch */
.gooddoggy{position:fixed;left:0;right:0;top:34%;z-index:130;pointer-events:none;overflow:hidden;height:clamp(120px,24vw,260px)}
.gooddoggy span{position:absolute;left:0;top:0;white-space:nowrap;font:400 clamp(110px,22vw,250px)/1 var(--head);letter-spacing:.02em;text-shadow:.04em .04em 0 var(--blue-dd),.07em .07em 14px rgba(0,0,0,.3);will-change:transform}
.gooddoggy b{font-weight:400}

footer img.flogo{background:#fff;border-radius:14px;padding:8px 10px;height:auto;width:min(100%,170px);margin-bottom:10px;display:block;box-sizing:border-box}

footer .fsocial{flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}
footer .fsocial a.fb{display:inline-flex;align-items:center;gap:10px;padding:0;width:auto;height:auto;border-radius:0;background:none;font-size:14.5px;color:#cfdcec;text-decoration:none}
footer .fsocial a.fb:hover{color:#fff;background:none;transform:none;text-decoration:underline}
footer .fsocial .fbi{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;flex:none;transition:background .2s}
footer .fsocial a.fb:hover .fbi{background:var(--blue)}
footer .fsocial .fbi svg{width:16px;height:16px}

footer .fsocial{flex-direction:row;flex-wrap:wrap;gap:8px 16px}
footer .fsocial .ft{white-space:nowrap}
footer .fsocial{gap:8px 14px}footer .fsocial a.fb{gap:8px;font-size:14px}footer .fsocial .fbi{width:28px;height:28px}footer .fsocial .fbi svg{width:14px;height:14px}
footer .fsocial{gap:8px 10px}footer .fsocial a.fb{font-size:13.5px}
footer .fbrand{min-width:0}
footer .fsocial{width:max-content;max-width:none;flex-wrap:nowrap}
@media (max-width:1020px){footer .fsocial{width:auto;flex-wrap:wrap}}
/* mobile footer: keep it short (2 columns) */
@media (max-width:640px){
  footer{padding:30px 0 96px}
  footer .fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}
  footer .fbrand{grid-column:1/-1}
  footer .faddr{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px;padding-top:18px}
  footer .faddr>div:last-child{grid-column:1/-1}
  footer .copy{margin-top:18px}
}
.card.c5{left:50%;top:86%;animation-delay:-4s;animation-duration:8.2s}.card.c5 i{background:var(--orange)}
span.pw-box{display:inline;gap:0}
.pw-box>.pawsh-w{display:inline-block}
.nw{white-space:nowrap}
.heartfx{position:fixed;inset:0;pointer-events:none;z-index:130;overflow:hidden}
.heartfx b{position:absolute;left:0;top:0;display:block;will-change:transform,opacity;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.heartfx svg{display:block;width:100%;height:100%}

/* menu groups: on the burger menu each group opens with a tap */
@media (max-width:1360px){
  .nav.open .links .dd{flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}
  .nav.open .links .dd-t{padding-right:0!important;flex:1 1 auto;display:block}
  .nav.open .links .dd-m{display:none;flex-basis:100%}
  .nav.open .links .dd.open .dd-m{display:flex}
  .nav.open .links .dd:hover .dd-m,.nav.open .links .dd:focus-within .dd-m{display:none}
  .nav.open .links .dd.open:hover .dd-m,.nav.open .links .dd.open:focus-within .dd-m{display:flex}
  .nav.open .links .dd-t::before{display:block;right:6px;top:50%;margin-top:-2px;transition:transform .2s}
  .nav.open .links .dd.open .dd-t::before{transform:rotate(180deg)}
}
.nav .links>a,.nav .links .dd-t{white-space:nowrap}
.nav .links{gap:20px}
@media (max-width:1360px){.nav .links{gap:4px}}

/* step-by-step walkthrough dialog */
html.wz-open{overflow:hidden}
.wizard{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px}
.wizard[hidden]{display:none}
.wz-back{position:absolute;inset:0;background:rgba(16,34,58,.7);backdrop-filter:blur(2px)}
.wz-panel{position:relative;background:#fff;border-radius:26px;width:100%;max-width:1020px;max-height:min(92vh,780px);overflow:auto;padding:26px 32px 24px;box-shadow:0 40px 80px -20px rgba(0,0,0,.55);animation:wzin .35s cubic-bezier(.34,1.3,.64,1)}
@keyframes wzin{from{transform:translateY(24px) scale(.97);opacity:0}to{transform:none;opacity:1}}
.wz-x{position:absolute;right:16px;top:12px;width:42px;height:42px;border-radius:50%;border:0;background:var(--sky);color:var(--blue-dd);font:400 28px/1 var(--body);cursor:pointer}
.wz-x:hover{background:var(--orange);color:#fff}
.wz-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;padding-right:50px}
.wz-count{font:600 13px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.wz-dots{display:flex;gap:7px}
.wz-dots i{width:34px;height:7px;border-radius:99px;background:var(--line);transition:background .25s}
.wz-dots i.on{background:var(--green)}
.wz-slide h2{font-size:clamp(32px,4.4vw,46px);color:var(--blue-dd);margin:4px 0 14px}
.wz-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;align-items:start;text-align:left}
.wz-text p{color:var(--ink-2);margin:0 0 12px}
.wz-shot{background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;box-shadow:0 14px 30px -20px rgba(22,38,58,.5)}
.wz-shot img{display:block;width:100%;height:auto;border-radius:12px}
.wz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
@media (max-width:760px){.wizard{padding:0;align-items:flex-end}.wz-panel{border-radius:24px 24px 0 0;max-height:94vh;padding:22px 20px 20px}.wz-body{grid-template-columns:minmax(0,1fr)}.wz-foot .btn{flex:1;justify-content:center}}
@media (prefers-reduced-motion:reduce){.wz-panel{animation:none}}
@media (max-width:760px){.wz-foot{position:sticky;bottom:-20px;background:#fff;padding:12px 0 6px;margin:12px 0 -6px;box-shadow:0 -10px 14px -12px rgba(22,38,58,.35)}}
.wz-lead{font:600 17px/1.4 var(--body);color:var(--blue-dd);margin:0 0 12px!important}
.wz-steps{list-style:none;counter-reset:wz;margin:0 0 12px;padding:0;display:grid;gap:12px}
.wz-steps li{counter-increment:wz;position:relative;padding-left:44px;color:var(--ink-2);font-size:15.5px;line-height:1.5}
.wz-steps li::before{content:counter(wz);position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:400 20px/1 var(--head)}
.wz-steps li b{color:var(--ink)}
.wz-shot{position:sticky;top:0}
.wz-text .wnwarn{margin:0 0 12px}
@media (max-width:760px){.wz-shot{position:static}}

/* guide dialog: tabs, action buttons, help line */
.wz-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 50px 8px 0}
.wz-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:99px;padding:8px 16px 8px 8px;font:600 14px/1 var(--body);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.wz-tab b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sky);color:var(--blue-dd);font:400 18px/1 var(--head)}
.wz-tab:hover{border-color:var(--blue)}
.wz-tab.on{background:var(--blue-dd);border-color:var(--blue-dd);color:#fff}
.wz-tab.on b{background:var(--green);color:#fff}
.wz-act{margin:4px 0 14px}
.wz-skip{font-size:14.5px;color:var(--ink-2)}
.wz-skip a,.wz-help a{color:var(--blue-dd);font-weight:600}
.wz-link{border:0;background:none;padding:0;color:var(--blue-dd);font:600 14.5px/1.4 var(--body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wz-help{margin:16px 0 0;padding-top:14px;border-top:1px dashed var(--line);text-align:center;font-size:14.5px;color:var(--ink-2)}
@media (max-width:760px){.wz-tab{padding:7px 12px 7px 7px;font-size:13px}.wz-act{display:flex;justify-content:center}}

/* guide dialog: compact so each screen fits without scrolling */
.wz-panel{padding:18px 26px 14px;max-width:1040px;max-height:min(94vh,760px)}
.wz-tabs{margin:0 48px 10px 0}
.wz-slide h2,.wz-text h2{font-size:clamp(30px,3.6vw,38px);margin:0 0 6px}
.wz-body{grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}
.wz-lead{font-size:15.5px;margin:0 0 10px!important}
.wz-steps{gap:9px;margin-bottom:10px}
.wz-steps li{font-size:14.5px;line-height:1.45;padding-left:40px}
.wz-steps li::before{width:28px;height:28px;font-size:19px}
.wz-act{margin:2px 0 0}
.wz-side{display:grid;gap:10px;align-content:start}
.wz-side .wz-shot{position:static;padding:6px}
.wz-side .wnnotes{margin:0;gap:6px}
.wz-side .wnnotes li{font-size:14px}
.wz-side .wnwarn{margin:0;padding:11px 15px;font-size:14px}
.wz-side .wz-skip{margin:0;font-size:14px}
.wz-side .wz-foot{margin-top:2px}
.wz-help{margin:10px 0 0;padding-top:10px;font-size:13.5px}
@media (max-width:760px){.wz-body{grid-template-columns:minmax(0,1fr)}.wz-panel{padding:16px 16px 12px}.wz-side .wz-foot{position:sticky;bottom:-12px;background:#fff;padding:10px 0 4px;box-shadow:0 -10px 14px -12px rgba(22,38,58,.35)}}
/* guide dialog: a little tighter again so it fits on a short laptop screen */
.wz-panel{padding:14px 26px 10px;max-height:min(95vh,800px)}
.wz-tabs{margin-bottom:6px}
.wz-slide h2,.wz-text h2{font-size:clamp(28px,3.2vw,34px);margin-bottom:4px}
.wz-lead{font-size:15px;margin-bottom:8px!important}
.wz-steps{gap:7px;margin-bottom:8px}
.wz-steps li{font-size:14px;line-height:1.4}
.wz-help{margin-top:6px;padding-top:8px}

/* register screen: notes on the left, Next button beside them */
.wz-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.wz-info{display:grid;gap:8px;min-width:0}
.wz-nextbtn{flex:none;white-space:nowrap}
@media (max-width:760px){.wz-row{flex-direction:column;align-items:stretch}.wz-nextbtn{width:100%;justify-content:center;position:sticky;bottom:-12px;margin-top:4px}}
.wz-row .wnnotes li{font-size:13.5px;white-space:nowrap}
.wz-row .wz-skip{font-size:13.5px;white-space:nowrap}
.wz-nextbtn{padding:11px 16px}
@media (max-width:760px){.wz-row .wnnotes li,.wz-row .wz-skip{white-space:normal}}
.wz-skipleft{margin:12px 0 0!important;font-size:14px;white-space:normal}
.wz-backrow{margin:14px 0 0!important}
@media (max-width:760px){.wz-backrow{margin:10px 0 0!important}.wz-backrow .btn{width:100%;justify-content:center}}
@media (min-width:761px){.wz-body{position:relative}.wz-backrow{position:absolute;left:0;bottom:0;margin:0!important}}
.wz-text .wz-skipleft2{margin:12px 0 0;font-size:14px}
@media (min-width:761px){.wz-text:has(.wz-backrow){padding-bottom:62px}}
.wntext .wz-steps{margin:4px 0 14px}
.wntext .wz-skip{margin:12px 0 0;font-size:15px}
.wntext .wnwarn{margin:4px 0 16px}
.wntext .wz-steps li{font-size:inherit;line-height:1.55}
.wntext .wz-steps li::before{flex:none}
.wz-panel.wz-mini{max-width:460px;padding:30px 30px 28px;text-align:center}
.wz-mini h2{margin:0 0 14px}
.wz-mini .wz-steps{text-align:left;display:inline-block;margin:0 0 14px}
.wz-mini .wz-steps li{font-size:18px}
.wz-mini .wz-mnote{font-weight:600;color:var(--blue-dd);margin:0 0 18px}
.wz-mini .wz-act{display:inline-flex}
@media (max-width:760px){.wz-panel.wz-mini{padding:26px 20px 22px}.wz-mini .wz-act{width:100%;justify-content:center}}
.wz-panel.wz-mini{max-width:480px;padding:0;overflow:hidden;text-align:center;animation:miniin .35s cubic-bezier(.2,.9,.3,1.2)}
@keyframes miniin{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.wz-mini .wz-x{background:rgba(255,255,255,.2);color:#fff;z-index:2}
.wz-mini .wz-x:hover{background:rgba(255,255,255,.35)}
.mini-head{background:linear-gradient(135deg,var(--blue-dd) 0%,var(--blue) 100%);color:#fff;padding:30px 28px 26px;position:relative}
.mini-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;background:#fff;border-radius:14px 14px 0 0}
.mini-paw{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.18);margin-bottom:8px}
.mini-paw svg{width:28px;height:28px;fill:#fff;color:#fff}
.wz-mini h2{color:#fff;margin:0 0 4px;font-size:clamp(34px,6vw,44px);letter-spacing:.02em}
.mini-head p{margin:0;color:rgba(255,255,255,.88);font-size:15px}
.mini-body{padding:14px 28px 28px}
.mini-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px;text-align:left;position:relative}
.mini-steps li{display:flex;align-items:center;gap:14px;background:var(--cream,#fff8ee);border:1px solid rgba(70,138,201,.18);border-radius:16px;padding:12px 16px;animation:minirise .5s both}
.mini-steps li:nth-child(2){animation-delay:.1s}.mini-steps li:nth-child(3){animation-delay:.2s}
@keyframes minirise{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
.ms-ico{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff}
.ms-ico svg{width:24px;height:24px}
.ms-ico.c1{background:var(--blue)}.ms-ico.c2{background:var(--green)}.ms-ico.c3{background:var(--orange)}
.ms-t small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3,#6b7a8c)}
.ms-t b{font-size:18px;color:var(--blue-dd)}
.mini-note{margin:0 0 18px;padding:10px 14px;border-radius:12px;background:#fff3e3;border-left:4px solid var(--orange);color:#7a4a12;font-weight:600;font-size:15px;text-align:left}
.mini-note span{margin-right:4px}
.wz-mini .wz-act{display:flex;justify-content:center;width:100%;font-size:18px;padding:15px 22px}
@media (max-width:760px){.wz-panel.wz-mini{padding:0}.mini-body{padding:12px 20px 22px}.mini-head{padding:26px 20px 24px}}
.wz-mini .wz-slide{margin:0;padding:0}
.wz-mini .wz-x{top:12px;right:12px}
.mini-note{text-align:center!important}
.wz-panel.wz-mini{position:relative;z-index:2}
#step2{scroll-margin-top:90px}

/* hidden staff link: looks and behaves like plain text */
footer a.hid,footer a.hid:hover,footer a.hid:focus{display:inline!important;padding:0;margin:0;color:inherit;text-decoration:none;cursor:default;font:inherit;background:none;border:0;opacity:1}

/* the "Click Pawsh for Fun" hint is drawn by CSS so it is not part of the headline text search engines read */
.clickhint::before{content:attr(data-t)}

/* Digital Edge IQ credit: two lines, the colour shifts slowly between the Digital Edge IQ brand colours */
footer a.dei-credit{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 18px 8px;border-radius:14px;color:#0c2342;text-decoration:none;text-align:center;line-height:1;background:linear-gradient(100deg,#00a0e3,#61c554,#ff4d00,#00a0e3);background-size:300% 100%;animation:deiShift 4s linear infinite;box-shadow:0 8px 18px -10px rgba(0,0,0,.7);transition:transform .2s,box-shadow .2s}
footer a.dei-credit small{font:600 8.5px/1 var(--body);letter-spacing:.16em;text-transform:uppercase;opacity:.9}
footer a.dei-credit b{font:700 15px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
footer a.dei-credit i{font-style:normal;font-weight:400;margin:0 .32em;opacity:.7}
footer a.dei-credit:hover{transform:translateY(-1px);box-shadow:0 12px 22px -10px rgba(0,0,0,.8)}
@keyframes deiShift{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){footer a.dei-credit{animation:none}}
@media (max-width:640px){footer .copy{align-items:flex-start}footer a.dei-credit{align-self:center;order:3}}
/* footer bottom row: © on the left, the Digital Edge IQ badge exactly in the middle of the page, Sitemap on the right */
@media (min-width:641px){footer .copy{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}footer .copy .flinks{justify-self:end}}
/* the header logo keeps its true shape: it must never be squeezed narrower while its height stays fixed */
.nav .logo{flex:none}
.nav .logo img{max-width:none;width:auto;object-fit:contain}

/* the two running dogs hug the "Pick Your Pawsh Park" heading and are the same size */
.locs .hwrap{position:relative;width:fit-content;margin:0 auto}
.locs .hwrap .runner{--w:clamp(150px,15vw,230px);width:var(--w);top:50%;margin-top:calc(var(--w) * -0.25);left:auto;right:calc(100% + 14px)}
.locs .hwrap .runner.r2{right:auto;left:calc(100% + 14px);transform:scaleX(-1);animation:none}
/* the right-hand dog bobs exactly like the left one (it is mirrored, so its bob keeps the flip) */
@keyframes driftR{50%{transform:scaleX(-1) translateY(-9px)}}
.locs .hwrap .runner.r2{animation:driftR 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.locs .hwrap .runner,.locs .hwrap .runner.r2{animation:none}}