/* v5.6 — Forest, ivory and copper. Shared colour and diagram finish. */
:root {
  --bg: #faf8f3;
  --ink: #123d32;
  --dark: #102f27;
  --muted: #52635c;
  --line: #d6dfd8;
  --mint: #e5eee5;
  --accent: #b84420;
  --copper: #d76a38;
  --paper: #fffefa;
  --signal: #bde9aa;
  --shadow: 0 12px 35px #123d320b, 0 2px 5px #123d3205;
}

/* One strong action colour, with quieter navigation and secondary links. */
.button, .btn-gold, .contact-card .button {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  box-shadow: 0 4px 0 #78321812, inset 0 1px 0 #ffffff20;
  font-weight: 600;
}
.button:hover, .btn-gold:hover, .contact-card .button:hover {
  background: #973717;
  border-color: #973717;
  box-shadow: 0 7px 18px #b8442028;
}
.button span, .text-link span { transition: transform .2s ease; }
.button:hover span, .text-link:hover span { transform: translate(2px, -2px); }
.text-link, .more { border-bottom-color: #a3b3aa; }
.btn-line { border-color: #9daf9f; background: var(--paper); }
.hdr {
  background: #fffefaf5;
  border-bottom-color: #ccd8cf;
  box-shadow: 0 2px 5px #102f2717, 0 10px 26px -7px #102f2733;
}
/* Digital identity: outward waves and an independently flipping, readable PL core. */
.hdr .brand{gap:8px}
.brand .brand-emblem{position:relative;display:grid;place-items:center;width:82px;height:70px;flex:none;perspective:260px;isolation:isolate;font-size:0;line-height:0;letter-spacing:0}
.brand-wave{position:absolute;width:44px;height:44px;border:1.6px solid #5f8e3b;border-radius:50%;opacity:0;animation:brandWave 3s ease-out infinite;pointer-events:none}
.brand-wave.wave-two{animation-delay:-1s;border-color:#b06438}.brand-wave.wave-three{animation-delay:-2s}
.brand-orbit{position:absolute;width:70px;height:70px;overflow:visible;pointer-events:none}
.brand-orbit-track{stroke:#678c51;stroke-width:1;opacity:.22}
.brand-orbit-spin{transform-origin:40px 40px;animation:brandOrbit 7s linear infinite}
.brand-orbit-arc{stroke:#618b38;stroke-width:1.7;stroke-dasharray:30 40 12 119;stroke-linecap:round}
.brand-orbit-node{fill:#799e36;stroke:#fffde9;stroke-width:.8}.brand-orbit-node.orbit-copper{fill:#ba693d}
.brand-rotor{position:relative;display:block;width:46px;height:46px;transform-style:preserve-3d;animation:brandFlip 5.6s ease-in-out infinite}
.brand-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#386748,#112f26);border:1.5px solid #82a76a;box-shadow:0 3px 9px #173e302b,0 0 11px #91b95b35,inset 0 1px 0 #d7eaba55;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.brand-back{transform:rotateY(180deg);background:linear-gradient(145deg,#436d49,#173d30)}
.brand .brand-emblem .brand-face .pl-mark{width:39px;height:39px;padding:2px;background:transparent;color:#f3ffd6;box-shadow:none;border-radius:0}
.site-foot .brand-wave{border-color:#a4d36f}.site-foot .brand-wave.wave-two{border-color:#e0a574}
.site-foot .brand-orbit-track{stroke:#d0ebac;opacity:.32}.site-foot .brand-orbit-arc{stroke:#b2dc77}.site-foot .brand-orbit-node{fill:#d3f59d}
.site-foot .brand-face{border-color:#c6e698;box-shadow:0 0 15px #bce88030,inset 0 1px 0 #e9ffd66b}
@keyframes brandWave{0%{transform:scale(.92);opacity:.72}80%,100%{transform:scale(1.58);opacity:0}}
@keyframes brandOrbit{to{transform:rotate(360deg)}}
@keyframes brandFlip{0%,14%{transform:rotateY(0)}48%,100%{transform:rotateY(360deg)}}
.motion-paused .brand-emblem *{animation:none!important}
.motion-paused .brand-wave{opacity:0}.motion-paused .brand-rotor{transform:none}
@media(max-width:600px){.hdr .brand{gap:6px}.brand .brand-emblem{width:72px;height:62px}.brand-orbit{width:62px;height:62px}.brand-wave{width:39px;height:39px}.brand-rotor{width:42px;height:42px}.brand .brand-emblem .brand-face .pl-mark{width:37px;height:37px}.brand-face{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.brand-emblem *{animation:none!important}.brand-wave{opacity:0}.brand-rotor{transform:none}}
.brand .pl-mark { background: var(--ink); color: #fffefa; box-shadow: inset 0 0 0 1px #ffffff20; }
.desktop-nav a { color: #475c52; }
.desktop-nav a[aria-current] { color: var(--accent); }
.mpanel { background: var(--paper); border-color: var(--line); }
.menu-btn { background: #eef3eb; border-color: #cbd8cc; }
.hero-copy .eyebrow { color: #37614e; }
.hero-lead { color: #52635c; }
.hero-visual { background: #e6eee5; border-color: #c7d5c9; box-shadow: 0 22px 50px #123d3214; }
.floating-voice { background: #fffefa; border-color: #fff; box-shadow: 0 6px 16px #163f3110; }
.hero-conversation .voice-icon { background: #dcebdc; color: #25533f; }
.hero-conversation[data-film-scene=reply] .voice-icon { background: #f7dfcc; color: #963d1f; }
.floating-result .check { color: #fff; background: #315f47; }
.visual-controls { color: #435e4b; }
.intro-strip { border-top-color: #cbd6cb; }
.intro-strip > span { display: flex; align-items: center; gap: 9px; color: #365c48; }
.intro-strip > span:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--copper); }
.intro-strip > a { border-radius: 50%; background: var(--mint); color: var(--ink); }

/* Conversation stage: light readable windows around a luminous forest core. */
.experience { background: #102f27; border-top: 1px solid #355e49; }
.experience-heading h2 { color: #fffdf4; }
.experience-heading > span { color: #c5d9ca; }
.voice-demo { background: var(--paper); border-color: #b9cdbd; box-shadow: 0 18px 40px #071c2520; }
.voice-toolbar, .voice-scenarios { background: var(--paper); border-color: var(--line); }
.demo-kicker { color: #6d503c; }
.voice-toolbar p { color: var(--ink); }
.voice-languages button { color: #355742; }
.voice-languages button[aria-pressed=true] { background: var(--ink); border-color: var(--ink); box-shadow: 0 3px 8px #123d3215; }
.voice-scenarios button { color: #4e5f52; border-color: #cbd6cc; background: #fff; }
.voice-scenarios button:hover { background: #f8eadf; border-color: #cba58c; }
.voice-scenarios button[aria-pressed=true] { background: #f7e4d5; color: #8b371e; border-color: #c8784e; }
.voice-example-context, .voice-demo[data-mode=human] .voice-example-context { background: #e8f0e6; color: #365541; border-color: #c9d9ca; }
.voice-demo[data-mode=booking] .voice-example-context { background: #f9e9db; color: #7b3e24; }
.voice-board {
  background-color: #173f32;
  background-image: radial-gradient(#d5ead314 .8px, transparent .8px), radial-gradient(ellipse at 50% 40%, #35634466, transparent 65%);
  background-size: 18px 18px, 100% 100%;
  border-block: 1px solid #355f48;
}
.voice-window { background: #fffefa; border-color: #b8cdb9; box-shadow: 0 8px 24px #071f2633; }
.voice-window-head { background: #f0f5ed; color: #335641; border-bottom-color: #d0dfcf; }
.desk-window .voice-window-head { background: #faecdf; color: #7d452b; border-bottom-color: #e5ccb7; }
.voice-window-head small { color: #4b6351; }
.message-bubble { background: #eef3e9; border-color: #dce5d5; color: #264735; }
.from-assistant .message-bubble { background: #1a4d39; border-color: #1a4d39; color: #fffefa; }
.from-team .message-bubble { background: #fae5d4; border-color: #d7b08e; color: #693d26; }
.message-who { color: #526c50; }
.speaking-word { color: #496735; }
.voice-presence, .desk-disclaimer { background: #f0f5ed; color: #4c6550; border-color: #d3e0ce; }
.desk-wait, .desk-wait p { color: #56704f; }
.desk-wait h3 { color: #294d35; }
.desk-work li { color: #66775b; }
.desk-work .is-active { color: #1c542f; font-weight: 600; }
.desk-work .is-active:before { background: #3b773e; border-color: #3b773e; }
.desk-fields dt, .desk-alert small { color: #596d50; }
.routing-caption > span { color: #edf7e5; }
.routing-caption small { color: #b9d4b1; }
.core-circuit { stroke: #70ad78; stroke-width: 2; }
.circuit-frame { fill: #0b3023; stroke: #a4d998; stroke-width: 2; }
.core-circuit > rect:not(.circuit-frame):not(.circuit-trace) { fill: #103b29; stroke: #b0df9c; }
.core-circuit .circuit-trace { stroke: #e0ffc4; stroke-width: 3; filter: drop-shadow(0 0 4px #b5ee8b); }
.core-brand { color: #f4ffe8; }
.core-brand span { color: #d8efc9; }
.core-halo { background: radial-gradient(ellipse, #b5e58866, transparent 72%); }
.circuit-dots { fill: #c1ef9e; stroke: #ebffdf; }
.voice-wires { stroke: #78a877; stroke-width: 1.8; }
.to-desk { stroke: #cb9467; }
.wire-packets { stroke: #d2ffb1; stroke-width: 3; filter: drop-shadow(0 0 4px #b5ec83); }
.to-desk .wire-packets { stroke: #ffc18c; filter: drop-shadow(0 0 4px #f0a45b); }
.voice-running[data-phase=typing] .circuit-frame { fill: #234c31; }
.voice-progress { background: #173f32; color: #bad0b5; padding-top: 8px; padding-bottom: 9px; }
.voice-progress i { background: #6b8a67; }
.voice-progress .is-current { color: #f9cc9b; }
.voice-progress .is-current b { color: #fff4db; }
.voice-demo-foot, .voice-readable { background: var(--paper); color: #4f674c; border-color: #d2dece; }
.voice-routing .voice-invitation { background: #fff9ef; border-color: #dba36d; box-shadow: 0 8px 24px #061c2640; }
.voice-routing .voice-invitation:before { background: #fff9ef; border-color: #dba36d; }
.voice-invitation .completion-label { color: #80532e; }
.voice-routing .voice-invitation strong { color: #254630; }
.voice-routing .voice-invitation > small { color: #665b47; }

/* Supporting scenes: consistent depth, clear active steps and visible signals. */
.home-fit .eyebrow, .section-heading .eyebrow, .chapter-copy > .eyebrow { color: var(--accent); }
.fit-list > a { transition: background .2s, padding .2s; }
.fit-list > a:hover { background: #eff3e9; padding-inline: 14px; }
.fit-list > a > span { color: var(--accent); }
.sticky-chapter { background: #edf2e7; border-color: #c3d2bc; box-shadow: 0 -8px 35px #123d320a, 0 14px 28px #123d3208; }
.sticky-chapter:nth-child(2) { background: #183e31; border-color: #315b42; color: #f8f9ee; }
.sticky-chapter:nth-child(2) .eyebrow { color: #f2bc8b; }
.sticky-chapter:nth-child(2) h3 em { color: #cbe6b3; }
.sticky-chapter:nth-child(2) .chapter-copy > p { color: #c6d8c6; }
.sticky-chapter:nth-child(2) .text-link { color: #fff5de; border-color: #8ba27b; }
.sticky-chapter:nth-child(2) .scene-caption { color: #c0d6b8; }
.sticky-chapter:nth-child(3) { background: #f6e9db; border-color: #dcc5ae; }
.sticky-chapter:nth-child(3) h3 em { color: #984b2b; }
.chapter-copy > p { color: #53664f; }
.knowledge-motion, .exchange-motion, .handoff-motion {
  background-image: radial-gradient(#54794726 .8px, transparent .8px);
  background-size: 17px 17px;
}
.knowledge-docs > span { background: #fffefa; border-color: #c7d6bf; box-shadow: 0 6px 15px #1b442610; }
.knowledge-docs .is-active { background: #fff8e8; border-color: #c47e4d; box-shadow: 0 7px 20px #a45b1920; }
.knowledge-docs .is-active b { color: var(--accent); }
.knowledge-path i, .handoff-transfer { height: 2px; }
.knowledge-path i:after { background: linear-gradient(90deg, transparent, #628e3e, #315925, transparent); }
.knowledge-hub { background: #1e4a35; color: #f4f8e6; border-color: #779765; box-shadow: 0 10px 24px #153b2a21; }
.knowledge-hub > b { background: #c4dfa4; color: #24472b; }
.exchange-line { color: #23452f; border-color: #b8cda8; background: #f5f8ed; box-shadow: 0 6px 18px #071e2920; }
.exchange-line.assistant-turn { color: #fff4e6; background: #315b43; border-color: #75916b; }
.exchange-line.is-active { border-color: #e3b780; box-shadow: 0 0 0 2px #f7c89126, 0 10px 24px #061d2126; }
.exchange-line .turn-signal { width: 24px; height: 18px; border-radius: 0; background: repeating-linear-gradient(90deg, currentColor 0 3px, transparent 3px 6px); clip-path: polygon(0 35%, 25% 15%, 50% 0, 75% 25%, 100% 40%, 100% 60%, 75% 75%, 50% 100%, 25% 85%, 0 65%); }
.diagram-running .exchange-line.is-active .turn-signal { animation: voiceWave .45s ease-in-out infinite alternate; }
.handoff-paper { background: #fffaf2; border-color: #d5b494; box-shadow: 0 12px 25px #86513112; }
.handoff-paper > span { color: #8b4d2a; }
.handoff-paper .is-active { color: #813a1c; }
.handoff-transfer i { background: #b45229; }
.handoff-person svg { stroke: #994b29; }
.handoff-person span { color: #814b30; }
.scene-caption { color: #526847; }

/* Every detail page shares the same surfaces, outlines and interaction cues. */
.pg-head { border-bottom-color: #cbd7ca; }
.preview-pill { color: #4a6244; background: #e8efdf; border-color: #bbcfaf; }
.tile, .step, .sector-card, .language-example, .plan { background: var(--paper); border-color: #cfdacf; box-shadow: var(--shadow); }
.tile, .step, .sector-card, .language-example, .plan, .process-diagram, .workflow-board, .decision-diagram, .enquiry-spec { border-radius: 16px; }
.process-diagram, .workflow-board, .decision-diagram, .enquiry-spec { background: #e9f0e3; border-color: #c2d2bb; box-shadow: var(--shadow); }
.process-diagram figcaption { color: #21492f; }
.process-track > li { background: #fffdf6; border-color: #aabfa0; box-shadow: 0 5px 15px #153b2610; }
.process-icon, .node-icon { display: inline-flex; padding: 9px; border-radius: 10px; background: #e7eedc; color: #355931; }
.process-icon svg, .node-icon svg { stroke-width: 1.7; }
.process-icon, .diagram-running .process-track > .is-active .process-icon { display: grid; width: 48px; height: 48px; place-items: center; }
.process-track > .is-active { background: #fff6e9; border-top-color: var(--accent); box-shadow: 0 6px 18px #b8662020; }
.process-track > .is-active .process-icon { background: #f4dcc4; color: #8d421f; }
.process-track > li:before { background: var(--copper); height: 3px; }
.knowledge-feed { background: #fffefa; border-color: #c3d2bb; box-shadow: 0 5px 14px #21422709; }
.workflow-node { background: #fffdf7; border-color: #bacbb1; transition: background .3s, box-shadow .3s, border-color .3s; }
.workflow-node[aria-selected=true] { background: #1b4935; border-color: #557d46; box-shadow: 0 6px 18px #163c2924; }
.workflow-node[aria-selected=true] .node-icon { background: #d3eab7; color: #274924; }
.workflow-node[aria-selected=true] .node-top > span:last-child { color: #ffca96; }
.workflow-boundary { color: #385a3c; }
.decision-question { background: #fffdf5; border-color: #b8cda9; box-shadow: 0 5px 15px #2549270a; }
.decision-branches article { background: #fffdf6; border-color: #c8d8bc; }
.decision-branches article.is-active { background: #f8e7d5; border-top-color: var(--accent); }
.sector-example { background: #eaf1e3; border: 1px solid #d1dfc5; }
.sector-example small { color: #48683d; }
.sector-flow .is-active { background: #f7e7d6; color: #74401e; }
.sector-flow > li:before { top: auto; width: auto; height: auto; background: none; animation: none !important; }
.sector-flow > li:after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--copper); }
.diagram-running .sector-flow > .is-active:after { animation: stepProgress 2.2s linear forwards; }
.language-code { background: #214c37; color: #f5f9e8; box-shadow: 0 5px 12px #23482918; }
.language-response { background: #edf3e7; border: 1px solid #d4e1c8; }
.language-response.is-active { box-shadow: inset 3px 0 var(--accent); }
.language-response.is-active:before { color: var(--accent); }
.translation-summary, .contact-card, .integration-strip { background: #193f30; box-shadow: 0 12px 30px #153b2b13; }
.plan.custom { background: #edf2e6; border-color: #7f9d70; box-shadow: inset 0 4px 0 #315c3b, var(--shadow); }
.plan-label { color: #536848; }
.trial { background: #f7e8d8; border: 1px solid #e2c5a7; }
.trial p { color: #665640; }
.fit-positive { background: #e7f0e0; border-color: #bed1af; }
.fit-boundary { background: #f7eadd; border-color: #dcc4aa; }
.faq details[open] { background: #fffdf6; }
.toc { background: #e9f0e1; border: 1px solid #cfddc1; }
.prose th { background: #e6edde; }
.site-foot { background: #102e25; border-top-color: #365743; color: #faf8ef; }
.site-foot .brand .pl-mark { color: #173b2b; background: #d9e8b9; }
.footer-identity p, .footer-meta { color: #bacfc0; }
.footer-email, .footer-legal, .site-foot .footer-email { border-color: #42614b; }
.footer-links a:hover, .footer-legal a:hover, .site-foot .footer-email:hover { color: #ffc28f; }
.site-foot .motion-setting { color: #eff3e3; border-color: #789773; }
.site-foot .motion-setting:hover { background: #274f36; }

@media (min-width: 1000px) {
  /* HTML already reserves 110px; subtract 24px to meet the 86px header. */
  #experience { scroll-margin-top: -24px; }
  .voice-board { padding-block: 12px; }
  .voice-progress { padding-block: 7px; }
}
@media (max-width: 760px) {
  .voice-board { padding: 22px 14px; }
  .voice-routing { margin-block: 5px; }
  .voice-progress { padding: 14px 12px; }
  .voice-progress i { width: 20px; }
  .voice-progress > span { font-size: 10px; gap: 4px; }
  .process-icon, .node-icon { padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .button:hover span, .text-link:hover span { transform: none; }
}
.motion-paused .button span, .motion-paused .text-link span { transition: none; transform: none; }

/* Conversation finish: the same confident ink, copper and filled outcomes as the business stories.
   Scoped to the existing demo so its responsive layout and timeline stay independent. */
.voice-demo { border:2px solid #759884; box-shadow:0 18px 42px #061f2940; }
.voice-demo .demo-kicker { color:#854323; font-weight:750; letter-spacing:.1em; }
.voice-demo .voice-toolbar p>b { font-weight:750; }
.voice-demo .voice-languages button { font-weight:650; }
.voice-demo .voice-scenarios button { border-width:1.5px; font-weight:650; color:#294d3b; }
.voice-demo .voice-scenarios button[aria-pressed=true] { background:#a94625; border-color:#a94625; color:#fffaf1; }
.voice-demo .voice-example-context { color:#244b36; background:#dfebd2; font-weight:600; }
.voice-demo .voice-board { background-color:#123d30; background-image:radial-gradient(#b6da9326 1px,transparent 1px),radial-gradient(ellipse at 50% 45%,#51824b66,transparent 66%); border-color:#658260; }
.voice-demo .voice-window { border:2px solid #87a88d; border-top:5px solid #c5e69b; border-radius:14px; box-shadow:0 8px 22px #061f2938; }
.voice-demo .voice-window-head { background:#dcebcf; border-bottom:1.5px solid #87a88d; color:#183e2d; font-weight:750; letter-spacing:.07em; }
.voice-demo .voice-window-head small { color:#294c39; font-weight:650; }
.voice-demo .window-lights i { width:6px;height:6px;background:#376e49; }
.voice-demo .window-lights i:nth-child(2) { background:#7c9b48; }
.voice-demo .window-lights i:nth-child(3) { background:#af6b30; }
.voice-demo .voice-chat { background:#fffdf5; }
.voice-demo .message-who { color:#35573f; font-weight:750; }
.voice-demo .message-bubble { border:2px solid #c18a5c; background:#fff0da; color:#49351f; box-shadow:0 3px 0 #af784a12; }
.voice-demo .message-bubble p { font-weight:500; }
.voice-demo .from-assistant .message-bubble { background:#174d37; border-color:#174d37; color:#fffef2; }
.voice-demo .from-team .message-bubble { background:#ffe0c4; border-color:#b8663a; color:#653116; }
.voice-demo .from-team .message-who { color:#91451f; }
.voice-demo .message-audio>svg { stroke-width:2.5; }
.voice-demo .speech-wave i { width:3px; opacity:.65; }
.voice-demo .message-audio small { opacity:1; font-weight:600; }
.voice-demo .speaking-word { color:#2c622e; font-weight:750; }
.voice-demo .voice-presence { background:#dcebcf; border-color:#87a88d; color:#214830; font-weight:650; }
.voice-demo .voice-presence-dot { width:8px;height:8px;background:#287544;box-shadow:0 0 0 3px #84b57233; }
.voice-demo .core-circuit { stroke:#c7ec9d; stroke-width:3.8; stroke-linecap:round; stroke-linejoin:round; }
.voice-demo .circuit-frame { fill:#092e23; stroke:#c5e69b; stroke-width:4; }
.voice-demo .core-circuit>rect:not(.circuit-frame):not(.circuit-trace) { fill:#1a5138; stroke:#88b979; stroke-width:2.5; }
.voice-demo .core-circuit .circuit-trace { stroke:#fff0b8; stroke-width:4.5; filter:drop-shadow(0 0 5px #d5fa8b); }
.voice-demo .circuit-dots { fill:#fff0b8; stroke:#fff6d6; stroke-width:2; }
.voice-demo .core-halo { background:radial-gradient(ellipse,#c1ec8a66,transparent 70%); }
.voice-demo .core-brand span { color:#eef8d8; font-weight:700; }
.voice-demo .voice-wires { stroke:#9ac578; stroke-width:3.5; stroke-linecap:round; }
.voice-demo .to-desk { stroke:#dca162; }
.voice-demo .wire-packets { stroke:#e9ffc2; stroke-width:5; filter:drop-shadow(0 0 4px #d0fa91); }
.voice-demo .to-desk .wire-packets { stroke:#ffe1a3; filter:drop-shadow(0 0 4px #eab477); }
.voice-demo .routing-caption>span { font-weight:750; color:#f7ffe7; }
.voice-demo .routing-caption small { color:#d5e7bc; font-weight:500; }
.voice-demo .desk-window { background:#ffedc9; border-color:#d1a05b; border-top-color:#e5b35b; }
.voice-demo .desk-window .voice-window-head { background:#f4d294; border-color:#d1a05b; color:#5f3c16; }
.voice-demo .desk-window .voice-window-head small { color:#5f3c16; }
.voice-demo .desk-dot { width:8px; height:8px; background:#a65824; }
.voice-demo .desk-content { background:#ffedc9; }
.voice-demo .desk-wait h3,.voice-demo .desk-alert h3 { color:#1b432e; font-weight:750; }
.voice-demo .desk-wait h3 em { font-weight:600; }
.voice-demo .desk-wait p { color:#574c30; font-weight:500; }
.voice-demo .waiting-orbit { background:#f3cf88; border:2px solid #bb8841; }
.voice-demo .waiting-orbit svg { stroke:#765022; stroke-width:2.5; }
.voice-demo .desk-work { gap:7px; }
.voice-demo .desk-work li { color:#61573c; border:1px solid #ddbf85; background:#fff5de; border-radius:7px; padding:6px 9px; font-weight:600; }
.voice-demo .desk-work li:before { width:9px;height:9px;border:2px solid #988453;flex:none; }
.voice-demo .desk-work .is-active { background:#194b35; border-color:#194b35; color:#fffce9; font-weight:750; }
.voice-demo .desk-work .is-active:before { background:#d5efa7; border-color:#d5efa7; }
.voice-demo .desk-work .is-done:before { background:#50814a; border-color:#50814a; }
.voice-demo .desk-alert { border-bottom:2px solid #d3b577; }
.voice-demo .desk-alert>span { background:#1c5136; color:#f1f8d9; font-weight:700; }
.voice-demo .desk-alert>b { color:#255c31; font-weight:800; }
.voice-demo .desk-alert small { color:#6e4a23; font-weight:750; }
.voice-demo .desk-fields>div { border-bottom:1px solid #d8bd85; grid-template-columns:90px minmax(0,1fr); }
.voice-demo .desk-fields dt { color:#68512e; font-weight:600; }
.voice-demo .desk-fields dd { color:#25452f; font-weight:700; }
.voice-demo .desk-reply { background:#fffaf0; border:2px solid #bd8654; }
.voice-demo .desk-reply-label { color:#894119; font-weight:750; }
.voice-demo .desk-reply p { color:#49351f; font-weight:500; }
.voice-demo .reply-delivery { color:#386333; font-weight:650; }
.voice-demo[data-mode] .action-result { border:2px solid #2b6745; background:#174d37; color:#fff9e6; }
.voice-demo .action-result strong,.voice-demo .action-result p { color:#fff9e6; }
.voice-demo[data-mode] .action-result>span { color:#174d37;background:#d8efa9; }
.voice-demo .action-result strong { font-weight:750; }
.voice-demo .desk-disclaimer { background:#f4dcae; border-color:#d1a05b; color:#5c4525; font-weight:600; }
.voice-demo .voice-progress { background:#092f24; border-top:1px solid #628556; font-weight:650; }
.voice-demo .voice-progress .is-current { color:#f7d292; }
.voice-demo .voice-progress i { height:2px; }
.voice-demo .voice-readable summary,.voice-demo .voice-demo-foot button { font-weight:650; }
.voice-demo .voice-routing .voice-invitation { border:2px solid #d6a75e; background:#fff0cf; }
.voice-demo .voice-invitation strong { font-weight:750; }
@media(min-width:1000px){
 .voice-demo .routing-core { width:128px;height:128px; }
 .voice-demo .voice-wires { width:calc((100% - 128px)/2);height:128px; }
 .voice-demo .core-brand { inset:28px; }
 .voice-demo .voice-routing .voice-invitation { top:calc(50% + 6px);padding:8px;gap:4px; }
 .voice-demo .voice-routing .voice-invitation .button { min-height:42px;padding:8px 14px; }
 .voice-demo .core-brand .pl-mark { width:42px;height:42px; }
 .voice-demo .core-brand span { font-size:9px; }
 .voice-demo .desk-fields>div { font-size:13px; }
 .voice-demo .desk-reply p { font-size:14px; }
}
@media(max-width:999px){
 .voice-demo .voice-mobile-controls label { color:#244a34;font-weight:750; }
 .voice-demo .voice-mobile-controls select { border:2px solid #729165;background:#e8f1d8;color:#163f2c;font-weight:650; }
 .voice-demo .voice-window { border-radius:11px;border-top-width:4px; }
 .voice-demo .message-audio { color:#35643a; }
 .voice-demo .speaking-word { display:none; }
 .voice-demo .voice-demo-foot { flex-wrap:nowrap; }
 .voice-demo .voice-demo-foot>span { flex:1;min-width:0;max-width:none; }
 .voice-demo .voice-demo-foot>button { flex:none; }
 .voice-demo .message-who { font-size:11px; }
 .voice-demo .message-bubble p { font-size:15px;line-height:1.4; }
 .voice-demo .voice-routing { background:#0c3025; border:1px solid #6b915b;border-radius:10px; }
 .voice-demo.voice-enhanced .voice-mobile-result { background:#ffedc9; }
 .voice-demo .voice-mobile-result>strong { color:#20452e;font-weight:750; }
 .voice-demo .voice-mobile-result>p { color:#57482c;font-weight:500; }
 .voice-demo .voice-mobile-result>button { color:#254b32;border-color:#c3a263;font-weight:750; }
 .voice-demo .voice-routing .voice-invitation { border:0;background:transparent; }
 .voice-demo .desk-work { gap:6px; }
}
@media(min-width:1000px) and (max-height:760px){
 .voice-demo .desk-work { gap:5px;margin-top:8px; }
 .voice-demo .desk-work li { padding:3px 8px;font-size:11px;line-height:1.3; }
}

/* Match the approved brand flip while the circuit and caption stay in place. */
.core-brand{perspective:300px}
.core-flip{position:relative;line-height:0;flex:none;transform-style:preserve-3d;animation:brandFlip 5.6s ease-in-out infinite}
.core-flip-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.core-flip-back{position:absolute;inset:0;transform:rotateY(180deg)}
.motion-paused .core-flip{animation:none!important;transform:none}
@media(prefers-reduced-motion:reduce){.core-flip{animation:none!important;transform:none}}