/* —- Real eva.guru design tokens (eva_guru_design_tokens.json) —- */ .eva-shopify-embed { –color-brand:#683DE5; –color-brand-dark:#3C1C99; –navy-3:#0A0520; –paper:#FFFFFF; –paper-alt:#FAFAFC; –paper-tint:#F4F1FF; –muted:#767CA7; –border-muted:#CAC6DD; –shadow-glow:0px 1px 100px 0px rgba(104,61,229,0.4); –radius-eva:8px; –font:’Poppins’, system-ui, sans-serif; –maxw:1200px; –stripe-gap:clamp(24px, 3vw, 64px); –logo-height:72px; /* Real brand accents of the two underlying tools (pulled from their own live CSS), used only as section accents, never replacing Eva’s palette. */ –ads-accent:#6a2bff; –ads-accent-dark:#3d14b8; –cr-accent:#32b678; –cr-accent-dark:#163f3b; /* Eva’s accent-gradient family, reused for the 5-engine chip row. */ –acc-blue:#0472FD; –acc-cyan:#31D0FD; –acc-violet:#8A38F5; –acc-teal:#11E5B3; –acc-pink:#D77DEE; } .eva-shopify-embed, .eva-shopify-embed * { box-sizing:border-box; } .eva-shopify-embed { margin:0; font-family:var(–font); color:var(–navy-3); background:var(–paper); -webkit-font-smoothing:antialiased; line-height:1.55; } .eva-shopify-embed h1, .eva-shopify-embed h2, .eva-shopify-embed h3, .eva-shopify-embed h4 { font-family:var(–font); margin:0; letter-spacing:-0.01em; color:var(–navy-3); } .eva-shopify-embed p { margin:0; } .eva-shopify-embed a { color:inherit; } .eva-shopify-embed img { max-width:100%; display:block; } .eva-shopify-embed .wrap { max-width:var(–maxw); margin:0 auto; padding:0 24px; } @media (max-width:767px){ .eva-shopify-embed .wrap{ padding:0 16px; } } /* Scroll-reveal: fade + rise the first time an element enters the viewport, mirroring Eva’s site-wide `data-reveal` pattern. */ .eva-shopify-embed [data-reveal] { opacity:0; transform:translateY(18px); transition:opacity 0.6s cubic-bezier(.2,.6,.2,1), transform 0.6s cubic-bezier(.2,.6,.2,1); } .eva-shopify-embed [data-reveal].is-visible { opacity:1; transform:translateY(0); } @media (prefers-reduced-motion:reduce){ .eva-shopify-embed [data-reveal]{ opacity:1; transform:none; transition:none; } } .eva-shopify-embed .eyebrow { display:inline-block; font-size:13px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:var(–muted); margin-bottom:18px; } .eva-shopify-embed .hero .eyebrow { font-size:16px; } .eva-shopify-embed a.eyebrow { text-decoration:none; } .eva-shopify-embed a.eyebrow:hover { text-decoration:underline; } .eva-shopify-embed .eyebrow.is-ads { color:var(–ads-accent); } .eva-shopify-embed .eyebrow.is-cr { color:var(–cr-accent-dark); } .eva-shopify-embed .btn { display:inline-flex; align-items:center; gap:8px; font-family:var(–font); font-weight:500; font-size:18px; padding:20px 30px; border-radius:var(–radius-eva); text-decoration:none; cursor:pointer; border:1.5px solid transparent; transition:background-color 0.3s ease, color 0.3s ease; white-space:nowrap; color:#fff; } .eva-shopify-embed .btn-sm { font-size:14px; padding:12px 20px; } .eva-shopify-embed .btn-primary { background-color:var(–color-brand); color:#fff; } .eva-shopify-embed .btn-primary:hover { background-color:var(–color-brand-dark); } .eva-shopify-embed .btn-secondary { background:transparent; color:var(–navy-3); border-color:var(–border-muted); } .eva-shopify-embed .btn-secondary:hover { background:var(–paper-tint); border-color:var(–color-brand); } .eva-shopify-embed .btn-on-dark { background:#fff; color:var(–color-brand-dark); } .eva-shopify-embed .btn-on-dark:hover { background:var(–paper-tint); } .eva-shopify-embed .btn:focus-visible { outline:2px solid var(–color-brand); outline-offset:2px; } .eva-shopify-embed .link-arrow { font-size:15px; font-weight:600; color:var(–color-brand); text-decoration:none; } .eva-shopify-embed .link-arrow:hover { text-decoration:underline; } .eva-shopify-embed .hover-lift { transition:transform 0.3s ease, box-shadow 0.3s ease; } .eva-shopify-embed .hover-lift:hover { transform:translateY(-4px); box-shadow:var(–shadow-glow); } .eva-shopify-embed section { padding:100px 0; } .eva-shopify-embed section.compact { padding:64px 0; } .eva-shopify-embed section.bg-tint { background:var(–paper-tint); } .eva-shopify-embed section.bg-dark { background:var(–navy-3); color:#fff; } .eva-shopify-embed section.bg-dark h2, .eva-shopify-embed section.bg-dark h3 { color:#fff; } @media (max-width:1024px){ .eva-shopify-embed section{ padding:72px 0; } } @media (max-width:767px){ .eva-shopify-embed section{ padding:52px 0; } } .eva-shopify-embed .section-head { max-width:820px; margin:0 auto 48px; text-align:center; } .eva-shopify-embed .section-head h2 { font-size:clamp(24px,3vw,38px); font-weight:600; } .eva-shopify-embed .section-head p { margin-top:14px; font-size:18px; color:var(–muted); max-width:640px; margin-left:auto; margin-right:auto; } .eva-shopify-embed section.bg-dark .section-head p { color:#CAC6DD; } /* —- Hero: split two-column layout , text left, illustration right —- */ .eva-shopify-embed .hero { position:relative; padding:172px 0 136px; overflow:hidden; background:radial-gradient(ellipse 900px 500px at 85% -10%, rgba(104,61,229,0.10), transparent), radial-gradient(ellipse 700px 500px at -10% 110%, rgba(50,182,120,0.07), transparent); } .eva-shopify-embed .hero-inner { position:relative; display:grid; grid-template-columns:1.4fr 0.6fr; gap:48px; align-items:start; } .eva-shopify-embed .hero .wrap { padding-left:8px; padding-right:8px; } @media (max-width:767px){ .eva-shopify-embed .hero .wrap{ padding-left:16px; padding-right:16px; } } @media (max-width:1024px){ .eva-shopify-embed .hero-inner{ grid-template-columns:1fr; } .eva-shopify-embed .hero{ text-align:center; } } .eva-shopify-embed .hero-copy { max-width:none; padding-top:20px; } @media (max-width:1024px){ .eva-shopify-embed .hero-copy{ max-width:640px; margin:0 auto; } } .eva-shopify-embed .hero h1 { font-size:clamp(26px, 2.4vw, 34px); line-height:1.2; font-weight:400; } .eva-shopify-embed .hero-sub { margin-top:22px; font-size:16px; line-height:1.6; color:var(–muted); max-width:none; } .eva-shopify-embed .hero-cta { margin-top:28px; display:flex; gap:14px; flex-wrap:wrap; } .eva-shopify-embed .hero-proof { margin-top:26px; display:grid; grid-template-columns:repeat(2,max-content); justify-content:start; gap:10px 28px; color:#3A3559; font-size:14px; font-weight:400; line-height:26px; text-align:left; } @media (max-width:767px){ .eva-shopify-embed .hero-proof { grid-template-columns:1fr; justify-content:center; text-align:center; } } @media (max-width:1024px){ .eva-shopify-embed .hero-cta{ justify-content:center; } } /* Right-column visual: a small illustrative vertical “chain” card , two tool nodes wired to a central experts node , never a fake screenshot. */ .eva-shopify-embed .hero-visual { display:flex; justify-content:center; } @media (max-width:1024px){ .eva-shopify-embed .hero-visual{ order:-1; } } .eva-shopify-embed .hv-card { position:relative; width:100%; max-width:400px; background:#fff; border:1px solid var(–border-muted); border-radius:18px; padding:34px 26px 28px; box-shadow:0 24px 60px rgba(10,5,32,0.08); overflow:hidden; } .eva-shopify-embed .hv-card::before { content:””; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(–ads-accent), var(–color-brand), var(–cr-accent)); } .eva-shopify-embed .hv-eyebrow { display:block; font-size:11px; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(–muted); text-align:center; margin-bottom:14px; } .eva-shopify-embed .hv-diagram { position:relative; height:220px; } .eva-shopify-embed .hv-lines { position:absolute; inset:0; width:100%; height:100%; } .eva-shopify-embed .hv-node { position:absolute; display:flex; flex-direction:column; align-items:center; gap:8px; width:116px; text-align:center; } .eva-shopify-embed .hv-node span { font-size:12px; font-weight:600; color:var(–navy-3); line-height:1.3; } .eva-shopify-embed .hv-node–ads { top:0; left:0; } .eva-shopify-embed .hv-node–cr { bottom:0; left:0; } .eva-shopify-embed .hv-node–hub { top:50%; right:0; transform:translateY(-50%); } .eva-shopify-embed .hv-node–hub span { font-size:13px; font-weight:700; } @media (max-width:380px){ .eva-shopify-embed .hv-node{ width:92px; } .eva-shopify-embed .hv-diagram{ height:200px; } } .eva-shopify-embed .hc-node { position:relative; z-index:1; width:52px; height:52px; border-radius:50%; background:color-mix(in srgb, var(–nc, var(–color-brand)) 14%, white); border:2px solid var(–nc, var(–color-brand)); display:flex; align-items:center; justify-content:center; flex:0 0 auto; } .eva-shopify-embed .hc-node svg { width:22px; height:22px; stroke:var(–nc, var(–color-brand)); fill:none; stroke-width:2; } .eva-shopify-embed .hc-node–main { width:64px; height:64px; background:var(–nc, var(–color-brand)); box-shadow:0 0 0 0 color-mix(in srgb, var(–nc, var(–color-brand)) 45%, transparent); animation:shpx-hc-pulse 2.6s ease-in-out infinite; } .eva-shopify-embed .hc-node–main svg { width:26px; height:26px; stroke:#fff; } @keyframes shpx-hc-pulse { 0%, 100% { box-shadow:0 0 0 0 color-mix(in srgb, var(–nc, var(–color-brand)) 45%, transparent); } 50% { box-shadow:0 0 0 9px color-mix(in srgb, var(–nc, var(–color-brand)) 0%, transparent); } } @media (prefers-reduced-motion:reduce){ .eva-shopify-embed .hc-node–main{ animation:none; box-shadow:var(–shadow-glow); } } .eva-shopify-embed .hv-caption { margin-top:24px; padding-top:18px; border-top:1px solid var(–border-muted); font-size:12.5px; color:var(–muted); text-align:center; } /* —- Partner badge stripe (real logos, dark) , dropped in verbatim from eva-pricing-page-v2.html —- */ .eva-shopify-embed .partner-stripe { width:100%; padding:34px 36px; background:#08031d; } .eva-shopify-embed .partner-stripe__viewport { width:min(1720px, 100%); margin:0 auto; } .eva-shopify-embed .partner-stripe__track { display:grid; grid-template-columns:repeat(9, minmax(0, 1fr)); align-items:center; gap:var(–stripe-gap); width:100%; } .eva-shopify-embed .partner-stripe__logo { display:grid; place-items:center; height:var(–logo-height); } .eva-shopify-embed .partner-stripe__logo img { display:block; width:auto; max-width:100%; height:var(–logo-height); object-fit:contain; } @media (max-width:1100px){ .eva-shopify-embed .partner-stripe{ padding-inline:24px; overflow-x:auto; } .eva-shopify-embed .partner-stripe__viewport{ min-width:1040px; } } @media (max-width:767px){ .eva-shopify-embed{ –stripe-gap:16px; –logo-height:58px; } .eva-shopify-embed .partner-stripe{ padding-block:26px; } .eva-shopify-embed .partner-stripe__viewport{ min-width:880px; } } /* —- Logo slider (real component: logo-slider.html / CustomerLogos.astro) —- */ .eva-shopify-embed .logo-stripe-section { padding:56px 0 64px; text-align:center; } .eva-shopify-embed .logo-stripe { width:100%; overflow:hidden; background:#07031a; padding:28px 0; } .eva-shopify-embed .logo-stripe__track { display:inline-flex; align-items:center; gap:70px; animation:shpx-logoscroll 82s linear infinite; will-change:transform; -webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); } .eva-shopify-embed .logo-stripe__item { flex:0 0 auto; display:flex; align-items:center; justify-content:center; min-width:150px; } .eva-shopify-embed .logo-stripe__item img { display:block; max-width:150px; max-height:42px; width:auto; height:auto; object-fit:contain; } @keyframes shpx-logoscroll { from{ transform:translateX(0); } to{ transform:translateX(-50%); } } @media (prefers-reduced-motion:reduce){ .eva-shopify-embed .logo-stripe__track{ animation:none; } } @media (max-width:767px){ .eva-shopify-embed .logo-stripe__track{ gap:44px; } .eva-shopify-embed .logo-stripe__item{ min-width:120px; } .eva-shopify-embed .logo-stripe__item img{ max-width:120px; max-height:34px; } } /* —- Tool section shell (shared by both tool intros) —- */ .eva-shopify-embed .tool-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-bottom:40px; } .eva-shopify-embed .tool-head h2 { font-size:clamp(24px,3vw,34px); font-weight:600; max-width:640px; } .eva-shopify-embed .tool-head p { margin-top:12px; font-size:17px; color:var(–muted); max-width:60ch; } .eva-shopify-embed .tool-badge { flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; padding:8px 14px; border-radius:999px; } .eva-shopify-embed .tool-badge.is-ads { background:color-mix(in srgb, var(–ads-accent) 12%, white); color:var(–ads-accent-dark); } .eva-shopify-embed .tool-badge.is-cr { background:color-mix(in srgb, var(–cr-accent) 12%, white); color:var(–cr-accent-dark); } .eva-shopify-embed .chip-row { display:flex; flex-wrap:wrap; gap:12px; } .eva-shopify-embed .chip { display:flex; align-items:center; gap:10px; background:#fff; border:1px solid var(–border-muted); border-radius:12px; padding:12px 16px; } .eva-shopify-embed .chip-icon { width:32px; height:32px; border-radius:9px; flex:0 0 auto; display:flex; align-items:center; justify-content:center; background:color-mix(in srgb, var(–chip-color, var(–color-brand)) 14%, white); } .eva-shopify-embed .chip-icon svg { width:16px; height:16px; stroke:var(–chip-color, var(–color-brand)); fill:none; stroke-width:2; } .eva-shopify-embed .chip span.label { font-size:13.5px; font-weight:600; color:var(–navy-3); } .eva-shopify-embed .tool-foot { margin-top:36px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:28px; border-top:1px solid var(–border-muted); } .eva-shopify-embed .tool-tip { font-size:15px; color:var(–muted); white-space:nowrap; } @media (max-width:480px){ .eva-shopify-embed .tool-tip{ white-space:normal; } } /* —- Eva Intelligence: expert-operators closing section —- */ .eva-shopify-embed .expert-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; } @media (max-width:900px){ .eva-shopify-embed .expert-grid{ grid-template-columns:1fr; } } .eva-shopify-embed .expert-card { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:14px; padding:28px 26px; } .eva-shopify-embed .expert-icon { width:44px; height:44px; border-radius:12px; background:rgba(255,255,255,0.08); display:flex; align-items:center; justify-content:center; margin-bottom:16px; } .eva-shopify-embed .expert-icon svg { width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2; } .eva-shopify-embed .expert-card h3 { font-size:18px; font-weight:600; color:#fff; } .eva-shopify-embed .expert-card p { margin-top:10px; font-size:14.5px; color:#CAC6DD; line-height:1.6; } /* —- The Problem (adapted from eva.guru/platform/unified-performance-view/) —- */ .eva-shopify-embed .problem-grid { display:grid; grid-template-columns:1.3fr 0.7fr; gap:48px; align-items:center; } @media (max-width:900px){ .eva-shopify-embed .problem-grid{ grid-template-columns:1fr; } } .eva-shopify-embed .problem-copy h2 { font-size:clamp(28px,3.4vw,42px); font-weight:600; margin-top:10px; } .eva-shopify-embed .problem-copy p { margin-top:18px; font-size:18px; color:var(–muted); line-height:1.75; max-width:60ch; } @media (max-width:900px){ .eva-shopify-embed .problem-copy{ text-align:center; } .eva-shopify-embed .problem-copy p{ margin-left:auto; margin-right:auto; } } /* Small illustration for “fragmented tools” , scattered, disconnected icon chips (no connecting lines), never a fake dashboard/screenshot. */ .eva-shopify-embed .fragment-frame { position:relative; width:100%; max-width:320px; margin:0 auto; aspect-ratio:1; } .eva-shopify-embed .fragment-chip { position:absolute; width:76px; height:76px; border-radius:16px; background:#fff; border:1.5px solid var(–border-muted); box-shadow:0 12px 28px rgba(10,5,32,0.09); display:flex; align-items:center; justify-content:center; } .eva-shopify-embed .fragment-chip svg { width:30px; height:30px; stroke:var(–chip-color, var(–color-brand)); fill:none; stroke-width:2; } /* —- Six real features (Advertising & SEO Intelligence), verbatim from eva.guru/platform/advertising-and-seo-intelligence/ —- */ .eva-shopify-embed .feature-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; } @media (max-width:1024px){ .eva-shopify-embed .feature-grid{ grid-template-columns:1fr 1fr; } } @media (max-width:640px){ .eva-shopify-embed .feature-grid{ grid-template-columns:1fr; } } .eva-shopify-embed .feature-card { position:relative; background:#fff; border:1px solid var(–border-muted); border-radius:14px; padding:26px 24px; overflow:hidden; } .eva-shopify-embed .feature-card::before { content:””; position:absolute; top:0; left:0; right:0; height:3px; background:var(–feat-color, var(–ads-accent)); } .eva-shopify-embed .feature-icon { width:42px; height:42px; border-radius:11px; background:color-mix(in srgb, var(–feat-color, var(–ads-accent)) 14%, white); display:flex; align-items:center; justify-content:center; margin-bottom:14px; } .eva-shopify-embed .feature-icon svg { width:20px; height:20px; stroke:var(–feat-color, var(–ads-accent)); fill:none; stroke-width:2; } .eva-shopify-embed .feature-card h3 { font-size:16.5px; font-weight:600; } .eva-shopify-embed .feature-card p { margin-top:8px; font-size:14px; color:var(–muted); line-height:1.6; } /* —- Stat band (real Eva-wide numbers, animated counters) —- */ .eva-shopify-embed .stat-band { background:var(–navy-3); text-align:center; } .eva-shopify-embed .stat-band .section-head h2 { color:#fff; } .eva-shopify-embed #shpx-experts .section-head h2 { white-space:nowrap; } @media (max-width:640px){ .eva-shopify-embed #shpx-experts .section-head h2{ white-space:normal; } } .eva-shopify-embed .stat-band .section-head p { max-width:56ch; } .eva-shopify-embed .stat-row { margin-top:16px; display:flex; flex-wrap:wrap; justify-content:center; } .eva-shopify-embed .stat-item { flex:1 1 190px; max-width:230px; display:flex; flex-direction:column; align-items:center; gap:8px; padding:0 20px; border-right:1px solid rgba(118,124,167,0.4); } .eva-shopify-embed .stat-item:last-child { border-right:none; } @media (max-width:640px){ .eva-shopify-embed .stat-item{ border-right:none; border-bottom:1px solid rgba(118,124,167,0.3); padding-bottom:20px; } .eva-shopify-embed .stat-item:last-child{ border-bottom:none; } } .eva-shopify-embed .stat-num { font-size:36px; font-weight:600; color:#fff; } @media (min-width:768px){ .eva-shopify-embed .stat-num{ font-size:44px; } } .eva-shopify-embed .stat-label { font-size:13px; font-weight:300; line-height:1.4; color:#CAC6DD; } .eva-shopify-embed .stat-foot { margin-top:40px; font-size:14px; color:var(–muted); } /* —- Differentiation: 3-column comparison, verbatim structure from eva.guru/platform/advertising-and-seo-intelligence/ “Why this makes us a better agency, not just a faster one.” —- */ .eva-shopify-embed .compare3 { display:grid; grid-template-columns:1fr 1fr 1fr; border:1px solid var(–border-muted); border-radius:14px; overflow:hidden; background:#fff; } @media (max-width:900px){ .eva-shopify-embed .compare3{ grid-template-columns:1fr; } } .eva-shopify-embed .compare3-head { padding:18px 20px; font-size:14px; font-weight:700; } .eva-shopify-embed .compare3-head.a { background:var(–paper-tint); color:var(–muted); } .eva-shopify-embed .compare3-head.b { background:var(–paper-tint); color:var(–muted); border-left:1px solid var(–border-muted); } .eva-shopify-embed .compare3-head.c { background:linear-gradient(135deg, var(–color-brand), var(–color-brand-dark)); color:#fff; } @media (max-width:900px){ .eva-shopify-embed .compare3-head.b{ border-left:none; } } .eva-shopify-embed .compare3-cell { padding:16px 20px; font-size:13.5px; line-height:1.55; border-top:1px solid var(–border-muted); } .eva-shopify-embed .compare3-cell.a { color:var(–muted); } .eva-shopify-embed .compare3-cell.b { color:var(–muted); border-left:1px solid var(–border-muted); } .eva-shopify-embed .compare3-cell.c { color:var(–navy-3); font-weight:500; border-left:1px solid var(–border-muted); background:var(–paper-tint); } @media (max-width:900px){ .eva-shopify-embed .compare3-cell.b, .eva-shopify-embed .compare3-cell.c{ border-left:none; } } .eva-shopify-embed .compare3-row-label { grid-column:1 / -1; padding:14px 20px 0; font-size:12px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase; color:var(–color-brand); } @media (max-width:900px){ .eva-shopify-embed .compare3-row-label{ border-top:1px solid var(–border-muted); } } /* —- FAQ (native details/summary, no JS) —- */ .eva-shopify-embed .faq-list { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:12px; } .eva-shopify-embed .faq-item { background:#fff; border:1px solid var(–border-muted); border-radius:12px; padding:4px 22px; } .eva-shopify-embed .faq-item summary { cursor:pointer; list-style:none; padding:18px 0; font-size:16px; font-weight:600; display:flex; align-items:center; justify-content:space-between; gap:16px; } .eva-shopify-embed .faq-item summary::-webkit-details-marker { display:none; } .eva-shopify-embed .faq-item summary::after { content:”+”; flex:0 0 auto; font-size:20px; font-weight:400; color:var(–color-brand); transition:transform 0.25s ease; } .eva-shopify-embed .faq-item[open] summary::after { transform:rotate(45deg); } .eva-shopify-embed .faq-item p { padding:0 0 20px; font-size:15px; color:var(–muted); line-height:1.65; } /* —- Case Studies , exact structure/CSS from eva.guru’s live _elementor_data (home page), same real component used on the pricing/Vueria/Ravlexo builds. —- */ .eva-shopify-embed .cs-section { background:var(–navy-3); padding:120px 0; } @media (max-width:767px){ .eva-shopify-embed .cs-section{ padding:60px 15px; } } .eva-shopify-embed .cs-heading { text-align:center; color:#fff; font-family:var(–font); font-weight:600; font-size:46px; margin-bottom:50px; } @media (max-width:767px){ .eva-shopify-embed .cs-heading{ font-size:32px; margin-bottom:32px; } } .eva-shopify-embed .cs-body { display:flex; flex-direction:row; flex-wrap:nowrap; gap:40px; align-items:flex-start; } @media (max-width:1024px){ .eva-shopify-embed .cs-body{ flex-direction:column; align-items:center; } } .eva-shopify-embed .cs-list-col { width:calc(40% – 20px); flex:0 0 auto; display:flex; flex-direction:column; gap:40px; } @media (max-width:1024px){ .eva-shopify-embed .cs-list-col{ width:100%; align-items:center; text-align:center; } } .eva-shopify-embed .cs-list { position:relative; list-style:none; margin:0; padding:0 0 0 20px; border-left:2px solid var(–color-brand); display:flex; flex-direction:column; gap:14px; } .eva-shopify-embed .cs-list::before { content:””; position:absolute; left:-2px; top:var(–indicator-top, 0px); width:2px; height:45px; background:linear-gradient(180deg, #fff 0%, #11E5B3 10%, #31D0FD 37%, #0472FD 68%, #D77DEE 88%); transition:top 0.4s ease; } .eva-shopify-embed .cs-list-item { font-family:var(–font); font-size:26px; font-weight:600; color:var(–color-brand); cursor:pointer; transition:color 0.3s ease; } .eva-shopify-embed .cs-list-item.active { color:#fff; } @media (max-width:1024px){ .eva-shopify-embed .cs-list{ display:none; } } .eva-shopify-embed .cs-viewall { font-size:16px; font-weight:500; color:var(–color-brand); text-decoration:none; } .eva-shopify-embed .cs-viewall:hover { text-decoration:underline; } .eva-shopify-embed .cs-list-col .btn { align-self:flex-start; } @media (max-width:1024px){ .eva-shopify-embed .cs-list-col .btn{ align-self:center; } } .eva-shopify-embed .cs-card-col { width:calc(60% – 20px); flex:1 1 auto; min-width:0; } @media (max-width:1024px){ .eva-shopify-embed .cs-card-col{ width:100%; max-width:600px; } } .eva-shopify-embed .cs-track-wrap { overflow:hidden; border:1px solid #767CA7; border-radius:8px; } .eva-shopify-embed .cs-track { display:flex; transition:transform 0.5s ease; } .eva-shopify-embed .cs-slide { flex:0 0 100%; display:flex; flex-direction:column; align-items:flex-start; gap:20px; min-height:100%; text-decoration:none; } .eva-shopify-embed .cs-img-box { position:relative; width:100%; } .eva-shopify-embed .cs-img-box::before { content:””; position:absolute; inset:0; background:var(–color-brand); opacity:0; z-index:2; transition:opacity 0.3s ease; } .eva-shopify-embed .cs-slide:hover .cs-img-box::before { opacity:0.4; } .eva-shopify-embed .cs-img { width:100%; height:340px; object-fit:cover; display:block; border-radius:8px 8px 0 0; } @media (max-width:767px){ .eva-shopify-embed .cs-img{ height:220px; } } .eva-shopify-embed .cs-hover-logo { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:250px; max-width:55%; z-index:10; opacity:0; visibility:hidden; transition:all 0.3s ease; } .eva-shopify-embed .cs-slide:hover .cs-hover-logo { opacity:1; visibility:visible; } .eva-shopify-embed .cs-company { margin:0; padding:0 20px; font-weight:300; font-size:16px; color:#FAFAFC; } .eva-shopify-embed .cs-title { margin:0 0 10px; padding:0 20px; font-weight:500; font-size:19px; color:#FAFAFC; } @media (max-width:767px){ .eva-shopify-embed .cs-title{ font-size:15px; } } .eva-shopify-embed .cs-tags { margin-top:auto; padding:0 20px 20px; display:flex; gap:14px; } .eva-shopify-embed .cs-tags span { font-size:12px; font-weight:500; color:#767CA7; } .eva-shopify-embed .cs-dots { display:none; justify-content:center; gap:11px; margin-top:24px; } @media (max-width:1024px){ .eva-shopify-embed .cs-dots{ display:flex; } } .eva-shopify-embed .cs-dot { width:12px; height:12px; border-radius:1px; border:2px solid var(–color-brand); background:transparent; padding:0; cursor:pointer; } .eva-shopify-embed .cs-dot.active { background:var(–color-brand); } /* —- Final CTA —- */ .eva-shopify-embed .final-cta { position:relative; overflow:hidden; background:linear-gradient(135deg, var(–color-brand) 0%, #5A2FD9 55%, var(–color-brand-dark) 100%); border-radius:16px; padding:84px 48px; text-align:center; box-shadow:var(–shadow-glow); } .eva-shopify-embed .final-cta::before { content:””; position:absolute; top:-120px; right:-100px; width:340px; height:340px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0) 70%); } .eva-shopify-embed .final-cta::after { content:””; position:absolute; bottom:-140px; left:-90px; width:320px; height:320px; border-radius:50%; background:radial-gradient(circle, rgba(17,229,179,0.18) 0%, rgba(17,229,179,0) 70%); } @media (max-width:767px){ .eva-shopify-embed .final-cta{ padding:56px 24px; } } .eva-shopify-embed .final-cta .eyebrow { color:#E5DFFA; position:relative; } .eva-shopify-embed .final-cta h2 { position:relative; color:#fff; font-size:clamp(26px,3.6vw,38px); font-weight:700; max-width:26ch; margin:0 auto; line-height:1.2; } .eva-shopify-embed .final-cta p { position:relative; color:#F0ECFF; font-size:17px; margin:16px auto 0; max-width:52ch; } .eva-shopify-embed .final-cta .btn { position:relative; margin-top:30px; } .eva-shopify-embed .final-cta .fine-print { position:relative; margin-top:16px; font-size:13px; color:#D9CFFB; } .eva-shopify-embed .shpx-hero-image{width:100%;max-width:500px;margin:auto;filter:drop-shadow(0 20px 40px rgba(104,61,229,.18))} .eva-shopify-embed .shpx-hero-image img{width:100%;height:auto} .eva-shopify-embed .shpx-intro{max-width:840px;margin:0 auto 40px;text-align:center} .eva-shopify-embed .shpx-intro p{margin-top:14px;color:#49435d;font-size:18px} .eva-shopify-embed .shpx-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .eva-shopify-embed .shpx-service-groups{grid-template-columns:repeat(2,minmax(0,1fr))} .eva-shopify-embed .shpx-service-list{margin:18px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px} .eva-shopify-embed .shpx-service-list li{position:relative;padding-left:22px;color:#49435d;font-size:15px;line-height:1.5} .eva-shopify-embed .shpx-service-list li::before{content:”;position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:#683DE5} @media (max-width:767px){.eva-shopify-embed .shpx-service-groups{grid-template-columns:1fr}} .eva-shopify-embed .shpx-outcomes-grid .shpx-card-icon{background:#E7F7EF;color:#21A366} .eva-shopify-embed .shpx-outcomes-grid .shpx-result-number{display:block;color:#683DE5;font-size:25px;font-weight:600;line-height:1.3} .eva-shopify-embed .shpx-performance-band{background:#0A0520;padding:54px 24px 76px;color:#fff} .eva-shopify-embed .shpx-performance-inner{max-width:1530px;margin:0 auto;padding-top:0} .eva-shopify-embed .shpx-performance-title{margin:0 0 30px;text-align:center;color:#fff;font-size:25px;font-weight:600;line-height:1.25} .eva-shopify-embed .shpx-performance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start} .eva-shopify-embed .shpx-performance-metric{min-height:146px;padding:0 28px;text-align:center;border-right:2px solid rgba(202,198,221,.42)} .eva-shopify-embed .shpx-performance-metric:last-child{border-right:0} .eva-shopify-embed .shpx-performance-number{display:block;color:#fff;font-size:43px;font-weight:600;letter-spacing:-.03em;line-height:1.1} .eva-shopify-embed .shpx-performance-label{display:block;margin-top:18px;color:#fff;font-size:20px;font-weight:600;line-height:1.25} @media (max-width:1024px){.eva-shopify-embed .shpx-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.eva-shopify-embed .shpx-performance-metric:nth-child(3){border-right:0}.eva-shopify-embed .shpx-performance-metric:nth-child(n+4){border-top:2px solid rgba(202,198,221,.42);padding-top:28px}.eva-shopify-embed .shpx-performance-number{font-size:36px}} @media (max-width:640px){.eva-shopify-embed .shpx-performance-band{padding:40px 18px 52px}.eva-shopify-embed .shpx-performance-inner{padding-top:30px}.eva-shopify-embed .shpx-performance-title{font-size:21px}.eva-shopify-embed .shpx-performance-grid{grid-template-columns:1fr}.eva-shopify-embed .shpx-performance-metric{min-height:0;padding:22px 0;border-right:0;border-bottom:2px solid rgba(202,198,221,.42)}.eva-shopify-embed .shpx-performance-metric:first-child{padding-top:0}.eva-shopify-embed .shpx-performance-metric:last-child{border-bottom:0}.eva-shopify-embed .shpx-performance-metric:nth-child(n+4){border-top:0;padding-top:22px}.eva-shopify-embed .shpx-performance-number{font-size:36px}.eva-shopify-embed .shpx-performance-label{font-size:18px;margin-top:10px}} .eva-shopify-embed .shpx-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .eva-shopify-embed .shpx-card-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px} .eva-shopify-embed .shpx-card-head{display:flex;align-items:center;gap:12px;margin-bottom:10px} .eva-shopify-embed .shpx-card-head .shpx-card-icon{margin-bottom:0;flex-shrink:0} .eva-shopify-embed .shpx-card-head h3{margin-bottom:0} .eva-shopify-embed .shpx-problem-grid .shpx-card-icon{background:#FDECEC;color:#E5484D} .eva-shopify-embed .shpx-card{padding:28px;border:1px solid #e3dff0;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(17,11,42,.04)} .eva-shopify-embed .shpx-card h3{font-size:21px;margin-bottom:10px} .eva-shopify-embed .shpx-card p{color:#49435d;line-height:1.65} .eva-shopify-embed .shpx-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:step} .eva-shopify-embed .shpx-step{padding:25px 20px;border-radius:10px;background:#f4f1ff;border:1px solid #e2d9fa;text-align:center;font-size:17px;font-weight:600} .eva-shopify-embed .shpx-step::before{counter-increment:step;content:’0′ counter(step);display:block;color:#683DE5;font-size:14px;margin-bottom:10px} .eva-shopify-embed .shpx-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px} .eva-shopify-embed .shpx-phase{padding:28px;border:1px solid #e3dff0;border-radius:12px;background:#fff;box-shadow:0 8px 30px rgba(17,11,42,.04)} .eva-shopify-embed .shpx-phase-days{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#683DE5;background:#f4f1ff;padding:4px 10px;border-radius:20px;margin-bottom:12px} .eva-shopify-embed .shpx-phase h3{font-size:21px;margin-bottom:14px} .eva-shopify-embed .shpx-phase ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px} .eva-shopify-embed .shpx-phase li{position:relative;padding-left:22px;color:#49435d;line-height:1.5;font-size:15px} .eva-shopify-embed .shpx-phase li::before{content:”;position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:2px;background:#683DE5} .eva-shopify-embed .shpx-quote{max-width:850px;margin:30px auto 0;padding:35px;border-left:4px solid #683DE5;background:#fff;border-radius:8px;font-size:19px;line-height:1.65} .eva-shopify-embed .shpx-quote cite{display:block;margin-top:18px;font-size:15px;font-weight:600;font-style:normal} .eva-shopify-embed .shpx-form-wrap{max-width:850px;margin:35px auto 0;min-height:900px;background:#fff;border-radius:12px;overflow:hidden} .eva-shopify-embed .shpx-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1100px;margin:0 auto} .eva-shopify-embed .shpx-split-copy h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.15;margin-top:14px} .eva-shopify-embed .shpx-split-copy p{margin-top:16px;color:#49435d;font-size:18px;line-height:1.6} .eva-shopify-embed .shpx-split-form{background:#fff;border-radius:12px;overflow:hidden;min-height:900px} .eva-shopify-embed .shpx-split-form iframe{min-height:900px;width:100%} @media(max-width:900px){.eva-shopify-embed .shpx-split{grid-template-columns:1fr;gap:30px}.eva-shopify-embed .shpx-split-form,.eva-shopify-embed .shpx-split-form iframe{min-height:1000px}} .eva-shopify-embed .shpx-form-wrap iframe{min-height:900px;width:100%} .eva-shopify-embed .shpx-link{color:#683DE5;text-decoration:underline} @media(max-width:900px){.eva-shopify-embed .shpx-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eva-shopify-embed .shpx-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.eva-shopify-embed .shpx-roadmap{grid-template-columns:1fr}} @media(max-width:600px){.eva-shopify-embed .shpx-feature-grid,.eva-shopify-embed .shpx-steps,.eva-shopify-embed .shpx-problem-grid,.eva-shopify-embed .shpx-roadmap{grid-template-columns:1fr}.eva-shopify-embed .shpx-card{padding:22px}.eva-shopify-embed .hero-cta .btn{white-space:normal;max-width:100%;text-align:center;justify-content:center}.eva-shopify-embed .shpx-form-wrap,.eva-shopify-embed .shpx-form-wrap iframe{min-height:1000px}}
Shopify Agency

Full-Service Shopify Agency
for Profitable Growth

Ecommerce design, development and marketing for ecommerce brands: builds, migrations, CRO, Google and Meta ads and retention, from one accountable team on one monthly retainer. From $3,000/mo: Google advertising, CRO, email and SMS, Content Engine and 20 development hours included. +$500/mo per extra country store.

Eva Commerce is a Shopify agency that designs, builds and grows Shopify stores, and runs them alongside Amazon, Walmart and TikTok Shop when a brand sells on more than one channel.

Updated November 2026

· Amazon Ads Advanced Partner· $6B+ revenue driven across channels· 12 of the Top 100 Amazon Sellers· 10+ global markets
Shopify growth system management visual
One coordinated team

What Our Shopify Agency Manages

One team coordinates the work that turns acquisition into durable customer value.

Ecommerce design, development and migration

  • Design & Development
  • Migration & Replatforming
  • Custom pages and theme sections
  • SEO & Conversion

Ecommerce marketing and advertising

  • Paid Growth (Google, Meta)
  • Store Management
  • Retention & CRM

Proven Results Across the Eva Growth System

Real outcomes from brands using Eva across Amazon, Shopify, and TikTok

$6B+

Revenue Driven
Across Channels

$1.6B+

Ad Spend Optimized
with Profit Focus

32%

Avg. Profit Increase
in 6 Months

40%

Reduction in
Operational Costs

24%

Avg. Revenue Growth
in 6 Months

Based on aggregated performance across Eva-managed brands

The problem

Why Shopify Growth Fails

Growth breaks down when build, growth, and operations are handled by separate, uncoordinated partners. Eva coordinates design, development, migration, acquisition, conversion, retention, and store operations around the same customer and profit goals.

Design ships without a growth plan

New stores and redesigns launch without a coordinated conversion, retention, or growth system behind them , so early wins fade fast.

Traffic grows but retention doesn’t

Acquisition scales while lifecycle, retention, and CRM programs stay an afterthought.

Customer data sits unused

Segmentation and personalization never happen, so every customer gets the same experience.

Migrations reset years of progress

Platform moves lose SEO equity, customer history, and momentum instead of preserving it.

The process

Your Shopify Growth Roadmap

A phased path from audit to scale, coordinated across design, development, acquisition, conversion, and retention.

Days 0–30

Foundation

  • Audit store, listings, pricing, and operations
  • Optimize PDP and conversion structure
  • Rebuild or migrate the store architecture
  • Establish retention and lifecycle baseline
Days 31–90

Acceleration

  • Expand SEO and paid acquisition coverage
  • Scale campaigns using performance signals
  • Launch lifecycle and retention programs
  • Activate segmentation and personalization
Days 91–180

Scale

  • Stabilize conversion and retention performance
  • Scale budgets based on profitability
  • Align inventory and operations with demand
  • Continuously optimize the full system

Shopify Growth Performance

↑ 8–22%Conversion
↑ 5–18%AOV
↓ 10–28%Blended CAC
↑ 12–35%Repeat Purchase
↑ 3–9 ptsContribution Margin
Before you ask

Selling on Amazon too? Read our answers on Shopify and Amazon growth.

How to choose a Shopify agency

  1. Decide what you need: design and development, marketing, or both.
  2. Ask who runs Google and Meta ads, and how results are checked against Shopify orders.
  3. Ask for a 90-day roadmap with named owners and a weekly report sample.
  4. If you also sell on Amazon, Walmart or TikTok Shop, ask how pricing and inventory stay aligned.

More: Shopify agency questions answered and Shopify agency vs in-house team.

Shopify Agency FAQs

What does Eva manage for a Shopify brand?

Eva connects Google and Meta advertising, product pages, conversion, customer data, lifecycle and store operations. The engagement should identify which workstreams need active management and which remain with your team. A store rebuild or migration is a different brief from ongoing growth management; include that requirement explicitly when discussing scope.

When do we need full-service management instead of one specialist?

Full-service management makes sense when acquisition, conversion and repeat purchases are limiting one another. For a focused store project or single-channel problem, a specialist may be sufficient. Use the Shopify agency selection guide to compare delivery models against your actual constraint.

What information helps build our first-month plan?

Bring product costs, order and return data, stock constraints, traffic sources, existing campaigns and lifecycle flows. Define a baseline before changing offers or budgets. Prioritize the largest demonstrated constraint, then agree on test ownership, approval steps and the review cadence. Do not assume that every brand needs more ad spend first.

Who should own the store, data and creative?

Keep your brand’s administrative ownership of Shopify and advertising accounts, with role-based access for the delivery team. Document ownership of creative files, audience configurations, reporting and app subscriptions. Customer-data use must follow consent, platform permissions and your policies. Confirm handover and access removal in the agreement before work starts.

What should we compare in a Shopify management proposal?

Compare included deliverables, the named operators and management fees alongside media spend, creative production, development, email or SMS usage and third-party apps. Check setup costs, minimum terms and notice periods. A headline retainer alone does not establish the total cost or whether the proposed team covers your needs.

Which results matter beyond ROAS?

Track new-customer acquisition cost, conversion, contribution after variable costs and the value of repeat orders over a consistent period. Compare cohorts at the same age and include discounts, refunds and subscription cancellations. Read the Shopify retention strategy for the connection between customer value and acquisition decisions.

What does a Shopify agency do?

A Shopify agency brings together the work required to grow and operate a Shopify store. Eva coordinates paid acquisition, conversion optimization, retention, search visibility, customer data, and store operations around the same growth plan.

Can a Shopify agency manage an existing store?

Yes. Eva works with established Shopify stores that need a coordinated operating and growth plan. The work can include product pages, funnels, advertising, lifecycle programs, customer data, analytics, and store operations.

How do Shopify agency engagements work?

Eva starts by reviewing the current store, acquisition channels, conversion journey, retention programs, and operating priorities. The team then prioritizes the workstreams to manage together and uses ongoing performance signals to guide optimization.

Does Eva provide Shopify SEO and AEO?

Eva's Shopify Search and AI Optimization service focuses on improving search visibility, rankings, and conversions. See the dedicated Shopify SEO and AEO service for that specialist scope.

Can you migrate our store to Shopify?

Yes. Eva migrates stores to Shopify from other platforms, preserving product data, customer history, and SEO equity, then hands the store straight into ongoing management and growth.

Let’s talk

Shopify agency for brands that also sell on Amazon

Eva connects your Shopify store, marketing strategies, and advertising into one unified system that drives visibility, conversion, and customer lifetime value.

For supplement brands

Shopify Management inside one supplement growth system

See how Eva connects supplement acquisition, product pages, subscriptions, retention, inventory, and customer contribution on Shopify.

Explore Supplement Growth →

// Real 12-brand customer logo marquee (logo-slider.html / CustomerLogos.astro). (function () { const logos = [‘arena’,’helen-of-troy’,’logitech’,’maelys’,’mattel’,’myprotein’,’ninja’,’one-emerald-lane’,’poppi’,’sanko’,’ventura-foods’,’alo’] .map((slug) => ({ slug, src: `https://eva.guru/wp-content/uploads/2026/04/${slug}.svg` })); const doubled = […logos, …logos]; const html = doubled.map((l) => `
${l.slug}
`).join(”); const track = document.getElementById(‘shpx-logo-track’); if (track) track.innerHTML = html; })(); // Case Studies: click a name (or a dot on mobile) to swap the active slide, // same sidebarcarousel sync used on the pricing/Vueria/Ravlexo builds. (function () { const list = document.getElementById(‘shpx-cs-list’); const track = document.getElementById(‘shpx-cs-track’); const dotsWrap = document.getElementById(‘shpx-cs-dots’); if (!list || !track || !dotsWrap) return; const items = Array.from(list.children); const slideCount = track.children.length; dotsWrap.innerHTML = items.map((_, i) => ``).join(”); const dots = Array.from(dotsWrap.children); function goTo(index) { track.style.transform = `translateX(-${index * (100 / slideCount)}%)`; items.forEach((el, i) => el.classList.toggle(‘active’, i === index)); dots.forEach((el, i) => el.classList.toggle(‘active’, i === index)); list.style.setProperty(‘–indicator-top’, items[index].offsetTop + ‘px’); } track.style.width = slideCount * 100 + ‘%’; Array.from(track.children).forEach((slide) => { slide.style.flexBasis = 100 / slideCount + ‘%’; }); items.forEach((el, i) => el.addEventListener(‘click’, () => goTo(i))); dots.forEach((el, i) => el.addEventListener(‘click’, () => goTo(i))); goTo(0); })(); // Scroll-reveal for every [data-reveal] element, mirroring Eva’s site-wide behavior. (function () { const els = document.querySelectorAll(‘.eva-shopify-embed [data-reveal]’); if (!els.length) return; if (window.matchMedia(‘(prefers-reduced-motion: reduce)’).matches) { els.forEach((el) => el.classList.add(‘is-visible’)); return; } const observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add(‘is-visible’); observer.unobserve(entry.target); } }); }, { threshold: 0.15 }); els.forEach((el) => observer.observe(el)); })(); // Smooth-scroll only for this widget’s own in-page anchors. document.querySelectorAll(‘.eva-shopify-embed a[href^=”#shpx-“]’).forEach((a) => { a.addEventListener(‘click’, (e) => { const target = document.getElementById(a.getAttribute(‘href’).slice(1)); if (!target) return; e.preventDefault(); target.scrollIntoView({ behavior: ‘smooth’, block: ‘start’ }); }); });