@keyframes how-mobIn{0%{opacity:0;transform:translateY(60px)scale(.92)}to{opacity:1;transform:none}}@keyframes how-gvHalo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes how-gvWiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-6deg)}20%{transform:rotate(5deg)}30%{transform:rotate(-3deg)}40%{transform:rotate(0)}}@keyframes how-gvTwinkle{0%,to{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}@keyframes how-gvLean{0%,to{rotate:none}40%,70%{rotate:14deg}}.pg-how .h2{font-size:clamp(40px,5.4vw,80px)}.pg-how .w{animation:.9s cubic-bezier(.2,.8,.2,1) both riseIn;display:inline-block}.pg-how .phone{background:var(--ink);border-radius:13%/6%;padding:3.2%;position:relative;box-shadow:0 40px 80px -30px #1b110c8c}.pg-how .phone .scr{aspect-ratio:736/1600;background:#fff;border-radius:11%/5.2%;position:relative;overflow:hidden}.pg-how .phone .scr img{object-fit:cover;width:100%;height:100%}.pg-how .hero{text-align:center;padding:96px 0 40px;position:relative}.pg-how .h1{font-size:clamp(48px,6.4vw,100px)}.pg-how .steps{padding-block:60px 40px}.pg-how .blk{padding:64px 0}.pg-how .blk .inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:80px;display:grid}.pg-how .blk .inner>:not(.mob){grid-column:1}.pg-how .blk .num{border:2px solid var(--deep);width:64px;height:64px;color:var(--deep);font-family:var(--font-display);border-radius:50%;justify-content:center;place-self:end start;align-items:center;margin-bottom:24px;font-size:24px;font-weight:500;display:inline-flex;rotate:-8deg}.pg-how .blk .num.last{background:var(--deep);color:#fff}.pg-how .blk h3{margin-bottom:20px;font-size:clamp(36px,4vw,60px)}.pg-how .blk .inner p{align-self:start}.pg-how .blk .inner .mob{grid-area:1/2/span 3;justify-self:center;width:min(300px,80%);margin:0;transition:rotate .7s cubic-bezier(.34,1.56,.64,1);display:block;rotate:3deg}.pg-how .blk:nth-child(2n) .inner>:not(.mob){grid-column:2}.pg-how .blk:nth-child(2n) .inner .mob{grid-column:1;rotate:-3deg}.pg-how .blk .inner .mob:hover{rotate:none}@supports (animation-timeline:view()){.pg-how .blk .inner .mob{animation:linear both how-mobIn;animation-timeline:view();animation-range:entry cover 40%}}.pg-how .inked{background:var(--ink);color:var(--paper);padding:130px 0}.pg-how .inked .lede{color:#fff6eeb8}.pg-how .side-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.pg-how .rec{grid-template-columns:minmax(0,1.2fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;margin-top:64px;display:grid}.pg-how .rec .arrow{color:var(--accent)}.pg-how .rec figure{text-align:center;margin:0}.pg-how .rec figcaption{margin-top:20px;font-size:17px;font-weight:700}.pg-how .rec figcaption span{color:#fff6eea6;margin-top:4px;font-size:15px;font-weight:500;display:block}.pg-how .cardimg{border-radius:20px;transition:rotate .6s cubic-bezier(.34,1.56,.64,1);rotate:-6deg;box-shadow:0 40px 70px -30px #000c}.pg-how .cardimg:hover{rotate:none}.pg-how .gv{aspect-ratio:9/19.4;background:#2a1c15;border:8px solid #2a1c15;border-radius:42px;width:100%;max-width:260px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px -30px #1b110c8c}.pg-how .gv-s{text-align:center;border-radius:34px;flex-direction:column;align-items:center;height:100%;padding:30px 18px 20px;display:flex;position:relative;overflow:hidden}.pg-how .gv-0{background:var(--deep);color:#fff;justify-content:center}.pg-how .gv-4{background:var(--paper);padding-top:34px}.pg-how .gv-mono{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:500}.pg-how .gv-h{font-family:var(--font-display);letter-spacing:-.015em;font-weight:400;line-height:1.04;display:block}.pg-how .gv-gift{width:150px;height:150px;margin:10px 0 14px;position:relative}.pg-how .gv-nm{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:8px 0 2px;padding:2px 12px 7px;font-size:52px;font-weight:400;line-height:1.04;display:inline-block;position:relative}.pg-how .gv-nm i{background:#ffe3cf;border-radius:10px 16px 12px 18px;position:absolute;inset:14% 0 6%;rotate:-2.5deg}.pg-how .gv-nm b{font-weight:800;position:relative}.pg-how .gv-gift img{object-fit:contain;transform-origin:50% 90%;width:100%;height:100%;animation:2.6s ease-in-out infinite how-gvWiggle;position:absolute;inset:0}.pg-how .gv-halo{border:2px solid #ffffff80;border-radius:50%;animation:2.4s cubic-bezier(0,0,.2,1) infinite how-gvHalo;position:absolute;inset:0}.pg-how .gv-halo.late{animation-delay:1.2s}.pg-how .gv-disc{background:#ffffff1f;border-radius:50%;position:absolute;inset:10px}.pg-how .gv-sp{color:#ffd9c2;width:9px;height:9px;animation:2.2s ease-in-out infinite how-gvTwinkle;position:absolute}.pg-how .gv-sp svg{width:100%;height:100%;display:block}.pg-how .gv-dots{color:#fff;justify-content:center;gap:4px;display:flex;position:absolute;bottom:10px;left:0;right:0}.pg-how .gv-dots.on-light{color:var(--ink)}.pg-how .gv-dots i{opacity:.3;background:currentColor;border-radius:9px;width:4px;height:4px}.pg-how .gv-dots i.on{opacity:1;width:15px}.pg-how .gv-sheet{background:#fff;border-radius:22px;width:100%;padding:18px 14px 14px;box-shadow:0 24px 40px -24px #1b110c73}.pg-how .gv-sheet p{color:var(--muted);margin:8px 0 0;font-size:11px;line-height:1.45}.pg-how .gv-lean{width:84px;height:84px;margin:0 auto 10px;position:relative}.pg-how .gv-lean .ph{border:3px solid var(--ink);background:var(--paper2);transform-origin:50% 100%;border-radius:8px;width:31px;height:56px;animation:3s ease-in-out infinite how-gvLean;position:absolute;bottom:11px;left:27px}.pg-how .gv-lean .ph:after{content:"";background:var(--deep);border-radius:50%;width:6px;height:6px;margin-left:-3px;position:absolute;top:4px;left:50%}.pg-how .gv-lean .base{background:var(--ink);border-radius:4px;height:4px;position:absolute;bottom:7px;left:7px;right:7px}.pg-how .gv-lean .mug{background:var(--deep);border-radius:3px 3px 7px 7px;width:21px;height:25px;position:absolute;bottom:11px;right:8px}.pg-how .gv-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.pg-how .gv-facts span{background:var(--paper);color:var(--muted);border-radius:10px;padding:7px 3px;font-size:8.5px;font-weight:600}.pg-how .gv-facts b{color:var(--ink);font-size:13px;display:block}.pg-how .gv-btn{background:var(--deep);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:6px;font-size:12.5px;font-weight:700;display:flex;box-shadow:0 10px 20px -10px #c23c00cc}.pg-how .gv-btn.ghost{color:var(--ink);box-shadow:none;background:0 0;border:1.5px solid #1b110c2e}.pg-how .trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;overflow:hidden}.pg-how .trk{width:max-content;animation:40s linear infinite marquee;display:flex}.pg-how .trust:hover .trk{animation-play-state:paused}.pg-how .ti{white-space:nowrap;align-items:center;gap:14px;padding-right:48px;font-size:20px;font-weight:700;display:flex}.pg-how .cta{background:var(--deep);color:#fff;text-align:center;border-radius:48px;margin:120px 16px 0;padding:96px 32px;position:relative;overflow:hidden}.pg-how .cta .lede{color:#ffffffe0}.pg-how .cta-mascot{width:170px;margin:0 auto 8px}@media (max-width:1000px){.pg-how .blk{padding:48px 0}.pg-how .blk .inner{grid-template-columns:minmax(0,1fr)}.pg-how .blk .inner>*,.pg-how .blk:nth-child(2n) .inner>*{grid-column:1!important}.pg-how .blk .inner .mob{grid-row:auto;justify-self:start;width:min(280px,80%);margin-top:32px}.pg-how .rec{grid-template-columns:minmax(0,1fr)}.pg-how .rec .arrow{justify-self:center;rotate:90deg}}@media (max-width:640px){.pg-how .cta{border-radius:28px;margin:96px 8px 0;padding:72px 20px}}