.ai-commerce-diagram{--ds-card-padding:20px;--ds-inner-padding:10px;--ds-inner-font-size:13px;--ds-inner-font-weight:400;--color-accent-100:#b3d1ff;--color-accent-600:#1477e6;--layer-vanilla:#f5e6c8;--layer-vanilla-ink:#3f2e14;--layer-vanilla-tile:#fff8e7;--layer-chocolate:#4a2c1a;--layer-chocolate-ink:#f7efe6;--layer-chocolate-tile:#5c3a24;--layer-blackcurrant:#3b1f4a;--layer-blackcurrant-ink:#f4eef8;--layer-blackcurrant-tile:#4d2a61;--cake-crumb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}.ai-commerce-diagram__intro{text-align:center;max-width:48rem;margin:0 auto}.ai-commerce-diagram__title{letter-spacing:-.02em;color:#0f172a;text-wrap:balance;margin:0;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:400;line-height:1.2}.ai-commerce-diagram__lede{color:#475569;text-wrap:pretty;margin:16px 0 0;font-size:1.05rem;font-weight:400;line-height:1.55}.ai-commerce-diagram__flow{border-radius:20px;flex-direction:column;gap:0;max-width:56rem;margin:56px auto 0;display:flex;position:relative;overflow:visible;box-shadow:0 18px 40px #2f1c0c1f,0 2px 8px #2f1c0c0f}.ai-commerce-diagram__card{z-index:2;padding:var(--ds-card-padding);box-shadow:none;isolation:isolate;border:none;border-radius:0;margin:0;position:relative;overflow:hidden}.ai-commerce-diagram__card:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 10% 16%,#ffffff59 0 2px,transparent 3.5px),radial-gradient(circle at 28% 44%,#00000024 0 1.75px,transparent 3px),radial-gradient(circle at 52% 22%,#ffffff38 0 1.5px,transparent 3px),radial-gradient(circle at 74% 58%,#0000001f 0 2px,transparent 3.5px),radial-gradient(circle at 88% 18%,#fff3 0 1.75px,transparent 3px),radial-gradient(circle at 16% 78%,#0000001a 0 1.5px,transparent 2.75px),radial-gradient(circle at 42% 68%,#ffffff2e 0 2px,transparent 3.25px),radial-gradient(circle at 66% 86%,#0000001c 0 1.25px,transparent 2.5px),radial-gradient(circle at 92% 72%,#ffffff29 0 1.5px,transparent 2.75px),var(--cake-crumb);mix-blend-mode:soft-light;opacity:.85;background-repeat:repeat;background-size:54px 54px,46px 46px,62px 62px,50px 50px,58px 58px,70px 70px,42px 42px,66px 66px,48px 48px,120px 120px;position:absolute;inset:0}.ai-commerce-diagram__card>*{z-index:1;position:relative}.ai-commerce-diagram__card--top{z-index:3;background:linear-gradient(180deg,#faf0d8 0%,var(--layer-vanilla)42%,#edd9b0 100%);color:var(--layer-vanilla-ink);padding-bottom:calc(var(--ds-card-padding) + 10px);border-radius:20px 20px 0 0;margin-bottom:-8px;overflow:hidden}.ai-commerce-diagram__card--top:before{opacity:.85;mix-blend-mode:multiply;border-radius:inherit}.ai-commerce-diagram__card--accent{z-index:2;background:linear-gradient(180deg,#5a3722 0%,var(--layer-chocolate)45%,#3a2114 100%);color:var(--layer-chocolate-ink);padding-top:calc(var(--ds-card-padding) + 6px);padding-bottom:calc(var(--ds-card-padding) + 10px);margin-bottom:-8px;overflow:hidden}.ai-commerce-diagram__card--accent:before{opacity:.6;mix-blend-mode:soft-light}.ai-commerce-diagram__card--bottom{z-index:1;background:linear-gradient(180deg,#4a275c 0%,var(--layer-blackcurrant)48%,#2a1536 100%);color:var(--layer-blackcurrant-ink);padding-top:calc(var(--ds-card-padding) + 6px);border-radius:0 0 20px 20px;overflow:hidden}.ai-commerce-diagram__card--bottom:before{opacity:.55;mix-blend-mode:soft-light;border-radius:inherit}.ai-commerce-diagram__card--wave-bottom{overflow:hidden}.ai-commerce-diagram__wave{z-index:4;pointer-events:none;width:100%;height:11px;display:block;position:absolute;bottom:0;left:0;right:0}.ai-commerce-diagram__wave--into-chocolate{fill:#5a3722}.ai-commerce-diagram__wave--into-blackcurrant{fill:#4a275c}.ai-commerce-diagram__shoppers{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:0;width:100%;margin:0 0 14px;padding:0;list-style:none;display:flex}.ai-commerce-diagram__shopper-icon{color:var(--layer-vanilla-ink);opacity:.72;display:block}.ai-commerce-diagram__shoppers li:nth-child(3n) .ai-commerce-diagram__shopper-icon{opacity:.58}.ai-commerce-diagram__shoppers li:nth-child(4n) .ai-commerce-diagram__shopper-icon{opacity:.82}.ai-commerce-diagram__card-head{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}@media (min-width:640px){.ai-commerce-diagram__card-head{flex-direction:row;justify-content:space-between;align-items:center}}.ai-commerce-diagram__pastel-icon{aspect-ratio:1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ai-commerce-diagram__pastel-icon--sm{border-radius:7px;width:32px;height:32px}.ai-commerce-diagram__pastel-icon--sm svg{width:16px;height:16px}.ai-commerce-diagram__card-title{margin:0;font-size:16px;font-weight:500;line-height:1.35}.ai-commerce-diagram__card--top .ai-commerce-diagram__card-title{color:var(--layer-vanilla-ink)}.ai-commerce-diagram__card--accent .ai-commerce-diagram__card-title{color:var(--layer-chocolate-ink)}.ai-commerce-diagram__card--bottom .ai-commerce-diagram__card-title{color:var(--layer-blackcurrant-ink)}.ai-commerce-diagram__tile-grid{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.ai-commerce-diagram__tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ai-commerce-diagram__tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ai-commerce-diagram__tile{min-height:0;padding:var(--ds-inner-padding);font-size:var(--ds-inner-font-size);font-weight:var(--ds-inner-font-weight);border:none;border-radius:0;align-items:center;gap:10px;line-height:1.35;display:flex}.ai-commerce-diagram__card--top .ai-commerce-diagram__tile{background:var(--layer-vanilla-tile);color:var(--layer-vanilla-ink)}.ai-commerce-diagram__card--bottom .ai-commerce-diagram__tile{background:var(--layer-blackcurrant-tile);color:var(--layer-blackcurrant-ink)}.ai-commerce-diagram__feature-grid{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}@media (min-width:768px){.ai-commerce-diagram__feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.ai-commerce-diagram__feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ai-commerce-diagram__feature{padding:var(--ds-inner-padding);background:var(--layer-chocolate-tile);border:none;border-radius:0;min-width:0}.ai-commerce-diagram__feature-top{flex-direction:row;align-items:center;gap:8px;min-width:0;margin-bottom:0;display:flex}.ai-commerce-diagram__feature-title{font-size:var(--ds-inner-font-size);font-weight:var(--ds-inner-font-weight);color:var(--layer-chocolate-ink);overflow-wrap:break-word;-webkit-line-clamp:2;line-clamp:2;text-align:left;-webkit-box-orient:vertical;min-width:0;margin:0;line-height:1.35;display:-webkit-box}.ai-commerce-diagram__marker{z-index:5;justify-content:center;height:0;margin:0;padding:0;display:flex;position:relative;overflow:visible}.ai-commerce-diagram__marker-pill{border:none;border-radius:999px;grid-template-columns:1.25rem minmax(0,1fr) 1.25rem;align-items:center;gap:10px;width:min(34rem,100% - 2rem);min-height:2.75rem;padding:12px 18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #0f172a38}.ai-commerce-diagram__marker-pill--chocolate{background:#241208eb}.ai-commerce-diagram__marker-pill--blackcurrant{background:#160820eb}.ai-commerce-diagram__marker-text{letter-spacing:.04em;text-transform:uppercase;color:#f8fafc;text-align:center;white-space:normal;font-size:11px;font-weight:600;line-height:1.35}.ai-commerce-diagram__marker-arrow{flex-shrink:0;justify-self:center}.ai-commerce-diagram__marker-arrow--down{color:#fbbf24}.ai-commerce-diagram__marker-arrow--up{color:#67e8f9}