.pg-how-it-works .dark :focus-visible{outline-color:var(--honey)}.pg-how-it-works .textlink:active{color:var(--tile-deep);border-color:var(--tile-deep)}.pg-how-it-works .textlink:focus-visible{border-radius:3px}.pg-how-it-works .btn:focus-visible{outline-offset:4px}.pg-how-it-works .hero{padding-block:24px 56px;position:relative;overflow:hidden}.pg-how-it-works .hero .grid{z-index:1;align-items:center;gap:32px;display:grid;position:relative}.pg-how-it-works .shot{border-radius:24px;display:block;position:relative}.pg-how-it-works .shot .photo{border:3px solid var(--plum);aspect-ratio:16/9;background:var(--tile);box-shadow:8px 8px 0 var(--tile);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:24px;display:block;position:relative;overflow:hidden}.pg-how-it-works .shot img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.pg-how-it-works .shot .burst{width:88px;height:88px;display:grid;top:-22px;right:-12px;transform:rotate(12deg)}.pg-how-it-works .shot .burst .paw{width:34px;height:34px;color:var(--plum);position:relative}.pg-how-it-works .hero .copy{flex-direction:column;gap:18px;display:flex}.pg-how-it-works .hero :is(h1,h2){font-size:clamp(2.1rem,6.6vw,3.5rem)}@media (min-width:900px){.pg-how-it-works .hero{padding-block:52px 140px}.pg-how-it-works .hero .grid{grid-template-columns:1.35fr 1fr;gap:64px}.pg-how-it-works .shot .burst{width:118px;height:118px;top:-34px;left:-34px;right:auto;transform:rotate(-10deg)}.pg-how-it-works .shot .burst .paw{width:44px;height:44px}}.pg-how-it-works .trusted .head{margin-bottom:36px}.pg-how-it-works .trusted .lines{gap:6px;display:grid}.pg-how-it-works .rail-foot{justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.pg-how-it-works .rail-btns{gap:10px;display:none}.pg-how-it-works .rail-btns button{border:2px solid var(--paper-light);width:50px;height:50px;color:var(--paper-light);cursor:pointer;box-shadow:3px 3px 0 var(--honey);transition:background-color .15s, color .15s, transform .15s var(--ease), box-shadow .15s var(--ease);background:0 0;border-radius:12px;place-items:center;display:grid}.pg-how-it-works .rail-btns button:hover{background:var(--paper-light);color:var(--plum);box-shadow:5px 5px 0 var(--honey);transform:translate(-1px,-1px)}.pg-how-it-works .rail-btns button:active{box-shadow:0 0 0 var(--honey);transform:translate(3px,3px)}@media (min-width:900px){.pg-how-it-works .rail-btns{display:flex}}.pg-how-it-works .rail{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--honey) transparent;overscroll-behavior-x:contain;grid-auto-columns:min(84%,320px);grid-auto-flow:column;gap:18px;padding:4px 10px 18px 4px;display:grid;overflow-x:auto}.pg-how-it-works .rail>*{scroll-snap-align:start}@media (max-width:899px){.pg-how-it-works .rail{align-items:start}}.pg-how-it-works .rail:focus-visible{outline-offset:6px;border-radius:16px}@media (min-width:900px){.pg-how-it-works .rail{grid-auto-columns:calc(25% - 13.5px)}}.pg-how-it-works .tcard{background:var(--paper-light);color:var(--ink);border:2px solid var(--paper-light);box-shadow:5px 5px 0 var(--honey);border-radius:16px;flex-direction:column;margin:0;display:flex;overflow:hidden}.pg-how-it-works .tcard img{aspect-ratio:600/379;object-fit:cover;border-bottom:2px solid var(--plum);background:#e6e6ea;width:100%;height:auto}.pg-how-it-works .tcard.square img{object-fit:contain;background:#fff}.pg-how-it-works .tcard .body{flex-direction:column;flex:1;gap:12px;padding:18px 20px 22px;display:flex}.pg-how-it-works .tcard .stars{color:var(--honey);letter-spacing:.12em;-webkit-text-stroke:.6px var(--plum);font-size:1.15rem;line-height:1}.pg-how-it-works .tcard blockquote{color:var(--ink-soft);margin:0;font-size:.98rem}.pg-how-it-works .tcard .who{justify-items:start;gap:6px;margin-top:auto;padding-top:6px;display:grid}.pg-how-it-works .tcard cite{color:var(--plum);font-style:normal;font-weight:800;line-height:1.25}.pg-how-it-works .tcard .type{color:var(--plum);background:var(--honey-soft);border:1.5px solid var(--plum);border-radius:6px;padding:1px 8px;font-size:.8rem;font-weight:800}.pg-how-it-works .feats{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:18px;display:grid}.pg-how-it-works .feat{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 24px;display:flex}.pg-how-it-works .feat .ic{background:var(--honey);border:2px solid var(--plum);width:68px;height:68px;color:var(--plum);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.pg-how-it-works .feat p{color:var(--ink-soft);max-width:22rem}.pg-how-it-works .feats-cta{justify-content:center;margin-top:36px;display:flex}@media (max-width:639px){.pg-how-it-works .feat{text-align:left;grid-template-columns:56px 1fr;align-items:center;gap:2px 16px;padding:18px;display:grid}.pg-how-it-works .feat .ic{grid-row:span 2;align-self:center;width:56px;height:56px;margin:0}.pg-how-it-works .feat .ic svg{width:28px;height:28px}.pg-how-it-works .feat p{font-size:.96rem}.pg-how-it-works .feats-cta{margin-top:28px}.pg-how-it-works .feats-cta .btn{width:100%}.pg-how-it-works .head.m-left{text-align:left;align-items:flex-start}.pg-how-it-works .facts{justify-content:flex-start}}.pg-how-it-works .sticky-cta[data-yield]{transform:translateY(110%)}.pg-how-it-works .drive-h{letter-spacing:-.005em;font-size:clamp(1.8rem,1.2rem + 1.9vw,2.55rem);line-height:1.14}@media (min-width:900px){.pg-how-it-works .head:has(.drive-h){max-width:52rem}.pg-how-it-works .drive-h{max-width:none}}.pg-how-it-works .uses{grid-template-columns:1fr;gap:22px;display:grid}@media (min-width:640px){.pg-how-it-works .uses{grid-template-columns:1fr 1fr}}@media (min-width:1100px){.pg-how-it-works .uses{flex-wrap:wrap;justify-content:center;display:flex}.pg-how-it-works .uses>.use{flex:0 calc(33.3333% - 14.6667px)}}.pg-how-it-works .use{color:inherit;transition:transform .15s var(--ease), box-shadow .15s var(--ease);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.pg-how-it-works .use:hover{transform:translate(-2px,-2px)}.pg-how-it-works .use:hover .more-link{color:var(--tile)}.pg-how-it-works .use:focus-visible{outline-offset:4px}.pg-how-it-works .use .more-link{color:var(--plum);align-items:center;gap:8px;margin-top:4px;font-weight:800;transition:color .15s;display:inline-flex}.pg-how-it-works .use .body{flex:1}.pg-how-it-works .use .more-link{margin-top:auto;padding-top:6px}.pg-how-it-works .use:nth-child(3n+2){box-shadow:5px 5px 0 var(--tile)}.pg-how-it-works .use:nth-child(3n+3){box-shadow:5px 5px 0 var(--honey)}.pg-how-it-works .use img{aspect-ratio:720/514;object-fit:cover;border-bottom:2px solid var(--plum);background:var(--cream);width:100%;height:auto}.pg-how-it-works .use .body{flex-direction:column;align-items:flex-start;gap:8px;padding:20px 20px 24px;display:flex}.pg-how-it-works .use h3{font-family:var(--display);letter-spacing:-.015em;font-size:1.35rem;font-weight:900}html[data-face] .pg-how-it-works .use h3{font-weight:400}.pg-how-it-works .use p{color:var(--ink-soft);font-size:.98rem}.pg-how-it-works .ask{text-align:center}.pg-how-it-works .ask .inner{flex-direction:column;align-items:center;gap:22px;display:flex}.pg-how-it-works .ask h2{max-width:46rem;font-size:clamp(1.5rem,1.15rem + 1.3vw,2.1rem)}.pg-how-it-works .ask h2>span{display:block}.pg-how-it-works .facts{flex-wrap:wrap;justify-content:center;gap:12px;margin:4px 0 0;padding:0;list-style:none;display:flex}.pg-how-it-works .facts li{background:var(--paper-light);border:2px solid var(--plum);box-shadow:3px 3px 0 var(--honey);color:var(--plum);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:10px 16px 10px 10px;font-weight:800;line-height:1.3;display:flex}.pg-how-it-works .facts .tick{background:var(--plum);width:26px;height:26px;color:var(--honey);border-radius:7px;flex:none;place-items:center;display:grid}.pg-how-it-works .incl{align-items:start;gap:40px;margin-top:48px;display:grid}.pg-how-it-works .incl .art{position:relative}.pg-how-it-works .incl .art .photo{border:3px solid var(--plum);box-shadow:8px 8px 0 var(--tile);aspect-ratio:1;background:#f2f1ef;border-radius:22px;overflow:hidden}.pg-how-it-works .incl .art img{object-fit:cover;width:100%;height:100%}.pg-how-it-works .incl .art .burst{width:92px;height:92px;bottom:-24px;right:-10px;transform:rotate(10deg)}.pg-how-it-works .incl .art .burst .paw{width:34px;height:34px;position:relative}.pg-how-it-works .incl .lists{gap:26px;display:grid}.pg-how-it-works .incl .group+.group{border-top:2px dashed var(--line);padding-top:24px}.pg-how-it-works .incl .group{gap:12px;display:grid}.pg-how-it-works .incl h3{font-size:1.15rem}.pg-how-it-works .bul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pg-how-it-works .bul li{color:var(--ink-soft);align-items:center;gap:14px;display:flex}.pg-how-it-works .bul.flavors li{color:var(--plum);font-weight:700}.pg-how-it-works .bul.flavors .texture{letter-spacing:.04em;color:var(--ink-soft);background:var(--cream);border:1px solid var(--line);white-space:nowrap;border-radius:6px;margin-left:6px;padding:1px 7px;font-size:.78rem;font-weight:800}.pg-how-it-works .incl .more{color:var(--ink-soft)}@media (min-width:900px){.pg-how-it-works .incl{grid-template-columns:.9fr 1.1fr;align-items:start;gap:72px}.pg-how-it-works .incl .art{position:sticky;top:168px}.pg-how-it-works .incl .art .burst{width:120px;height:120px;bottom:-30px;right:-30px}.pg-how-it-works .incl .art .burst .paw{width:44px;height:44px}}.pg-how-it-works .contact .card{max-width:800px;box-shadow:8px 8px 0 var(--plum);margin:0 auto;padding:28px 20px 32px}@media (min-width:640px){.pg-how-it-works .contact .card{padding:44px 48px 48px}}.pg-how-it-works .faq-wrap{gap:32px;display:grid}@media (min-width:900px){.pg-how-it-works .faq-wrap{grid-template-columns:.7fr 1.3fr;align-items:start;gap:64px}}@media (prefers-reduced-motion:reduce){.pg-how-it-works .shot .photo,.pg-how-it-works .shot img,.pg-how-it-works .rail-btns button{transition:none}}@media (max-width:639px){.pg-how-it-works .facts{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.pg-how-it-works .use{transition:none}.pg-how-it-works .use:hover{transform:none}}@media (max-width:639px){.pg-how-it-works .bul.flavors .texture{margin:4px 0 0;display:table}}