.hp-h1{font-size:clamp(50px,6vw,84px);line-height:.97}.hp-h2{font-size:clamp(34px,3.4vw,48px);line-height:1.05}.hp-h3{font-size:26px;line-height:1.2}.hp-lead{max-width:32em;color:var(--text-secondary);font:400 20px/32px var(--font-body);text-wrap:pretty;margin:0}.hp-body{max-width:36em;color:var(--text-secondary);font:400 17px/27px var(--font-body);text-wrap:pretty;margin:0}.hp-hero{padding-block:24px 0}.hp-hero__grid{align-items:center}.hp-hero__copy{grid-column:1/span 5;padding-block:24px}.hp-hero__copy .hp-lead{margin-top:28px}.hp-hero__copy .store-buttons{margin-top:36px}.hp-hero__more{margin-top:20px;margin-left:-12px}.hp-hero__art{grid-column:6/-1;position:relative}.hp-hero__stage{height:600px}.hp-hero__b1{background:var(--surface-card);width:440px;height:440px;top:-110px;right:-90px}.hp-hero__b2{background:var(--surface-butter);width:260px;height:260px;bottom:-60px;left:-70px}.hp-thread{z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hp-dev{z-index:1;position:absolute}.hp-dev--front{z-index:2;width:39%;top:84px;left:30.5%}.hp-dev--left{--r:-3deg;width:35.4%;transform:rotate(var(--r));top:140px;left:3.8%}.hp-dev--right{--r:3deg;width:35.4%;transform:rotate(var(--r));top:140px;right:3.8%}.hp-hero__yarn{z-index:5;width:104px;filter:drop-shadow(0 6px 0 var(--brand-ink));position:absolute;top:70px;left:-40px;transform:rotate(-8deg)}@keyframes hp-rise{0%{opacity:0;transform:translateY(36px) rotate(var(--r,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--r,0deg))}}@keyframes hp-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hp-pop{0%{opacity:0;transform:scale(.5)rotate(-40deg)}65%{opacity:1;transform:scale(1.08)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(-8deg)}}.hp-dev{animation:.7s cubic-bezier(.2,.9,.3,1.15) both hp-rise}.hp-dev--left{animation-delay:.12s}.hp-dev--right{animation-delay:.22s}.hp-dev--front{animation-delay:.32s}.hp-thread path{stroke-dasharray:1;animation:1.5s cubic-bezier(.6,0,.3,1) .55s both hp-draw}.hp-hero__yarn{animation:.6s cubic-bezier(.3,1.6,.5,1) .35s both hp-pop}.hp-jump{justify-content:center;margin-top:56px;padding-bottom:64px;display:flex}.hp-jump ul{border:1px solid var(--line-glass);border-radius:var(--radius-pill);background:var(--surface-glass);box-shadow:var(--shadow-rim);gap:4px;margin:0;padding:6px;list-style:none;display:flex}.hp-jump li{margin:0}.hp-jump a{border-radius:var(--radius-pill);min-height:52px;color:var(--text-primary);font:600 15px/20px var(--font-body);align-items:center;gap:10px;padding:0 20px 0 12px;text-decoration:none;transition:background-color .16s;display:inline-flex}.hp-jump a:hover{background:var(--line-subtle)}.hp-jump .pt-ico{width:30px;height:30px}.hp-weave{padding-block:112px}.hp-weave__title{grid-column:1/span 6}.hp-weave__intro{gap:var(--space-4);flex-direction:column;grid-column:8/-1;align-self:end;display:flex}.hp-loom{margin-top:72px;position:relative}.hp-loom__lanes,.hp-loom__row,.hp-loom__warp{grid-template-columns:220px repeat(6,minmax(0,1fr));align-items:center;display:grid}.hp-loom__lanes{margin-bottom:var(--space-3)}.hp-lane{color:var(--text-tertiary);font:500 15px/20px var(--font-body);text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.hp-lane .pt-ico{opacity:.38;width:40px;height:40px;transition:opacity .25s}.hp-loom__warp{pointer-events:none;position:absolute;inset:78px 0 0}.hp-loom__warp span{background:var(--line-subtle);justify-self:center;width:1px;height:100%}.hp-loom__warp span:first-child{visibility:hidden}.hp-loom__rows{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex;position:relative}.hp-loom__row{border-radius:var(--radius-pill);cursor:pointer;width:100%;min-height:72px;position:relative}.hp-loom__radio{opacity:0;width:1px;height:1px;margin:0;position:absolute}.hp-loom__row:has(.hp-loom__radio:focus-visible){outline:2.5px solid var(--focus-ring);outline-offset:3px}.hp-loom__name{border-radius:var(--radius-pill);min-height:44px;color:var(--text-secondary);font:600 16px/20px var(--font-body);border:1.5px solid #0000;grid-area:1/1;justify-self:start;align-items:center;gap:10px;padding:0 18px 0 14px;transition:background-color .16s;display:inline-flex}.hp-loom__dot{border-radius:var(--radius-pill);background:var(--thread);flex:none;width:12px;height:12px}.hp-loom__row:hover .hp-loom__name{background:var(--line-subtle);color:var(--text-primary)}.hp-loom__wave{opacity:.3;grid-area:1/2/auto/-1;width:100%;height:28px;transition:opacity .25s;overflow:visible}.hp-loom__wave path{fill:none;stroke:var(--thread);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hp-knot{border:2px solid var(--thread);border-radius:var(--radius-pill);background:var(--surface-page);opacity:.45;grid-row:1;justify-self:center;width:14px;height:14px;transition:width .25s cubic-bezier(.3,1.6,.5,1),height .25s cubic-bezier(.3,1.6,.5,1),opacity .25s}.hp-loom__row:has(.hp-loom__radio:checked) .hp-loom__name{border-color:var(--action-edge);background:var(--surface-butter);box-shadow:var(--shadow-ledge-sm);color:var(--text-on-action)}.hp-loom__row:has(.hp-loom__radio:checked) .hp-loom__dot{box-shadow:0 0 0 1.5px var(--brand-ink)}.hp-loom__row:has(.hp-loom__radio:checked) .hp-loom__wave{opacity:1}.hp-loom__row:has(.hp-loom__radio:checked) .hp-loom__wave path{stroke-width:4px}.hp-loom__row:has(.hp-loom__radio:checked) .hp-knot{border:4px solid var(--surface-page);background:var(--thread);width:28px;height:28px;box-shadow:0 0 0 2px var(--thread);opacity:1}.hp-threads:has(#thread-recall:checked) .hp-lane[data-recall],.hp-threads:has(#thread-play:checked) .hp-lane[data-play],.hp-threads:has(#thread-handling:checked) .hp-lane[data-handling]{color:var(--text-primary);font-weight:650}.hp-threads:has(#thread-recall:checked) .hp-lane[data-recall] .pt-ico,.hp-threads:has(#thread-play:checked) .hp-lane[data-play] .pt-ico,.hp-threads:has(#thread-handling:checked) .hp-lane[data-handling] .pt-ico{opacity:1}.hp-t-recall{--thread:var(--brand-butter)}.hp-t-play{--thread:var(--brand-peach)}.hp-t-handling{--thread:var(--brand-glass)}@supports selector(:has(*)){.hp-quoteset{display:none}.hp-threads:has(#thread-recall:checked) .hp-quoteset.hp-t-recall,.hp-threads:has(#thread-play:checked) .hp-quoteset.hp-t-play,.hp-threads:has(#thread-handling:checked) .hp-quoteset.hp-t-handling{display:block}}.hp-quotes{border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-rim);margin-top:48px;padding:12px 48px}.hp-quote{column-gap:var(--space-6);border-top:1px solid var(--line-subtle);grid-template-columns:220px minmax(0,1fr);align-items:baseline;padding:28px 0;display:grid}.hp-quote:first-child{border-top:0}.hp-quote__area{align-self:start;align-items:center;gap:var(--space-3);color:var(--text-primary);font:600 16px/20px var(--font-body);margin:0;display:flex}.hp-quote__area .pt-ico{width:30px;height:30px}.hp-quote__text{max-width:44em;color:var(--text-primary);font:400 20px/32px var(--font-body);text-wrap:pretty;margin:0}.hp-quote__time{color:var(--text-secondary);font:600 20px/32px var(--font-display);margin-right:10px}.hp-mk{border-radius:var(--radius-xs);background:var(--thread);color:var(--brand-ink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:1px 6px}.hp-weave__note{color:var(--text-tertiary);font:500 13px/18px var(--font-body);margin:20px 0 0}.hp-areas__title{grid-column:1/span 7}.hp-areas__intro{grid-column:9/-1;align-self:end}.hp-pair{align-items:start;margin-top:88px}.hp-area{flex-direction:column;min-width:0;scroll-margin-top:16px;display:flex}.hp-area--big{grid-column:1/span 7}.hp-area--small{grid-column:9/-1;padding-top:40px}.hp-pair--rev .hp-area--small{grid-area:1/1/auto/span 4}.hp-pair--rev .hp-area--big{grid-area:1/6/auto/-1}.hp-area__copy{gap:var(--space-3);flex-direction:column;padding:32px 8px 0;display:flex}.hp-area--small .hp-area__copy{padding:0 4px 32px}.hp-area__name{margin:0 0 var(--space-1);color:var(--text-primary);font:600 16px/20px var(--font-body);align-items:center;gap:10px;display:flex}.hp-area__name a{min-height:44px;color:inherit;align-items:center;margin-block:-12px;display:inline-flex}.hp-stage--big{height:580px}.hp-stage--small{height:430px}.hp-stage--big.hp-stage--chat{height:640px}.hp-stage--big .pt-device,.hp-stage--small .pt-device{width:290px;margin-left:-145px;position:absolute;top:56px;left:50%}.hp-stage--small .pt-device{width:252px;margin-left:-126px;top:48px}.hp-stage--big .pt-device.hp-dev--off{left:58%}.hp-stage--big .pt-callout{z-index:3}.hp-area__b1{background:var(--surface-card);width:340px;height:340px}.hp-area__b2{background:var(--surface-butter);width:180px;height:180px}.hp-tex{z-index:-1;color:#d9eecc;pointer-events:none;position:absolute}.hp-tex *{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hp-care__copy{gap:var(--space-5);flex-direction:column;grid-column:1/span 6;display:flex}.hp-care__side{gap:var(--space-5);padding-top:var(--space-2);flex-direction:column;grid-column:8/-1;align-self:start;display:flex}.hp-care__pets{gap:var(--space-3);flex-direction:column;margin-top:28px;display:flex}.hp-care__pets .hp-h3{font-size:22px}.hp-pets{gap:var(--space-4);margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.hp-pet{align-items:center;gap:var(--space-4);border-radius:var(--radius-md);background:var(--surface-page);flex-direction:row;padding:16px 20px 16px 16px}.hp-pet__name{color:var(--text-primary);font:650 18px/24px var(--font-body)}.hp-pet .pt-card__icon{width:52px;height:52px}.hp-pet .pt-ico{width:34px;height:34px}.hp-note{padding:22px var(--space-6);border-radius:var(--radius-lg)}.hp-note p{color:var(--text-on-action);margin:0}.hp-faq{grid-column:1/span 7}.hp-faq>.hp-h2{margin-bottom:var(--space-8)}.hp-q{border-top:1px solid var(--line-subtle)}.hp-q:last-child{border-bottom:1px solid var(--line-subtle)}.hp-q__sum{justify-content:space-between;align-items:center;gap:var(--space-6);cursor:pointer;border-radius:16px;padding:22px 4px;list-style:none;display:flex}.hp-q__sum::-webkit-details-marker{display:none}.hp-q__sum h3{color:var(--text-primary);font:650 20px/28px var(--font-body);text-wrap:pretty}.hp-q__icon{border:1.5px solid var(--line-subtle);border-radius:var(--radius-pill);background:var(--surface-raised);flex:none;place-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background-color .16s;display:grid}.hp-q[open] .hp-q__icon{border-color:var(--brand-ink);background:var(--surface-butter);transform:rotate(45deg)}.hp-q__a{max-width:40em;padding:0 72px 28px 4px}.hp-q__a p{color:var(--text-secondary)}.hp-q__a p:last-child{margin-bottom:0}.hp-guides{grid-column:9/-1;padding-top:6px}.hp-guides .hp-body{margin-top:var(--space-3)}.hp-guides ul{flex-direction:column;gap:6px;margin:28px 0 0;padding:0;list-style:none;display:flex}.hp-guides li{margin:0}.hp-guides li a{min-height:44px;font:600 18px/24px var(--font-body);align-items:center;display:inline-flex}@media (width<=1023px){.hp-hero__copy,.hp-hero__art,.hp-weave__title,.hp-weave__intro,.hp-areas__title,.hp-areas__intro,.hp-area--big,.hp-area--small,.hp-pair--rev .hp-area--big,.hp-pair--rev .hp-area--small,.hp-care__copy,.hp-care__side,.hp-faq,.hp-guides{grid-column:1/-1}.hp-pair--rev .hp-area--big{grid-row:2}.hp-hero__art{margin-top:var(--space-8)}.hp-weave__intro,.hp-areas__intro{margin-top:var(--space-6)}.hp-area--small{padding-top:0}.hp-pair{row-gap:64px;margin-top:64px}.hp-area--big{flex-direction:column-reverse}.hp-area--big .hp-area__copy,.hp-area--small .hp-area__copy{padding:0 4px 28px}.hp-care__side{margin-top:40px}.hp-guides{margin-top:56px}.hp-loom__lanes,.hp-loom__row,.hp-loom__warp{grid-template-columns:170px repeat(6,minmax(0,1fr))}.hp-quote{grid-template-columns:180px minmax(0,1fr)}}@media (width>=1024px) and (width<=1279px){.hp-hero__stage{height:500px}}@media (width<=899px){.hp-jump ul{border-radius:var(--radius-lg);grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%;display:grid}.hp-jump a{border-radius:var(--radius-md);flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:76px;padding:10px 4px;font-size:14px}}@media (width<=639px){.hp-hero{padding-top:8px}.hp-hero__copy{padding-block:16px 0}.hp-hero__copy .hp-lead{margin-top:20px;font-size:18px;line-height:28px}.hp-hero__copy .store-buttons{margin-top:28px}.hp-hero__stage{height:470px}.hp-dev--left,.hp-dev--right{display:none}.hp-dev--front{width:74%;top:44px;left:13%}.hp-hero__yarn{width:78px;top:-26px;left:-8px}.hp-hero__b1{width:300px;height:300px;top:-80px;right:-110px}.hp-hero__b2{width:200px;height:200px;bottom:-60px;left:-80px}.hp-jump{margin-top:40px;padding-bottom:48px}.hp-jump ul{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-weave{padding-block:72px}.hp-loom{margin-top:48px}.hp-loom__lanes,.hp-loom__row,.hp-loom__warp{grid-template-columns:0 repeat(6,minmax(0,1fr))}.hp-lane span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.hp-lane .pt-ico{width:34px;height:34px}.hp-loom__warp{top:50px}.hp-loom__row{border-radius:var(--radius-lg);row-gap:6px;padding:6px 0}.hp-loom__name{grid-area:1/1/auto/-1;min-height:40px}.hp-loom__wave,.hp-knot{grid-row:2}.hp-loom__wave{grid-column:1/-1}.hp-quotes{border-radius:var(--radius-lg);margin-top:32px;padding:4px 20px}.hp-quote{row-gap:var(--space-3);grid-template-columns:1fr;padding:22px 0}.hp-quote__text{font-size:18px;line-height:29px}.hp-pair{row-gap:56px;margin-top:48px}.hp-stage--big,.hp-stage--small{height:450px}.hp-stage--big .pt-device,.hp-stage--small .pt-device{width:270px;margin-left:-135px;top:44px}.hp-stage--big .pt-device.hp-dev--off{left:50%}.hp-stage--big.hp-stage--chat{height:580px}.hp-pets{grid-template-columns:1fr}.hp-q__sum{padding:18px 0}.hp-q__sum h3{font-size:18px;line-height:25px}.hp-q__a{padding:0 0 24px}}@media (prefers-reduced-motion:reduce){.hp-dev,.hp-thread path,.hp-hero__yarn{animation:none}.hp-knot,.hp-lane .pt-ico,.hp-loom__wave,.hp-q__icon{transition:none}}
