.wr-product-paused [style*="animation"] { animation-play-state: paused !important; }
.wr-lifecycle-stage { cursor: pointer; border-radius: 24px; }
.wr-lifecycle-stage:focus-visible, .wr-journey-node:focus-visible, .wr-idea-toggle:focus-visible, .wr-idea-approve:focus-visible { outline: 2px solid #3c6546; outline-offset: 5px; }
.wr-lifecycle-dots { display: none; }
.wr-idea-toggle { display: block; width: 100%; padding: 0 16px 0 0; border: 0; background: transparent; color: inherit; text-align: left; font: inherit; font-size: 15px; line-height: 1.4; cursor: pointer; position: relative; }
.wr-idea-toggle::after { content: '+'; position: absolute; right: 0; top: 0; color: #858c85; }
.wr-idea-toggle[aria-expanded="true"]::after { content: '−'; }
.wr-idea-approve { border: 0; cursor: pointer; font-family: inherit; }
.wr-idea-detail { margin-top: 16px; padding: 16px; border-radius: 14px; background: #f5f6f2; }
.wr-idea-detail[hidden] { display: none; }
.wr-idea-detail > div { display: grid; gap: 3px; margin-top: 14px; font-size: 12px; line-height: 1.45; color: #646b64; }
.wr-idea-detail strong { font-size: 13px; color: #252724; font-weight: 400; }
.wr-approved-action { min-width: 96px; width: auto !important; display: flex; align-items: center; }
.wr-harvey-approved [style*="animation:cur"], .wr-harvey-approved [style*="animation:swapB"] { display: none !important; }
.wr-harvey-approved [style*="animation:swapA"] { animation: none !important; opacity: 1 !important; }
.wr-journey-node { cursor: pointer; }
.wr-journey-node:hover { box-shadow: 0 0 0 1px #9aa79b !important; }
.wr-journey-focused [style*="animation:jn-f"], .wr-journey-focused [style*="animation:jn-e"], .wr-journey-focused [style*="animation:jn-live"] { animation: none !important; opacity: 1 !important; transform: none !important; }
.wr-product-dialog { padding: 0; border: 0; border-radius: 28px; background: #fff; color: #252724; width: min(960px, calc(100vw - 32px)); max-width: none; max-height: min(92dvh, 960px); margin: auto; overflow: auto; box-shadow: 0 24px 80px #25272418; font-family: inherit; }
.wr-product-dialog::backdrop { background: #25272460; backdrop-filter: blur(5px); }
.wr-product-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 28px 32px 20px; }
.wr-product-eyebrow { font-size: 12px; color: #c27c0e; }
.wr-product-dialog-head h2 { margin: 7px 0 0; font-size: 30px; line-height: 1.12; letter-spacing: -.045em; font-weight: 400; }
.wr-product-close { flex-shrink: 0; width: 44px; height: 44px; border: 0; border-radius: 50%; background: #f5f6f2; color: #252724; font-family: inherit; font-size: 28px; line-height: 1; cursor: pointer; }
.wr-product-dialog button:focus-visible, .wr-product-dialog input:focus-visible, .wr-product-dialog select:focus-visible, .wr-product-dialog textarea:focus-visible { outline: 2px solid #3c6546; outline-offset: 3px; }
.wr-product-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 32px 20px; }
.wr-product-tabs button { border: 0; border-radius: 999px; background: #f5f6f2; min-height: 44px; padding: 10px 16px; color: #646b64; font: inherit; font-size: 13px; cursor: pointer; }
.wr-product-tabs button[aria-selected="true"] { background: #252724; color: #fff; }
.wr-product-replay { padding: 26px 32px; background: #fafbf8; display: flex; justify-content: center; }
.wr-product-replay-stage { max-width: 390px; width: 100%; display: flex; flex-direction: column; gap: 16px; cursor: default; }
.wr-product-replay [style*="animation"] { animation-play-state: running !important; }
.wr-product-replay-controls { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 32px; }
.wr-product-demo-note { display: inline-block; font-size: 11px; line-height: 1.5; color: #737b73; }
.wr-idea-detail > .wr-product-demo-note { padding: 3px 7px; border-radius: 5px; background: #fff4cb; color: #82600b; }
.wr-product-primary, .wr-product-secondary { border: 0; border-radius: 999px; min-height: 44px; padding: 12px 20px; font: inherit; font-size: 14px; cursor: pointer; white-space: nowrap; }
.wr-product-primary { background: #252724; color: #fff; }
.wr-product-secondary { background: #f0f2ed; color: #252724; }
.wr-product-drawer { border-radius: 26px 0 0 26px; width: min(440px, 100vw); height: 100dvh; max-height: 100dvh; margin: 0 0 0 auto; }
.wr-product-drawer .wr-product-dialog-head { padding: 28px 26px 20px; }
.wr-product-drawer .wr-product-dialog-head h2 { font-size: 28px; }
.wr-node-form { padding: 0 26px 28px; }
.wr-node-owner { display: flex; align-items: center; gap: 10px; font-size: 14px; }
.wr-node-description { font-size: 14px; line-height: 1.6; color: #646b64; margin: 20px 0 28px; }
.wr-node-field { display: flex; flex-direction: column; gap: 9px; margin: 20px 0; font-size: 13px; }
.wr-node-field input:not([type="checkbox"]), .wr-node-field select, .wr-node-field textarea { box-sizing: border-box; width: 100%; min-height: 46px; padding: 12px 14px; border: 1px solid #e5e9e2; border-radius: 12px; background: #fafbf8; color: #252724; font: inherit; font-size: 14px; line-height: 1.5; }
.wr-node-field textarea { resize: vertical; }
.wr-node-check { flex-direction: row; align-items: flex-start; gap: 10px; line-height: 1.5; }
.wr-node-check input { width: 18px; height: 18px; margin: 0; accent-color: #3c6546; flex-shrink: 0; }
.wr-node-actions { margin-top: 32px; border-top: 1px solid #eceee9; padding-top: 20px; display: grid; gap: 10px; }
.wr-node-actions p { margin: 0; }
.wr-node-actions button { width: 100%; }
@media (max-width: 1120px) {
  .wr-harvey-columns { margin-left: -20px !important; margin-right: -20px !important; }
  .wr-harvey-columns > div:first-child, .wr-harvey-columns > div > div { padding-left: 20px !important; padding-right: 20px !important; }
  .wr-harvey-equation { flex-wrap: wrap; font-size: 34px !important; }
  .wr-journey-labels, .wr-journey-workspace { grid-template-columns: 300px 40px minmax(0, 1fr) !important; }
  .wr-journey-divider > i { left: 19px !important; }
}
@media (max-width: 840px) {
  .wr-journey-labels { display: none !important; }
  .wr-journeys .wr-journey-workspace.responsive-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  .wr-journey-workspace > div, .wr-journey-comparison > div { min-width: 0; }
  .wr-journey-chat { min-height: 460px; max-width: 100%; }
  .wr-journey-chat::before { content: '01 · Describe it in chat'; display: block; margin-bottom: 22px; font-size: 16px; }
  .wr-journey-chat > div { height: calc(100% - 42px) !important; }
  .wr-journey-divider { display: none !important; }
  .wr-journey-map::before { content: '02 · Agents build it on the canvas'; display: block; margin: 10px 0 18px; font-size: 16px; }
  .wr-journeys .wr-journey-comparison.responsive-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .wr-harvey .wr-harvey-columns.responsive-grid { grid-template-columns: minmax(0, 1fr) !important; margin: 40px 0 0 !important; gap: 32px !important; }
  .wr-harvey-columns > div, .wr-harvey-columns > div > div { padding: 0 !important; border-left: 0 !important; }
  .wr-harvey-columns > div + div { border-top: 1px solid #eceee9; padding-top: 30px !important; }
  .wr-harvey-equation { margin-top: 40px !important; padding-top: 28px !important; gap: 16px !important; font-size: 28px !important; text-align: center; }
  .wr-idea-row > div:not(.wr-idea-detail) { flex-wrap: wrap; gap: 10px; }
  .wr-harvey-equation > span:last-child { min-width: 0; max-width: 100%; flex-wrap: wrap; justify-content: center; gap: 8px !important; white-space: normal !important; }
}
@media (max-width: 640px) {
  .wr-idea-toggle, .wr-idea-approve { min-height: 44px; }
  .wr-idea-row > div:not(.wr-idea-detail) > div:last-child { min-height: 44px; }
  .wr-lifecycle-grid { display: flex !important; gap: 16px !important; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding: 5px 5px 14px; margin: 24px -5px 0; scrollbar-width: none; }
  .wr-lifecycle-grid::-webkit-scrollbar { display: none; }
  .wr-lifecycle-stage { min-width: calc(100% - 26px); width: calc(100% - 26px); flex-shrink: 0; scroll-snap-align: start; }
  .wr-lifecycle-track { display: none; }
  .wr-lifecycle-dots { display: flex; justify-content: center; gap: 4px; margin-top: 6px; }
  .wr-lifecycle-dots button { width: 44px; height: 44px; border: 0; padding: 17px; border-radius: 50%; background: none; cursor: pointer; }
  .wr-lifecycle-dots button::after { display: block; content: ''; width: 8px; height: 8px; border-radius: 50%; background: #d8ddd4; }
  .wr-lifecycle-dots button[aria-current="true"]::after { background: #252724; }
  .wr-lifecycle .wr-lifecycle-stats.responsive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 12px !important; margin-top: 24px !important; }
  .wr-lifecycle-stats > div { padding: 0 !important; border-left: 0 !important; }
  .wr-harvey-equation > span:last-child { font-size: 18px !important; padding: 6px 12px 6px 6px !important; }
  .wr-harvey-equation > span:last-child > .pa { width: 36px !important; height: 36px !important; flex-shrink: 0; }
  .wr-journey-canvas { height: 600px !important; overflow-x: auto !important; overscroll-behavior-x: contain; }
  .wr-journey-map-inner { left: 0 !important; margin-left: 0 !important; }
  .wr-journey-canvas > div:first-child { white-space: nowrap; }
  .wr-journey-canvas > .live { right: auto !important; left: 440px !important; white-space: nowrap; }
  .wr-journey-comparison > div { padding: 20px !important; }
  .wr-product-dialog { width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; }
  .wr-product-dialog-head { padding: 24px 20px 18px; }
  .wr-product-dialog-head h2 { font-size: 25px; }
  .wr-product-tabs { padding: 0 20px 16px; gap: 6px; }
  .wr-product-tabs button { font-size: 12px; padding: 10px 13px; }
  .wr-product-replay { padding: 24px 20px; }
  .wr-product-replay-controls { padding: 20px; flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  .wr-product-replay [style*="animation"] { animation: none !important; opacity: 1 !important; transform: none !important; }
}
@media(max-width:640px){.wr-idea-row [style*="animation:cur"]{display:none!important}}
@media(min-width:641px) and (max-width:840px){.wr-idea-row [style*="animation:cur"]{display:none!important}}