.paw-cleaner-page{--purple:#5A345B;--purple-deep:#3B243D;--purple-soft:#A885A7;--mud:#68402D;--cream:#F3E4CC;--cream-deep:#E6C89F;--orange:#E85D1A;--cocoa:#261A15;background:var(--cream)}
.paw-cleaner-page .site-header{background:rgba(243,228,204,.92)}
.paw-cleaner-page .threshold-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--cream-deep) 0 50%,var(--cream) 50%)}
.paw-cleaner-page .threshold-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;direction:ltr;pointer-events:none}
.paw-cleaner-page .threshold-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 4vw;color:rgba(38,26,21,.68);font-size:13px;overflow:hidden}
.paw-cleaner-page .threshold-side strong{font-size:15px;color:var(--cocoa)}
.paw-cleaner-page .threshold-out{background:linear-gradient(155deg,rgba(104,64,45,.30),rgba(90,52,91,.16) 55%,transparent)}
.paw-cleaner-page .threshold-out:before,.paw-cleaner-page .threshold-out:after{content:"";position:absolute;border-radius:50%;background:rgba(104,64,45,.18);filter:blur(1px)}
.paw-cleaner-page .threshold-out:before{width:190px;height:54px;left:4%;bottom:11%;transform:rotate(-8deg)}
.paw-cleaner-page .threshold-out:after{width:90px;height:32px;left:30%;bottom:5%;transform:rotate(14deg)}
.paw-cleaner-page .threshold-in{align-items:flex-end;background:radial-gradient(circle at 70% 28%,rgba(255,183,3,.16),transparent 24%)}
.paw-cleaner-page .door-line{position:absolute;left:50%;top:13%;bottom:8%;width:3px;background:linear-gradient(transparent,var(--purple),var(--orange),transparent);box-shadow:0 0 0 8px rgba(243,228,204,.34)}
.paw-cleaner-page .threshold-grid{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) minmax(400px,.82fr);min-height:700px}
.paw-cleaner-page .hero-copy{padding-left:7vw;padding-right:0}.paw-cleaner-page .hero h1{font-size:clamp(50px,6vw,82px);max-width:760px}.paw-cleaner-page .hero h1 em{color:var(--purple)}
.paw-cleaner-page .hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.paw-cleaner-page .text-link{margin-top:24px;font-weight:800;text-underline-offset:5px}
.paw-cleaner-page .cup-stage{align-self:center;min-height:570px;border-radius:36px 8px 36px 8px;background:linear-gradient(150deg,var(--purple-deep),var(--purple) 58%,#775579);box-shadow:0 24px 70px rgba(38,26,21,.24);isolation:isolate}
.paw-cleaner-page .cup-stage:before{width:420px;background:var(--cream-deep);opacity:.18;box-shadow:0 0 0 32px rgba(243,228,204,.08)}
.paw-cleaner-page .cup-stage:after{content:"";position:absolute;inset:auto 10% 8%;height:36px;background:rgba(38,26,21,.32);filter:blur(15px);border-radius:50%;z-index:-1}
.paw-cleaner-page .cup-stage .stage-label{background:var(--cream);color:var(--purple-deep);border:1px solid rgba(243,228,204,.65)}
.paw-cleaner-page .cup-visual{position:relative;width:248px;height:330px;animation:cup-turn 7s ease-in-out infinite;filter:drop-shadow(0 25px 24px rgba(20,11,17,.34))}
.paw-cleaner-page .cup-body{position:absolute;inset:34px 18px 0;border-radius:26px 26px 72px 72px;background:linear-gradient(100deg,#4A294D 0,#7E5A80 22%,#5A345B 53%,#38203A 100%);border:2px solid rgba(243,228,204,.22);overflow:hidden}
.paw-cleaner-page .cup-body:after{content:"";position:absolute;inset:auto 28px 19px;height:10px;border-radius:50%;background:rgba(38,26,21,.28)}
.paw-cleaner-page .cup-shine{position:absolute;right:30px;top:24px;width:22px;height:220px;border-radius:50%;background:linear-gradient(rgba(255,255,255,.27),transparent);transform:rotate(-3deg)}
.paw-cleaner-page .cup-rim{position:absolute;z-index:3;top:0;left:0;width:248px;height:92px;border-radius:50%;background:linear-gradient(160deg,#A885A7,#4A294D 62%);border:3px solid rgba(243,228,204,.36);box-shadow:inset 0 8px 13px rgba(255,255,255,.18),0 8px 13px rgba(38,26,21,.35)}
.paw-cleaner-page .silicone-core{position:absolute;inset:13px 22px;border-radius:50%;background:radial-gradient(circle,var(--purple-deep) 0 18%,#B99AB7 20% 28%,#7D5A7E 30% 47%,#D2B8CA 49% 58%,#6A486B 60%);box-shadow:inset 0 8px 15px rgba(38,26,21,.52)}
.paw-cleaner-page .cup-measure{position:absolute;z-index:5;top:124px;left:18px;width:118px;height:50px;border-top:2px solid var(--cream);color:var(--cream);text-align:center;font-weight:900}
.paw-cleaner-page .cup-measure:before,.paw-cleaner-page .cup-measure:after{content:"";position:absolute;top:-7px;width:2px;height:14px;background:var(--cream)}.paw-cleaner-page .cup-measure:before{left:0}.paw-cleaner-page .cup-measure:after{right:0}.paw-cleaner-page .cup-measure span{position:relative;top:3px;background:var(--purple);padding:0 8px}
.paw-cleaner-page .visual-note{position:absolute;right:24px;bottom:18px;color:var(--cream);opacity:.82}@keyframes cup-turn{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
.paw-cleaner-page .threshold-story{background:var(--cream-deep)}.paw-cleaner-page .story-grid{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(320px,.75fr);gap:40px;align-items:center}
.paw-cleaner-page .story-marker{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(38,26,21,.18);color:var(--mud)}.paw-cleaner-page .story-marker b{font-size:44px;color:var(--purple)}
.paw-cleaner-page .before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:stretch;direction:rtl}.paw-cleaner-page .before-after div{min-height:150px;padding:24px;border-radius:20px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(90,52,91,.10);border:1px solid rgba(90,52,91,.18)}.paw-cleaner-page .before-after div:last-child{background:var(--cream);border-color:rgba(232,93,26,.24)}.paw-cleaner-page .before-after span{font-size:13px;color:var(--mud)}.paw-cleaner-page .before-after i{align-self:center;color:var(--orange);font-size:26px;font-style:normal}
.paw-cleaner-page .benefits{background:var(--cream)}.paw-cleaner-page .card{background:linear-gradient(145deg,var(--cream-deep),var(--cream));border-color:rgba(90,52,91,.17)}.paw-cleaner-page .card b{color:var(--purple)}
.paw-cleaner-page .how{background:var(--purple-deep);color:var(--cream)}.paw-cleaner-page .how p{color:#E6C89F}.paw-cleaner-page .how .num{color:#FFD166}.paw-cleaner-page .step{border-color:rgba(243,228,204,.22)}.paw-cleaner-page .step>b{background:var(--orange);color:var(--cream)}
.paw-cleaner-page .motion-panel{position:relative;min-height:430px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle,rgba(232,93,26,.24),transparent 58%),rgba(243,228,204,.08);overflow:hidden}.paw-cleaner-page .motion-panel>b{position:absolute;bottom:28px;color:var(--cream-deep)}
.paw-cleaner-page .motion-ring{position:absolute;border:2px solid rgba(230,200,159,.34);border-radius:50%;animation:ring-turn 9s linear infinite}.paw-cleaner-page .ring-one{width:290px;height:290px}.paw-cleaner-page .ring-two{width:360px;height:210px;transform:rotate(28deg);animation-direction:reverse}
.paw-cleaner-page .mini-cup{position:relative;width:150px;height:210px;border-radius:22px 22px 48px 48px;background:linear-gradient(100deg,#A885A7,var(--purple));box-shadow:0 25px 30px rgba(0,0,0,.25);animation:cup-turn 6s ease-in-out infinite}.paw-cleaner-page .mini-cup span{position:absolute;top:-16px;left:0;width:150px;height:52px;border-radius:50%;background:radial-gradient(circle,var(--purple-deep) 0 32%,var(--purple-soft) 35% 58%,var(--purple-deep) 61%)}@keyframes ring-turn{to{transform:rotate(360deg)}}
.paw-cleaner-page .fit{background:linear-gradient(135deg,var(--orange),#D75016);color:var(--cream)}.paw-cleaner-page .fit-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center}.paw-cleaner-page .fit-kicker{display:block;font-weight:900;color:#FFD166;margin-bottom:8px}.paw-cleaner-page .fit h2{font-size:clamp(46px,6vw,78px);margin:0 0 18px}.paw-cleaner-page .fit p{font-size:19px;max-width:650px}
.paw-cleaner-page .fit-meter{padding:42px;border-radius:28px;background:var(--cream);color:var(--cocoa);box-shadow:0 20px 50px rgba(38,26,21,.22);text-align:center}.paw-cleaner-page .meter-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--purple);font-size:28px;font-weight:900}.paw-cleaner-page .meter-line i{height:2px;background:var(--purple);position:relative}.paw-cleaner-page .meter-line i:after{content:"";position:absolute;top:-8px;width:2px;height:18px;background:var(--purple)}.paw-cleaner-page .meter-line i:first-child:after{left:0}.paw-cleaner-page .meter-line i:last-child:after{right:0}.paw-cleaner-page .meter-line span{padding:0 15px}
.paw-cleaner-page .paw-width{position:relative;width:150px;height:118px;margin:28px auto 18px}.paw-cleaner-page .paw-width span,.paw-cleaner-page .paw-width b{position:absolute;border-radius:50%;background:var(--purple-soft)}.paw-cleaner-page .paw-width span{width:34px;height:42px;top:0}.paw-cleaner-page .paw-width span:nth-child(1){right:8px;top:24px}.paw-cleaner-page .paw-width span:nth-child(2){right:43px}.paw-cleaner-page .paw-width span:nth-child(3){left:38px;top:2px}.paw-cleaner-page .paw-width span:nth-child(4){left:5px;top:26px}.paw-cleaner-page .paw-width b{width:86px;height:65px;left:32px;bottom:0}
.paw-cleaner-page .offer{background:var(--cream-deep)}.paw-cleaner-page .offer-card{background:var(--purple-deep);color:var(--cream);box-shadow:0 20px 48px rgba(38,26,21,.24)}.paw-cleaner-page .offer-card p{color:var(--cream-deep)}.paw-cleaner-page .offer .price{color:#FFD166}.paw-cleaner-page .faq{background:var(--cream)}.paw-cleaner-page .faq details{background:rgba(230,200,159,.52);border-color:rgba(90,52,91,.18)}
@media (max-width: 960px){.paw-cleaner-page .threshold-grid{grid-template-columns:1fr 390px}.paw-cleaner-page .story-grid{grid-template-columns:70px 1fr}.paw-cleaner-page .before-after{grid-column:1/-1}.paw-cleaner-page .fit-layout{gap:35px}}
@media (max-width: 760px){.paw-cleaner-page .threshold-hero{background:linear-gradient(180deg,var(--cream-deep) 0 48%,var(--cream) 48%)}.paw-cleaner-page .threshold-scene{grid-template-columns:1fr 1fr;height:48%}.paw-cleaner-page .threshold-side{padding:16px}.paw-cleaner-page .door-line{top:5%;bottom:54%}.paw-cleaner-page .threshold-grid{grid-template-columns:1fr;min-height:0;padding-bottom:34px}.paw-cleaner-page .hero-copy{padding:45px 0 32px}.paw-cleaner-page .hero h1{font-size:48px;line-height:.98}.paw-cleaner-page .cup-stage{min-height:430px;border-radius:28px}.paw-cleaner-page .cup-visual{width:186px;height:258px}.paw-cleaner-page .cup-body{inset:28px 14px 0}.paw-cleaner-page .cup-rim{width:186px;height:68px}.paw-cleaner-page .silicone-core{inset:10px 17px}.paw-cleaner-page .cup-measure{top:100px;left:10px;width:98px}.paw-cleaner-page .visual-note{right:16px;bottom:14px}.paw-cleaner-page .story-grid{grid-template-columns:1fr;gap:24px}.paw-cleaner-page .story-marker{min-height:54px;flex-direction:row;border-left:0;border-bottom:1px solid rgba(38,26,21,.18)}.paw-cleaner-page .before-after{grid-column:auto;grid-template-columns:1fr}.paw-cleaner-page .before-after i{transform:rotate(-90deg)}.paw-cleaner-page .motion-panel{min-height:320px}.paw-cleaner-page .ring-one{width:230px;height:230px}.paw-cleaner-page .ring-two{width:280px;height:170px}.paw-cleaner-page .mini-cup{width:116px;height:166px}.paw-cleaner-page .mini-cup span{width:116px;height:42px}.paw-cleaner-page .fit-layout{grid-template-columns:1fr;gap:30px}.paw-cleaner-page .fit-meter{padding:30px 22px}.paw-cleaner-page .fit h2{font-size:50px}}
@media (prefers-reduced-motion: reduce){.paw-cleaner-page .cup-visual,.paw-cleaner-page .motion-ring,.paw-cleaner-page .mini-cup{animation:none}}
