/* Plan B: product explanation only. No Voice demo or input controls. */
.voice-plan-b-cta { margin-top: 26px; }
.voice-static-flow {
  --voice-line: #b69883;
  min-width: 0;
  padding: 30px 26px 28px;
  background: #f5e3d6;
  border-radius: 18px 18px 40px 18px;
}
.voice-static-flow h3 { font-size: 26px; line-height: 1.25; margin: 0 0 26px; }
.voice-static-root { display: flex; flex-direction: column; align-items: center; margin-bottom: 48px; }
.voice-static-incoming { display: flex; align-items: center; gap: 8px; position: relative; padding-bottom: 24px; font-size: 13px; }
.voice-static-incoming svg { width: 18px; height: 18px; }
.voice-static-incoming::after { content: ''; position: absolute; left: 50%; bottom: 0; width: 1px; height: 16px; background: var(--voice-line); }
.voice-static-lucea { display: flex; flex-direction: column; align-items: center; position: relative; width: min(100%, 300px); padding: 17px 18px; background: var(--paper, #faf9f6); border: 1px solid #cdb5a3; border-radius: 12px; text-align: center; }
.voice-static-lucea strong { color: var(--blue, #5055d9); font: 600 25px/1.2 var(--font); }
.voice-static-lucea span { font-size: 12px; line-height: 1.6; margin-top: 6px; color: #65534a; }
.voice-static-lucea::after { content: ''; position: absolute; left: 50%; top: 100%; width: 1px; height: 24px; background: var(--voice-line); }
.voice-static-branches { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; list-style: none; padding: 0; margin: 0; }
.voice-static-branches::before { content: ''; position: absolute; top: -24px; left: calc((100% - 24px)/6); right: calc((100% - 24px)/6); height: 1px; background: var(--voice-line); }
.voice-static-branches li { position: relative; padding: 17px 12px; border: 1px solid #d5bead; border-radius: 10px; background: #fcf3ec; }
.voice-static-branches li::before { content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 24px; background: var(--voice-line); }
.voice-static-branches h4 { font: 600 14px/1.4 var(--body); margin: 0 0 9px; }
.voice-static-branches p { font-size: 12px; line-height: 1.65; color: #65534a; margin: 0; }
@media (max-width: 900px) { .voice-static-flow { width: 100%; max-width: 760px; justify-self: center; } }
@media (max-width: 620px) {
  .voice-static-flow { padding: 25px 20px; border-radius: 14px 14px 30px 14px; }
  .voice-static-flow h3 { font-size: 24px; }
  .voice-static-root { margin-bottom: 30px; position: relative; }
  .voice-static-lucea::after { display: none; }
  .voice-static-root::after { content: ''; position: absolute; left: 12px; right: 50%; top: 100%; height: 18px; border-right: 1px solid var(--voice-line); border-bottom: 1px solid var(--voice-line); }
  .voice-static-branches { display: block; padding-left: 30px; }
  .voice-static-branches::before { display: none; }
  .voice-static-branches li { padding: 16px; margin-top: 12px; }
  .voice-static-branches li:first-child { margin-top: 0; }
  .voice-static-branches li::before { left: -19px; bottom: 50%; width: 18px; height: calc(50% + 14px); border-left: 1px solid var(--voice-line); border-bottom: 1px solid var(--voice-line); background: none; }
  .voice-static-branches li:not(:last-child)::after { content: ''; position: absolute; left: -19px; top: 50%; height: calc(50% + 13px); border-left: 1px solid var(--voice-line); }
  .voice-static-branches h4 { font-size: 16px; margin-bottom: 6px; }
  .voice-static-branches p { font-size: 13px; }
}
