.pi-fc{--pi-fc-bg: #ffffff;--pi-fc-accent: #006bb3;--pi-fc-max-width: 1920px;--pi-fc-pt: 80px;--pi-fc-pb: 80px;--pi-fc-gutter: clamp(24px, 8.333vw, 160px);background:var(--pi-fc-bg);padding:var(--pi-fc-pt) 0 var(--pi-fc-pb)}.pi-fc,.pi-fc *,.pi-fc *:before,.pi-fc *:after{box-sizing:border-box}.pi-fc__frame{max-width:var(--pi-fc-max-width);margin:0 auto;padding:0 var(--pi-fc-gutter)}.pi-fc__container{container-type:inline-size}.pi-fc__grid{--pi-fc-gap-x: clamp(19px, 2cqw, 32px);--pi-fc-gap-y: clamp(23.5px, 2.5cqw, 40px);display:flex;flex-wrap:wrap;column-gap:var(--pi-fc-gap-x);row-gap:var(--pi-fc-gap-y)}.pi-fc__card{flex:0 0 calc((100% - var(--pi-fc-gap-x)) * var(--pi-fc-w, 50) / 100 - .1px);min-width:0;height:clamp(258px,27.4375cqw,439px);position:relative;overflow:hidden;isolation:isolate;border-radius:5px;background:var(--pi-fc-card-bg, #000000);color:var(--pi-fc-text, #ffffff)}.pi-fc__card--full{flex-basis:100%}.pi-fc__card--shadow{box-shadow:0 1px 4px #0000001a}.pi-fc__picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;margin:0}.pi-fc__image,.pi-fc__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center}.pi-fc__placeholder{background:#e5e5e5;fill:#b5b5b5}.pi-fc__text{position:absolute;z-index:1}.pi-fc__icon{--pi-fc-tile: clamp(36px, 3.125cqw, 50px);display:flex;align-items:center;justify-content:center;flex:none;width:var(--pi-fc-tile);height:var(--pi-fc-tile);border-radius:20%;background:var(--pi-fc-icon-bg, #006bb3);color:#fff}.pi-fc__icon svg,.pi-fc__icon-image{display:block;width:calc(var(--pi-fc-tile) * .6);height:calc(var(--pi-fc-tile) * .6);object-fit:contain}.pi-fc__icon--face svg{width:calc(var(--pi-fc-tile) * .72);height:calc(var(--pi-fc-tile) * .72)}.pi-fc__copy{min-width:0}.pi-fc__title{margin:0;padding:0;font:700 clamp(16px,1.5625cqw,25px) / 1.2 "Inter",sans-serif;letter-spacing:.02em;text-transform:none;color:inherit}.pi-fc__subtitle{margin:clamp(3px,.3125cqw,5px) 0 0;padding:0;font:400 clamp(12px,1.125cqw,18px) / 1.2 "Inter",sans-serif;letter-spacing:.02em;text-transform:none;color:inherit}.pi-fc__card--top .pi-fc__text{left:7.51%;top:11.62%;width:34.82%}.pi-fc__card--top .pi-fc__icon+.pi-fc__copy{margin-top:clamp(7px,.75cqw,12px)}.pi-fc__card--middle .pi-fc__text{left:clamp(12px,1.25cqw,20px);top:50%;transform:translateY(-50%);width:clamp(115px,10.625cqw,170px)}.pi-fc__card--middle .pi-fc__icon{--pi-fc-tile: clamp(30px, 3.125cqw, 50px)}.pi-fc__card--middle .pi-fc__icon+.pi-fc__copy{margin-top:clamp(9px,1cqw,16px)}.pi-fc__card--middle .pi-fc__title{font-size:clamp(14px,1.25cqw,20px)}.pi-fc__card--middle .pi-fc__subtitle{font-size:clamp(10px,.875cqw,14px)}.pi-fc__card--app{--pi-fc-badge-pad: clamp(9.4px, 1cqw, 16px);--pi-fc-badge-gap: clamp(4.7px, .5cqw, 8px);--pi-fc-logo: clamp(17.6px, 1.875cqw, 30px);--pi-fc-badge-radius: clamp(6px, .625cqw, 10px);--pi-fc-badge-small: clamp(5.9px, .625cqw, 10px);--pi-fc-badge-big: clamp(11.75px, 1.25cqw, 20px);--pi-fc-badge-apple-w: clamp(67px, 7.125cqw, 114px)}.pi-fc__card--app .pi-fc__text{left:clamp(39px,4.125cqw,66px);top:calc(50% + .5px);transform:translateY(-50%)}.pi-fc__heading{margin:0;padding:0;font:700 clamp(32px,3.4375cqw,55px) / 1 "Work Sans",sans-serif;letter-spacing:normal;text-transform:uppercase;white-space:nowrap;color:#000}.pi-fc__heading span{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit}.pi-fc__heading .pi-fc__accent{display:block;color:var(--pi-fc-accent)}.pi-fc__subheading{margin:clamp(9px,1cqw,16px) 0 0;padding:0;font:400 clamp(12px,1.25cqw,20px) / 1.5 "Inter",sans-serif;letter-spacing:normal;text-transform:none;color:#000}.pi-fc__badges{display:flex;align-items:flex-start;gap:clamp(19px,2cqw,32px);margin-top:clamp(19px,2cqw,32px)}.pi-fc__card--app .pi-fc__text>.pi-fc__badges:first-child{margin-top:0}.pi-fc__badge{display:flex;align-items:center;gap:var(--pi-fc-badge-gap);padding:var(--pi-fc-badge-pad);border-radius:var(--pi-fc-badge-radius);background:#000;color:#fff;text-decoration:none}.pi-fc__badge:focus-visible{outline:3px solid var(--pi-fc-accent);outline-offset:3px}.pi-fc__badge-logo{display:block;flex:none;width:var(--pi-fc-logo);height:var(--pi-fc-logo)}.pi-fc__badge-text{display:block;line-height:1.2;white-space:nowrap;color:#fff}.pi-fc__badge--apple .pi-fc__badge-text{width:var(--pi-fc-badge-apple-w)}.pi-fc__badge-small,.pi-fc__badge-big{display:block;line-height:1.2;text-transform:none;color:#fff}.pi-fc__badge-small{font:500 var(--pi-fc-badge-small) / 1.2 "Inter",sans-serif;letter-spacing:.02em}.pi-fc__badge-big{font:700 var(--pi-fc-badge-big) / 1.2 "Inter",sans-serif;letter-spacing:.02em}@media(max-width:1024px){.pi-fc{padding:calc(var(--pi-fc-pt) / 2) 0 calc(var(--pi-fc-pb) / 2)}.pi-fc__frame{padding:0 24px}.pi-fc__container{max-width:600px;margin:0 auto}.pi-fc__grid{flex-direction:column;flex-wrap:nowrap;row-gap:8px}.pi-fc__card,.pi-fc__card--full{flex:none;width:100%;height:auto;aspect-ratio:327 / 195}.pi-fc__card--app{aspect-ratio:327 / 367;--pi-fc-badge-pad: calc(8 / 327 * 100cqw);--pi-fc-badge-gap: calc(4 / 327 * 100cqw);--pi-fc-logo: calc(15 / 327 * 100cqw);--pi-fc-badge-radius: calc(5 / 327 * 100cqw);--pi-fc-badge-small: calc(6 / 327 * 100cqw);--pi-fc-badge-big: calc(10 / 327 * 100cqw)}.pi-fc__icon,.pi-fc__card--middle .pi-fc__icon{--pi-fc-tile: calc(30 / 327 * 100cqw);border-radius:calc(5 / 327 * 100cqw)}.pi-fc__title,.pi-fc__card--middle .pi-fc__title{font-size:calc(14 / 327 * 100cqw)}.pi-fc__subtitle,.pi-fc__card--middle .pi-fc__subtitle{margin-top:calc(5 / 327 * 100cqw);font-size:calc(10 / 327 * 100cqw)}.pi-fc__card--top .pi-fc__text{left:calc(23 / 327 * 100cqw);top:calc(21 / 327 * 100cqw);width:calc(118 / 327 * 100cqw)}.pi-fc__card--top .pi-fc__icon+.pi-fc__copy{margin-top:calc(8 / 327 * 100cqw)}.pi-fc__card--middle .pi-fc__text{left:calc(35 / 327 * 100cqw);top:calc(35 / 327 * 100cqw);width:calc(115 / 327 * 100cqw);transform:none}.pi-fc__card--middle .pi-fc__icon+.pi-fc__copy{margin-top:calc(8.45 / 327 * 100cqw)}.pi-fc__card--app .pi-fc__text{left:calc(22 / 327 * 100cqw);top:calc(22 / 327 * 100cqw);transform:none}.pi-fc__heading{font-size:calc(20 / 327 * 100cqw)}.pi-fc__subheading{margin-top:calc(4 / 327 * 100cqw);font-size:calc(10 / 327 * 100cqw)}.pi-fc__badges{flex-direction:column;align-items:stretch;gap:calc(8 / 327 * 100cqw);margin-top:calc(12 / 327 * 100cqw);width:fit-content}.pi-fc__badge--apple .pi-fc__badge-text{width:auto}}
/*# sourceMappingURL=/cdn/shop/t/293/assets/pi-feature-cards.css.map */