.commerce-marketing{overflow:clip}.commerce-marketing section h2{text-wrap:pretty;max-width:1100px}.commerce-marketing ::selection{background:var(--primary);color:var(--primary-foreground)}.commerce-backdrop{pointer-events:none;z-index:-1;position:absolute;inset:0}.commerce-backdrop svg{width:100%;height:100%}.commerce-backdrop path{fill:none;stroke:var(--primary);opacity:.13}.commerce-backdrop .backdrop-flow{stroke-width:2px;stroke-dasharray:6 94;opacity:.5;animation:13s linear infinite commerce-flow}@keyframes commerce-flow{to{stroke-dashoffset:-100px}}.managed-workflow{width:100%;min-width:0}.workflow-stage{align-content:start;min-height:460px;padding:38px 8px 8px;display:grid;position:relative}.workflow-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.workflow-lines path{fill:none;stroke:var(--primary);stroke-width:1.5px;opacity:.22}.workflow-lines .workflow-travel{stroke-dasharray:8 92;stroke-width:3px;opacity:.8;animation:7s linear infinite commerce-flow}.workflow-store{width:89%;animation:9s ease-in-out infinite commerce-store-drift;transform:rotate(-2deg)}.workflow-store>div{box-shadow:0 18px 40px color-mix(in oklch, var(--foreground) 10%, transparent)}.workflow-detail{z-index:2;background:var(--card);width:78%;color:var(--card-foreground);box-shadow:0 18px 40px color-mix(in oklch, var(--foreground) 10%, transparent);border-radius:16px;flex-direction:column;gap:15px;margin:-70px 0 0 auto;padding:24px;animation:.5s cubic-bezier(.16,1,.3,1) both workflow-arrive;display:flex;position:relative}.workflow-icon{background:var(--muted);width:40px;height:40px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.workflow-detail ul{flex-direction:column;gap:12px;display:flex}.workflow-detail li{color:var(--muted-foreground);align-items:start;gap:9px;font-size:13px;animation:.4s both task-arrive;display:flex}.workflow-detail li svg{color:var(--primary);flex-shrink:0}@keyframes commerce-store-drift{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(-1deg)translateY(-7px)}}@keyframes workflow-arrive{0%{opacity:1;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes task-arrive{0%{opacity:1;transform:translate(6px)}to{opacity:1;transform:none}}.workflow-controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:20px;display:grid}.workflow-controls button{border-bottom:2px solid var(--border);min-height:44px;color:var(--muted-foreground);justify-content:center;align-items:center;gap:7px;padding:8px;font-size:13px;transition:color .2s,border-color .2s;display:inline-flex}.workflow-controls button[aria-pressed=true]{color:var(--foreground);border-color:var(--primary)}.workflow-controls button:hover{color:var(--foreground)}.workflow-controls button:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.workflow-compact .workflow-stage{min-height:410px}.commerce-marketing .plan-tile{min-height:410px;transition:transform .25s}.commerce-marketing .plan-tile:hover{transform:translateY(-4px)}.commerce-cta{border-radius:24px;flex-direction:column;gap:38px;padding:56px;display:flex}.commerce-cta-choice{border-top:1px solid var(--border);flex-direction:column;gap:18px;padding-top:28px;display:flex}@media (max-width:1023px){.managed-workflow{max-width:660px;margin-inline:auto}}@media (max-width:639px){.workflow-stage{min-height:400px;padding:20px 0 0}.workflow-detail{width:90%;margin-top:-36px;padding:20px}.workflow-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.commerce-cta{padding:32px 24px}}@media (prefers-reduced-motion:reduce){.commerce-marketing *,.commerce-marketing :before,.commerce-marketing :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.commerce-marketing .plan-tile:hover{transform:none}}.managed-workflow[data-running=false] .workflow-detail,.managed-workflow[data-running=false] .workflow-detail li{animation:none}.commerce-marketing ol li{transition:background .2s}.commerce-marketing ol li:hover{background:var(--muted)}.commerce-marketing .benefits-track{animation-duration:21s}.commerce-hero-layout{max-width:1440px}.workflow-stage,.workflow-compact .workflow-stage{align-content:center;min-height:340px;padding:24px 0}.workflow-detail{gap:12px;width:61%;margin:0;padding:22px;position:absolute;top:42px;right:0}.commerce-overview{background:var(--muted);border-radius:16px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;padding:40px;display:grid}.commerce-overview ul{flex-direction:column;gap:12px;display:flex}.commerce-overview li{background:var(--background);border-radius:12px;align-items:center;gap:18px;padding:20px;animation:7.2s ease-in-out infinite overview-work;display:flex}.commerce-overview li>svg{width:24px;height:24px;color:var(--primary);flex-shrink:0}.commerce-overview li h3{font-size:18px;font-weight:500}.commerce-overview li p{color:var(--muted-foreground);margin-top:4px;font-size:14px}@keyframes overview-work{0%,18%{transform:translate(6px)}35%,to{transform:none}}.commerce-cta-choice{border:0;border-radius:16px;padding:28px}.commerce-cta-managed{background:var(--muted)}.commerce-cta-self{background:var(--background);color:var(--foreground)}.commerce-contact{padding-block:40px 80px}.commerce-contact-layout{grid-template-columns:.85fr 1.15fr;align-items:stretch;gap:24px;display:grid}.commerce-contact-intro{border-radius:16px;flex-direction:column;gap:28px;padding:40px;display:flex}.commerce-contact-intro h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(32px,3vw,44px);line-height:1.08}.commerce-contact-intro p{color:var(--muted-foreground)}.commerce-contact-intro ul{flex-direction:column;gap:26px;margin-top:10px;display:flex}.commerce-contact-intro li{gap:14px;display:flex}.commerce-contact-intro li>svg{width:24px;color:var(--primary);flex-shrink:0}.commerce-contact-intro li h2{font-size:18px;font-weight:500}.commerce-contact-intro li p{margin-top:8px;font-size:14px}.conversation-panel{background:var(--muted);border-radius:16px;padding:40px}.conversation-top{color:var(--muted-foreground);justify-content:space-between;gap:20px;font-size:12px;display:flex}.conversation-panel progress{width:100%;height:4px;accent-color:var(--primary);margin-top:20px}.conversation-panel progress::-webkit-progress-bar{background:var(--border)}.conversation-panel progress::-webkit-progress-value{background:var(--primary)}.conversation-stage{outline:none;margin-top:48px;animation:.3s cubic-bezier(.16,1,.3,1) both workflow-arrive}.conversation-stage h2{letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(26px,2.7vw,36px);line-height:1.12}.conversation-stage form,.conversation-stage section{flex-direction:column;align-items:stretch;gap:16px;display:flex}.conversation-stage p{color:var(--muted-foreground)}.conversation-stage p.text-destructive{color:var(--destructive)}.conversation-stage label{font-size:14px}.conversation-input{border:1px solid var(--border);background:var(--background);width:100%;min-height:52px;caret-color:var(--primary);border-radius:8px;padding:14px}.conversation-input:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.conversation-input::placeholder{color:var(--muted-foreground)}.conversation-stage fieldset{flex-direction:column;gap:12px;display:flex}.conversation-option{border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:14px;min-height:64px;padding:18px;display:flex}.conversation-option:has(input:checked){border-color:var(--primary);background:var(--background)}.conversation-option:focus-within{outline:3px solid var(--ring);outline-offset:2px}.conversation-option input{accent-color:var(--primary);width:18px;height:18px}.conversation-option span{flex-direction:column;gap:2px;display:flex}.conversation-option small{color:var(--muted-foreground);font-size:14px}.conversation-actions{justify-content:space-between;gap:14px;margin-top:24px;display:flex}.conversation-review{flex-direction:column;margin-block:12px;display:flex}.conversation-review>div{border-top:1px solid var(--border);padding-block:14px}.conversation-review dt{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:13px;display:flex}.conversation-review button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.conversation-review button svg{width:16px}.conversation-review button:focus-visible{outline:3px solid var(--ring)}.conversation-review dd{overflow-wrap:anywhere;white-space:pre-wrap}@media (max-width:1023px){.commerce-contact-layout{grid-template-columns:1fr}.commerce-contact-intro ul{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}@media (max-width:639px){.workflow-stage,.workflow-compact .workflow-stage{min-height:0;padding:20px 0 0}.workflow-store{width:86%}.workflow-detail{width:92%;margin:-46px 0 0 auto;padding:20px;position:relative;top:auto}.workflow-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.workflow-controls button{gap:4px;padding-inline:2px;font-size:11px}.workflow-controls svg{width:13px}.commerce-overview{grid-template-columns:1fr;gap:28px;padding:24px 16px}.commerce-overview li{gap:12px;padding:16px}.commerce-cta-choice{padding:24px}.commerce-contact{padding-top:24px}.commerce-contact-intro,.conversation-panel{padding:28px 24px}.commerce-contact-intro ul{display:flex}.conversation-top{flex-direction:column;gap:8px}.conversation-stage{margin-top:32px}.conversation-actions button[type=submit]{padding-inline:18px;font-size:14px}}.commerce-hero-layout{min-height:620px}.workflow-stage{min-height:365px}.workflow-store{width:84%}.workflow-store img{object-fit:cover;object-position:top;max-height:330px}.workflow-detail{background:var(--card);gap:14px;width:70%;margin:0;position:absolute;top:92px;right:0}.workflow-detail>span{display:none}.workflow-detail ul{gap:10px}.workflow-controls{margin-top:16px}.managed-overview{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.managed-overview-list{flex-direction:column;display:flex}.managed-overview-list button{text-align:left;border-bottom:1px solid var(--border);align-items:center;gap:20px;min-height:100px;padding:24px 0;display:flex}.managed-overview-list button>svg{flex-shrink:0;width:24px;height:24px}.managed-overview-list button>svg:last-child{width:16px;margin-left:auto}.managed-overview-list strong{letter-spacing:-.02em;font-size:24px;font-weight:500;display:block}.managed-overview-list small{color:var(--muted-foreground);margin-top:8px;font-size:13px;display:block}.managed-overview-list button[aria-pressed=true]{color:var(--primary)}.managed-overview-scene{min-width:0;animation:.35s cubic-bezier(.16,1,.3,1) both workflow-arrive}.managed-desk{background:var(--muted);border-radius:16px;flex-direction:column;gap:18px;padding:36px;display:flex}.managed-desk h3{letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:500;line-height:1.15}.managed-desk p{color:var(--muted-foreground);font-size:13px}.managed-task{background:var(--background);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:18px;font-size:13px;display:flex}.managed-task>span{align-items:center;gap:10px;display:flex}.managed-task small{color:var(--muted-foreground);font-size:11px}.managed-task svg,.campaign-task>svg,.managed-note>svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.managed-note{color:var(--muted-foreground);align-items:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.campaign-task{border-bottom:1px solid var(--border);align-items:start;gap:18px;padding-block:18px;display:flex}.campaign-task:last-child{border:0}.campaign-task strong{font-weight:500}.campaign-task p{margin-top:8px}.team-desk{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px;display:grid}.team-manager{border-radius:16px;flex-direction:column;gap:24px;padding:36px;display:flex}.manager-top{align-items:center;gap:16px;display:flex}.role-avatar{background:var(--card);width:56px;height:56px;color:var(--primary);border-radius:100px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.role-avatar svg{width:24px}.team-manager h3{font-size:22px;font-weight:500}.team-manager p{color:var(--muted-foreground);font-size:14px}.manager-top p{margin-top:6px;font-size:12px}.manager-note{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:center;gap:10px;padding-top:20px;font-size:12px;display:flex}.manager-note svg{flex-shrink:0;width:16px;height:16px}.team-role{border-bottom:1px solid var(--border);grid-template-columns:24px minmax(0,.65fr) minmax(0,1fr);align-items:center;gap:20px;padding-block:26px;display:grid}.team-role>svg{width:22px;height:22px;color:var(--primary)}.team-role h3{font-size:18px;font-weight:500}.team-role p{color:var(--muted-foreground);font-size:13px}.included-software{background:var(--muted);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:48px;display:grid}.included-software h3{letter-spacing:-.03em;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.1}.included-software p{color:var(--muted-foreground);margin-block:20px}.commerce-responsibilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;display:grid}.commerce-responsibilities h3{margin-bottom:28px;font-size:28px;font-weight:500}.commerce-responsibilities ul{flex-direction:column;gap:18px;display:flex}.commerce-responsibilities li{align-items:start;gap:12px;display:flex}.commerce-responsibilities svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.commerce-cta{background:linear-gradient(125deg, var(--background), var(--card))}.commerce-cta-self{background:linear-gradient(145deg, var(--background), var(--card))}@media (max-width:900px){.managed-overview,.team-desk,.included-software{grid-template-columns:1fr;gap:36px}.team-manager{max-width:650px}}@media (max-width:639px){.commerce-hero-layout{min-height:0}.workflow-stage{min-height:340px;padding-top:28px}.workflow-detail{width:83%;margin:0;position:absolute;top:86px}.workflow-detail strong{font-size:18px}.workflow-store img{max-height:250px}.managed-overview-list button{gap:14px;min-height:84px;padding-block:20px}.managed-overview-list strong{font-size:21px}.managed-desk,.team-manager{padding:24px}.managed-task{flex-wrap:wrap;padding:14px}.team-role{grid-template-columns:24px minmax(0,1fr);gap:12px}.team-role p{grid-column:2}.included-software{padding:28px 24px}.commerce-responsibilities{grid-template-columns:1fr;gap:32px}}
