/* n8n flow showcase — Automations page only */

.flows-panel {
  position: relative;
  background: var(--pm-ink);
  border: 1px solid var(--pm-ink);
  border-radius: var(--radius-md);
  padding: 36px 36px 32px;
  color: var(--pm-white);
}
.flows-panel .sp-hero-reg { color: rgba(255, 255, 255, 0.35); }
.flows-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 32px; padding-bottom: 20px; border-bottom: 1px dashed rgba(255, 255, 255, 0.16); }
.flows-tab {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fm);
  font-size: var(--pm-type-caption);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 9px 14px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  transition: border-color 160ms var(--ease), color 160ms var(--ease);
}
.flows-tab iconify-icon { color: rgba(255, 255, 255, 0.5); }
.flows-tab:hover { color: var(--pm-white); border-color: rgba(255, 255, 255, 0.28); }
.flows-tab[aria-selected="true"] { background: var(--pm-glacier-blue); border-color: var(--pm-glacier-blue); color: var(--color-on-glacier); }
.flows-tab[aria-selected="true"] iconify-icon { color: var(--color-on-glacier); }
.flows-tab:focus-visible { outline: 1.5px solid var(--pm-ice-current); outline-offset: 2px; }

.flows-body { display: grid; grid-template-columns: 290px 1fr; gap: 36px; align-items: stretch; }
.flows-copy { display: flex; flex-direction: column; }
.flows-eyebrow { font-family: var(--fm); font-size: var(--pm-type-eyebrow); font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--pm-ice-current); margin: 0 0 14px; }
.flows-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--pm-type-body);
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--pm-white);
  margin: 0 0 10px;
  text-wrap: balance;
}
.flows-desc {
  font-family: var(--font-body);
  font-size: var(--pm-type-body-sm);
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.76);
  margin: 0 0 16px;
}
.flows-saves { list-style: none; display: flex; flex-direction: column; gap: 8px; margin: 0 0 24px; padding: 0; }
.flows-saves li { font-size: var(--pm-type-body-sm); color: rgba(255, 255, 255, 0.76); display: flex; gap: 8px; line-height: 1.45; }
.flows-saves li::before { content: '✓'; color: var(--pm-ice-current); font-weight: 600; flex-shrink: 0; }
#root .flows-copy h3.flows-title {
  font-family: var(--font-display);
  font-size: var(--pm-type-body);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.015em;
}
#root .flows-copy .flows-desc,
#root .flows-copy .flows-saves li {
  font-family: var(--font-body);
  font-size: var(--pm-type-body-sm);
  line-height: 1.55;
}
.flows-link { display: inline-block; margin-top: auto; font-family: var(--fm); font-size: var(--pm-type-caption); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pm-ice-current); text-decoration: none; }
.flows-link:hover { text-decoration: underline; text-underline-offset: 4px; }

.flows-stage { --hud-corner-offset: -6px; --hud-corner-color: rgba(73, 227, 255, 0.45); min-width: 0; display: flex; flex-direction: column; }
.flows-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; border: 1px solid rgba(255, 255, 255, 0.08); border-bottom: none; background: #0d1838; font-family: var(--fm); font-size: var(--pm-type-micro); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }
.flows-status-file { color: rgba(255, 255, 255, 0.62); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: none; letter-spacing: 0.02em; }
.flows-status-live { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; color: var(--pm-white); }
.flows-status-live::before { content: ''; width: 6px; height: 6px; background: var(--pm-polar-mint); }

.flows-canvas-wrap { flex: 1; min-width: 0; overflow-x: auto; border: 1px solid rgba(255, 255, 255, 0.08); background: #101c40; }
.flows-canvas { position: relative; width: 800px; height: 400px; transform-origin: 0 0; }
.flows-canvas svg { position: absolute; inset: 0; overflow: visible; }

.flow-edge { fill: none; stroke: rgba(255, 255, 255, 0.42); stroke-width: 1.5; }
.flow-edge--sub { stroke-dasharray: 5 5; stroke: rgba(255, 255, 255, 0.32); }
.flow-edge-pulse { fill: none; stroke: var(--pm-ice-current); stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 6 94; stroke-dashoffset: 100; animation: flow-pulse 2.8s linear infinite; }
@keyframes flow-pulse { to { stroke-dashoffset: 0; } }
.flow-port { fill: #101c40; stroke: rgba(255, 255, 255, 0.5); stroke-width: 1.2; }
.flow-edge-label rect { fill: #101c40; }
.flow-edge-label text { font-family: var(--fm); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; fill: rgba(255, 255, 255, 0.62); }
.flow-plus rect { fill: #1b2a57; stroke: rgba(255, 255, 255, 0.28); }
.flow-plus path { stroke: rgba(255, 255, 255, 0.7); stroke-width: 1.4; }

.flow-node {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #1b2a57;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: var(--radius-lg);
  color: var(--pm-white);
  animation: flow-node-in 420ms var(--ease-o) both;
}
.flow-node--trigger { border-radius: 30px var(--radius-lg) var(--radius-lg) 30px; }
.flow-node--tool { border-radius: 50%; }
.flow-node--agent { justify-content: flex-start; padding: 0 16px; font-size: 13px; font-weight: 500; line-height: 1.25; }
@keyframes flow-node-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

.flow-label { position: absolute; width: 112px; text-align: center; pointer-events: none; animation: flow-node-in 420ms var(--ease-o) both; }
.flow-label-name { display: block; font-size: 11.5px; line-height: 1.25; color: rgba(255, 255, 255, 0.86); }
.flow-label-sub { display: block; margin-top: 2px; font-family: var(--fm); font-size: 9.5px; letter-spacing: 0.02em; line-height: 1.3; color: rgba(255, 255, 255, 0.5); }

.flows-note { margin: 16px 0 0; font-size: var(--pm-type-caption); color: var(--pm-slate); text-align: center; }

/* Automation quote tool */
.aq-panel {
  max-width: 760px;
  margin: 0 auto;
  background: var(--pm-white);
  border: 1px solid var(--color-border);
  box-shadow: 0 18px 48px -28px rgba(15, 31, 77, 0.35);
  padding: 36px 34px;
}
.aq-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0 0 8px;
}
.aq-title-row .aq-title { margin: 0; flex: 0 1 auto; max-width: calc(100% - 26px); }
.aq-tip { position: relative; flex-shrink: 0; margin-top: 6px; }
.aq-tip-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--pm-steel);
  line-height: 0;
  cursor: help;
}
.aq-tip-btn:hover,
.aq-tip:focus-within .aq-tip-btn {
  color: var(--pm-glacier-blue);
}
.aq-tip-btn:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }
.aq-tip-bubble {
  position: absolute;
  bottom: 0;
  left: calc(100% + 10px);
  width: min(260px, 34vw);
  padding: 10px 12px;
  background: var(--pm-ink);
  color: var(--pm-white);
  font-family: var(--font-body);
  font-size: var(--pm-type-caption);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
  border-radius: var(--radius-sm);
  box-shadow: 0 10px 24px -16px rgba(11, 21, 51, 0.6);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 4;
}
.aq-tip:hover .aq-tip-bubble,
.aq-tip:focus-within .aq-tip-bubble {
  opacity: 1;
  visibility: visible;
}

/* Common-job starting points */
.aq-presets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 22px;
}
.aq-preset {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  column-gap: 12px;
  align-items: center;
  text-align: left;
  font-family: var(--fd);
  color: var(--pm-ink);
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 10px 12px;
  cursor: pointer;
  transition: border-color 160ms var(--ease), background 160ms var(--ease), transform 160ms var(--ease);
}
.aq-preset-title { font-size: var(--pm-type-body-sm); font-weight: 500; line-height: 1.3; }
.aq-preset:hover { border-color: var(--pm-glacier-blue); transform: translateY(-1px); }
.aq-preset:active { transform: none; }
.aq-preset:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }
.aq-preset.is-selected { background: var(--pm-frost-light); border-color: var(--pm-glacier-blue); }

/* Picture tiles for choices and toggles */
.aq-option-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--pm-frost-light);
  color: var(--pm-glacier-blue);
  border-radius: var(--radius-sm);
  image-rendering: pixelated;
  transition: background 160ms var(--ease), color 160ms var(--ease);
}
.aq-option.aq-option--tile,
.aq-check.aq-check--tile {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
}
.aq-option-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.aq-option-label { font-weight: 500; line-height: 1.3; }
.aq-option-sub {
  font-size: var(--pm-type-caption);
  font-weight: 400;
  line-height: 1.45;
  color: var(--pm-slate);
}
.aq-option.is-selected .aq-option-icon,
.aq-check--tile.is-selected .aq-option-icon,
.aq-preset.is-selected .aq-option-icon {
  background: var(--pm-glacier-blue);
  color: var(--color-on-glacier);
}
.aq-check.aq-check--tile {
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--pm-type-body);
  transition: border-color 160ms var(--ease), background 160ms var(--ease);
}
.aq-check--tile:hover { border-color: var(--pm-glacier-blue); }
.aq-check--tile.is-selected { background: var(--pm-frost-light); border-color: var(--pm-glacier-blue); }
.aq-check--tile:focus-within { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }
.aq-check.aq-check--tile input { margin: 0; width: 18px; height: 18px; }

.aq-step, .aq-result { display: flex; flex-direction: column; gap: 0; }
.aq-progress {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
}
.aq-progress-blocks { display: flex; flex: 1; gap: 6px; }
.aq-progress-block {
  flex: 1;
  height: 4px;
  background: var(--color-border);
  border-radius: 2px;
}
.aq-progress-block.is-done,
.aq-progress-block.is-current { background: var(--pm-glacier-blue); }
.aq-progress-count {
  font-family: var(--fm);
  font-size: var(--pm-type-micro);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-steel);
  flex-shrink: 0;
}
.aq-eyebrow {
  font-family: var(--fm);
  font-size: var(--pm-type-eyebrow);
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--pm-glacier-blue);
  margin: 0 0 10px;
}
.aq-title {
  font-weight: 500;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.25;
  color: var(--pm-ink);
  margin: 0 0 8px;
  text-wrap: balance;
}
.aq-title:focus { outline: none; }
.aq-title:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 4px; }
.aq-hint {
  font-size: var(--pm-type-body-sm);
  color: var(--pm-slate);
  line-height: 1.5;
  margin: 0 0 22px;
}
.aq-field-label {
  display: block;
  font-family: var(--fm);
  font-size: var(--pm-type-micro);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-steel);
  margin: 0 0 8px;
}
.aq-textarea,
.aq-input {
  width: 100%;
  font-family: var(--fd);
  font-size: var(--pm-type-body);
  color: var(--pm-ink);
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  resize: vertical;
  box-sizing: border-box;
}
.aq-textarea:focus,
.aq-input:focus {
  outline: 2px solid var(--pm-ice-current);
  outline-offset: 1px;
  border-color: var(--pm-glacier-blue);
}
.aq-options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 4px 0 8px;
}
.aq-option {
  text-align: left;
  font-family: var(--fd);
  font-size: var(--pm-type-body);
  font-weight: 500;
  color: var(--pm-ink);
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 14px 16px;
  cursor: pointer;
  transition: border-color 160ms var(--ease), background 160ms var(--ease);
}
.aq-option:hover { border-color: var(--pm-glacier-blue); }
.aq-option.is-selected {
  background: var(--pm-frost-light);
  border-color: var(--pm-glacier-blue);
}
.aq-option:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }
.aq-apps { display: flex; flex-direction: column; }
.aq-app-picked {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
}
.aq-app-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 4px;
}
.aq-app {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--fd);
  font-size: var(--pm-type-body-sm);
  font-weight: 500;
  color: var(--pm-ink);
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 8px 12px;
  cursor: pointer;
  transition: border-color 160ms var(--ease), background 160ms var(--ease);
}
.aq-app:hover { border-color: var(--pm-glacier-blue); }
.aq-app:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }
.aq-app.is-selected,
.aq-app--picked {
  background: var(--pm-frost-light);
  border-color: var(--pm-glacier-blue);
}
.aq-app--add {
  border-style: dashed;
  color: var(--pm-glacier-blue);
}
.aq-app-x {
  font-size: 16px;
  line-height: 1;
  color: var(--pm-slate);
}
.aq-app-tag {
  font-family: var(--fm);
  font-size: var(--pm-type-micro);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pm-steel);
}
.aq-app-empty,
.aq-app-count {
  font-size: var(--pm-type-caption);
  color: var(--pm-slate);
  line-height: 1.5;
  margin: 10px 0 0;
}
.aq-checks {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 18px 0 8px;
  padding: 16px 0 0;
  border-top: 1px dashed var(--color-border);
}
.aq-checks--solo {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.aq-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: var(--pm-type-body-sm);
  color: var(--pm-ink);
  line-height: 1.45;
  cursor: pointer;
}
.aq-check input {
  margin-top: 3px;
  flex-shrink: 0;
  accent-color: var(--pm-glacier-blue);
}
.aq-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
}
.aq-back {
  font-family: var(--fm);
  font-size: var(--pm-type-caption);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pm-slate);
  background: none;
  border: none;
  padding: 8px 0;
  cursor: pointer;
}
.aq-back:hover:not(:disabled) { color: var(--pm-ink); }
.aq-back:disabled { opacity: 0.4; cursor: default; }
.aq-back:focus-visible { outline: 2px solid var(--pm-ice-current); outline-offset: 2px; }

.aq-price-row {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin: 8px 0 20px;
  padding: 20px 22px;
  background: var(--pm-glacier-blue);
  color: var(--color-on-glacier);
}
.aq-price-block { flex: 1; min-width: 0; }
.aq-price-label {
  font-family: var(--fm);
  font-size: var(--pm-type-micro);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.8;
  margin-bottom: 6px;
}
.aq-price-value {
  font-family: var(--fm);
  font-size: clamp(36px, 5vw, 48px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1;
}
.aq-price-value--plan { font-size: clamp(22px, 3vw, 28px); letter-spacing: -0.02em; }
.aq-price-detail {
  margin: 8px 0 0;
  font-size: var(--pm-type-caption);
  line-height: 1.45;
  opacity: 0.85;
}
.aq-price-divider { width: 1px; align-self: stretch; background: rgba(255, 255, 255, 0.28); }
.aq-offmenu {
  font-size: var(--pm-type-body);
  color: var(--pm-slate);
  line-height: 1.55;
  margin: 0 0 20px;
}
.aq-scope-card {
  margin: 0 0 16px;
  padding: 16px 18px;
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
}
.aq-scope-label {
  font-family: var(--fm);
  font-size: var(--pm-type-micro);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--pm-steel);
  margin-bottom: 6px;
}
.aq-scope-text {
  margin: 0;
  font-size: var(--pm-type-body);
  color: var(--pm-ink);
  line-height: 1.5;
}
.aq-why {
  margin: 0 0 16px;
  padding: 16px 18px;
  background: var(--pm-snow);
  border: 1px solid var(--color-border);
}
.aq-why--confirm {
  background: var(--pm-frost-light);
}
.aq-why-list {
  margin: 8px 0 0;
  padding-left: 18px;
  font-size: var(--pm-type-body-sm);
  color: var(--pm-ink);
  line-height: 1.5;
}
.aq-why-list li + li { margin-top: 4px; }
.aq-fineprint {
  font-size: var(--pm-type-caption);
  color: var(--pm-slate);
  line-height: 1.5;
  margin: 0 0 22px;
}
.aq-send {
  margin-top: 8px;
  padding-top: 24px;
  border-top: 1px dashed var(--color-border);
}
.aq-send-title {
  font-weight: 500;
  font-size: var(--pm-type-title);
  line-height: 1.3;
  color: var(--pm-ink);
  margin: 0 0 6px;
}
.aq-send-lead {
  font-size: var(--pm-type-body-sm);
  color: var(--pm-slate);
  line-height: 1.5;
  margin: 0 0 18px;
}
.aq-form { margin-top: 4px; }
.aq-form .aq-textarea { margin-bottom: 4px; }
.aq-fineprint--after { margin: 16px 0 0; }
.aq-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 8px;
}
.aq-field { min-width: 0; }
.aq-error {
  color: #b42318;
  font-size: var(--pm-type-caption);
  margin: 8px 0 0;
}
.aq-success {
  margin: 8px 0 16px;
  padding: 20px 22px;
  background: var(--pm-frost-light);
  border: 1px solid var(--color-border);
  text-align: center;
}
.aq-success-title {
  font-weight: 500;
  font-size: var(--pm-type-title);
  color: var(--pm-ink);
  margin-bottom: 6px;
}
.aq-success-body {
  font-size: var(--pm-type-body-sm);
  color: var(--pm-slate);
  line-height: 1.5;
}
.aq-restart {
  align-self: flex-start;
  margin-top: 20px;
  font-family: var(--fm);
  font-size: var(--pm-type-caption);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--pm-slate);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.aq-restart:hover { color: var(--pm-ink); }

/* Pricing */
.auto-price-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 14px; align-items: stretch; }
.auto-price-card { background: var(--pm-white); border: 1px solid var(--color-border); padding: 32px 30px; display: flex; flex-direction: column; }
.auto-price-card--glacier { background: var(--pm-glacier-blue); border-color: var(--pm-glacier-deep); }
.auto-price-kicker { font-family: var(--fm); font-size: var(--pm-type-micro); font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pm-steel); margin: 0 0 10px; }
.auto-price-card h3 { font-weight: 500; font-size: var(--pm-type-title-lg); color: var(--pm-ink); margin: 0 0 6px; line-height: 1.25; }
.auto-price-card > p { font-size: var(--pm-type-body-sm); color: var(--pm-slate); line-height: 1.55; margin: 0 0 20px; }
.auto-tier { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; padding: 14px 0; border-top: 1px dashed var(--color-border); }
.auto-tier-name { font-weight: 500; font-size: var(--pm-type-body); color: var(--pm-ink); }
.auto-tier-price { font-family: var(--fm); font-size: var(--pm-type-body); font-weight: 600; color: var(--pm-ink); text-align: right; }
.auto-tier-desc { grid-column: 1 / -1; font-size: var(--pm-type-caption); color: var(--pm-slate); line-height: 1.5; }
.auto-plan-amount { font-family: var(--fm); font-size: clamp(44px, 5vw, 56px); font-weight: 600; letter-spacing: -0.04em; line-height: 1; margin: 6px 0 4px; }
.auto-plan-amount small { font-size: var(--pm-type-body); letter-spacing: 0; font-weight: 600; margin-left: 6px; }
.auto-plan-list { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px dashed rgba(255, 255, 255, 0.3); }
.auto-plan-list li { display: flex; gap: 10px; font-size: var(--pm-type-body-sm); line-height: 1.45; }
.auto-plan-list li::before { content: '✓'; font-weight: 600; flex-shrink: 0; }
.auto-plan-foot { margin-top: auto; padding-top: 20px; font-size: var(--pm-type-caption); line-height: 1.5; opacity: 0.85; }

@media (max-width: 600px) {
  .aq-presets { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .aq-tip-bubble {
    top: calc(100% + 8px);
    left: auto;
    right: 0;
    width: min(280px, 70vw);
  }
  .flows-panel { padding: 24px 20px; }
  .flows-body { grid-template-columns: 1fr; gap: 24px; }
  .auto-price-grid { grid-template-columns: 1fr; }
  .aq-panel { padding: 24px 20px; }
  .aq-form-grid { grid-template-columns: 1fr; }
  .aq-price-row { flex-direction: column; gap: 16px; }
  .aq-price-divider { width: 100%; height: 1px; }
  .aq-nav { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .flow-edge-pulse { display: none; }
  .flow-node, .flow-label { animation: none; }
  .aq-preset:hover { transform: none; }
}