.step-done-note{align-items:center;gap:var(--padding-8,.5rem);padding:var(--padding-12,.75rem) var(--padding-16,1rem);border-radius:var(--border-radius-8,8px);color:#067647;animation:step-done-note-in .3s var(--ease-out);background:#f6fef9;border:1px solid #abefc6;display:flex}.step-done-note svg{flex-shrink:0}@keyframes step-done-note-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.step-done-note{animation-name:fade-in-reduced}}
.install-shopify-app{align-items:flex-start;gap:var(--padding-16,1rem);flex-direction:column;display:flex}.install-shopify-app__text{max-width:36rem;color:var(--color--black-light,#475467);margin:0}
.enable-app-embed{align-items:flex-start;gap:var(--padding-32,2rem);display:flex}.enable-app-embed__content{align-items:flex-start;gap:var(--padding-20,1.25rem);flex-direction:column;flex:18rem;display:flex}.enable-app-embed__steps{gap:var(--padding-6,.375rem);color:var(--color--black-standard,#344054);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.enable-app-embed__actions{gap:var(--padding-12,.75rem);flex-wrap:wrap;display:flex}.enable-app-embed__preview{border:1px solid var(--color--white-dark,#eaecf0);border-radius:var(--border-radius-8,8px);flex:0 24rem;width:100%;min-width:0;height:auto;box-shadow:0 1px 3px #1018281a}@media (max-width:900px){.enable-app-embed{flex-direction:column;align-items:stretch}}
.copy-button{align-items:center;gap:var(--padding-6,.375rem);padding:var(--padding-6,.375rem) var(--padding-10,.625rem);border:1px solid var(--color--grey-off,#d0d5dd);border-radius:var(--border-radius-8,8px);color:var(--color--black-standard,#344054);cursor:pointer;white-space:nowrap;transition:background-color .15s ease, transform .16s var(--ease-out);background:#fff;display:inline-flex}.copy-button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.copy-button:hover{background:var(--color--white-off,#f9fafb)}}.copy-button__icons{display:grid}.copy-button__icon{transition:opacity .2s ease, transform .2s var(--ease-out), filter .2s ease;grid-area:1/1;display:flex}.copy-button__icon--check{color:var(--color--success-standard,#12b76a);opacity:0;filter:blur(2px);transform:scale(.6)}.copy-button--copied .copy-button__icon--copy{opacity:0;filter:blur(2px);transform:scale(.6)}.copy-button--copied .copy-button__icon--check{opacity:1;filter:none;transform:none}@media (prefers-reduced-motion:reduce){.copy-button__icon{transition:opacity .15s;transform:none!important}}
.embed-pixel-script{gap:var(--padding-16,1rem);flex-direction:column;max-width:48rem;display:flex}.embed-pixel-script__actions{gap:var(--padding-12,.75rem);flex-wrap:wrap;display:flex}.embed-pixel-script__instructions{gap:var(--padding-6,.375rem);color:var(--color--black-standard,#344054);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}.embed-pixel-script__code{border-radius:var(--border-radius-8,8px);background:#101828;border:1px solid #1d2939;overflow:hidden}.embed-pixel-script__code-header{justify-content:space-between;align-items:center;gap:var(--padding-12,.75rem);padding:var(--padding-8,.5rem) var(--padding-8,.5rem) var(--padding-8,.5rem) var(--padding-16,1rem);color:#d0d5dd;border-bottom:1px solid #1d2939;display:flex}.embed-pixel-script__code-body{padding:var(--padding-16,1rem);color:#f2f4f7;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}.embed-pixel-script__code-body code{font-family:inherit}.embed-pixel-script__code-body{max-height:18rem;overflow-y:auto}.embed-pixel-script__code-placeholder{align-items:flex-start;gap:var(--padding-12,.75rem);padding:var(--padding-20,1.25rem) var(--padding-16,1rem);color:#98a2b3;flex-direction:column;display:flex}.embed-pixel-script__hint{color:var(--color--black-light,#475467);margin:0}.embed-pixel-script__verify-failed{padding:var(--padding-12,.75rem) var(--padding-16,1rem);border-radius:var(--border-radius-8,8px);color:#93370d;animation:fade-in .25s var(--ease-out);background:#fffcf5;border:1px solid #fedf89}.embed-pixel-script__verify-failed p{margin:0 0 var(--padding-6,.375rem)}.embed-pixel-script__verify-failed ul{gap:var(--padding-4,.25rem);flex-direction:column;margin:0;padding-left:1.25rem;display:flex}@media (prefers-reduced-motion:reduce){.embed-pixel-script__verify-failed{animation-name:fade-in-reduced}}
.store-setup{width:100%;max-width:75rem;margin-bottom:var(--padding-48,3rem);box-sizing:border-box;text-align:left;border-radius:var(--border-radius-20,20px);background:var(--color--main-white,#fff);border:1px solid var(--color--white-dark,#eaecf0);scroll-margin-top:var(--padding-24,1.5rem);box-shadow:0 1px 2px #1018280d,0 12px 28px -8px #6941c61f}.store-setup__header{justify-content:space-between;align-items:flex-end;gap:var(--padding-24,1.5rem);padding:var(--padding-28,1.75rem) var(--padding-32,2rem) var(--padding-24,1.5rem);display:flex}.store-setup__heading{gap:var(--padding-6,.375rem);flex-direction:column;min-width:0;display:flex}.store-setup__title{letter-spacing:-.01em;color:var(--color--black-normal,#101828);margin:0;font-size:1.25rem;font-weight:700}.store-setup__subtitle{color:var(--color--black-light,#475467);overflow-wrap:anywhere;margin:0;font-size:.9375rem}.store-setup__progress{align-items:flex-end;gap:var(--padding-8,.5rem);flex-direction:column;flex-shrink:0;display:flex}.store-setup__count{color:var(--color--black-light,#475467);font-variant-numeric:tabular-nums}.store-setup__segments{gap:var(--padding-4,.25rem);display:flex}.store-setup__segment{background:var(--color--white-dark,#eaecf0);width:2.5rem;height:.375rem;transition:background-color .4s var(--ease-out);border-radius:999px}.store-setup__segment[data-done=true]{background:var(--color--primary-standard,#6941c6)}.store-setup__steps{border-top:1px solid var(--color--white-dark,#eaecf0);margin:0;padding:0;list-style:none}.store-setup__step+.store-setup__step{border-top:1px solid var(--color--white-dark,#eaecf0)}.store-setup__step-header{align-items:center;gap:var(--padding-16,1rem);width:100%;padding:var(--padding-20,1.25rem) var(--padding-32,2rem);box-sizing:border-box;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;transition:background-color .15s;display:flex}.store-setup__step:last-child .store-setup__step-header{border-radius:0 0 var(--border-radius-20,20px) var(--border-radius-20,20px)}.store-setup__step-header:disabled{cursor:not-allowed}.store-setup__step-header:focus-visible{outline:2px solid var(--color--primary-standard,#6941c6);outline-offset:-2px}@media (hover:hover) and (pointer:fine){.store-setup__step-header:not(:disabled):hover{background:var(--color--white-off,#f9fafb)}}.store-setup__indicator{box-sizing:border-box;border:1.5px solid var(--color--grey-off,#d0d5dd);background:var(--color--main-white,#fff);width:1.75rem;height:1.75rem;color:var(--color--black-light,#475467);font-variant-numeric:tabular-nums;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), color .25s var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:600;display:inline-flex}.store-setup__indicator--next{border-color:var(--color--primary-standard,#6941c6);color:var(--color--primary-standard,#6941c6);box-shadow:0 0 0 4px var(--color--primary-light,#f4ebff)}.store-setup__indicator--done{border-color:var(--color--success-standard,#17b26a);background:var(--color--success-standard,#17b26a);color:var(--color--main-white,#fff)}.store-setup__indicator--locked{color:var(--color--white-light,#98a2b3);border-style:dashed}.store-setup__step-text{gap:var(--padding-2,.125rem);flex-direction:column;flex:1;min-width:0;display:flex}.store-setup__step-title{color:var(--color--black-normal,#101828);font-size:1rem;font-weight:600}.store-setup__step-description{color:var(--color--black-light,#475467);font-size:.875rem}.store-setup__step[data-state=locked] .store-setup__step-title,.store-setup__step[data-state=locked] .store-setup__step-description{color:var(--color--white-light,#98a2b3)}.store-setup__step[data-state=done] .store-setup__step-title{color:var(--color--black-standard,#344054)}.store-setup__locked{color:var(--color--white-light,#98a2b3);flex-shrink:0}.store-setup__chevron{color:var(--color--white-light,#98a2b3);transition:transform .25s var(--ease-out);flex-shrink:0;display:inline-flex}.store-setup__step[data-open=true] .store-setup__chevron{transform:rotate(180deg)}.store-setup__panel{transition:grid-template-rows .28s var(--ease-out);grid-template-rows:0fr;display:grid}.store-setup__step[data-open=true] .store-setup__panel{grid-template-rows:1fr}.store-setup__panel-clip{min-height:0;overflow:hidden}.store-setup__panel-body{padding:0 var(--padding-32,2rem) var(--padding-24,1.5rem) calc(var(--padding-32,2rem) + 1.75rem + var(--padding-16,1rem));opacity:0;transition:opacity .18s ease, transform .18s var(--ease-out);transform:translateY(-4px)}.store-setup__step[data-open=true] .store-setup__panel-body{opacity:1;transition-duration:.28s;transition-delay:60ms;transform:none}.select-plan-step{align-items:flex-start;gap:var(--padding-16,1rem);flex-direction:column;display:flex}.store-setup--ready{align-items:center;gap:var(--padding-16,1rem);padding:var(--padding-20,1.25rem) var(--padding-32,2rem);animation:fade-in .25s var(--ease-out);display:flex}.store-setup--ready .store-setup__heading{flex:1}.store-setup--ready .store-setup__title{font-size:1rem}.store-setup__link{color:var(--color--primary-standard,#6941c6);flex-shrink:0;text-decoration:none}.store-setup__link:hover{text-decoration:underline}@media (max-width:700px){.store-setup__header{padding:var(--padding-20,1.25rem);flex-direction:column;align-items:stretch}.store-setup__progress{align-items:flex-start}.store-setup__step-header{padding:var(--padding-16,1rem) var(--padding-20,1.25rem)}.store-setup__locked{display:none}.store-setup__panel-body{padding:0 var(--padding-20,1.25rem) var(--padding-20,1.25rem)}}@media (prefers-reduced-motion:reduce){.store-setup__panel,.store-setup__chevron{transition:none}.store-setup__panel-body{transform:none}}
.home{min-width:0;padding:var(--padding-64,4rem) var(--padding-24,1.5rem) var(--padding-48,3rem);box-sizing:border-box;background:radial-gradient(56rem 22rem at 50% -8rem, var(--color--primary-faint,#f9f5ff) 0%, transparent 70%), var(--color--white-off,#f9fafb);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.home__hero{text-align:center;max-width:40rem;margin-bottom:var(--padding-48,3rem)}.home__title{margin:0 0 var(--padding-12,.75rem);letter-spacing:-.02em;color:var(--color--black-normal,#101828);font-size:2rem;font-weight:700}.home__error{width:100%;max-width:75rem;margin-bottom:var(--padding-32,2rem)}.home__subtitle{color:var(--color--black-light,#475467);margin:0;font-size:1.125rem}.section-heading{justify-content:center;align-items:center;gap:var(--padding-12,.75rem);margin-bottom:var(--padding-8,.5rem);display:flex}.section-heading__title{letter-spacing:-.01em;color:var(--color--black-normal,#101828);margin:0;font-size:1.125rem;font-weight:700}.section-heading__badge{background:var(--color--success-faint,#ecfdf3);color:#067647;white-space:nowrap;border:1px solid #abefc6;border-radius:999px;align-items:center;gap:.375rem;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.section-heading__badge-dot{background:var(--color--success-standard,#17b26a);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 3px #17b26a2e}.linked-section{width:100%;max-width:75rem;margin-bottom:var(--padding-48,3rem);text-align:center}.linked-section__grid{gap:var(--padding-16,1rem);margin-top:var(--padding-24,1.5rem);flex-direction:column;display:flex}.products-panel{background:var(--color--main-white,#fff);border:1px solid var(--color--white-dark,#eaecf0);border-radius:var(--border-radius-20,20px);width:100%;max-width:75rem;padding:var(--padding-40,2.5rem) var(--padding-32,2rem) var(--padding-32,2rem);box-sizing:border-box;text-align:center;box-shadow:0 1px 2px #1018280a}.products-panel__subtitle{margin:0 0 var(--padding-32,2rem);color:var(--color--black-light,#475467);font-size:1rem}.products-panel__highlight{color:var(--color--primary-standard,#6941c6);font-weight:600}.products-panel__grid{justify-content:center;gap:var(--padding-24,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),16.5rem));display:grid}.product-card{padding:var(--padding-24,1.5rem) var(--padding-16,1rem);border-radius:var(--border-radius-16,16px);background:var(--color--white-off,#f9fafb);border:1px dashed var(--color--grey-off,#d0d5dd);transition:border-color .18s ease, background .18s ease, transform .18s var(--ease-out), box-shadow .18s ease;flex-direction:column;align-items:center;display:flex}@media (hover:hover) and (pointer:fine){.product-card:hover{background:var(--color--main-white,#fff);border-color:var(--color--primary-subdued,#e9d7fe);transform:translateY(-2px);box-shadow:0 8px 20px #1018280f}.product-card:hover .product-card__icon{filter:none;background:var(--color--primary-light,#f4ebff);border-color:var(--color--primary-subdued,#e9d7fe)}}.product-card__icon{width:3rem;height:3rem;margin-bottom:var(--padding-16,1rem);background:var(--color--main-white,#fff);border:1px solid var(--color--white-dark,#eaecf0);filter:grayscale(.35)opacity(.85);border-radius:50%;justify-content:center;align-items:center;transition:filter .18s,border-color .18s,background .18s;display:flex}.product-card__icon img{width:100%;height:100%}.product-card__title{margin:0 0 var(--padding-8,.5rem);color:var(--color--black-standard,#344054);font-size:1rem;font-weight:700}.product-card__description{margin:0 0 var(--padding-20,1.25rem);color:var(--color--black-light,#475467);min-height:2.8em;font-size:.9rem;line-height:1.4}.product-card .Button{width:100%}.skeleton{background:linear-gradient(90deg,#eaecf0 25%,#f4f5f7 37%,#eaecf0 63%) 0 0/400% 100%;border-radius:6px;animation:1.4s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:0 0}}.skeleton--icon{width:3rem;height:3rem;margin-bottom:var(--padding-16,1rem);border-radius:50%}.skeleton--card-title{width:60%;height:1rem;margin-bottom:var(--padding-8,.5rem)}.skeleton--card-text{width:90%;height:2.8em;margin-bottom:var(--padding-20,1.25rem)}.skeleton--card-button{width:100%;height:2.25rem}