.app-page .app-heading{margin-bottom:44px}.svc-page.app-page{--cb-green: var(--cb-purple)}.app-page .app-hero{padding-top:clamp(130px,14vw,190px);padding-bottom:64px}.app-page .app-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}.app-page .app-id{display:flex;align-items:center;gap:20px;margin-bottom:22px}.app-page .app-id__icon{flex:0 0 auto;display:block;width:100px;height:100px;border-radius:22px;object-fit:cover}.app-page .app-id__eyebrow{margin:0 0 6px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-purple)}.app-page .app-id__name{margin:0 0 6px;font-family:var(--font-heading--family, inherit);font-size:1.375rem;line-height:1.2;letter-spacing:-.01em;color:var(--cb-ink)}.app-page .app-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;font-size:.9375rem;color:var(--cb-body)}.app-page .app-rating{display:inline-flex;align-items:center;gap:8px;color:var(--cb-ink)}.app-page .app-rating__stars{display:inline-flex;gap:2px;color:var(--cb-purple)}.app-page .app-rating__stars svg{width:15px;height:15px}.app-page .app-rating__score{font-weight:600}.app-page .app-meta__sep{width:1px;height:14px;background:var(--cb-line)}.app-page .app-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.app-page .app-btn--ghost{background:transparent;border:1px solid var(--cb-line);color:var(--cb-ink)}.app-page .app-btn--ghost:hover,.app-page .app-btn--ghost:focus-visible{background:var(--cb-navy);border-color:var(--cb-navy);color:#fff}.app-page .app-hero__media img{display:block;width:100%;height:auto;border-radius:24px}.app-page .app-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(288px,1fr));gap:24px}.app-page .app-feature{display:flex;flex-direction:column;padding:30px;border-radius:24px;background:#fff;border:1px solid var(--cb-line);transition:transform .3s ease,border-color .3s ease}.app-page .app-feature:hover{transform:translateY(-4px);border-color:var(--cb-navy)}.app-page .app-feature__badge{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:var(--cb-purple);font-family:var(--font-heading--family, inherit);font-size:1.0625rem;line-height:1;color:var(--cb-navy)}.app-page .app-feature__badge img{display:block;width:26px;height:26px;object-fit:contain}.app-page .app-feature__title{margin:0 0 10px;font-family:var(--font-heading--family, inherit);font-size:1.25rem;line-height:1.2;letter-spacing:-.01em;color:var(--cb-ink)}.app-page .app-feature__text{margin:0;font-size:.9375rem;line-height:1.6;color:var(--cb-body)}.app-page .app-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px}.app-page .app-pillar__sub{margin:0 0 10px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cb-purple)}.app-page .app-pillar__title{margin:0;font-family:var(--font-heading--family, inherit);font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;color:inherit}.app-page .app-pillar__list{list-style:none;margin:22px 0 0;padding:0}.app-page .app-pillar__item{padding:18px 0;border-top:1px solid var(--cb-line)}.svc-band--dark .app-pillar__item{border-top-color:#f4f5f524}.app-page .app-pillar__item:last-child{padding-bottom:0}.app-page .app-pillar__item-title{margin:0 0 6px;font-size:1rem;line-height:1.3;color:inherit}.app-page .app-pillar__item-text{margin:0;font-size:.9375rem;line-height:1.55;color:var(--cb-body)}.svc-band--dark .app-pillar__item-text{color:#f4f5f5b8}.app-page .app-steps{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}.app-page .app-step{border-top:1px solid var(--cb-line)}.app-page .app-step:last-child{border-bottom:1px solid var(--cb-line)}.app-page .app-step__head{margin:0}.app-page .app-step__btn{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:22px 0;border:0;background:none;text-align:left;cursor:pointer;font-family:var(--font-heading--family, inherit);font-size:1.125rem;line-height:1.3;letter-spacing:-.01em;color:var(--cb-ink);transition:color .25s ease}.app-page .app-step__btn:hover,.app-page .app-step__btn:focus-visible{color:var(--cb-purple)}.app-page .app-step.is-open .app-step__btn{color:var(--cb-ink)}.app-page .app-step__chev{flex:0 0 auto;width:20px;height:20px;color:var(--cb-purple);transition:transform .3s ease}.app-page .app-step.is-open .app-step__chev{transform:rotate(180deg)}.app-page .app-step__panel{max-height:0;overflow:hidden;transition:max-height .35s ease}.app-page .app-step.is-open .app-step__panel{max-height:420px}.app-page .app-step__text{margin:0 0 24px;max-width:46ch;font-size:1rem;line-height:1.65;color:var(--cb-body)}.app-page .app-steps__media{padding:40px;border-radius:24px;background:#b476e524}.app-page .app-steps__figure{position:relative;margin:0;aspect-ratio:16 / 11}.app-page .app-steps__img{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px;cursor:zoom-in;transition:opacity .22s ease}.app-page .app-steps__media.is-swapping .app-steps__img{opacity:0}.app-page .app-steps__hint{display:none}.app-page .app-quotes__track{--quotes-gap: 24px;--quotes-per-view: 3;display:flex;gap:var(--quotes-gap);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.app-page .app-quotes__track::-webkit-scrollbar{display:none}.app-page .app-quotes__track:focus-visible{outline:2px solid var(--cb-purple);outline-offset:6px;border-radius:24px}.app-page .app-quotes__slide{flex:0 0 calc((100% - (var(--quotes-per-view) - 1) * var(--quotes-gap)) / var(--quotes-per-view));scroll-snap-align:start;display:flex;flex-direction:column;margin:0;padding:32px;border-radius:24px;background:#fff;border:1px solid var(--cb-line)}.app-page .app-quotes__icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:22px;border-radius:12px;background:var(--cb-purple);color:#fff}.app-page .app-quotes__icon svg{width:22px;height:22px}.app-page .app-quotes__body{margin:0}.app-page .app-quotes__title{margin:0 0 12px;font-family:var(--font-heading--family, inherit);font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--cb-ink)}.app-page .app-quotes__text{margin:0;font-size:1rem;line-height:1.65;color:var(--cb-body)}.app-page .app-quotes__foot{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:28px}.app-page .app-quotes__avatar{flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover}.app-page .app-quotes__name{display:block;font-size:1rem;font-weight:600;color:var(--cb-ink)}.app-page .app-quotes__role{display:block;margin-top:2px;font-size:.875rem;color:var(--cb-body)}.app-page .app-quotes__nav{display:flex;justify-content:center;gap:12px;margin-top:40px}.app-page .app-quotes__nav[hidden]{display:none}.app-page .app-quotes__btn{display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid var(--cb-line);border-radius:50%;background:#fff;color:var(--cb-navy);cursor:pointer;transition:background-color .25s ease,color .25s ease,opacity .25s ease}.app-page .app-quotes__btn svg{width:20px;height:20px}.app-page .app-quotes__btn:hover:not(:disabled),.app-page .app-quotes__btn:focus-visible:not(:disabled){background:var(--cb-navy);color:#fff}.app-page .app-quotes__btn:disabled{opacity:.35;cursor:default}.cb-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:#101926e6;opacity:0;transition:opacity .2s ease}.cb-lightbox[hidden]{display:none}.cb-lightbox.is-open{opacity:1}.cb-lightbox__img{display:block;max-width:min(1280px,94vw);max-height:86vh;width:auto;height:auto;border-radius:12px;background:#fff;box-shadow:0 30px 90px #0000008c;transform:scale(.98);transition:transform .2s ease}.cb-lightbox.is-open .cb-lightbox__img{transform:scale(1)}.cb-lightbox__close{position:absolute;top:clamp(12px,2vw,26px);right:clamp(12px,2vw,26px);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#101926;cursor:pointer;transition:background-color .25s ease}.cb-lightbox__close:hover,.cb-lightbox__close:focus-visible{background:#b476e5}.cb-lightbox__close svg{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.cb-lightbox,.cb-lightbox__img{transition:none}}.apps-archive .apps-head{padding-top:0;padding-bottom:8px}.apps-archive .apps-head .codebeans-projects-header{padding-top:24px;margin-bottom:16px}.apps-archive .apps-intro{margin-bottom:32px;padding-inline:20px}@media(max-width:768px){.apps-archive .apps-intro{padding-inline:0}}.apps-archive .apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px}.apps-archive .app-card{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:#fff;border:1px solid var(--cb-line);text-decoration:none;transition:transform .3s ease,border-color .3s ease}.apps-archive .app-card:hover,.apps-archive .app-card:focus-visible{transform:translateY(-4px);border-color:var(--cb-navy)}.apps-archive .app-card--hidden{display:none}.apps-archive .app-card__media{aspect-ratio:10 / 10;background:#1019260d;overflow:hidden}.apps-archive .app-card__media img{display:block;width:100%;height:100%;object-fit:cover}.apps-archive .app-card__body{display:flex;flex:1;flex-direction:column;gap:12px;padding:24px}.apps-archive .app-card__top{display:flex;gap:14px}.apps-archive .app-card__icon{flex:0 0 auto;display:block;width:52px;height:52px;border-radius:16px;border:1px solid var(--cb-line);background:#fff;object-fit:cover}.apps-archive .app-card__title{margin:0;font-family:var(--font-heading--family, inherit);font-size:1.3rem;line-height:1.15;letter-spacing:-.02em;color:var(--cb-ink)}.apps-archive .app-card__tagline{margin:4px 0 0;font-size:.875rem;line-height:1.4;color:var(--cb-purple)}.apps-archive .app-card__text{margin:0;font-size:.9375rem;line-height:1.55;color:var(--cb-body)}.apps-archive .app-card__tags{display:flex;flex-wrap:wrap;gap:6px}.apps-archive .app-card__tag{padding:5px 11px;border:1px solid var(--cb-line);border-radius:999px;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cb-ink)}.apps-archive .app-card__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:18px;border-top:1px solid var(--cb-line)}.apps-archive .app-card__price{font-size:.9375rem;font-weight:600;color:var(--cb-ink)}.apps-archive .app-card__arrow{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;color:var(--cb-purple)}.apps-archive .app-card__arrow svg{width:15px;height:15px}.apps-archive .apps-empty{grid-column:1 / -1;padding:56px 30px;border:1px dashed var(--cb-line);border-radius:24px;text-align:center;color:var(--cb-body)}.apps-archive .apps-empty strong{display:block;margin-bottom:6px;font-family:var(--font-heading--family, inherit);font-size:1.25rem;color:var(--cb-ink)}.apps-archive[data-cb-loading="1"] .codebeans-projects-filters{cursor:progress}.apps-archive .codebeans-filter-btn{gap:.5rem}.apps-archive .codebeans-filter-count{font-size:.875rem;font-weight:500;opacity:.8}.apps-archive .codebeans-filter-btn.active .codebeans-filter-count{opacity:.95}@media(max-width:1024px){.app-page .app-hero__grid{grid-template-columns:minmax(0,1fr);gap:32px}.app-page .app-hero{padding-bottom:48px}.app-page .app-pillars{grid-template-columns:minmax(0,1fr);gap:40px}.app-page .app-steps{grid-template-columns:minmax(0,1fr);gap:32px}.app-page .app-steps__media{order:-1;padding:24px}.app-page .app-quotes__track{--quotes-per-view: 2}}@media(max-width:749px){.app-page .app-heading{margin-bottom:32px}.app-page .app-hero{padding-top:116px;padding-bottom:40px}.app-page .app-id__icon{width:66px;height:66px;border-radius:18px}.app-page .app-hero__media img,.app-page .app-feature,.app-page .app-steps__media,.app-page .app-quotes__slide,.apps-archive .app-card{border-radius:18px}.app-page .app-feature{padding:24px}.app-page .app-pillar__title{font-size:1.3rem}.app-page .app-step__btn{font-size:1.0625rem;padding:18px 0}.app-page .app-steps__media{padding:16px}.app-page .app-quotes__track{--quotes-gap: 16px;--quotes-per-view: 1}.app-page .app-quotes__slide{padding:24px}.app-page .app-quotes__nav{margin-top:28px}.apps-archive .apps-head{padding-top:0}.apps-archive .apps-grid{grid-template-columns:minmax(0,1fr);gap:20px}.apps-archive .app-card__body{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/codebeans-app.css.map */