/* worker.ai product pages (version 44). Worker design system tokens only: Poppins; Navy #13132D, Blue #3E1BFE,
   Light Blue #DAD4ED (washes), selected #EDEAFE, off-white #F5F5F5, muted #5A5A5A, hairline #E4E4F1; status colors only
   in pills and cells. Flat surfaces (1px border, no shadow, no gradient), radius 6 / 12 / 20. Product UI is rendered by
   the design system's React components (/assets/ds.js) with a sample company, Harborline. Motion respects reduced motion. */
.pp { padding-bottom: var(--space-16); overflow-x: clip; }
.pp-wrap { width: min(1120px, 100% - 32px); margin: 0 auto; }
@media (min-width: 768px) { .pp-wrap { width: min(1120px, 100% - 64px); } }
.pp-over { font-size: var(--text-2xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); margin: 0 0 var(--space-3); }
.pp h1, .pp h2, .pp h3 { color: var(--ink); }
.mut { color: var(--muted); }
.pp-h2 { font: 700 clamp(28px, 3.6vw, 44px)/1.12 var(--font-display); letter-spacing: -0.01em; margin: 0 0 var(--space-4); max-width: 18em; }
.pp-lead { font-size: var(--text-md); line-height: var(--lh-relaxed); color: var(--muted); margin: 0; max-width: 36em; }
.pp-sec { margin-top: clamp(72px, 10vw, 128px); }
.pp-cta-row { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }
.pp-cta-row .fb-btn { height: 44px; padding: 0 20px; font-size: 15px; }
.pp-note { font-size: 13px; color: var(--muted); margin: var(--space-3) 0 0; }

/* hero: words above, live product below (mood board: Attio, Harvey) */
.pp-hero { padding-top: var(--space-10); text-align: center; }
.pp-hero h1 { font: 700 clamp(36px, 5.6vw, 64px)/1.06 var(--font-display); letter-spacing: -0.015em; margin: 0 auto var(--space-4); max-width: 15em; }
.pp-hero .pp-lead { margin: 0 auto; }
.pp-hero .pp-cta-row { justify-content: center; }
.pp-stage { position: relative; margin: var(--space-12) auto 0; max-width: 1120px; display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; }
@media (min-width: 900px) { .pp-stage { grid-template-columns: minmax(0, 1fr) clamp(130px, 13vw, 190px); column-gap: 8px; } }
.pp-stage .pp-clip { width: 100%; }
@media (max-width: 899px) { .pp-stage .pp-clip { display: none; } }

/* the app window: one flat surface that holds the design system's components */
.app-scale { position: relative; width: 100%; overflow: hidden; border-radius: 20px; }
.app { width: 1040px; transform-origin: 0 0; background: #fff; border: 1px solid var(--hair); border-radius: 20px; overflow: hidden; display: grid; grid-template-columns: 208px minmax(0, 1fr); text-align: left; }
.app.no-side { grid-template-columns: minmax(0, 1fr); }
.app-side { border-right: 1px solid var(--hair); min-height: 100%; }
.app-main { padding: 22px 26px 26px; min-width: 0; }
.app-top { display: flex; align-items: center; gap: 12px; margin: 0 0 18px; }
.app-top h3 { font: 700 22px/1.2 var(--font-display); margin: 0; }
.app-chip { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--hair); font-size: 12px; font-weight: 500; color: var(--muted); background: #fff; white-space: nowrap; }
.app-chip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--blue); }
.app-ws { display: flex; align-items: center; gap: 10px; font: 600 14px/1.2 var(--font-body); color: var(--ink); }
.app-ws span { width: 28px; height: 28px; border-radius: 8px; background: var(--blue); display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 13px; }
.app-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.app-card { border: 1px solid var(--hair); border-radius: 12px; padding: 14px 16px; background: #fff; }
.app-card h4 { margin: 0 0 10px; font: 600 13px/1.3 var(--font-body); color: var(--muted); }
.app-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 16px; }
.app-goal { display: grid; grid-template-columns: minmax(0, 1fr) 120px 120px; align-items: center; gap: 14px; padding: 12px 0; border-top: 1px solid var(--hair); font-size: 14px; }
.app-goal:first-of-type { border-top: 0; }
.app-goal b { font-weight: 600; display: block; }
.app-goal small { color: var(--muted); font-size: 12px; }
.app-meet { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 22px; }
.app-meet-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.app-step-title { font: 700 20px/1.2 var(--font-display); margin: 0 0 4px; }
.app-step-sub { color: var(--muted); font-size: 13px; margin: 0 0 14px; }
.app-fade { transition: opacity 260ms ease, transform 260ms ease; }
.app-fade.out { opacity: 0; transform: translateY(6px); }
.static-note { font-size: 12px; color: var(--muted); text-align: right; margin: 8px 4px 0; }

/* sticky job index (mood board: Attio sticky list) */
.jobs { display: grid; gap: var(--space-8); margin-top: var(--space-10); }
@media (min-width: 1000px) { .jobs { grid-template-columns: 360px minmax(0, 1fr); gap: var(--space-12); } }
.jobs-list { display: grid; gap: 0; }
.job { padding: var(--space-6) 0 var(--space-6) var(--space-5); border-left: 2px solid var(--hair); min-height: 46vh; }
@media (max-width: 999px) { .job { min-height: 0; } }
.job.on { border-left-color: var(--blue); }
.job h3 { font: 600 22px/1.25 var(--font-display); margin: 0 0 var(--space-2); }
.job p { margin: 0 0 var(--space-3); color: var(--muted); line-height: 1.6; }
.job a { font-weight: 600; color: var(--blue); font-size: 14px; }
.job-num { font: 700 13px/1 var(--font-body); color: var(--blue); letter-spacing: 0.08em; display: block; margin-bottom: var(--space-3); }
.jobs-panel { position: relative; }
@media (min-width: 1000px) { .jobs-panel-in { position: sticky; top: 112px; } }
.job-mobile-ui { margin-top: var(--space-5); }
@media (min-width: 1000px) { .job-mobile-ui { display: none; } }
@media (max-width: 999px) { .jobs-panel { display: none; } }

/* commitment chain (mood board: Dust, Motion) */
.chain { display: grid; gap: 12px; margin-top: var(--space-8); counter-reset: ch; }
@media (min-width: 900px) { .chain { grid-template-columns: repeat(4, 1fr); gap: 0; } }
.chain-n { position: relative; border: 1px solid var(--hair); border-radius: 12px; padding: 18px 18px 20px; background: #fff; }
@media (min-width: 900px) { .chain-n { margin-right: 28px; } .chain-n:last-child { margin-right: 0; }
  .chain-n:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -29px; width: 28px; height: 2px; background: var(--hair); }
  .chain-n.lit:not(:last-child)::after { background: var(--blue); } }
.chain-n .k { font: 700 12px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.chain-n h3 { font: 600 17px/1.3 var(--font-display); margin: 10px 0 12px; }
.chain-n p { margin: 0; font-size: 13px; color: var(--muted); }
.chain-n.lit { border-color: var(--blue); }
.chain-n.lit .k { color: var(--blue); }
.chain-pill { min-height: 26px; margin-bottom: 8px; }

/* old way and Worker (mood board: Motion two-column rows) */
.vs { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: var(--space-8); border: 1px solid var(--hair); border-radius: 12px; overflow: hidden; }
.vs th, .vs td { text-align: left; padding: 16px 18px; vertical-align: top; font-size: 15px; line-height: 1.5; border-top: 1px solid var(--hair); }
.vs thead th { border-top: 0; font: 600 12px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); background: var(--offwhite, #F5F5F5); }
.vs td:last-child, .vs th:last-child { background: #EDEAFE; }
.vs thead th:last-child { color: var(--blue); }
.vs td:first-child { color: var(--muted); width: 50%; }
@media (max-width: 640px) { .vs th, .vs td { padding: 12px; font-size: 14px; } }

/* setup checklist (mood board: Viktor, Vanta) */
.setup { display: grid; gap: var(--space-8); align-items: center; margin-top: var(--space-8); }
@media (min-width: 900px) { .setup { grid-template-columns: minmax(0, 1fr) 280px; } }
.setup-list { list-style: none; margin: 0; padding: 0; border: 1px solid var(--hair); border-radius: 20px; }
.setup-list li { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 20px; border-top: 1px solid var(--hair); }
.setup-list li:first-child { border-top: 0; }
.setup-list .tick { width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--hair); display: inline-flex; align-items: center; justify-content: center; transition: background 220ms ease, border-color 220ms ease; }
.setup-list .tick svg { width: 14px; height: 14px; stroke: #fff; stroke-width: 2.4; fill: none; stroke-dasharray: 20; stroke-dashoffset: 20; transition: stroke-dashoffset 320ms ease 80ms; }
.setup-list li.done .tick { background: var(--blue); border-color: var(--blue); }
.setup-list li.done .tick svg { stroke-dashoffset: 0; }
.setup-list b { display: block; font-weight: 600; }
.setup-list small { color: var(--muted); font-size: 13px; }
.setup-list .who { font-size: 12px; color: var(--muted); white-space: nowrap; }
.setup-art { text-align: center; }
.setup-art .pp-clip { width: 220px; display: inline-block; }

/* ink cast clips: video on white, standing on a floor line */
.pp-clip { position: relative; }
.pp-clip video, .pp-clip img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; background: #fff; }
.pp-clip.floor::after { content: ""; position: absolute; left: -12%; right: -12%; bottom: calc(7.5% - 2px); height: 2px; background: var(--ink); }

/* bento of product pages (mood board: Notion) */
.bento { display: grid; gap: 16px; margin-top: var(--space-8); }
@media (min-width: 760px) { .bento { grid-template-columns: repeat(6, 1fr); } .bento a:nth-child(1), .bento a:nth-child(2) { grid-column: span 3; } .bento a:nth-child(n+3) { grid-column: span 2; } }
.bento a { display: flex; flex-direction: column; gap: 8px; border: 1px solid var(--hair); border-radius: 20px; padding: 22px; color: var(--ink); text-decoration: none; background: #fff; transition: border-color 160ms ease; min-height: 168px; }
.bento a:hover { border-color: var(--blue); text-decoration: none; }
.bento a.wash { background: #EDEAFE; border-color: #EDEAFE; }
.bento a.wash:hover { border-color: var(--blue); }
.bento h3 { font: 600 20px/1.25 var(--font-display); margin: 0; }
.bento p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.55; }
.bento .go { margin-top: auto; color: var(--blue); font-weight: 600; font-size: 14px; }
.bento .ico { width: 36px; height: 36px; border-radius: 10px; background: var(--blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
.bento .ico svg { width: 20px; height: 20px; }

/* persona and objection cards (mood board: Deepgram, Harvey, Synthesia) */
.cards3 { display: grid; gap: 16px; margin-top: var(--space-8); }
@media (min-width: 860px) { .cards3 { grid-template-columns: repeat(3, 1fr); } }
.card3 { border: 1px solid var(--hair); border-radius: 20px; padding: 24px; background: #fff; display: flex; flex-direction: column; gap: 10px; }
.card3 .k { font: 600 12px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); }
.card3 h3 { font: 600 20px/1.3 var(--font-display); margin: 0; }
.card3 p { margin: 0; color: var(--muted); line-height: 1.6; font-size: 15px; }
.card3 a { margin-top: auto; padding-top: 6px; font-weight: 600; font-size: 14px; color: var(--blue); }
.card3.ui { padding: 0; overflow: hidden; }
.card3.ui .ui-top { background: var(--offwhite, #F5F5F5); border-bottom: 1px solid var(--hair); padding: 16px; min-height: 120px; }
.card3.ui .ui-copy { padding: 0 24px 24px; display: flex; flex-direction: column; gap: 10px; }

/* ruled facts (mood board: Harvey ruled table) */
.facts { margin: var(--space-8) 0 0; border-top: 1px solid var(--ink); }
.facts div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: baseline; padding: 18px 0; border-bottom: 1px solid var(--hair); }
.facts dt { color: var(--muted); font-size: 15px; }
.facts dd { margin: 0; font: 700 clamp(22px, 3vw, 32px)/1.1 var(--font-display); text-align: right; }

/* split header row (mood board: Granola) */
.split { display: grid; gap: var(--space-4); align-items: end; }
@media (min-width: 900px) { .split { grid-template-columns: 5fr 6fr; gap: var(--space-12); } .split .pp-h2 { margin: 0; } }
.split .pp-lead { margin: 0; }

/* pinned step tour (mood board: Listen Labs numbered steps, Gong synced caption) */
.tour { position: relative; margin-top: var(--space-8); }
.tour-pin { display: grid; gap: var(--space-6); align-items: center; }
@media (min-width: 1000px) { .tour-pin { grid-template-columns: 300px minmax(0, 1fr); min-height: calc(100vh - 140px); } }
.tour-num { font: 700 clamp(64px, 9vw, 120px)/0.9 var(--font-display); color: var(--blue); letter-spacing: -0.03em; margin: 0; }
.tour-cap h3 { font: 600 24px/1.25 var(--font-display); margin: var(--space-3) 0 var(--space-2); }
.tour-cap p { color: var(--muted); line-height: 1.6; margin: 0; }
.tour-dots { display: flex; gap: 6px; margin-top: var(--space-5); }
.tour-dots i { width: 22px; height: 4px; border-radius: 2px; background: var(--hair); }
.tour-dots i.on { background: var(--blue); }
.tour-steps { display: none; }

/* compare: spreadsheet and Worker (mood board: Parallel split with handle) */
.cmp { position: relative; margin-top: var(--space-8); border: 1px solid var(--hair); border-radius: 20px; overflow: hidden; user-select: none; background: #fff; }
.cmp-base { padding: 48px 12px 12px; position: relative; z-index: 0; }
.cmp-over { position: absolute; inset: 0; z-index: 1; clip-path: inset(0 calc(100% - var(--cut, 50%)) 0 0); background: #fff; }
.cmp-handle, .cmp-lab { z-index: 2; }
.cmp input[type=range] { z-index: 3; }
.cmp-handle { position: absolute; top: 0; bottom: 0; left: var(--cut, 50%); width: 2px; background: var(--blue); transform: translateX(-1px); pointer-events: none; }
.cmp-handle span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; background: var(--blue); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; }
.cmp input[type=range] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: ew-resize; margin: 0; }
.cmp-lab { position: absolute; top: 12px; z-index: 3; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; display: inline-flex; align-items: center; background: #fff; border: 1px solid var(--hair); pointer-events: none; }
.cmp-lab.l { left: 12px; color: var(--muted); }
.cmp-lab.r { right: 12px; color: var(--blue); }
.sheet { width: 100%; border-collapse: collapse; font: 13px/1.2 Arial, Helvetica, sans-serif; color: #333; }
.sheet td, .sheet th { border: 1px solid #D9D9D9; padding: 8px 10px; text-align: right; white-space: nowrap; }
.sheet th { background: #F3F3F3; font-weight: 400; color: #666; }
.sheet td:first-child, .sheet th:first-child { text-align: left; }
.sheet .blank { color: #BBB; }
.sheet-wrap { padding: 52px 16px 20px; background: #fff; overflow: hidden; }

/* timed feature accordion (mood board: Harvey) */
.acc { display: grid; gap: var(--space-8); margin-top: var(--space-8); align-items: start; }
@media (min-width: 960px) { .acc { grid-template-columns: 360px minmax(0, 1fr); } }
.acc-list { display: grid; }
.acc-i { border-top: 1px solid var(--hair); padding: 16px 0; cursor: pointer; background: none; border-left: 0; border-right: 0; border-bottom: 0; text-align: left; font: inherit; color: inherit; width: 100%; }
.acc-i:last-child { border-bottom: 1px solid var(--hair); }
.acc-i b { display: block; font: 600 17px/1.3 var(--font-display); }
.acc-i span { display: none; margin-top: 6px; color: var(--muted); font-size: 14px; line-height: 1.55; }
.acc-i.on span { display: block; }
.acc-i .bar { display: block; height: 2px; margin-top: 12px; background: var(--hair); position: relative; overflow: hidden; }
.acc-i .bar::after { content: ""; position: absolute; inset: 0; background: var(--blue); transform: scaleX(0); transform-origin: 0 50%; }
.acc-i.on .bar::after { animation: accbar 6s linear forwards; }
.acc.paused .acc-i.on .bar::after { animation-play-state: paused; }
@keyframes accbar { to { transform: scaleX(1); } }
.acc-pause { justify-self: start; margin-top: 10px; background: none; border: 1px solid var(--hair); border-radius: 999px; height: 30px; padding: 0 12px; font: 500 12px var(--font-body); color: var(--ink); cursor: pointer; }

/* stacking goal cards (mood board: Black Forest Labs) */
.stack { margin-top: var(--space-8); display: grid; gap: 20px; }
.stack-c { position: sticky; border: 1px solid var(--hair); border-radius: 20px; background: #fff; padding: 22px 24px; display: grid; gap: 14px; }
@media (min-width: 900px) { .stack-c { grid-template-columns: 220px minmax(0, 1fr); align-items: center; } }
.stack-c:nth-child(1) { top: 96px; } .stack-c:nth-child(2) { top: 120px; } .stack-c:nth-child(3) { top: 144px; }
.stack-c:nth-child(2) { background: #F5F5F5; } .stack-c:nth-child(3) { background: #EDEAFE; }
.stack-c .k { font: 600 12px/1 var(--font-body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); }
.stack-c h3 { font: 600 20px/1.3 var(--font-display); margin: 6px 0 0; }
.stack-row { display: grid; grid-template-columns: minmax(0, 1fr) 150px 110px; gap: 14px; align-items: center; font-size: 14px; }
@media (max-width: 640px) { .stack-row { grid-template-columns: minmax(0, 1fr); } }

/* one issue traced (mood board: XBOW) */
.trace { margin-top: var(--space-8); border: 1px solid var(--hair); border-radius: 20px; overflow: hidden; }
.trace ol { list-style: none; margin: 0; padding: 0; }
.trace li { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 18px 22px; border-top: 1px solid var(--hair); opacity: 0.35; transition: opacity 300ms ease; }
.trace li:first-child { border-top: 0; }
.trace li.on { opacity: 1; }
.trace .n { font: 700 28px/1 var(--font-display); color: var(--blue); }
.trace b { display: block; font: 600 16px/1.35 var(--font-display); }
.trace small { color: var(--muted); font-size: 13px; }
.trace-foot { background: #F5F5F5; padding: 12px 22px; font-size: 13px; color: var(--muted); border-top: 1px solid var(--hair); }

/* AI worker receipt (mood board: Gumloop) */
.receipt { border: 1px solid var(--hair); border-radius: 20px; padding: 22px 24px; background: #fff; }
.receipt h3 { font: 600 18px/1.3 var(--font-display); margin: 0 0 4px; }
.receipt .when { font-size: 13px; color: var(--muted); margin: 0 0 14px; }
.receipt ul { list-style: none; margin: 0; padding: 0; }
.receipt li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; padding: 10px 0; border-top: 1px solid var(--hair); font-size: 14px; line-height: 1.5; opacity: 0.3; transition: opacity 260ms ease; }
.receipt li.on { opacity: 1; }
.receipt li svg { width: 18px; height: 18px; margin-top: 2px; }
.receipt .rc-foot { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--ink); font-size: 13px; color: var(--muted); }
.ai-split { display: grid; gap: var(--space-8); margin-top: var(--space-8); align-items: start; }
@media (min-width: 960px) { .ai-split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.ai-ctl { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.ai-ctl li { padding-left: 22px; position: relative; line-height: 1.55; }
.ai-ctl li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 2px; background: var(--blue); }

/* page FAQ */
.pfaq { margin-top: var(--space-8); border-top: 1px solid var(--hair); }
.pfaq details { border-bottom: 1px solid var(--hair); }
.pfaq summary { cursor: pointer; list-style: none; padding: 18px 40px 18px 0; position: relative; font: 600 17px/1.4 var(--font-display); }
.pfaq summary::-webkit-details-marker { display: none; }
.pfaq summary::after { content: "+"; position: absolute; right: 4px; top: 14px; font: 400 24px/1 var(--font-body); color: var(--blue); }
.pfaq details[open] summary::after { content: "\2212"; }
.pfaq p { margin: 0 0 18px; color: var(--muted); line-height: 1.65; max-width: 46em; }

/* related reading band (mood board: Otter.ai) */
.rel { background: #DAD4ED; border-radius: 20px; padding: clamp(24px, 4vw, 44px); display: grid; gap: var(--space-6); }
@media (min-width: 900px) { .rel { grid-template-columns: 280px minmax(0, 1fr); } }
.rel h2 { font: 700 26px/1.2 var(--font-display); margin: 0; }
.rel ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
@media (min-width: 700px) { .rel ul { grid-template-columns: 1fr 1fr; column-gap: 28px; } }
.rel li a { display: block; padding: 12px 0; border-bottom: 1px solid rgba(19, 19, 45, 0.16); color: var(--ink); font-weight: 500; line-height: 1.4; }
.rel li a:hover { color: var(--blue); text-decoration: none; }
.rel li small { display: block; color: var(--ink); opacity: 0.7; font-weight: 400; font-size: 12px; margin-top: 2px; }

/* plain-offer CTA (mood board: Granola, Motion) */
.offer { margin-top: clamp(72px, 10vw, 128px); background: var(--ink); color: #fff; border-radius: 20px; padding: clamp(32px, 5vw, 56px); display: grid; gap: var(--space-6); align-items: end; }
@media (min-width: 900px) { .offer { grid-template-columns: minmax(0, 1fr) auto; } }
.offer h2 { font: 700 clamp(28px, 3.6vw, 44px)/1.12 var(--font-display); margin: 0 0 var(--space-3); color: #fff; }
.offer p { margin: 0; color: rgba(255, 255, 255, 0.78); font-size: var(--text-md); max-width: 34em; }
.offer .fb-btn { height: 46px; padding: 0 22px; font-size: 15px; }
.offer small { display: block; margin-top: 10px; color: rgba(255, 255, 255, 0.62); font-size: 13px; }

@media (prefers-reduced-motion: reduce) {
  .app-fade, .setup-list .tick, .setup-list .tick svg, .trace li, .receipt li { transition: none; }
  .acc-i.on .bar::after { animation: none; transform: scaleX(1); }
}

/* grid children that hold a scaled product view must be allowed to shrink */
.jobs-list > *, .acc > *, .jobs > *, .ai-split > *, .setup > *, .tour-pin > *, .pp-stage > *, .split > *, .cards3 > * { min-width: 0; }