.pfp-how-it-works{--purple: #7030a0;--purple-deep: #4a1d6b;--purple-ink: #2e123f;--lilac: #f6f1fb;--lilac-line: #e7d8f4;--amber: #f4b740;--ink: #2a2431;--muted: #6c6577;--white: #fff;--radius: 18px;--shadow: 0 18px 44px -22px rgba(74, 29, 107, .45);--maxw: 1120px}.pfp-how-it-works,.pfp-how-it-works *{box-sizing:border-box}.pfp-how-it-works{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-body-family, system-ui),-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.pfp-how-it-works h1,.pfp-how-it-works h2,.pfp-how-it-works h3,.pfp-how-it-works h4{color:var(--purple-ink);font-family:var(--font-heading-family, system-ui),sans-serif;line-height:1.15}.pfp-how-it-works a{color:var(--purple);text-decoration:none}.pfp-how-it-works .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.pfp-how-it-works .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font-family:var(--font-heading-family, system-ui),sans-serif;font-size:12.48px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pfp-how-it-works .eyebrow:before{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px #f4b74040;content:""}.pfp-how-it-works .btn{display:inline-flex;align-items:center;gap:8.8px;padding:13.6px 25.6px;border:2px solid transparent;border-radius:999px;cursor:pointer;font-family:var(--font-heading-family, system-ui),sans-serif;font-size:16px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.pfp-how-it-works .btn-primary{background:var(--purple);box-shadow:0 12px 24px -12px #7030a0b3;color:#fff}.pfp-how-it-works .btn-primary:hover{background:var(--purple-deep);transform:translateY(-2px)}.pfp-how-it-works .btn-ghost{border-color:var(--lilac-line);background:#fff;color:var(--purple)}.pfp-how-it-works .btn-ghost:hover{border-color:var(--purple);transform:translateY(-2px)}.pfp-how-it-works .btn-light{border-color:#ffffff59;background:#ffffff24;color:#fff}.pfp-how-it-works .btn-light:hover{background:#ffffff3d}.pfp-how-it-works .page-title{margin:0;padding:32px 0 40px;max-width:none;background:#f7edf7}.pfp-how-it-works .page-title .inline-block{display:block;margin:0 auto;padding:0 var(--px-mobile);max-width:var(--page-width)}@media(min-width:750px){.pfp-how-it-works .page-title .inline-block{padding:0 5rem}}.pfp-how-it-works .page-title h1{margin:0;color:#000}.pfp-how-it-works .hero{padding:0 0 42px;background:#f7edf7}.pfp-how-it-works .hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border:1px solid var(--lilac-line);border-radius:28px;background:#fff;box-shadow:0 24px 54px -34px #4a1d6b61}.pfp-how-it-works .hero-copy{position:relative;z-index:2;padding:32px 58px}.pfp-how-it-works .hero-visual{display:flex;align-items:center;padding:14px 32px 14px 14px}.pfp-how-it-works .hero-visual img{width:100%;height:auto;border-radius:var(--radius)}.pfp-how-it-works .hero-eyebrow{display:flex;width:fit-content;margin-bottom:15px}.pfp-how-it-works .hero .status{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:6.4px 14.4px;border:1px solid var(--lilac-line);border-radius:999px;background:var(--lilac);color:var(--purple);font-size:13.6px;font-weight:500}.pfp-how-it-works .status .dot{width:9px;height:9px;border-radius:50%;background:#5be5a0;box-shadow:0 0 0 4px #5be5a047}.pfp-how-it-works .hero h1{max-width:17ch;margin:0;color:#203f35;font-size:clamp(33.6px,4.3vw,52.8px);font-weight:700}.pfp-how-it-works .hero p.lede{max-width:56ch;margin:20px 0 0;color:var(--muted);font-size:17.92px}.pfp-how-it-works .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.pfp-how-it-works .hero-paw{position:absolute;color:#fff;opacity:.12}.pfp-how-it-works .hero-paw-large{top:35px;right:-34px;width:260px;transform:rotate(16deg)}.pfp-how-it-works .hero-paw-small{bottom:-34px;left:-30px;width:150px;transform:rotate(-18deg)}.pfp-how-it-works .medicine-symbol{position:absolute;top:50%;left:50%;width:108px;height:108px;border:2px solid rgba(255,255,255,.4);border-radius:28px;background:#ffffff1f;box-shadow:0 20px 40px #2e123f2e;transform:translate(-50%,-50%) rotate(7deg)}.pfp-how-it-works .medicine-symbol span{position:absolute;top:50%;left:50%;width:52px;height:15px;border-radius:999px;background:#fff;transform:translate(-50%,-50%)}.pfp-how-it-works .medicine-symbol span+span{transform:translate(-50%,-50%) rotate(90deg)}.pfp-how-it-works section{padding:76px 0}.pfp-how-it-works .section-head{max-width:60ch;margin-bottom:44px}.pfp-how-it-works .section-head h2{margin:12px 0 0;font-size:clamp(27.2px,3.5vw,38.4px);font-weight:700}.pfp-how-it-works .section-head p{margin:14px 0 0;color:var(--muted);font-size:17.28px}.pfp-how-it-works .paths,.pfp-how-it-works .shop{background:var(--lilac)}.pfp-how-it-works .paths .section-head{max-width:none}.pfp-how-it-works .paths .section-head p{max-width:60ch}.pfp-how-it-works .shop{background:var(--lilac);padding-top:12px}.pfp-how-it-works .path-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.pfp-how-it-works .path-card{display:flex;flex-direction:column;padding:34px 30px 30px;border:1px solid var(--lilac-line);border-radius:var(--radius);background:#fff;box-shadow:0 10px 30px -24px #4a1d6b80}.pfp-how-it-works .path-card .tag{align-self:flex-start;margin-bottom:8px;padding:5.6px 12.8px;border-radius:999px;font-family:var(--font-heading-family, system-ui),sans-serif;font-size:12.16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pfp-how-it-works .tag.new{background:var(--purple);color:#fff}.pfp-how-it-works .tag.file{background:#f4b7402e;color:#a5700a}.pfp-how-it-works .path-card h3{margin:0 0 4px;font-size:21.12px;font-weight:600}.pfp-how-it-works .path-card .sub{margin:0 0 22px;color:var(--muted);font-size:15.2px}.pfp-how-it-works ol.steps{position:relative;margin:0;padding:0;list-style:none}.pfp-how-it-works ol.steps li:not(:last-child):before{position:absolute;top:19px;bottom:-19px;left:18px;width:2px;background:var(--lilac-line);content:""}.pfp-how-it-works ol.steps li{position:relative;min-height:38px;padding:0 0 22px 56px}.pfp-how-it-works ol.steps li:last-child{padding-bottom:0}.pfp-how-it-works ol.steps li .num{position:absolute;z-index:1;top:0;left:0;display:grid;width:38px;height:38px;border:2px solid var(--purple);border-radius:50%;background:#fff;color:var(--purple);font-family:var(--font-heading-family, system-ui),sans-serif;font-weight:600;place-items:center}.pfp-how-it-works .path-card.file ol.steps li .num{border-color:var(--amber);color:#a5700a}.pfp-how-it-works .path-card.file ol.steps li:not(:last-child):before{background:#f4b74073}.pfp-how-it-works ol.steps li h4{margin:6px 0 2px;font-size:16px}.pfp-how-it-works ol.steps li p{margin:0;color:var(--muted);font-size:15.04px}.pfp-how-it-works .faq{background:#fff;display:none}.pfp-how-it-works .cond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pfp-how-it-works .cond{display:flex;align-items:center;justify-content:center;gap:10px;min-height:84px;padding:20px 18px;border:1px solid var(--lilac-line);border-radius:14px;background:#fff;color:var(--purple-ink);font-family:var(--font-heading-family, system-ui),sans-serif;font-size:15.68px;font-weight:600;text-align:center}.pfp-how-it-works .shop-all{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.pfp-how-it-works .faq-groups{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px}.pfp-how-it-works .faq-col h3{margin:0 0 8px;padding-bottom:10px;border-bottom:2px solid var(--lilac-line);color:var(--purple);font-size:13.12px;letter-spacing:.1em;text-transform:uppercase}.pfp-how-it-works .faq-col h3.faq-subhead{margin-top:28px}.pfp-how-it-works details{padding:4px 0;border-bottom:1px solid var(--lilac-line)}.pfp-how-it-works summary{position:relative;padding:14px 34px 14px 0;color:var(--purple-ink);cursor:pointer;font-family:var(--font-heading-family, system-ui),sans-serif;font-size:16px;font-weight:500;list-style:none}.pfp-how-it-works summary::-webkit-details-marker{display:none}.pfp-how-it-works summary:after{position:absolute;top:11px;right:2px;color:var(--purple);content:"+";font-family:var(--font-body-family, system-ui),sans-serif;font-size:22.4px;line-height:1;transition:transform .2s ease}.pfp-how-it-works details[open] summary:after{transform:rotate(45deg)}.pfp-how-it-works details p{margin:0 0 16px;padding-right:12px;color:var(--muted);font-size:15.2px}.pfp-how-it-works details .addr-mini{color:var(--purple-ink);font-family:var(--font-heading-family, system-ui),sans-serif;font-weight:500}.pfp-how-it-works .closing{background:#fff}.pfp-how-it-works .closing-card{position:relative;overflow:hidden;padding:52px 48px;border:1px solid var(--lilac-line);border-radius:26px;background:radial-gradient(circle at 95% 5%,rgba(244,183,64,.19),transparent 24%),linear-gradient(135deg,#f9f2fd,#fff 70%);box-shadow:0 22px 54px -38px #4a1d6b73;text-align:center}.pfp-how-it-works .closing-copy{position:relative;z-index:2}.pfp-how-it-works .closing h2{max-width:20ch;margin:0 auto;color:#203f35;font-size:clamp(28.8px,4vw,41.6px);font-weight:700}.pfp-how-it-works h2{margin:0}.pfp-how-it-works .closing p{max-width:52ch;margin:16px auto 0;color:var(--muted);font-size:17.28px}.pfp-how-it-works .closing .hero-cta{justify-content:center}.pfp-how-it-works .closing .contact{margin-top:30px;color:var(--muted);font-size:15.2px}.pfp-how-it-works .closing .contact a{color:var(--purple);font-weight:600;text-decoration:underline;text-underline-offset:3px}.pfp-how-it-works .paw{position:absolute;z-index:1;color:var(--purple);opacity:.07}.pfp-how-it-works .paw.p3{top:-48px;left:-38px;width:190px;transform:rotate(-20deg)}.pfp-how-it-works .paw.p4{right:-38px;bottom:-54px;width:170px;transform:rotate(14deg)}@media(max-width:900px){.pfp-how-it-works .hero-panel{grid-template-columns:1fr 320px}.pfp-how-it-works .hero-copy{padding:46px 42px}.pfp-how-it-works .path-grid,.pfp-how-it-works .faq-groups{grid-template-columns:1fr}.pfp-how-it-works .cond-grid{grid-template-columns:repeat(2,1fr)}.pfp-how-it-works .faq-groups{gap:8px 0}}@media(max-width:768px){.pfp-how-it-works .hero-panel{grid-template-columns:1fr}}@media(max-width:520px){.pfp-how-it-works section{padding:40px 0}.pfp-how-it-works .page-title{padding:16px 0 20px}.pfp-how-it-works .hero{padding:0 0 24px}.pfp-how-it-works .hero-panel{grid-template-columns:1fr}.pfp-how-it-works .hero-copy{padding:22px 20px}.pfp-how-it-works .hero p.lede{margin-top:12px}.pfp-how-it-works .hero-visual{min-height:150px;padding:10px}.pfp-how-it-works .medicine-symbol{width:82px;height:82px;border-radius:22px}.pfp-how-it-works .medicine-symbol span{width:40px;height:12px}.pfp-how-it-works .cond-grid{grid-template-columns:1fr}.pfp-how-it-works .closing-card{padding:38px 24px}.pfp-how-it-works .closing .hero-cta{flex-direction:column}.pfp-how-it-works .closing .btn{justify-content:center}}@media(prefers-reduced-motion:reduce){.pfp-how-it-works,.pfp-how-it-works *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:520px){.pfp-how-it-works .shop-all{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-how-it-works.css.map */