.pif-case-detail{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.pif-case-detail__head{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:60px 24px}.pif-case-detail__head-col{display:flex;flex:1 0 0;flex-direction:row;align-items:center;justify-content:space-between;width:1px;max-width:1300px;padding:0 32px}.pif-case-detail__title{display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;gap:24px;width:1px;max-width:610px}.pif-case-detail__title-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.pif-case-detail__h{width:100%;white-space:pre-wrap;overflow-wrap:break-word}.pif-case-detail__intro{width:100%;font:400 20px/28px var(--f-ui);letter-spacing:-.01em;color:var(--ink-66);font-feature-settings:var(--ff-preset);overflow-wrap:break-word}.pif-case-detail__back{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;border-radius:6px;background:#0e0b0a00;color:var(--ink);text-decoration:none;transition:background-color .6s cubic-bezier(.22,1,.36,1)}.pif-case-detail__back:hover{background:#0e0b0a05}.pif-case-detail__back-arrow{width:14px;height:14px;flex:none}.pif-case-detail__band{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;padding:0 24px}.pif-case-detail__col{position:relative;display:flex;flex:1 0 0;flex-direction:row;align-items:center;justify-content:center;gap:60px;width:1px;max-width:1300px;padding:0 32px}.pif-case-detail__main{position:relative;display:flex;flex:1 0 0;flex-direction:row;align-items:center;width:1px;padding:60px 0 140px}.pif-case-detail__rich{display:flex;flex-direction:column;align-items:flex-start;gap:80px;width:100%}.pif-case-detail__block{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}.pif-case-detail__block-h{width:100%;overflow-wrap:break-word}.pif-case-detail__block-p{width:100%;font:400 17px/28px var(--f-ui);letter-spacing:0;color:var(--ink-66);font-feature-settings:var(--ff-preset);overflow-wrap:break-word}.pif-case-detail__aside{position:relative;display:flex;flex:1 0 0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:32px;align-self:stretch;width:1px;max-width:412px;padding:80px 0 80px 32px}.pif-case-detail__edge{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pif-case-detail__meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%}.pif-case-detail__meta--list{gap:8px}.pif-case-detail__meta-h{width:100%;font:400 15px/22px var(--f-ui);letter-spacing:0;color:var(--ink);font-feature-settings:var(--ff-preset)}.pif-case-detail__meta-b,.pif-case-detail__meta-ul li{width:100%;font:400 15px/22px var(--f-ui);letter-spacing:0;color:var(--ink-66);font-feature-settings:var(--ff-preset);overflow-wrap:break-word}.pif-case-detail__meta-ul{width:100%;padding-left:20px;list-style:disc}.pif-case-detail__meta-ul a{color:inherit;text-decoration:none;transition:color .2s cubic-bezier(.44,0,.56,1)}.pif-case-detail__meta-ul a:hover{color:var(--ink)}@media(min-width:810px)and (max-width:1199.98px){.pif-case-detail__head-col{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:0 24px}.pif-case-detail__title{flex:none;width:100%}.pif-case-detail__col{flex-direction:column;gap:0;padding:0 24px}.pif-case-detail__main{flex:none;order:1;width:100%;padding:60px 0 80px}.pif-case-detail__rich{gap:40px}.pif-case-detail__aside{flex:none;order:0;align-self:auto;width:100%;max-width:none;padding:32px 0 0}.pif-case-detail__edge{display:none}}@media(max-width:809.98px){.pif-case-detail__head{padding:40px 6px}.pif-case-detail__intro{font-size:18px;line-height:26px}.pif-case-detail__head-col{flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;padding:0 16px}.pif-case-detail__title{flex:none;width:100%}.pif-case-detail__band{padding:0 6px}.pif-case-detail__col{flex-direction:column;gap:0;padding:0 16px}.pif-case-detail__main{flex:none;order:1;width:100%;padding:60px 0}.pif-case-detail__rich{gap:40px}.pif-case-detail__aside{flex:none;order:0;align-self:auto;gap:24px;width:100%;max-width:none;padding:20px 0 0}.pif-case-detail__edge{display:none}}.pif-cf-strip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:40px 32px;overflow:clip}.pif-cf-strip__list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-width:1240px}.pif-cf-strip__item{display:flex}.pif-cf-strip__link{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:400 24px/30px var(--f-display);letter-spacing:-.015em;font-feature-settings:var(--ff-preset);white-space:nowrap;text-decoration:none;transition:color .3s cubic-bezier(.44,0,.56,1)}.pif-cf-strip__link:hover{color:var(--ink-66)}.pif-cf-strip__link svg{flex:none;width:22px;height:22px;fill:currentColor}@media(min-width:810px)and (max-width:1199.98px){.pif-cf-strip{padding:50px 24px}.pif-cf-strip__list{flex-wrap:wrap;justify-content:center;gap:20px 70px}.pif-cf-strip__link{font-size:20px;line-height:26px;gap:8px}.pif-cf-strip__link svg{width:19px;height:19px}}@media(max-width:809.98px){.pif-cf-strip{padding:40px 6px}.pif-cf-strip__list{flex-wrap:wrap;justify-content:center;gap:20px 40px}.pif-cf-strip__link{gap:7px;font-size:15px;line-height:20px;letter-spacing:-.005em}.pif-cf-strip__link svg{width:15px;height:15px}}.pif-cf-featured{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}@media(min-width:810px)and (max-width:1199.98px){.pif-cf-featured>*{transform:scale(.56)}}@media(max-width:809.98px){.pif-cf-featured>*{transform:scale(.55)}}.customers-framer .pif-case-study-hero__shade{background:linear-gradient(180deg,#0000009e,#0000006b 32%,#00000040 56%,#00000040 66%,#0000008f)}.pif-cf-mark{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:calc(100% - 32px);height:40px;color:var(--ink);font:400 32px/40px var(--f-display);letter-spacing:-.02em;font-feature-settings:var(--ff-preset);white-space:nowrap}.pif-cf-mark svg{flex:none;width:26px;height:26px;fill:currentColor}@media(max-width:1199.98px){.pif-cf-mark{gap:9px;height:30px;font-size:24px;line-height:30px}.pif-cf-mark svg{width:20px;height:20px}}.customers-framer .pif-case-study-hero__h1,.customers-framer .pif-case-study-grid__title,.customers-framer .pif-case-detail__h,.customers-framer .pif-case-detail__block-h{text-wrap:balance}@media(max-width:809.98px){.customers-framer .pif-case-detail__block-h{line-height:31px}}.customers-framer .pif-case-detail__block{scroll-margin-top:88px}.pif-cf-figure{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:764 / 430;min-height:240px;max-height:430px;border-radius:8px;background:var(--bg-2);overflow:clip}.pif-cf-figure__in{display:flex}.pif-cf-figure--art{position:relative;background:var(--dark)}.pif-cf-figure__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pif-cf-figure--art .pif-cf-figure__in{position:relative}@media(min-width:810px){.pif-cf-figure .pif-cf-mock{transform:scale(1.18)}}.pif-cf-mock{position:relative;display:flex;flex-direction:column;width:340px;padding:0 8px 8px;border-radius:12px;background:#fff;box-shadow:0 8px 10px -6px #0000000f,0 16px 25px -5px #0000000d,0 0 0 1px #0000000f;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pif-cf-mock:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--bg-2);border-radius:inherit;pointer-events:none}.pif-cf-mock__head{display:flex;flex:none;align-items:center;justify-content:space-between;height:40px;padding:0 8px}.pif-cf-mock__title{font:400 12px/16px var(--f-ui);letter-spacing:0;text-transform:none;color:#666;white-space:nowrap}.pif-cf-mock__pill{position:relative;display:flex;align-items:center;gap:4px;padding:3px 7px;border-radius:6px;background:var(--bg);font:400 11px/13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink);white-space:nowrap}.pif-cf-mock__pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--line);border-radius:inherit;pointer-events:none}.pif-cf-mock__dot{flex:none;width:4px;height:4px;border-radius:50%;background:var(--ink)}.pif-cf-mock__surface{display:flex;flex-direction:column;gap:6px;width:100%;padding:8px;border-radius:8px;background:linear-gradient(180deg,#fcfcfe,#f2f2f2);box-shadow:inset 0 0 2px 2px #fff,0 0 2px #0000001a}.pif-cf-mock__row{display:grid;grid-template-columns:84px minmax(0,1fr) 64px;align-items:center;gap:10px;padding:11px 10px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #0e0b0a0d,0 1px 2px #0e0b0a0a}.pif-cf-mock__logo{display:block;width:84px;height:18px;background:var(--ink);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}.pif-cf-mock__who{min-width:0;font:400 11px/14px var(--f-ui);color:var(--ink-40);font-feature-settings:var(--ff-preset);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pif-cf-mock__bar{position:relative;height:4px;border-radius:2px;background:#0e0b0a14;overflow:hidden}.pif-cf-mock__bar>span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--ink)}.pif-cf-mock--chat{padding:8px}.pif-cf-mock--chat .pif-cf-mock__surface{gap:8px}.pif-cf-mock__bubble{align-self:flex-end;max-width:82%;padding:7px 10px;border-radius:10px 10px 2px;background:var(--ink);font:400 12px/16px var(--f-ui);color:var(--white);font-feature-settings:var(--ff-preset)}.pif-cf-mock__answer{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #0e0b0a0d}.pif-cf-mock__line{display:block;height:6px;border-radius:3px;background:#0e0b0a17}.pif-cf-mock__line--short{width:58%}.pif-cf-mock__sources{display:flex;gap:4px;margin-top:4px}.pif-cf-mock__sources span{padding:2px 6px;border-radius:4px;background:var(--bg-2);font:400 11px/13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink-66)}.pif-cf-mock__approve{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 10px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #0e0b0a0d;font:400 12px/16px var(--f-ui);color:var(--ink);font-feature-settings:var(--ff-preset)}.pif-cf-mock__btn{flex:none;padding:4px 8px;border-radius:4px;background:var(--ink);font:400 11px/14px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--white)}.pif-cf-mock__chart{display:block;width:100%;height:92px}.pif-cf-mock__steps{display:flex;flex-wrap:wrap;gap:4px}.pif-cf-mock__steps li{display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:#fff;box-shadow:0 0 0 1px #0e0b0a0f;font:400 11px/13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink-40)}.pif-cf-mock__steps li.is-on{color:var(--ink)}.pif-cf-mock__steps li.is-on:before{content:"";width:6px;height:3px;margin:-2px 1px 0 0;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}.pif-cf-mock--code{gap:8px;padding:8px}.pif-cf-mock__window{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-radius:8px;background:var(--dark)}.pif-cf-mock__dots{display:flex;align-items:center;gap:5px}.pif-cf-mock__dots i{width:7px;height:7px;border-radius:50%;background:#ffffff38}.pif-cf-mock__dots span{margin-left:auto;font:400 11px/13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--white-40)}.pif-cf-mock__window pre{margin:0;font:400 10.5px/16px var(--f-mono);color:var(--white-70);white-space:pre-wrap;overflow-wrap:anywhere}.pif-cf-mock__window b{font-weight:400;color:var(--white)}.pif-cf-mock__window em{font-style:normal}.pif-cf-mock__window u{text-decoration:none;color:var(--white)}.pif-cf-mock__tags{display:flex;flex-wrap:wrap;gap:4px}.pif-cf-mock__tags span{padding:3px 6px;border-radius:4px;background:var(--bg);box-shadow:0 0 0 1px var(--line);font:400 11px/13px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink-66)}@media(max-width:809.98px){.pif-cf-mock{transform:scale(.78)}}
