/* Home V3 · Tools switchboard
   Keeps the previous workroom and one large demonstration. Only the slow
   scroll mechanic is replaced by an immediate eleven-tool selector. */

section#tools.tw2-tool-section .tw2-section-head {
  width: min(1320px, calc(100% - 80px)) !important;
  padding: 52px 0 30px !important;
}

section#tools.tw2-tool-section .tw2-section-intro {
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr) !important;
  gap: 64px !important;
}

section#tools.tw2-tool-section .tw2-head-title {
  max-width: 760px !important;
}

section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
  width: min(1320px, calc(100% - 80px)) !important;
  display: grid !important;
  grid-template-columns: 400px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: start !important;
  padding: 0 0 72px !important;
}

section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher {
  position: sticky !important;
  top: 92px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw2-switcher-card {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button {
  position: relative !important;
  width: 100% !important;
  min-height: 98px !important;
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: 8px 10px !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(154, 190, 232, .18) !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, rgba(28, 47, 75, .84), rgba(12, 22, 38, .92)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035) !important;
  color: #f4f8fd !important;
  text-align: left !important;
  cursor: pointer !important;
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(122, 184, 234, .5) !important;
  background: linear-gradient(145deg, rgba(35, 64, 102, .94), rgba(14, 28, 48, .96)) !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button:focus-visible {
  outline: 3px solid rgba(122, 184, 234, .45) !important;
  outline-offset: 2px !important;
}

section#tools.tw2-tool-section .tw2-switcher-card.is-active button {
  border-color: rgba(133, 197, 255, .84) !important;
  background: linear-gradient(145deg, #244d79, #142d4b) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .1), 0 12px 30px rgba(2, 9, 20, .26), 0 0 24px rgba(104, 168, 232, .1) !important;
}

section#tools.tw2-tool-section .tw2-switcher-num {
  grid-row: 1 / span 2 !important;
  color: rgba(164, 207, 249, .48) !important;
  font: 650 9px/1.2 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
}

section#tools.tw2-tool-section .tw2-switcher-card.is-active .tw2-switcher-num {
  color: #ff6f8d !important;
}

section#tools.tw2-tool-section .tw2-switcher-copy {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-switcher-copy strong {
  display: block !important;
  color: #fff !important;
  font: 650 17px/1.16 'Merriweather', Georgia, serif !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-switcher-copy em {
  display: -webkit-box !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: rgba(216, 229, 245, .72) !important;
  font: 510 10.5px/1.36 Inter, system-ui, sans-serif !important;
  font-style: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button > small {
  grid-column: 2 !important;
  color: rgba(153, 195, 236, .54) !important;
  font: 620 7px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-visual-column,
section#tools.tw2-tool-section .tw2-visual-sticky {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-visual-sticky {
  position: sticky !important;
  top: 80px !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
}

section#tools.tw2-tool-section .tw2-stage {
  height: 540px !important;
  min-height: 540px !important;
  overflow: hidden !important;
}

section#tools.tw2-tool-section .tw2-stage-head {
  position: absolute !important;
  z-index: 30 !important;
  inset: 0 0 auto !important;
  min-height: 74px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  padding: 12px 18px !important;
  border-bottom: 1px solid rgba(33, 61, 95, .12) !important;
  background: rgba(255, 254, 252, .91) !important;
  backdrop-filter: blur(14px) !important;
  color: #17263a !important;
}

section#tools.tw2-tool-section .tw2-stage-head > div {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-stage-head span,
section#tools.tw2-tool-section .tw2-stage-head small {
  display: block !important;
  color: #4a7daf !important;
  font: 700 7px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-stage-head strong {
  display: inline-block !important;
  margin-top: 5px !important;
  color: #151b24 !important;
  font: 650 20px/1 'Merriweather', Georgia, serif !important;
}

section#tools.tw2-tool-section .tw2-stage-head p {
  display: inline !important;
  margin: 0 0 0 11px !important;
  color: #66717f !important;
  font: 520 10px/1.35 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-stage-head aside {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

section#tools.tw2-tool-section .tw2-stage-head aside > em {
  padding: 6px 8px !important;
  border: 1px solid rgba(75, 123, 170, .2) !important;
  border-radius: 999px !important;
  color: #4a7daf !important;
  font: 700 6px/1 'JetBrains Mono', ui-monospace, monospace !important;
  font-style: normal !important;
  letter-spacing: .1em !important;
}

section#tools.tw2-tool-section .tw2-stage-head a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 35px !important;
  padding: 0 12px !important;
  border-radius: 9px !important;
  background: #172b45 !important;
  color: #fff !important;
  text-decoration: none !important;
  font: 700 9px/1 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-stage-head a[hidden] {
  display: none !important;
}

section#tools.tw2-tool-section .tw2-scene {
  inset: 74px 0 0 !important;
}

section#tools.tw2-tool-section .tw2-real-board {
  height: 466px !important;
  min-height: 466px !important;
}

section#tools.tw2-tool-section .tw2-contract-board {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  display: grid !important;
  place-items: center !important;
  padding: 34px !important;
}

section#tools.tw2-tool-section .tw2-contract-window {
  width: min(650px, 94%) !important;
  min-height: 438px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(22, 42, 70, .2) !important;
  border-radius: 16px !important;
  background: #fffefd !important;
  box-shadow: inset 0 1px #fff, 0 28px 62px rgba(22, 42, 70, .2) !important;
  color: #243145 !important;
}

section#tools.tw2-tool-section .tw2-contract-window > header,
section#tools.tw2-tool-section .tw2-contract-window > footer {
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 0 18px !important;
  background: linear-gradient(90deg, #101a2a, #1c3b60) !important;
  color: #fff !important;
}

section#tools.tw2-tool-section .tw2-contract-window > header > strong {
  color: #9bcbff !important;
  font: 700 9px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-contract-window > footer {
  background: #edf4fb !important;
  color: #365a82 !important;
  font: 620 9px/1 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-contract-window > footer b {
  color: #2f6f68 !important;
}

section#tools.tw2-tool-section .tw2-contract-sources {
  display: flex !important;
  gap: 7px !important;
  padding: 13px 18px !important;
  border-bottom: 1px solid #e6ebf1 !important;
  overflow: hidden !important;
}

section#tools.tw2-tool-section .tw2-source-chip {
  min-width: 0 !important;
  display: inline-grid !important;
  grid-template-columns: 20px auto !important;
  grid-template-rows: auto auto !important;
  column-gap: 7px !important;
  padding: 7px 10px 7px 7px !important;
  border: 1px solid #d8e4f0 !important;
  border-radius: 10px !important;
  background: #f5f9fd !important;
}

section#tools.tw2-tool-section .tw2-source-chip i {
  grid-row: 1 / span 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 7px !important;
  background: #172b45 !important;
  color: #9bcbff !important;
  font: 700 8px/1 Inter, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-source-chip b,
section#tools.tw2-tool-section .tw2-source-chip em {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-source-chip b {
  color: #243145 !important;
  font: 700 8px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-source-chip em {
  color: #788596 !important;
  font: 520 7px/1 Inter, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-profile,
section#tools.tw2-tool-section .tw2-recall-query,
section#tools.tw2-tool-section .tw2-recall-answer {
  margin: 18px !important;
  padding: 18px !important;
  border: 1px solid #dde6ef !important;
  border-radius: 13px !important;
  background: #f8fbfe !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-profile small,
section#tools.tw2-tool-section .tw2-reconcile-grid small,
section#tools.tw2-tool-section .tw2-compare-grid small,
section#tools.tw2-tool-section .tw2-recall-query small,
section#tools.tw2-tool-section .tw2-recall-answer small {
  color: #477db3 !important;
  font: 700 7px/1 'JetBrains Mono', monospace !important;
  letter-spacing: .09em !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-profile h4 {
  margin: 8px 0 13px !important;
  color: #1b2738 !important;
  font: 650 20px/1.2 'Merriweather', serif !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-profile p {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 9px 0 !important;
  border-top: 1px solid #e2e8ef !important;
  color: #344257 !important;
  font: 600 10px/1.3 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-profile p span {
  color: #738095 !important;
  font: 520 8px/1.3 'JetBrains Mono', monospace !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid,
section#tools.tw2-tool-section .tw2-compare-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 18px !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid article,
section#tools.tw2-tool-section .tw2-compare-grid article {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 12px !important;
  background: #f8fbfe !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid article:nth-child(2),
section#tools.tw2-tool-section .tw2-compare-grid article:nth-child(2) {
  background: #f6f3fd !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid article:nth-child(3),
section#tools.tw2-tool-section .tw2-compare-grid article:nth-child(3) {
  background: #f3f7f6 !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid b,
section#tools.tw2-tool-section .tw2-compare-grid b {
  display: block !important;
  margin-top: 10px !important;
  color: #263448 !important;
  font: 650 12px/1.3 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-reconcile-grid p,
section#tools.tw2-tool-section .tw2-compare-grid p {
  margin: 7px 0 0 !important;
  color: #6c7889 !important;
  font: 500 9px/1.45 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-recall-scene .tw2-contract-window {
  grid-template-rows: auto auto auto 1fr auto !important;
}

section#tools.tw2-tool-section .tw2-recall-query {
  margin-bottom: 0 !important;
  background: #edf5fd !important;
}

section#tools.tw2-tool-section .tw2-recall-query b {
  display: block !important;
  margin-top: 9px !important;
  color: #1f2d40 !important;
  font: 630 12px/1.35 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-recall-answer {
  margin-top: 9px !important;
  background: #fffefd !important;
}

section#tools.tw2-tool-section .tw2-recall-answer blockquote {
  margin: 10px 0 !important;
  padding-left: 14px !important;
  border-left: 3px solid #68a8e8 !important;
  color: #263448 !important;
  font: 600 11px/1.45 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-recall-answer span {
  color: #6e7c8e !important;
  font: 520 8px/1.3 'JetBrains Mono', monospace !important;
}

/* The four new engines and Scope use the same readable story as the original
   tools: conversations enter on the left, Uncook works in the centre, and a
   contract-specific result arrives on the right. */
section#tools.tw2-tool-section .tw2-flow-scene {
  padding: 18px !important;
  background:
    radial-gradient(circle at 15% 22%, rgba(255,73,110,.08), transparent 25%),
    linear-gradient(145deg, #edf4fb, #f9fbfd 56%, #eaf3fb) !important;
}

section#tools.tw2-tool-section .tw2-flow-window {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border: 1px solid rgba(37,72,108,.23) !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 20px 46px rgba(25,53,84,.15) !important;
}

section#tools.tw2-tool-section .tw2-flow-top {
  height: 46px !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  padding: 0 17px !important;
  background: linear-gradient(100deg,#221725,#14253b 48%,#285381) !important;
  color: #fff !important;
}

section#tools.tw2-tool-section .tw2-flow-top > strong {
  color: #a9d2ff !important;
  font: 700 8px/1 'JetBrains Mono',monospace !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-flow-top > small {
  justify-self: end !important;
  color: rgba(230,241,252,.7) !important;
  font: 650 7px/1 'JetBrains Mono',monospace !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-flow-body {
  height: calc(100% - 46px) !important;
  display: grid !important;
  grid-template-columns: minmax(150px,.78fr) 62px minmax(250px,1.32fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 18px !important;
}

section#tools.tw2-tool-section .tw2-flow-sources {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 8px !important;
}

section#tools.tw2-tool-section .tw2-flow-source {
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid #dce5ee !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 7px 17px rgba(24,47,73,.07) !important;
}

section#tools.tw2-tool-section .tw2-flow-source header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 7px !important;
}

section#tools.tw2-tool-section .tw2-flow-source header i {
  display: grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
  border-radius: 7px !important;
  background: #172b45 !important;
  color: #9bcbff !important;
  font: 700 8px/1 Inter,sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-flow-source header span,
section#tools.tw2-tool-section .tw2-flow-source header b,
section#tools.tw2-tool-section .tw2-flow-source header small {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-flow-source header b {
  color: #253247 !important;
  font: 700 8px/1 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-source header small {
  margin-top: 3px !important;
  color: #7a8797 !important;
  font: 520 7px/1 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-source p {
  margin: 0 !important;
  padding: 4px 0 3px !important;
  border-top: 1px solid #edf0f4 !important;
  overflow: hidden !important;
  color: #5f6c7c !important;
  font: 550 7.5px/1.25 Inter,sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-flow-engine {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

section#tools.tw2-tool-section .tw2-flow-engine::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 10% !important;
  bottom: 10% !important;
  width: 1px !important;
  background: linear-gradient(#a9cdef,rgba(86,145,203,.35),#82b7e9) !important;
}

section#tools.tw2-tool-section .tw2-flow-engine i {
  position: absolute !important;
  left: 50% !important;
  top: 12% !important;
  width: 24px !important;
  height: 68px !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse,rgba(255,67,103,.5),rgba(100,170,239,.16) 52%,transparent 72%) !important;
  filter: blur(5px) !important;
  transform: translate(-50%,-50%) !important;
}

section#tools.tw2-tool-section .tw2-flow-engine b {
  position: relative !important;
  z-index: 2 !important;
  padding: 7px 5px !important;
  border: 1px solid #c8dbed !important;
  border-radius: 999px !important;
  background: #f7fbff !important;
  color: #477db3 !important;
  font: 700 5.5px/1 'JetBrains Mono',monospace !important;
  letter-spacing: .05em !important;
  white-space: nowrap !important;
  writing-mode: vertical-rl !important;
}

section#tools.tw2-tool-section .tw2-flow-result {
  position: relative !important;
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #dce6ef !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg,#fafdff,#edf5fc) !important;
  box-shadow: inset 0 1px #fff !important;
}

section#tools.tw2-tool-section .tw2-flow-result > div {
  width: calc(100% - 26px) !important;
  max-height: calc(100% - 26px) !important;
  overflow: hidden !important;
  padding: 15px !important;
  border: 1px solid #d8e3ed !important;
  border-radius: 11px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 10px 24px rgba(25,52,80,.08) !important;
}

section#tools.tw2-tool-section .tw2-flow-result small {
  color: #4a7daf !important;
  font: 700 6.5px/1 'JetBrains Mono',monospace !important;
  letter-spacing: .09em !important;
}

section#tools.tw2-tool-section .tw2-flow-result h4 {
  margin: 7px 0 10px !important;
  color: #1d293a !important;
  font: 650 17px/1.2 'Merriweather',serif !important;
}

section#tools.tw2-tool-section .tw2-flow-result footer {
  margin-top: 9px !important;
  color: #368274 !important;
  font: 700 7px/1.25 'JetBrains Mono',monospace !important;
  letter-spacing: .04em !important;
}

section#tools.tw2-tool-section .tw2-scope-result section {
  padding: 7px 0 !important;
  border-top: 1px solid #e4e9ef !important;
}

section#tools.tw2-tool-section .tw2-scope-result section b,
section#tools.tw2-tool-section .tw2-scope-result section p {
  display: block !important;
  margin: 0 !important;
  color: #46566a !important;
  font: 650 8px/1.2 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-scope-result section p {
  margin-top: 3px !important;
  color: #69788a !important;
  font-weight: 520 !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-result p {
  display: flex !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  border-top: 1px solid #e3e9ef !important;
  color: #344257 !important;
  font: 650 8px/1.2 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-aiprofile-result p span {
  color: #748295 !important;
  font: 530 6.5px/1.2 'JetBrains Mono',monospace !important;
  text-align: right !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result,
section#tools.tw2-tool-section .tw2-compare-result {
  display: grid !important;
  gap: 7px !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}

section#tools.tw2-tool-section .tw2-compare-result {
  grid-template-columns: 1fr !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result article,
section#tools.tw2-tool-section .tw2-compare-result article {
  min-width: 0 !important;
  padding: 9px !important;
  border: 1px solid #e0e6ed !important;
  border-radius: 8px !important;
  background: #fff !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result article:last-child {
  grid-column: 1 / -1 !important;
  background: #edf7f4 !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result b,
section#tools.tw2-tool-section .tw2-compare-result b,
section#tools.tw2-tool-section .tw2-reconcile-result p,
section#tools.tw2-tool-section .tw2-compare-result p,
section#tools.tw2-tool-section .tw2-compare-result span {
  display: block !important;
  margin: 4px 0 0 !important;
  color: #344257 !important;
  font: 650 8px/1.25 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result p,
section#tools.tw2-tool-section .tw2-compare-result p {
  color: #748092 !important;
  font-size: 6.5px !important;
  font-weight: 520 !important;
}

section#tools.tw2-tool-section .tw2-compare-result span {
  color: #368274 !important;
  font: 700 6px/1 'JetBrains Mono',monospace !important;
}

section#tools.tw2-tool-section .tw2-recall-query {
  margin: 0 0 8px !important;
  padding: 10px !important;
  background: #edf5fd !important;
}

section#tools.tw2-tool-section .tw2-recall-query b,
section#tools.tw2-tool-section .tw2-recall-positive span {
  display: block !important;
  margin-top: 6px !important;
  color: #273549 !important;
  font: 650 8px/1.3 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-recall-positive blockquote {
  margin: 8px 0 !important;
  padding-left: 9px !important;
  border-left: 2px solid #69a8e7 !important;
  color: #344257 !important;
  font: 600 8px/1.35 Inter,sans-serif !important;
}

section#tools.tw2-tool-section .tw2-recall-positive span {
  color: #748092 !important;
  font: 520 6.5px/1.2 'JetBrains Mono',monospace !important;
}

section#tools.tw2-tool-section .tw2-recall-absent {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-source {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-engine i { animation: tw2-flow-scan 2.1s ease-in-out 1.1s 3 both !important; }
section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-result > div { animation: tw2-flow-result-in 8.4s cubic-bezier(.22,1,.36,1) both !important; }
@keyframes tw2-flow-scan {
  0% { top:12%; opacity:0; }
  15% { opacity:1; }
  80% { opacity:1; }
  100% { top:88%; opacity:0; }
}
@keyframes tw2-flow-result-in {
  0%,36% { opacity:.22; transform:translateX(18px) scale(.98); }
  57%,100% { opacity:1; transform:none; }
}

/* Handoff remains the feature. The other ten tools keep the expandable
   three-column index without changing the composition. */
html body .nav .links .omenu {
  width: min(1180px, calc(100vw - 56px)) !important;
}

html body .nav .links .omenu-body {
  grid-template-columns: 300px minmax(0, 1fr) !important;
}

html body .nav .links .omenu-rest {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: auto !important;
}

html body .nav .links .omenu-rest .omenu-row {
  min-height: 160px !important;
  padding: 17px 15px !important;
}

html body .nav .links .omenu-rest .omenu-card-copy {
  grid-template-rows: 22px 34px 48px 22px !important;
  min-height: 126px !important;
}

html body .nav .links .omenu-rest .omenu-row:nth-child(-n+6) {
  border-bottom: 1px solid #e7e4e1 !important;
}

html body .nav .links .omenu-rest .omenu-row:not(:nth-child(3n)) {
  border-right: 1px solid #e7e4e1 !important;
}

html body .nav .links .omenu-rest:has(> .omenu-row:nth-child(10)) .omenu-row:nth-child(-n+9) {
  border-bottom: 1px solid #e7e4e1 !important;
}

html body .nav .links .omenu-rest:has(> .omenu-row:nth-child(10)) .omenu-row:nth-child(10) {
  border-right: 0 !important;
}

html body .nav .links .omenu-meta b {
  display: none !important;
}

html body .nav .links .omenu-promo,
html body #mobile-menu .omenu-promo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #fff0f3 !important;
  color: #c9153a !important;
  font: 750 7.5px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body #mobile-menu .omenu-promo {
  min-height: 20px !important;
  padding-inline: 7px !important;
  font-size: 7px !important;
}

@media (max-width: 1100px) {
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    width: min(100% - 48px, 980px) !important;
    grid-template-columns: 350px minmax(0, 1fr) !important;
    gap: 22px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-card button {
    min-height: 98px !important;
    padding: 13px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-copy strong {
    font-size: 15px !important;
  }
  section#tools.tw2-tool-section .tw2-stage {
    height: 540px !important;
    min-height: 540px !important;
  }
}

@media (max-width: 820px) {
  section#tools.tw2-tool-section .tw2-section-head {
    width: 100% !important;
    padding: 62px 20px 34px !important;
  }
  section#tools.tw2-tool-section .tw2-section-intro {
    display: block !important;
  }
  section#tools.tw2-tool-section .tw2-section-lead {
    margin-top: 18px !important;
  }
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    width: 100% !important;
    display: block !important;
    padding: 0 16px 76px !important;
  }
  section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher {
    position: relative !important;
    top: auto !important;
    display: flex !important;
    gap: 8px !important;
    margin: 0 -16px !important;
    padding: 2px 16px 10px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: x proximity !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-card {
    flex: 0 0 148px !important;
    scroll-snap-align: start !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-card button {
    min-height: 86px !important;
    grid-template-columns: 20px minmax(0,1fr) !important;
    padding: 10px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-copy em {
    font-size: 9px !important;
    -webkit-line-clamp: 2 !important;
  }
  section#tools.tw2-tool-section .tw2-visual-column {
    margin-top: 18px !important;
  }
  section#tools.tw2-tool-section .tw2-stage {
    height: 520px !important;
    min-height: 520px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head {
    min-height: 84px !important;
    align-items: flex-start !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head p {
    display: block !important;
    margin: 6px 0 0 !important;
    max-width: 240px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head a {
    display: none !important;
  }
  section#tools.tw2-tool-section .tw2-scene {
    inset: 84px 0 0 !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head aside > em { display:none !important; }
  section#tools.tw2-tool-section .tw2-flow-scene { padding:10px !important; }
  section#tools.tw2-tool-section .tw2-flow-body {
    grid-template-columns: 1fr !important;
    grid-template-rows: 92px 14px minmax(0,1fr) !important;
    gap: 7px !important;
    padding: 10px !important;
  }
  section#tools.tw2-tool-section .tw2-flow-sources {
    display: flex !important;
    align-items: stretch !important;
    overflow-x: auto !important;
  }
  section#tools.tw2-tool-section .tw2-flow-source {
    flex: 0 0 146px !important;
    padding: 8px !important;
  }
  section#tools.tw2-tool-section .tw2-flow-engine { overflow:visible !important; }
  section#tools.tw2-tool-section .tw2-flow-engine::before {
    left: 6% !important;
    right: 6% !important;
    top: 50% !important;
    bottom: auto !important;
    width: auto !important;
    height: 1px !important;
  }
  section#tools.tw2-tool-section .tw2-flow-engine i { display:none !important; }
  section#tools.tw2-tool-section .tw2-flow-engine b {
    padding: 4px 8px !important;
    writing-mode: horizontal-tb !important;
  }
  section#tools.tw2-tool-section .tw2-flow-result > div {
    width: calc(100% - 18px) !important;
    max-height: calc(100% - 18px) !important;
    padding: 11px !important;
  }
  section#tools.tw2-tool-section .tw2-contract-board {
    padding: 18px 10px !important;
  }
  section#tools.tw2-tool-section .tw2-contract-window {
    width: 96% !important;
    min-height: 448px !important;
  }
  section#tools.tw2-tool-section .tw2-contract-sources {
    overflow-x: auto !important;
  }
  section#tools.tw2-tool-section .tw2-source-chip {
    flex: 0 0 auto !important;
  }
  section#tools.tw2-tool-section .tw2-reconcile-grid,
  section#tools.tw2-tool-section .tw2-compare-grid {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 12px !important;
  }
  section#tools.tw2-tool-section .tw2-reconcile-grid article,
  section#tools.tw2-tool-section .tw2-compare-grid article {
    padding: 11px 13px !important;
  }
  section#tools.tw2-tool-section .tw2-reconcile-grid p,
  section#tools.tw2-tool-section .tw2-compare-grid p {
    margin-top: 4px !important;
  }
  html body .nav .links .omenu {
    width: min(1080px, calc(100vw - 32px)) !important;
  }
}

@media (max-width: 430px) {
  section#tools.tw2-tool-section .tw2-head-title {
    font-size: 38px !important;
  }
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    padding-inline: 12px !important;
  }
  section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher { gap: 7px !important; }
  section#tools.tw2-tool-section .tw2-switcher-card button {
    min-height: 84px !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    gap: 7px !important;
    padding: 11px 9px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-copy strong {
    font-size: 14px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-copy em {
    font-size: 9.5px !important;
  }
  section#tools.tw2-tool-section .tw2-stage {
    height: 510px !important;
    min-height: 510px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head {
    padding-inline: 14px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head p {
    max-width: 210px !important;
    font-size: 9px !important;
  }
  section#tools.tw2-tool-section .tw2-contract-window {
    width: 100% !important;
  }
  section#tools.tw2-tool-section .tw2-contract-window > header,
  section#tools.tw2-tool-section .tw2-contract-window > footer {
    padding-inline: 13px !important;
  }
  section#tools.tw2-tool-section .tw2-aiprofile-profile,
  section#tools.tw2-tool-section .tw2-recall-query,
  section#tools.tw2-tool-section .tw2-recall-answer {
    margin-inline: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  section#tools.tw2-tool-section *,
  section#tools.tw2-tool-section *::before,
  section#tools.tw2-tool-section *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

}

/* Mega-menu v2026: the registry contract is visible in every card and the
   final two grid cells become one editorial route into the Home workspace. */
html body .nav .links .omenu-rest {
  border-left: 1px solid rgba(33, 50, 70, .045) !important;
  background: linear-gradient(145deg, #fffefd 0%, #fbfcfe 100%) !important;
}

html body .nav .links .omenu-rest .omenu-row {
  border: 0 !important;
  background: rgba(255, 255, 255, .72) !important;
  box-shadow: none !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

html body .nav .links .omenu-rest .omenu-row:nth-child(-n+9) {
  border-bottom: 1px solid rgba(33, 50, 70, .045) !important;
}

html body .nav .links .omenu-rest .omenu-row:not(:nth-child(3n)) {
  border-right: 1px solid rgba(33, 50, 70, .045) !important;
}

html body .nav .links .omenu-titleline,
html body #mobile-menu .omenu-titleline {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

html body .nav .links .omenu-rest .omenu-titleline {
  grid-row: 1 !important;
}

html body .nav .links .omenu-titleline .omenu-promo,
html body #mobile-menu .omenu-titleline .omenu-promo {
  flex: none !important;
  min-height: 18px !important;
  padding-inline: 6px !important;
  font-size: 6.5px !important;
  letter-spacing: .07em !important;
}

html body .nav .links .omenu-row--flag .omenu-titleline {
  align-items: flex-start !important;
  flex-direction: column-reverse !important;
  gap: 7px !important;
}

html body .nav .links .omenu-row--flag .omenu-flagtag {
  margin: 0 !important;
}

html body .nav .links .omenu-meta b,
html body #mobile-menu .omenu-meta b {
  display: inline-flex !important;
}

html body .nav .links .omenu-meta--dual b,
html body #mobile-menu .omenu-meta--dual b {
  background: linear-gradient(90deg, #e8f3ff, #f1edff) !important;
  color: #4f5f99 !important;
  box-shadow: inset 0 0 0 1px rgba(79, 95, 153, .13) !important;
}

html body .nav .links .omenu-editorial,
html body #mobile-menu .omenu-editorial {
  position: relative !important;
  grid-column: span 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 146px !important;
  gap: 22px !important;
  align-items: center !important;
  min-height: 160px !important;
  padding: 22px 26px !important;
  overflow: hidden !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 86% 14%, rgba(104, 167, 232, .18), transparent 31%),
    linear-gradient(135deg, #edf5fd 0%, #f7f3fb 100%) !important;
  color: #15263a !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

html body .nav .links .omenu-editorial::after,
html body #mobile-menu .omenu-editorial::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  box-shadow: inset 0 1px rgba(255,255,255,.78), inset 1px 0 rgba(48,86,127,.06) !important;
}

html body .nav .links .omenu-editorial-copy,
html body #mobile-menu .omenu-editorial-copy {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
}

html body .nav .links .omenu-editorial-copy small,
html body #mobile-menu .omenu-editorial-copy small {
  display: block !important;
  color: #55769c !important;
  font: 700 7px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .13em !important;
}

html body .nav .links .omenu-editorial-copy strong,
html body #mobile-menu .omenu-editorial-copy strong {
  display: block !important;
  margin-top: 8px !important;
  color: #172a40 !important;
  font: 650 17px/1.16 'Merriweather', Georgia, serif !important;
}

html body .nav .links .omenu-editorial-copy > span,
html body #mobile-menu .omenu-editorial-copy > span {
  display: block !important;
  margin-top: 6px !important;
  color: #68798c !important;
  font: 520 9px/1.3 Inter, system-ui, sans-serif !important;
}

html body .nav .links .omenu-editorial-copy em,
html body #mobile-menu .omenu-editorial-copy em {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 13px !important;
  color: #1f609f !important;
  font: 720 10px/1 Inter, system-ui, sans-serif !important;
  font-style: normal !important;
}

html body .nav .links .omenu-editorial-visual,
html body #mobile-menu .omenu-editorial-visual {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) 15px !important;
  gap: 5px 7px !important;
  width: 146px !important;
  min-height: 105px !important;
  padding: 13px 12px 9px 10px !important;
  border: 1px solid rgba(56, 104, 157, .08) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(247,250,254,.5)) !important;
  box-shadow: 0 12px 30px rgba(43,78,116,.065), inset 0 1px rgba(255,255,255,.82) !important;
  box-sizing: border-box !important;
}

html body .nav .links .omenu-matrix-y,
html body #mobile-menu .omenu-matrix-y {
  display: grid !important;
  grid-template-rows: repeat(2, 1fr) !important;
  align-items: center !important;
}

html body .nav .links .omenu-matrix-y b,
html body .nav .links .omenu-matrix-x b,
html body #mobile-menu .omenu-matrix-y b,
html body #mobile-menu .omenu-matrix-x b {
  color: rgba(58, 83, 112, .67) !important;
  font: 700 6px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .06em !important;
}

html body .nav .links .omenu-matrix-grid,
html body #mobile-menu .omenu-matrix-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(90deg, transparent 33.1%, rgba(53, 81, 111, .055) 33.1%, rgba(53, 81, 111, .055) 33.8%, transparent 33.8%, transparent 66.2%, rgba(53, 81, 111, .055) 66.2%, rgba(53, 81, 111, .055) 66.9%, transparent 66.9%),
    linear-gradient(transparent 49.6%, rgba(53, 81, 111, .055) 49.6%, rgba(53, 81, 111, .055) 50.4%, transparent 50.4%) !important;
}

html body .nav .links .omenu-matrix-grid > span,
html body #mobile-menu .omenu-matrix-grid > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
}

html body .nav .links .omenu-matrix-grid i,
html body #mobile-menu .omenu-matrix-grid i {
  width: 4px !important;
  height: 11px !important;
  flex: none !important;
  border: 0 !important;
  border-radius: 99px !important;
  background: #83add6 !important;
  box-shadow: 0 2px 5px rgba(43, 83, 124, .13) !important;
}

html body .nav .links .omenu-matrix-grid > span:nth-child(n+4) i,
html body #mobile-menu .omenu-matrix-grid > span:nth-child(n+4) i {
  background: #ae9bd4 !important;
}

html body .nav .links .omenu-matrix-grid i.is-selected,
html body #mobile-menu .omenu-matrix-grid i.is-selected {
  width: 7px !important;
  height: 16px !important;
  background: linear-gradient(#ff4267, #df1742) !important;
  box-shadow: 0 0 0 3px rgba(255,45,85,.1), 0 3px 8px rgba(202,25,62,.2) !important;
}

html body .nav .links .omenu-matrix-x,
html body #mobile-menu .omenu-matrix-x {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr)) !important;
  align-items: end !important;
  text-align: center !important;
}

@media (hover:hover) {
  html body .nav .links .omenu-rest .omenu-row:hover {
    background: #f4f8fc !important;
    box-shadow: inset 0 0 0 1px rgba(54, 120, 190, .08) !important;
  }
  html body .nav .links .omenu-editorial:hover {
    background:
      radial-gradient(circle at 86% 14%, rgba(104, 167, 232, .24), transparent 33%),
      linear-gradient(135deg, #e8f3fd 0%, #f4effa 100%) !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HOME V4 · TOOLS WORKSPACE · FIVE STORIES / TWELVE TOOLS
   The five featured tools carry the narrative. The full registry remains a
   quiet, selectable catalogue below. No timed autoplay: scroll and choice own
   the pace. The demo restores the original source → Uncook → output grammar.
   ═══════════════════════════════════════════════════════════════════════════ */

section#tools.tw2-tool-section {
  overflow: clip !important;
  background:
    radial-gradient(70% 44% at 82% 11%, rgba(65, 123, 184, .18), transparent 72%),
    radial-gradient(38% 28% at 8% 4%, rgba(174, 38, 73, .14), transparent 76%),
    linear-gradient(145deg, #0c1625 0%, #101d2f 51%, #132a46 100%) !important;
  color: #f7f3ed !important;
}

section#tools.tw2-tool-section .tw2-section-head {
  width: min(1380px, calc(100% - 96px)) !important;
  max-inline-size: none !important;
  padding: 104px 0 70px !important;
}

section#tools.tw2-tool-section .tw2-section-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .72fr) !important;
  align-items: end !important;
  gap: 76px !important;
}

section#tools.tw2-tool-section .tw2-head-title {
  max-width: 780px !important;
  margin: 16px 0 0 !important;
  color: #fffdf8 !important;
  font-size: clamp(44px, 5vw, 76px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
}

section#tools.tw2-tool-section .uk-kicker {
  color: #ff6280 !important;
}

section#tools.tw2-tool-section .tw2-section-lead {
  max-width: 470px !important;
  margin: 0 0 5px !important;
  color: rgba(228, 235, 244, .72) !important;
  font-size: 18px !important;
  line-height: 1.6 !important;
}

section#tools.tw2-tool-section .tw2-section-lead strong {
  color: #fff !important;
}

section#tools.tw2-tool-section .tw4-mobile-picker {
  display: none !important;
}

section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
  width: min(1380px, calc(100% - 96px)) !important;
  max-inline-size: none !important;
  display: grid !important;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: clamp(48px, 5.4vw, 88px) !important;
  margin: 0 auto !important;
  padding: 0 0 74px !important;
}

section#tools.tw2-tool-section .tw2-tool-steps.tw4-feature-list {
  display: block !important;
  position: static !important;
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw4-feature-step {
  min-height: min(1040px, 122vh) !important;
  display: flex !important;
  align-items: center !important;
  opacity: .35 !important;
  transition: opacity .3s ease !important;
}

section#tools.tw2-tool-section .tw4-feature-step:first-child {
  align-items: flex-start !important;
  padding-top: 8vh !important;
}

section#tools.tw2-tool-section .tw4-feature-step:last-child {
  min-height: min(860px, 100vh) !important;
  align-items: flex-start !important;
  padding-top: 24vh !important;
}

section#tools.tw2-tool-section .tw4-feature-step.is-active {
  opacity: 1 !important;
}

section#tools.tw2-tool-section .tw4-feature-step > div {
  position: relative !important;
  width: 100% !important;
  padding: 30px 2px 30px 34px !important;
  border-left: 1px solid rgba(154, 197, 241, .22) !important;
}

section#tools.tw2-tool-section .tw4-feature-step.is-active > div {
  border-left-color: #74b8ff !important;
}

section#tools.tw2-tool-section .tw4-feature-number {
  display: block !important;
  margin-bottom: 27px !important;
  color: #ff6481 !important;
  font: 700 11px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .12em !important;
}

section#tools.tw2-tool-section .tw4-feature-icon {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 24px !important;
  border: 1px solid rgba(143, 195, 249, .28) !important;
  border-radius: 15px !important;
  background: rgba(31, 63, 98, .46) !important;
  color: #91c8ff !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .07) !important;
}

section#tools.tw2-tool-section .tw4-feature-icon svg,
section#tools.tw2-tool-section .tw4-stage-icon svg,
section#tools.tw2-tool-section .tw4-catalog-icon svg,
section#tools.tw2-tool-section .tw4-mobile-picker svg {
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
}

section#tools.tw2-tool-section .tw4-feature-step h3 {
  margin: 0 !important;
  color: #fff !important;
  font: 650 clamp(31px, 2.5vw, 40px)/1.08 'Merriweather', Georgia, serif !important;
  letter-spacing: -.025em !important;
}

section#tools.tw2-tool-section .tw4-feature-step p {
  margin: 16px 0 0 !important;
  color: #e8eff8 !important;
  font: 650 17px/1.45 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw4-feature-step em {
  display: block !important;
  margin-top: 10px !important;
  color: rgba(207, 218, 231, .67) !important;
  font: 470 14px/1.55 Inter, system-ui, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw4-feature-step button {
  margin-top: 25px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(132, 194, 255, .7) !important;
  background: transparent !important;
  color: #9bceff !important;
  font: 700 13px/2 Inter, system-ui, sans-serif !important;
  cursor: pointer !important;
}

section#tools.tw2-tool-section .tw4-feature-step button:focus-visible,
section#tools.tw2-tool-section .tw4-catalog-card:focus-visible,
section#tools.tw2-tool-section .tw4-mobile-picker button:focus-visible {
  outline: 3px solid rgba(116, 184, 255, .48) !important;
  outline-offset: 4px !important;
}

section#tools.tw2-tool-section .tw2-visual-column {
  min-width: 0 !important;
  align-self: stretch !important;
}

section#tools.tw2-tool-section .tw2-visual-sticky {
  position: sticky !important;
  top: max(72px, 8vh) !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

section#tools.tw2-tool-section .tw2-stage {
  height: min(710px, 84vh) !important;
  min-height: 610px !important;
  overflow: hidden !important;
  border: 1px solid rgba(139, 190, 240, .26) !important;
  border-radius: 28px !important;
  background: #eef4fa !important;
  box-shadow: 0 38px 90px rgba(2, 8, 18, .34), inset 0 1px rgba(255, 255, 255, .92) !important;
}

section#tools.tw2-tool-section .tw2-stage-head.tw4-stage-head {
  position: absolute !important;
  z-index: 30 !important;
  inset: 0 0 auto !important;
  min-height: 88px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid rgba(29, 51, 77, .12) !important;
  background: rgba(255, 254, 252, .94) !important;
  backdrop-filter: blur(18px) !important;
}

section#tools.tw2-tool-section .tw4-stage-head > div {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  align-items: center !important;
  column-gap: 13px !important;
}

section#tools.tw2-tool-section .tw4-stage-icon {
  grid-row: 1 / 4 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #c9dced !important;
  border-radius: 12px !important;
  background: #edf5fd !important;
  color: #397fc8 !important;
}

section#tools.tw2-tool-section .tw4-stage-head .tw2-stage-count {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  color: #397fc8 !important;
  font: 750 9px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .12em !important;
}

section#tools.tw2-tool-section .tw4-stage-head strong {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 4px 0 0 !important;
  color: #171716 !important;
  font: 650 22px/1.05 'Merriweather', Georgia, serif !important;
}

section#tools.tw2-tool-section .tw4-stage-head p {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 4px 0 0 !important;
  color: #625e5a !important;
  font: 520 12px/1.25 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw4-stage-head aside {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

section#tools.tw2-tool-section .tw4-stage-head aside small {
  color: #587795 !important;
  font: 700 9px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw4-stage-head a {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  background: #142941 !important;
  color: #fff !important;
  font: 700 12px/1 Inter, system-ui, sans-serif !important;
  text-decoration: none !important;
}

section#tools.tw2-tool-section .tw4-stage-head a[hidden] { display: none !important; }

section#tools.tw2-tool-section .tw2-scene {
  position: absolute !important;
  inset: 88px 0 0 !important;
  display: block !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: opacity .34s ease, transform .42s ease, visibility 0s linear .42s !important;
}

section#tools.tw2-tool-section .tw2-scene.is-active {
  z-index: 2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  transition-delay: 0s !important;
}

section#tools.tw2-tool-section .tw2-flow-scene {
  padding: clamp(18px, 2vw, 28px) !important;
  background:
    radial-gradient(42% 70% at 3% 16%, rgba(255, 74, 111, .08), transparent 72%),
    radial-gradient(50% 84% at 100% 100%, rgba(86, 154, 225, .15), transparent 70%),
    linear-gradient(145deg, #edf4fa, #fbfcfd 54%, #e9f2fa) !important;
}

section#tools.tw2-tool-section .tw2-flow-window {
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

section#tools.tw2-tool-section .tw2-flow-top { display: none !important; }

section#tools.tw2-tool-section .tw2-flow-body {
  height: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(190px, .82fr) 72px minmax(270px, 1.18fr) !important;
  gap: clamp(12px, 1.5vw, 20px) !important;
  align-items: center !important;
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw2-flow-sources {
  min-width: 0 !important;
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
}

section#tools.tw2-tool-section .tw2-flow-source {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(24, 42, 63, .17) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(31, 51, 72, .1) !important;
}

section#tools.tw2-tool-section .tw2-flow-source header {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 45px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid #e7ebef !important;
  background: #f7f8f9 !important;
}

section#tools.tw2-tool-section .tw2-flow-source header i {
  display: grid !important;
  place-items: center !important;
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 auto !important;
  border-radius: 8px !important;
  background: #172b45 !important;
  color: #b5d9ff !important;
  font: 750 10px/1 Inter, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-flow-source header span,
section#tools.tw2-tool-section .tw2-flow-source header b,
section#tools.tw2-tool-section .tw2-flow-source header small {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-flow-source header b {
  color: #202b38 !important;
  font: 720 11px/1.15 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-source header small {
  margin-top: 3px !important;
  color: #7c8794 !important;
  font: 530 9px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-source header em,
section#tools.tw2-tool-section .tw2-flow-source footer { display: none !important; }

section#tools.tw2-tool-section .tw2-flow-chat {
  padding: 9px 11px 11px !important;
}

section#tools.tw2-tool-section .tw2-flow-source p {
  margin: 0 !important;
  padding: 6px 0 !important;
  border-top: 1px solid #eff1f3 !important;
  overflow: hidden !important;
  color: #536170 !important;
  font: 540 10.5px/1.35 Inter, sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-flow-source p:first-child { border-top: 0 !important; }
section#tools.tw2-tool-section .tw2-flow-source p span { display: none !important; }

section#tools.tw2-tool-section .tw2-flow-engine {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 72px !important;
  min-height: 140px !important;
  overflow: visible !important;
}

section#tools.tw2-tool-section .tw2-flow-engine::before {
  content: '' !important;
  position: absolute !important;
  left: 8px !important;
  right: 8px !important;
  top: 50% !important;
  width: auto !important;
  height: 1px !important;
  background: linear-gradient(90deg, #a8cbe9, #4f94d6, #a8cbe9) !important;
}

section#tools.tw2-tool-section .tw2-flow-engine::after {
  content: '›' !important;
  position: absolute !important;
  right: 4px !important;
  top: calc(50% - 15px) !important;
  color: #4f94d6 !important;
  font: 300 27px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-engine i {
  position: absolute !important;
  inset: 50% auto auto 50% !important;
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(255, 64, 99, .32), rgba(91, 155, 220, .14) 58%, transparent 74%) !important;
  filter: blur(3px) !important;
  transform: translate(-50%, -50%) !important;
}

section#tools.tw2-tool-section .tw2-flow-engine b {
  position: relative !important;
  z-index: 2 !important;
  padding: 8px 9px !important;
  border: 1px solid #c4d9eb !important;
  border-radius: 999px !important;
  background: rgba(251, 253, 255, .96) !important;
  color: #397fc2 !important;
  font: 750 7px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .06em !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

section#tools.tw2-tool-section .tw2-flow-result {
  min-width: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  min-height: 72% !important;
  border: 1px solid rgba(45, 85, 125, .22) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(90deg, transparent 31px, rgba(65, 112, 160, .055) 32px),
    linear-gradient(transparent 31px, rgba(65, 112, 160, .055) 32px),
    linear-gradient(145deg, #fffefd, #f2f7fc) !important;
  background-size: 32px 32px, 32px 32px, auto !important;
  box-shadow: 0 24px 48px rgba(24, 49, 76, .13), inset 0 1px #fff !important;
}

section#tools.tw2-tool-section .tw2-flow-result::before {
  content: 'UNCOOK OUTPUT' !important;
  position: absolute !important;
  top: 16px !important;
  left: 18px !important;
  color: #417cb5 !important;
  font: 750 8px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .13em !important;
}

section#tools.tw2-tool-section .tw2-flow-result > div {
  width: calc(100% - 34px) !important;
  max-height: calc(100% - 58px) !important;
  margin-top: 24px !important;
  overflow: auto !important;
  padding: clamp(15px, 1.7vw, 22px) !important;
  border: 1px solid #dae4ed !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .95) !important;
  box-shadow: 0 12px 28px rgba(27, 54, 83, .09) !important;
}

section#tools.tw2-tool-section .tw2-flow-result small {
  color: #3e78af !important;
  font: 750 9px/1.2 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
}

section#tools.tw2-tool-section .tw2-flow-result h4 {
  margin: 9px 0 13px !important;
  color: #1d2938 !important;
  font: 650 clamp(18px, 1.65vw, 24px)/1.15 'Merriweather', Georgia, serif !important;
}

section#tools.tw2-tool-section .tw2-flow-result dt,
section#tools.tw2-tool-section .tw2-flow-result dd,
section#tools.tw2-tool-section .tw2-flow-result p,
section#tools.tw2-tool-section .tw2-flow-result b,
section#tools.tw2-tool-section .tw2-flow-result blockquote,
section#tools.tw2-tool-section .tw2-flow-result span {
  font-size: 11.5px !important;
  line-height: 1.42 !important;
}

section#tools.tw2-tool-section .tw2-flow-result dl { margin: 0 !important; }

section#tools.tw2-tool-section .tw2-flow-result dl > div,
section#tools.tw2-tool-section .tw2-scope-result section,
section#tools.tw2-tool-section .tw2-aiprofile-result p {
  padding: 9px 0 !important;
  border-top: 1px solid #e4e9ef !important;
}

section#tools.tw2-tool-section .tw2-flow-result dt {
  color: #3974aa !important;
  font: 750 8px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
}

section#tools.tw2-tool-section .tw2-flow-result dd {
  margin: 4px 0 0 !important;
  color: #48586b !important;
  font-weight: 570 !important;
}

section#tools.tw2-tool-section .tw2-flow-result footer {
  margin-top: 11px !important;
  color: #2d796d !important;
  font: 720 9px/1.25 'JetBrains Mono', ui-monospace, monospace !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result,
section#tools.tw2-tool-section .tw2-compare-result {
  gap: 8px !important;
}

section#tools.tw2-tool-section .tw2-reconcile-result article,
section#tools.tw2-tool-section .tw2-compare-result article {
  padding: 10px !important;
}

section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-engine i,
section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-result > div {
  animation: none !important;
}

section#tools.tw2-tool-section .tw4-catalog {
  width: min(1380px, calc(100% - 96px)) !important;
  margin: 0 auto !important;
  padding: 84px 0 112px !important;
  border-top: 1px solid rgba(158, 197, 237, .17) !important;
}

section#tools.tw2-tool-section .tw4-catalog > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr) !important;
  gap: 10px 70px !important;
  align-items: end !important;
  margin-bottom: 42px !important;
}

section#tools.tw2-tool-section .tw4-catalog > header p {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #ff6481 !important;
  font: 760 10px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw4-catalog > header h3 {
  margin: 0 !important;
  color: #fff !important;
  font: 650 clamp(32px, 3.1vw, 48px)/1.08 'Merriweather', Georgia, serif !important;
  letter-spacing: -.025em !important;
}

section#tools.tw2-tool-section .tw4-catalog > header > span {
  color: rgba(215, 225, 237, .68) !important;
  font: 500 15px/1.55 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw4-catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-top: 1px solid rgba(158, 197, 237, .15) !important;
  border-left: 1px solid rgba(158, 197, 237, .15) !important;
}

section#tools.tw2-tool-section .tw4-catalog-card {
  min-width: 0 !important;
  min-height: 126px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-rows: 1fr auto !important;
  gap: 12px 15px !important;
  padding: 22px !important;
  border: 0 !important;
  border-right: 1px solid rgba(158, 197, 237, .15) !important;
  border-bottom: 1px solid rgba(158, 197, 237, .15) !important;
  background: rgba(13, 27, 45, .34) !important;
  color: #f5f8fc !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  position: relative !important;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:hover {
  background: rgba(42, 78, 116, .46) !important;
  box-shadow: inset 3px 0 #72b7ff !important;
  transform: translateY(-2px) !important;
}

section#tools.tw2-tool-section .tw4-catalog-icon {
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(142, 193, 245, .27) !important;
  border-radius: 13px !important;
  background: rgba(34, 68, 102, .52) !important;
  color: #91c7fb !important;
}

section#tools.tw2-tool-section .tw4-catalog-card strong {
  display: block !important;
  margin: 2px 0 6px !important;
  color: #fff !important;
  font: 650 20px/1.15 'Merriweather', Georgia, serif !important;
}

section#tools.tw2-tool-section .tw4-catalog-card em {
  display: block !important;
  color: rgba(214, 226, 239, .68) !important;
  font: 510 12px/1.45 Inter, system-ui, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw4-catalog-card small {
  color: rgba(145, 199, 251, .7) !important;
  font: 720 8px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw4-catalog-arrow {
  position: absolute !important;
  right: 20px !important;
  bottom: 19px !important;
  color: #91c7fb !important;
  font: 500 18px/1 Inter, system-ui, sans-serif !important;
  transition: transform .2s ease !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:hover .tw4-catalog-arrow,
section#tools.tw2-tool-section .tw4-catalog-card:focus-visible .tw4-catalog-arrow {
  transform: translateX(4px) !important;
}

@media (max-width: 1100px) {
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
    width: min(100% - 56px, 1000px) !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 38px !important;
  }

  section#tools.tw2-tool-section .tw4-feature-step > div { padding-left: 25px !important; }
  section#tools.tw2-tool-section .tw2-flow-body { grid-template-columns: minmax(145px, .72fr) 52px minmax(220px, 1.28fr) !important; }
  section#tools.tw2-tool-section .tw2-flow-engine { width: 52px !important; }
  section#tools.tw2-tool-section .tw4-catalog { width: min(100% - 56px, 1000px) !important; }
}

@media (max-width: 820px) {
  section#tools.tw2-tool-section .tw2-section-head {
    width: 100% !important;
    padding: 76px 22px 34px !important;
  }

  section#tools.tw2-tool-section .tw2-section-intro {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  section#tools.tw2-tool-section .tw2-head-title { font-size: clamp(40px, 12vw, 58px) !important; }
  section#tools.tw2-tool-section .tw2-section-lead { margin: 0 !important; font-size: 16px !important; }

  section#tools.tw2-tool-section .tw4-mobile-picker {
    width: 100% !important;
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 8px 18px 18px !important;
    scrollbar-width: none !important;
    scroll-snap-type: x proximity !important;
  }

  section#tools.tw2-tool-section .tw4-mobile-picker::-webkit-scrollbar { display: none !important; }

  section#tools.tw2-tool-section .tw4-mobile-picker button {
    flex: 0 0 auto !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(142, 193, 245, .2) !important;
    border-radius: 999px !important;
    background: rgba(12, 27, 46, .72) !important;
    color: rgba(216, 230, 244, .67) !important;
    font: 680 13px/1 Inter, system-ui, sans-serif !important;
    scroll-snap-align: center !important;
  }

  section#tools.tw2-tool-section .tw4-mobile-picker button.is-active {
    border-color: #78bbff !important;
    background: #244b75 !important;
    color: #fff !important;
  }

  section#tools.tw2-tool-section .tw4-mobile-picker span { display: grid !important; }
  section#tools.tw2-tool-section .tw4-mobile-picker svg { width: 17px !important; height: 17px !important; }

  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
    width: 100% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 16px 54px !important;
  }

  section#tools.tw2-tool-section .tw2-tool-steps.tw4-feature-list { display: none !important; }
  section#tools.tw2-tool-section .tw2-visual-sticky { position: relative !important; top: auto !important; }

  section#tools.tw2-tool-section .tw2-stage {
    height: 680px !important;
    min-height: 680px !important;
    border-radius: 22px !important;
  }

  section#tools.tw2-tool-section .tw2-stage-head.tw4-stage-head {
    min-height: 112px !important;
    align-items: flex-start !important;
    padding: 14px !important;
  }

  section#tools.tw2-tool-section .tw4-stage-head > div { grid-template-columns: 38px minmax(0, 1fr) !important; column-gap: 11px !important; }
  section#tools.tw2-tool-section .tw4-stage-icon { width: 38px !important; height: 38px !important; }
  section#tools.tw2-tool-section .tw4-stage-icon svg { width: 20px !important; height: 20px !important; }
  section#tools.tw2-tool-section .tw4-stage-head strong { font-size: 20px !important; }
  section#tools.tw2-tool-section .tw4-stage-head p { max-width: 210px !important; font-size: 11px !important; }
  section#tools.tw2-tool-section .tw4-stage-head aside { flex-direction: column !important; align-items: flex-end !important; gap: 9px !important; }
  section#tools.tw2-tool-section .tw4-stage-head aside small { font-size: 8px !important; }
  section#tools.tw2-tool-section .tw4-stage-head a { min-height: 34px !important; padding-inline: 11px !important; font-size: 11px !important; }

  section#tools.tw2-tool-section .tw2-scene { inset: 112px 0 0 !important; }

  section#tools.tw2-tool-section .tw2-flow-scene { padding: 13px !important; overflow-y: auto !important; }
  section#tools.tw2-tool-section .tw2-flow-window { height: auto !important; min-height: 100% !important; }
  section#tools.tw2-tool-section .tw2-flow-body {
    height: auto !important;
    min-height: 100% !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto 46px auto !important;
    gap: 10px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-sources { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-content: start !important; }
  section#tools.tw2-tool-section .tw2-flow-sources--1 { grid-template-columns: 1fr !important; }
  section#tools.tw2-tool-section .tw2-flow-source:nth-child(n+3) { display: none !important; }
  section#tools.tw2-tool-section .tw2-flow-source header { min-height: 40px !important; }
  section#tools.tw2-tool-section .tw2-flow-chat { padding: 6px 9px 8px !important; }
  section#tools.tw2-tool-section .tw2-flow-source p { padding: 4px 0 !important; font-size: 9.5px !important; }

  section#tools.tw2-tool-section .tw2-flow-engine {
    width: 100% !important;
    min-height: 46px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-engine::before { left: 50% !important; right: auto !important; top: 3px !important; bottom: 3px !important; width: 1px !important; height: auto !important; }
  section#tools.tw2-tool-section .tw2-flow-engine::after { content: '⌄' !important; right: auto !important; left: calc(50% - 8px) !important; top: auto !important; bottom: -4px !important; }
  section#tools.tw2-tool-section .tw2-flow-engine b { font-size: 7px !important; }
  section#tools.tw2-tool-section .tw2-flow-result { min-height: 260px !important; }
  section#tools.tw2-tool-section .tw2-flow-result > div { width: calc(100% - 26px) !important; max-height: 230px !important; padding: 14px !important; }

  section#tools.tw2-tool-section .tw4-catalog {
    width: calc(100% - 32px) !important;
    padding: 60px 0 82px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header { grid-template-columns: 1fr !important; gap: 10px !important; margin-bottom: 30px !important; }
  section#tools.tw2-tool-section .tw4-catalog > header > span { font-size: 14px !important; }
  section#tools.tw2-tool-section .tw4-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  section#tools.tw2-tool-section .tw4-catalog-card { min-height: 142px !important; grid-template-columns: 40px minmax(0, 1fr) !important; padding: 18px !important; }
  section#tools.tw2-tool-section .tw4-catalog-icon { width: 40px !important; height: 40px !important; }
  section#tools.tw2-tool-section .tw4-catalog-card strong { font-size: 18px !important; }
}

@media (max-width: 520px) {
  section#tools.tw2-tool-section .tw2-stage { height: 720px !important; min-height: 720px !important; }
  section#tools.tw2-tool-section .tw4-stage-head aside small { display: none !important; }
  section#tools.tw2-tool-section .tw4-stage-head p { max-width: 170px !important; }
  section#tools.tw2-tool-section .tw2-flow-sources { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  section#tools.tw2-tool-section .tw4-catalog-grid { grid-template-columns: 1fr !important; }
  section#tools.tw2-tool-section .tw4-catalog-card { min-height: 112px !important; }
}

@media (prefers-reduced-motion: reduce) {
  section#tools.tw2-tool-section *,
  section#tools.tw2-tool-section *::before,
  section#tools.tw2-tool-section *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}

@media (max-width: 760px) {
  html body #mobile-menu .omenu-row:not(.omenu-row--flag) {
    border-bottom-color: rgba(33, 50, 70, .055) !important;
  }
  html body #mobile-menu .omenu-titleline {
    min-height: 20px !important;
  }
  html body #mobile-menu .omenu-row--flag .omenu-titleline {
    align-items: flex-start !important;
  }
  html body #mobile-menu .omenu-meta {
    flex-wrap: wrap !important;
  }
  html body #mobile-menu .omenu-meta b,
  html body #mobile-menu .omenu-meta i {
    min-height: 19px !important;
    padding-inline: 6px !important;
    font-size: 6.5px !important;
  }
  html body #mobile-menu .omenu-editorial {
    grid-template-columns: minmax(0,1fr) 88px !important;
    gap: 12px !important;
    min-height: 126px !important;
    margin: 12px 18px 4px !important;
    padding: 17px !important;
    border: 1px solid rgba(56, 104, 157, .11) !important;
    border-radius: 16px !important;
  }
  html body #mobile-menu .omenu-editorial-copy strong {
    font-size: 14px !important;
  }
  html body #mobile-menu .omenu-editorial-copy > span {
    font-size: 8px !important;
  }
  html body #mobile-menu .omenu-editorial-copy em {
    margin-top: 10px !important;
    font-size: 9px !important;
  }
  html body #mobile-menu .omenu-editorial-visual {
    grid-template-columns: 15px minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) 13px !important;
    gap: 4px 5px !important;
    width: 88px !important;
    min-height: 82px !important;
    padding: 10px 8px 7px 6px !important;
    border-radius: 13px !important;
  }
  html body #mobile-menu .omenu-matrix-y b,
  html body #mobile-menu .omenu-matrix-x b {
    font-size: 5px !important;
  }
  html body #mobile-menu .omenu-matrix-grid > span {
    gap: 1px !important;
  }
  html body #mobile-menu .omenu-matrix-grid i {
    width: 3px !important;
    height: 9px !important;
  }
  html body #mobile-menu .omenu-matrix-grid i.is-selected {
    width: 5px !important;
    height: 13px !important;
    box-shadow: 0 0 0 2px rgba(255,45,85,.1), 0 2px 6px rgba(202,25,62,.18) !important;
  }
}

/* Unified tool cinema — every engine now speaks the same visual language:
   recognisable LLM conversation(s), an explicit Uncook pass, then the
   engine-specific result. This replaces the split between legacy chat windows
   and the later all-at-once dashboard scenes. */
section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
  padding-block-start: 0 !important;
}

section#tools.tw2-tool-section .tw2-flow-body {
  min-height: 0 !important;
  grid-template-columns: minmax(230px, .92fr) 72px minmax(300px, 1.08fr) !important;
  gap: 16px !important;
}

section#tools.tw2-tool-section .tw2-flow-sources {
  height: 100% !important;
  min-height: 0 !important;
  align-content: stretch !important;
  overflow: hidden !important;
}

section#tools.tw2-tool-section .tw2-flow-sources--1 { grid-template-rows: minmax(0, 1fr) !important; }
section#tools.tw2-tool-section .tw2-flow-sources--2 { grid-template-rows: repeat(2, minmax(0, 1fr)) !important; }
section#tools.tw2-tool-section .tw2-flow-sources--3 { grid-template-rows: repeat(3, minmax(0, 1fr)) !important; }

section#tools.tw2-tool-section .tw2-flow-source {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 34px minmax(0, 1fr) 27px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-color: #d4dee9 !important;
  border-radius: 12px !important;
  background: #fffefd !important;
  box-shadow: 0 9px 22px rgba(24,47,73,.09) !important;
}

section#tools.tw2-tool-section .tw2-flow-source > header {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 23px minmax(0, 1fr) auto !important;
  gap: 7px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border-bottom: 1px solid #e7ebf0 !important;
  background: #fbfaf8 !important;
}

section#tools.tw2-tool-section .tw2-flow-source > header i {
  width: 23px !important;
  height: 23px !important;
  border-radius: 7px !important;
}

section#tools.tw2-tool-section .tw2-flow-source > header em {
  color: #9aa3ad !important;
  font: 650 8px/1 Inter, sans-serif !important;
  font-style: normal !important;
  letter-spacing: .08em !important;
}

section#tools.tw2-tool-section .tw2-flow-chat {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 7px 8px !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fff 0%, #fbfaf8 100%) !important;
}

section#tools.tw2-tool-section .tw2-flow-message {
  min-width: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

section#tools.tw2-tool-section .tw2-flow-message--user {
  flex-direction: row-reverse !important;
}

section#tools.tw2-tool-section .tw2-flow-message > span {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 7px !important;
  background: #172b45 !important;
  color: #fff !important;
  font: 700 5.5px/1 Inter, sans-serif !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw2-flow-message--user > span {
  background: #e62954 !important;
}

section#tools.tw2-tool-section .tw2-flow-message > b {
  max-width: calc(100% - 25px) !important;
  padding: 6px 8px !important;
  border: 1px solid #e1e6ec !important;
  border-radius: 8px 8px 8px 3px !important;
  background: #fff !important;
  color: #455266 !important;
  font: 560 7px/1.28 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-message--user > b {
  border-color: #f0d4dc !important;
  border-radius: 8px 8px 3px 8px !important;
  background: #fff2f5 !important;
  color: #46383d !important;
}

section#tools.tw2-tool-section .tw2-flow-source > footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 4px 6px 4px 9px !important;
  border-top: 1px solid #e7ebf0 !important;
  background: #fff !important;
  color: #9aa3ad !important;
  font: 520 6px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-flow-source > footer i {
  width: 18px !important;
  height: 18px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 6px !important;
  background: #172b45 !important;
  color: #fff !important;
  font: 700 8px/1 Inter, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-source > header {
  min-height: 43px !important;
  padding-inline: 11px !important;
}

section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-chat {
  gap: 10px !important;
  padding: 14px !important;
}

section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-message > span {
  width: 25px !important;
  height: 25px !important;
  font-size: 6.5px !important;
}

section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-message > b {
  padding: 9px 11px !important;
  font-size: 9px !important;
  line-height: 1.35 !important;
}

section#tools.tw2-tool-section .tw2-flow-result {
  background: linear-gradient(145deg, #f7fbff, #edf4fa) !important;
}

section#tools.tw2-tool-section .tw2-flow-result > div {
  box-sizing: border-box !important;
  width: calc(100% - 30px) !important;
  max-height: calc(100% - 30px) !important;
  padding: 16px !important;
}

section#tools.tw2-tool-section .tw2-result-card dl {
  margin: 12px 0 0 !important;
}

section#tools.tw2-tool-section .tw2-result-card dl > div {
  padding: 9px 0 !important;
  border-top: 1px solid #e1e7ed !important;
}

section#tools.tw2-tool-section .tw2-result-card dt {
  color: #d7254d !important;
  font: 700 6.5px/1 'JetBrains Mono', monospace !important;
  letter-spacing: .08em !important;
}

section#tools.tw2-tool-section .tw2-result-card dd {
  margin: 5px 0 0 !important;
  color: #46566a !important;
  font: 620 9px/1.32 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-card > footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e1e7ed !important;
  color: #3979bc !important;
  font: 720 8px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-human-result > p {
  margin: 9px 0 0 !important;
  color: #526074 !important;
  font: 560 9px/1.45 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-mask-result {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) !important;
  gap: 12px !important;
}

section#tools.tw2-tool-section .tw2-mask-copy,
section#tools.tw2-tool-section .tw2-mask-list {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-mask-copy {
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw2-mask-copy p {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 7px !important;
  margin: 7px 0 0 !important;
  padding-top: 7px !important;
  border-top: 1px solid #e3e9ef !important;
  color: #455266 !important;
  font: 560 7.5px/1.35 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-mask-copy p b {
  color: #3979bc !important;
  font: 700 6px/1.35 'JetBrains Mono', monospace !important;
  letter-spacing: .04em !important;
}

section#tools.tw2-tool-section .tw2-mask-list {
  padding: 10px !important;
  border: 1px solid #e1ddec !important;
  border-radius: 9px !important;
  background: #f7f4fc !important;
}

section#tools.tw2-tool-section .tw2-mask-list small {
  color: #6f63a8 !important;
}

section#tools.tw2-tool-section .tw2-mask-list dl {
  margin: 8px 0 0 !important;
}

section#tools.tw2-tool-section .tw2-mask-list dl > div {
  min-width: 0 !important;
  padding: 6px 0 !important;
  border-top: 1px solid #e7e1f0 !important;
}

section#tools.tw2-tool-section .tw2-mask-list dt,
section#tools.tw2-tool-section .tw2-mask-list dd {
  min-width: 0 !important;
  margin: 0 !important;
  overflow-wrap: anywhere !important;
}

section#tools.tw2-tool-section .tw2-mask-list dt {
  color: #6f63a8 !important;
  font: 700 6px/1.2 'JetBrains Mono', monospace !important;
}

section#tools.tw2-tool-section .tw2-mask-list dd {
  margin-top: 3px !important;
  color: #5e586d !important;
  font: 560 7px/1.25 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm {
  display: grid !important;
  grid-template-rows: 42px 1fr 34px !important;
  padding: 0 !important;
  overflow: hidden !important;
}

section#tools.tw2-tool-section .tw2-result-llm > header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid #e2e7ed !important;
  background: #fbfaf8 !important;
}

section#tools.tw2-tool-section .tw2-result-llm > header i {
  width: 25px !important;
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: #172b45 !important;
  color: #9bcbff !important;
  font: 700 8px/1 Inter, sans-serif !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-result-llm > header span,
section#tools.tw2-tool-section .tw2-result-llm > header b,
section#tools.tw2-tool-section .tw2-result-llm > header small {
  display: block !important;
}

section#tools.tw2-tool-section .tw2-result-llm > header b {
  color: #253247 !important;
  font: 700 9px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm > header small {
  margin-top: 3px !important;
  color: #7d8794 !important;
  font: 520 7px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm > div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px !important;
}

section#tools.tw2-tool-section .tw2-result-llm > div p {
  margin: 0 !important;
  padding: 9px 11px !important;
  border: 1px solid #dfe6ee !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #455266 !important;
  font: 560 8px/1.4 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm > div p.is-user {
  margin-left: 28px !important;
  border-color: #f0d4dc !important;
  background: #fff2f5 !important;
}

section#tools.tw2-tool-section .tw2-result-llm > div p span {
  display: inline-grid !important;
  place-items: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-right: 6px !important;
  border-radius: 6px !important;
  background: #172b45 !important;
  color: #fff !important;
  font: 700 6px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm > footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 6px 8px 6px 11px !important;
  border-top: 1px solid #e2e7ed !important;
  color: #9099a5 !important;
  font: 520 7px/1 Inter, sans-serif !important;
}

section#tools.tw2-tool-section .tw2-result-llm > footer i {
  color: #3979bc !important;
  font-style: normal !important;
}

section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-message {
  animation: tw2-message-arrive 8.4s cubic-bezier(.22,1,.36,1) both !important;
}

section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-source:nth-child(2) .tw2-flow-message { animation-delay: .12s !important; }
section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-source:nth-child(3) .tw2-flow-message { animation-delay: .24s !important; }

@keyframes tw2-message-arrive {
  0%, 5% { opacity: 0; transform: translateY(7px); }
  13%, 100% { opacity: 1; transform: none; }
}

@media (max-width: 700px) {
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    padding-block-start: 0 !important;
  }

  section#tools.tw2-tool-section .tw2-flow-body {
    grid-template-columns: 1fr !important;
    grid-template-rows: 112px 16px minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-sources {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
  }

  section#tools.tw2-tool-section .tw2-flow-source {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    grid-template-rows: 31px minmax(0, 1fr) 23px !important;
    opacity: 0 !important;
  }

  section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-source {
    position: relative !important;
    opacity: 1 !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--1 .tw2-flow-source {
    animation: tw2-mobile-source-single 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--2 .tw2-flow-source:nth-child(1) {
    animation: tw2-mobile-source-two-a 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--2 .tw2-flow-source:nth-child(2) {
    animation: tw2-mobile-source-two-b 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--3 .tw2-flow-source:nth-child(1) {
    animation: tw2-mobile-source-three-a 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--3 .tw2-flow-source:nth-child(2) {
    animation: tw2-mobile-source-three-b 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-sources--3 .tw2-flow-source:nth-child(3) {
    animation: tw2-mobile-source-three-c 8.4s ease both !important;
  }

  section#tools.tw2-tool-section .tw2-flow-source > header {
    min-height: 0 !important;
    padding: 4px 6px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-chat,
  section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-chat {
    justify-content: flex-start !important;
    gap: 4px !important;
    padding: 5px 6px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-message:nth-child(n+3) {
    display: none !important;
  }

  section#tools.tw2-tool-section .tw2-flow-message > span,
  section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-message > span {
    width: 17px !important;
    height: 17px !important;
    border-radius: 5px !important;
    font-size: 5px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-message > b,
  section#tools.tw2-tool-section .tw2-flow-sources--1 .tw2-flow-message > b {
    padding: 4px 6px !important;
    font-size: 6px !important;
    line-height: 1.22 !important;
  }

  section#tools.tw2-tool-section .tw2-flow-source > footer {
    padding-block: 2px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-source > footer i {
    width: 15px !important;
    height: 15px !important;
  }

  section#tools.tw2-tool-section .tw2-flow-result > div {
    width: calc(100% - 18px) !important;
    max-height: calc(100% - 18px) !important;
    padding: 11px !important;
  }

  section#tools.tw2-tool-section .tw2-result-card dl > div {
    padding: 6px 0 !important;
  }

  section#tools.tw2-tool-section .tw2-result-card dd,
  section#tools.tw2-tool-section .tw2-human-result > p {
    font-size: 7.5px !important;
  }

  section#tools.tw2-tool-section .tw2-mask-result {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
    gap: 7px !important;
  }

  section#tools.tw2-tool-section .tw2-mask-copy p {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 4px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
    font-size: 6.5px !important;
    line-height: 1.25 !important;
  }

  section#tools.tw2-tool-section .tw2-mask-copy p b,
  section#tools.tw2-tool-section .tw2-mask-list dt {
    font-size: 5.5px !important;
  }

  section#tools.tw2-tool-section .tw2-mask-list {
    padding: 7px !important;
  }

  section#tools.tw2-tool-section .tw2-mask-list dl {
    margin-top: 5px !important;
  }

  section#tools.tw2-tool-section .tw2-mask-list dl > div {
    padding: 4px 0 !important;
  }

  section#tools.tw2-tool-section .tw2-mask-list dd {
    font-size: 6px !important;
  }
}

@keyframes tw2-mobile-source-single {
  0%, 62% { opacity: 1; transform: none; }
  72%, 100% { opacity: .42; transform: scale(.985); }
}

@keyframes tw2-mobile-source-two-a {
  0%, 29% { opacity: 1; transform: none; }
  36%, 100% { opacity: 0; transform: translateX(-12px); }
}

@keyframes tw2-mobile-source-two-b {
  0%, 29% { opacity: 0; transform: translateX(12px); }
  36%, 62% { opacity: 1; transform: none; }
  72%, 100% { opacity: .42; transform: scale(.985); }
}

@keyframes tw2-mobile-source-three-a {
  0%, 17% { opacity: 1; transform: none; }
  24%, 100% { opacity: 0; transform: translateX(-12px); }
}

@keyframes tw2-mobile-source-three-b {
  0%, 17% { opacity: 0; transform: translateX(12px); }
  24%, 39% { opacity: 1; transform: none; }
  46%, 100% { opacity: 0; transform: translateX(-12px); }
}

@keyframes tw2-mobile-source-three-c {
  0%, 39% { opacity: 0; transform: translateX(12px); }
  46%, 62% { opacity: 1; transform: none; }
  72%, 100% { opacity: .42; transform: scale(.985); }
}

@media (prefers-reduced-motion: reduce) {
  section#tools.tw2-tool-section *,
  section#tools.tw2-tool-section *::before,
  section#tools.tw2-tool-section *::after {
    animation: none !important;
    transition: none !important;
  }
}

@media (prefers-reduced-motion: reduce) and (max-width: 700px) {
  section#tools.tw2-tool-section .tw2-flow-source:first-child {
    opacity: 1 !important;
    transform: none !important;
  }

  section#tools.tw2-tool-section .tw2-flow-source:not(:first-child) {
    opacity: 0 !important;
  }
}

/* Editorial workbench — the section introduces the system once, then gives
   one tool the full stage. The eleven-tool index stays available as a quiet rail
   instead of competing with the active demonstration as a catalogue. */
section#tools.tw2-tool-section {
  color: #171716 !important;
  overflow-x: clip !important;
  background:
    radial-gradient(68% 34% at 88% 54%, rgba(120, 182, 255, .075), transparent 72%),
    radial-gradient(42% 26% at 6% 12%, rgba(255, 49, 91, .045), transparent 74%),
    linear-gradient(180deg, #fffefd 0%, #fbf8f4 58%, #f4f0ea 100%) !important;
  background-size: auto !important;
}

section#tools.tw2-tool-section .tw2-section-head {
  width: min(1180px, calc(100% - 80px)) !important;
  max-inline-size: none !important;
  display: block !important;
  margin-inline: auto !important;
  padding: 112px 0 78px !important;
}

section#tools.tw2-tool-section .tw2-section-intro {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(330px, .68fr) !important;
  gap: clamp(64px, 8vw, 124px) !important;
  align-items: end !important;
}

section#tools.tw2-tool-section .uk-kicker {
  color: #d7254d !important;
}

section#tools.tw2-tool-section .tw2-head-title {
  max-width: 760px !important;
  color: #171716 !important;
  font-size: clamp(50px, 4.55vw, 66px) !important;
  line-height: 1.04 !important;
}

section#tools.tw2-tool-section .tw2-section-lead,
section#tools.tw2-tool-section .tw2-section-lead strong {
  color: #514c48 !important;
}

section#tools.tw2-tool-section .tw2-section-lead {
  max-width: 420px !important;
  margin: 0 0 7px !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}

section#tools.tw2-tool-section .tw2-section-lead strong {
  color: #171716 !important;
}

section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
  position: relative !important;
  width: min(1200px, calc(100% - 80px)) !important;
  max-inline-size: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  margin-inline: auto !important;
  padding: 0 0 118px !important;
  overflow-x: hidden !important;
}

section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher {
  position: relative !important;
  top: auto !important;
  z-index: 4 !important;
  display: grid !important;
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
  gap: 3px !important;
  margin: 0 !important;
  padding: 7px !important;
  overflow: visible !important;
  border: 1px solid rgba(34, 48, 67, .1) !important;
  border-radius: 18px !important;
  background: rgba(255, 254, 252, .76) !important;
  box-shadow: inset 0 1px #fff, 0 16px 38px rgba(40, 36, 32, .07) !important;
  backdrop-filter: blur(16px) !important;
}

section#tools.tw2-tool-section .tw2-switcher-card {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button {
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 8px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #625e5a !important;
  text-align: center !important;
  transform: none !important;
}

section#tools.tw2-tool-section .tw2-switcher-card button:hover {
  border-color: rgba(63, 127, 197, .13) !important;
  background: #edf4fb !important;
  color: #214f80 !important;
  transform: none !important;
}

section#tools.tw2-tool-section .tw2-switcher-card.is-active button {
  border-color: #172b45 !important;
  background: #172b45 !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(23, 43, 69, .18) !important;
}

section#tools.tw2-tool-section .tw2-switcher-card.is-active button::before {
  content: "" !important;
  inline-size: 6px !important;
  block-size: 6px !important;
  flex: 0 0 auto !important;
  border-radius: 50% !important;
  background: #ff315b !important;
  box-shadow: 0 0 0 3px rgba(255, 49, 91, .16) !important;
}

section#tools.tw2-tool-section .tw2-switcher-num,
section#tools.tw2-tool-section .tw2-switcher-copy em,
section#tools.tw2-tool-section .tw2-switcher-card button > small {
  display: none !important;
}

section#tools.tw2-tool-section .tw2-switcher-copy strong {
  display: block !important;
  overflow: hidden !important;
  color: inherit !important;
  font: 650 11px/1.1 Inter, system-ui, sans-serif !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw2-visual-column,
section#tools.tw2-tool-section .tw2-visual-sticky {
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw2-visual-sticky {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

section#tools.tw2-tool-section .tw2-stage {
  height: 620px !important;
  min-height: 620px !important;
  border-color: rgba(54, 97, 144, .2) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(66% 76% at 100% 100%, rgba(120, 182, 255, .12), transparent 72%),
    linear-gradient(155deg, #fffefd 0%, #f6f3ef 100%) !important;
  background-size: auto !important;
  box-shadow: inset 0 1px #fff, 0 34px 76px rgba(38, 49, 64, .14) !important;
}

section#tools.tw2-tool-section .tw2-stage::before {
  background: linear-gradient(112deg, rgba(255,255,255,.42), transparent 32%, transparent 72%, rgba(120,182,255,.045)) !important;
}

section#tools.tw2-tool-section .tw2-stage-head {
  min-height: 92px !important;
  padding: 15px 22px !important;
  border-bottom-color: rgba(34, 48, 67, .1) !important;
  background: rgba(255, 254, 252, .94) !important;
}

section#tools.tw2-tool-section .tw2-stage-head > div {
  display: grid !important;
  grid-template-columns: auto auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0 14px !important;
}

section#tools.tw2-tool-section .tw2-stage-head .tw2-stage-count {
  grid-row: 1 / span 2 !important;
  min-width: 48px !important;
  color: #3979bc !important;
  font-size: 8px !important;
}

section#tools.tw2-tool-section .tw2-stage-head strong {
  margin: 0 !important;
  color: #171716 !important;
  font-size: 26px !important;
  line-height: 1.06 !important;
}

section#tools.tw2-tool-section .tw2-stage-head p {
  display: block !important;
  grid-column: 2 / 4 !important;
  margin: 5px 0 0 !important;
  max-width: 650px !important;
  color: #625e5a !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

section#tools.tw2-tool-section .tw2-stage-head aside > small {
  color: #3979bc !important;
}

section#tools.tw2-tool-section .tw2-stage-head aside > em {
  border-color: rgba(63, 127, 197, .16) !important;
  color: #4a6e94 !important;
  background: #edf4fb !important;
}

section#tools.tw2-tool-section .tw2-stage-head a {
  background: #172b45 !important;
}

section#tools.tw2-tool-section .tw2-scene {
  inset: 92px 0 0 !important;
}

section#tools.tw2-tool-section .tw2-real-board {
  height: 528px !important;
  min-height: 528px !important;
}

@media (max-width: 1100px) {
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    width: min(100% - 48px, 980px) !important;
  }
  section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher {
    overflow-x: auto !important;
    grid-template-columns: repeat(11, minmax(92px, 1fr)) !important;
    overscroll-behavior-inline: contain !important;
    scrollbar-width: none !important;
  }
  section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher::-webkit-scrollbar { display: none !important; }
}

@media (max-width: 820px) {
  section#tools.tw2-tool-section .tw2-section-head {
    width: 100% !important;
    padding: 78px 22px 52px !important;
  }
  section#tools.tw2-tool-section .tw2-section-intro {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
  section#tools.tw2-tool-section .tw2-section-lead {
    max-width: 620px !important;
    margin: 0 !important;
  }
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard {
    width: 100% !important;
    gap: 16px !important;
    padding: 0 16px 76px !important;
  }
  section#tools.tw2-tool-section .tw2-tool-steps.tw2-switcher {
    display: flex !important;
    gap: 4px !important;
    margin: 0 -16px !important;
    padding: 7px 16px !important;
    border-inline: 0 !important;
    border-radius: 0 !important;
    scroll-snap-type: x proximity !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-card {
    flex: 0 0 auto !important;
    scroll-snap-align: center !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-card button {
    width: auto !important;
    min-height: 44px !important;
    padding: 0 13px !important;
  }
  section#tools.tw2-tool-section .tw2-switcher-copy strong {
    font-size: 11px !important;
  }
  section#tools.tw2-tool-section .tw2-visual-column {
    margin-top: 0 !important;
  }
  section#tools.tw2-tool-section .tw2-stage {
    height: 540px !important;
    min-height: 540px !important;
    border-radius: 20px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head {
    min-height: 94px !important;
    padding: 14px 15px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head > div {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 0 10px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head .tw2-stage-count {
    min-width: 42px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head strong {
    font-size: 21px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head p {
    grid-column: 2 !important;
    max-width: 230px !important;
    margin-top: 4px !important;
    font-size: 9px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head aside > small,
  section#tools.tw2-tool-section .tw2-stage-head aside > em {
    display: none !important;
  }
  section#tools.tw2-tool-section .tw2-scene {
    inset: 94px 0 0 !important;
  }
  section#tools.tw2-tool-section .tw2-real-board {
    height: 446px !important;
    min-height: 446px !important;
  }
}

@media (max-width: 430px) {
  section#tools.tw2-tool-section .tw2-head-title {
    font-size: 42px !important;
  }
  section#tools.tw2-tool-section .tw2-stage {
    height: 520px !important;
    min-height: 520px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head {
    min-height: 96px !important;
  }
  section#tools.tw2-tool-section .tw2-stage-head p {
    max-width: 205px !important;
  }
  section#tools.tw2-tool-section .tw2-scene {
    inset-block-start: 96px !important;
  }
  section#tools.tw2-tool-section .tw2-real-board {
    height: 424px !important;
    min-height: 424px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  section#tools.tw2-tool-section *,
  section#tools.tw2-tool-section *::before,
  section#tools.tw2-tool-section *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-message,
  section#tools.tw2-tool-section .tw2-flow-scene.is-active .tw2-flow-result > div {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Final cascade lock for the V4 five-story composition. */
section#tools.tw2-tool-section {
  color: #f7f3ed !important;
  background:
    radial-gradient(70% 44% at 82% 11%, rgba(65,123,184,.18), transparent 72%),
    radial-gradient(38% 28% at 8% 4%, rgba(174,38,73,.14), transparent 76%),
    linear-gradient(145deg,#0c1625 0%,#101d2f 51%,#132a46 100%) !important;
}

section#tools.tw2-tool-section .tw2-section-head {
  width: min(1380px, calc(100% - 96px)) !important;
  padding: 104px 0 70px !important;
}

section#tools.tw2-tool-section .tw2-section-intro {
  grid-template-columns: minmax(0,1.08fr) minmax(340px,.72fr) !important;
  gap: 76px !important;
}

section#tools.tw2-tool-section .tw2-head-title {
  max-width: 780px !important;
  color: #fffdf8 !important;
  font-size: clamp(44px,5vw,76px) !important;
  line-height: 1.02 !important;
}

section#tools.tw2-tool-section .uk-kicker { color: #ff6280 !important; }
section#tools.tw2-tool-section .tw2-section-lead { color: rgba(228,235,244,.72) !important; }
section#tools.tw2-tool-section .tw2-section-lead strong { color: #fff !important; }

section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
  width: min(1380px, calc(100% - 96px)) !important;
  display: grid !important;
  grid-template-columns: minmax(280px,360px) minmax(0,1fr) !important;
  flex-direction: initial !important;
  align-items: start !important;
  gap: clamp(48px,5.4vw,88px) !important;
  padding: 0 0 74px !important;
  overflow: visible !important;
}

section#tools.tw2-tool-section .tw2-visual-sticky {
  position: sticky !important;
  top: max(72px,8vh) !important;
}

section#tools.tw2-tool-section .tw2-stage {
  height: min(710px,84vh) !important;
  min-height: 610px !important;
  border-color: rgba(139,190,240,.26) !important;
  background: #eef4fa !important;
  box-shadow: 0 38px 90px rgba(2,8,18,.34), inset 0 1px rgba(255,255,255,.92) !important;
}

section#tools.tw2-tool-section .tw2-stage-head.tw4-stage-head {
  min-height: 88px !important;
  padding: 14px 20px !important;
}

section#tools.tw2-tool-section .tw4-stage-head > div {
  grid-template-columns: 42px minmax(0,1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 13px !important;
}

section#tools.tw2-tool-section .tw4-stage-head .tw2-stage-count {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}

section#tools.tw2-tool-section .tw4-stage-head strong {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin-top: 4px !important;
  font-size: 22px !important;
}

section#tools.tw2-tool-section .tw4-stage-head p {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 4px 0 0 !important;
  font-size: 12px !important;
}

section#tools.tw2-tool-section .tw2-scene { inset: 88px 0 0 !important; }
section#tools.tw2-tool-section .tw2-flow-source p { font-size: 10.5px !important; line-height: 1.35 !important; }
section#tools.tw2-tool-section .tw2-mask-copy p { font-size: 10px !important; line-height: 1.38 !important; }
section#tools.tw2-tool-section .tw2-mask-copy p b,
section#tools.tw2-tool-section .tw2-mask-list dt { font-size: 8px !important; line-height: 1.25 !important; }
section#tools.tw2-tool-section .tw2-mask-list dd { font-size: 9.5px !important; line-height: 1.32 !important; }
section#tools.tw2-tool-section .tw2-result-card dd,
section#tools.tw2-tool-section .tw2-human-result > p,
section#tools.tw2-tool-section .tw2-scope-result section b,
section#tools.tw2-tool-section .tw2-scope-result section p,
section#tools.tw2-tool-section .tw2-aiprofile-result p,
section#tools.tw2-tool-section .tw2-reconcile-result b,
section#tools.tw2-tool-section .tw2-compare-result b { font-size: 10.5px !important; line-height: 1.38 !important; }
section#tools.tw2-tool-section .tw2-reconcile-result p,
section#tools.tw2-tool-section .tw2-compare-result p,
section#tools.tw2-tool-section .tw2-compare-result span,
section#tools.tw2-tool-section .tw2-recall-positive blockquote,
section#tools.tw2-tool-section .tw2-recall-positive span { font-size: 9px !important; line-height: 1.35 !important; }

@media (max-width:1100px) {
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
    width: min(100% - 56px,1000px) !important;
    grid-template-columns: 280px minmax(0,1fr) !important;
    gap: 38px !important;
  }
}

@media (max-width:820px) {
  section#tools.tw2-tool-section .tw2-section-head {
    width: 100% !important;
    padding: 76px 22px 34px !important;
  }

  section#tools.tw2-tool-section .tw2-section-intro {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  section#tools.tw2-tool-section .tw2-head-title { color: #fffdf8 !important; }
  section#tools.tw2-tool-section .tw2-scroll-story.tw2-switchboard.tw4-story {
    width: 100% !important;
    display: block !important;
    padding: 0 16px 54px !important;
  }

  section#tools.tw2-tool-section .tw2-visual-sticky { position: relative !important; top: auto !important; }
  section#tools.tw2-tool-section .tw2-stage { height: 680px !important; min-height: 680px !important; }
  section#tools.tw2-tool-section .tw2-stage-head.tw4-stage-head { min-height: 112px !important; padding: 14px !important; }
  section#tools.tw2-tool-section .tw2-scene { inset: 112px 0 0 !important; }
  section#tools.tw2-tool-section .tw2-flow-source {
    position: relative !important;
    inset: auto !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
  section#tools.tw2-tool-section .tw2-flow-source p { font-size: 10px !important; }
  section#tools.tw2-tool-section .tw2-mask-copy p { font-size: 9.5px !important; }
  section#tools.tw2-tool-section .tw2-mask-copy p b,
  section#tools.tw2-tool-section .tw2-mask-list dt { font-size: 8.5px !important; }
  section#tools.tw2-tool-section .tw2-mask-list dd { font-size: 9.5px !important; }
}

@media (max-width:520px) {
  section#tools.tw2-tool-section .tw2-stage { height: 720px !important; min-height: 720px !important; }
}

/* Catalogue v3: the Home tells five stories, then offers one exhaustive,
   navigational index. Tool pages own the complete demonstrations. */
section#tools.tw2-tool-section .tw4-catalog-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
}

section#tools.tw2-tool-section .tw4-catalog-card { grid-column: auto !important; }

@media (max-width:1100px) {
  section#tools.tw2-tool-section .tw4-catalog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:820px) {
  section#tools.tw2-tool-section .tw4-catalog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:520px) {
  section#tools.tw2-tool-section .tw4-catalog-grid { grid-template-columns: 1fr !important; }
}

/* Catalogue v4: one semantic Tools chapter, two visual acts.
   Night Glass owns the five demonstrations; the complete directory returns
   to the warm editorial canvas so scanning and choosing feel effortless. */
section#tools.tw2-tool-section .tw4-catalog {
  position: relative !important;
  isolation: isolate !important;
  margin-top: 0 !important;
  padding: 108px 0 122px !important;
  border-top: 0 !important;
  color: #1b1a19 !important;
}

section#tools.tw2-tool-section .tw4-catalog::before,
section#tools.tw2-tool-section .tw4-catalog::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

section#tools.tw2-tool-section .tw4-catalog::before {
  top: -76px !important;
  height: 76px !important;
  background: linear-gradient(180deg, rgba(12,22,37,0) 0%, rgba(31,39,48,.12) 24%, rgba(244,241,236,.7) 72%, #faf8f4 100%) !important;
}

section#tools.tw2-tool-section .tw4-catalog::after {
  inset-block: 0 !important;
  background:
    radial-gradient(48% 54% at 92% 7%, rgba(114,183,255,.09), transparent 72%),
    radial-gradient(34% 42% at 4% 94%, rgba(255,49,91,.045), transparent 74%),
    linear-gradient(180deg, #faf8f4 0%, #fffefd 100%) !important;
}

section#tools.tw2-tool-section .tw4-catalog > header,
section#tools.tw2-tool-section .tw4-catalog-grid {
  position: relative !important;
  z-index: 1 !important;
}

section#tools.tw2-tool-section .tw4-catalog > header {
  margin-bottom: 48px !important;
  padding-bottom: 0 !important;
}

section#tools.tw2-tool-section .tw4-catalog > header p {
  color: #d7254d !important;
}

section#tools.tw2-tool-section .tw4-catalog > header h3 {
  color: #1b1a19 !important;
}

section#tools.tw2-tool-section .tw4-catalog > header > span {
  max-width: 520px !important;
  color: #655f5a !important;
}

section#tools.tw2-tool-section .tw4-catalog-grid {
  overflow: hidden !important;
  border: 1px solid rgba(31,52,76,.12) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.56) !important;
  box-shadow: 0 24px 70px rgba(39,34,30,.075), inset 0 1px rgba(255,255,255,.94) !important;
}

section#tools.tw2-tool-section .tw4-catalog-card {
  min-height: 132px !important;
  border-right: 1px solid rgba(31,52,76,.09) !important;
  border-bottom: 1px solid rgba(31,52,76,.09) !important;
  background: rgba(255,255,255,.4) !important;
  color: #1b1a19 !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n) {
  border-right-color: transparent !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:nth-last-child(-n+3) {
  border-bottom-color: transparent !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:hover {
  background: #f0f6fc !important;
  box-shadow: inset 3px 0 #4b91d4 !important;
}

section#tools.tw2-tool-section .tw4-catalog-icon {
  border-color: rgba(65,126,187,.2) !important;
  background: #edf5fc !important;
  color: #3979bc !important;
}

section#tools.tw2-tool-section .tw4-catalog-card strong {
  color: #1b1a19 !important;
}

section#tools.tw2-tool-section .tw4-catalog-card em {
  color: #655f5a !important;
}

section#tools.tw2-tool-section .tw4-catalog-card small,
section#tools.tw2-tool-section .tw4-catalog-arrow {
  color: #3979bc !important;
}

@media (max-width:1100px) {
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n) {
    border-right-color: rgba(31,52,76,.09) !important;
  }
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(2n) {
    border-right-color: transparent !important;
  }
  section#tools.tw2-tool-section .tw4-catalog-card:nth-last-child(-n+3) {
    border-bottom-color: rgba(31,52,76,.09) !important;
  }
  section#tools.tw2-tool-section .tw4-catalog-card:nth-last-child(-n+2) {
    border-bottom-color: transparent !important;
  }
}

@media (max-width:820px) {
  section#tools.tw2-tool-section .tw4-catalog {
    width: calc(100% - 32px) !important;
    padding: 86px 0 94px !important;
  }
  section#tools.tw2-tool-section .tw4-catalog::before {
    top: -58px !important;
    height: 58px !important;
  }
  section#tools.tw2-tool-section .tw4-catalog-grid {
    border-radius: 20px !important;
  }
}

@media (max-width:520px) {
  section#tools.tw2-tool-section .tw4-catalog-card,
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n) {
    min-height: 112px !important;
    border-right-color: transparent !important;
    border-bottom-color: rgba(31,52,76,.09) !important;
  }
  section#tools.tw2-tool-section .tw4-catalog-card:last-child {
    border-bottom-color: transparent !important;
  }
}

/* Catalogue v5 — an editorial product library, not a matrix.
   The Night Glass story closes above. This second act is deliberately light,
   full-bleed and grouped by the job a visitor is trying to do. Each tool owns
   its whitespace; surfaces only appear on interaction. */
section#tools.tw2-tool-section .tw4-catalog {
  width: min(1380px, calc(100% - 96px)) !important;
  margin: 0 auto !important;
  padding: 128px 0 142px !important;
  border: 0 !important;
  color: #1d1b1a !important;
}

section#tools.tw2-tool-section .tw4-catalog::before {
  display: none !important;
}

section#tools.tw2-tool-section .tw4-catalog::after {
  inset-block: 0 !important;
  background:
    radial-gradient(40% 36% at 92% 4%, rgba(91, 155, 218, .075), transparent 74%),
    radial-gradient(32% 34% at 4% 98%, rgba(211, 43, 82, .035), transparent 76%),
    linear-gradient(180deg, #f8f6f2 0%, #fffefd 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.72) !important;
}

section#tools.tw2-tool-section .tw4-catalog > header {
  grid-template-columns: minmax(0, 1fr) minmax(340px, .68fr) !important;
  gap: 13px 96px !important;
  align-items: end !important;
  margin-bottom: 88px !important;
}

section#tools.tw2-tool-section .tw4-catalog > header h3 {
  max-width: 720px !important;
  font-size: clamp(42px, 4.4vw, 68px) !important;
  line-height: 1.02 !important;
}

section#tools.tw2-tool-section .tw4-catalog > header > span {
  max-width: 500px !important;
  padding-bottom: 7px !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
}

section#tools.tw2-tool-section .tw5-catalog-groups {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  gap: 78px !important;
}

section#tools.tw2-tool-section .tw5-catalog-group {
  --catalog-accent: #3979bc;
  --catalog-wash: rgba(225, 239, 252, .58);
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw5-catalog-group:nth-child(2) {
  --catalog-accent: #7061a6;
  --catalog-wash: rgba(235, 230, 248, .56);
}

section#tools.tw2-tool-section .tw5-catalog-group:nth-child(3) {
  --catalog-accent: #c92a50;
  --catalog-wash: rgba(252, 230, 236, .48);
}

section#tools.tw2-tool-section .tw5-catalog-group > header {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 19px !important;
  align-items: start !important;
  margin: 0 0 28px !important;
  padding: 0 6px !important;
}

section#tools.tw2-tool-section .tw5-catalog-group > header > span {
  padding-top: 8px !important;
  color: var(--catalog-accent) !important;
  font: 720 10px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .15em !important;
}

section#tools.tw2-tool-section .tw5-catalog-group > header h4 {
  margin: 0 0 7px !important;
  color: #1d1b1a !important;
  font: 650 clamp(25px, 2.1vw, 32px)/1.12 'Merriweather', Georgia, serif !important;
  letter-spacing: -.025em !important;
}

section#tools.tw2-tool-section .tw5-catalog-group > header p {
  max-width: 620px !important;
  margin: 0 !important;
  color: #756e68 !important;
  font: 500 13px/1.55 Inter, system-ui, sans-serif !important;
}

section#tools.tw2-tool-section .tw4-catalog-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

section#tools.tw2-tool-section .tw4-catalog-card,
section#tools.tw2-tool-section .tw4-catalog-card:nth-child(2n),
section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n),
section#tools.tw2-tool-section .tw4-catalog-card:nth-last-child(-n+2),
section#tools.tw2-tool-section .tw4-catalog-card:nth-last-child(-n+3) {
  min-height: 222px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  padding: 28px 26px 24px !important;
  border: 0 !important;
  border-radius: 22px !important;
  background: transparent !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  color: #1d1b1a !important;
  transform: none !important;
  transition: background-color .18s ease, box-shadow .18s ease !important;
}

section#tools.tw2-tool-section .tw4-catalog-icon {
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 0 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--catalog-accent) !important;
  transform-origin: 50% 50% !important;
  transition: transform .22s cubic-bezier(.2,.8,.3,1) !important;
}

section#tools.tw2-tool-section .tw4-catalog-icon svg {
  width: 38px !important;
  height: 38px !important;
  stroke-width: 1.65 !important;
}

section#tools.tw2-tool-section .tw4-catalog-copy {
  display: block !important;
  width: 100% !important;
}

section#tools.tw2-tool-section .tw4-catalog-card strong {
  margin: 0 0 10px !important;
  color: #1d1b1a !important;
  font-size: 23px !important;
  line-height: 1.12 !important;
}

section#tools.tw2-tool-section .tw4-catalog-card em {
  max-width: 245px !important;
  color: #655f5a !important;
  font-size: 14px !important;
  line-height: 1.48 !important;
}

section#tools.tw2-tool-section .tw4-catalog-meta {
  margin-top: auto !important;
  padding-top: 24px !important;
  color: #918a84 !important;
  font: 680 9px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .105em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw4-catalog-open {
  position: absolute !important;
  right: 25px !important;
  bottom: 22px !important;
  color: var(--catalog-accent) !important;
  font: 720 10px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: .04em !important;
  opacity: 0 !important;
  transform: translateX(-4px) !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

@media (hover:hover) {
  section#tools.tw2-tool-section .tw4-catalog-card:hover {
    background: var(--catalog-wash) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--catalog-accent) 16%, transparent) !important;
    transform: none !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card:hover .tw4-catalog-icon {
    transform: scale(1.07) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card:hover .tw4-catalog-open {
    opacity: 1 !important;
    transform: none !important;
  }
}

section#tools.tw2-tool-section .tw4-catalog-card:focus-visible {
  outline: none !important;
  background: var(--catalog-wash) !important;
  box-shadow: inset 0 0 0 2px var(--catalog-accent), 0 0 0 3px #fffefd !important;
}

section#tools.tw2-tool-section .tw4-catalog-card:focus-visible .tw4-catalog-open {
  opacity: 1 !important;
  transform: none !important;
}

@media (max-width:1100px) {
  section#tools.tw2-tool-section .tw4-catalog {
    width: min(100% - 56px, 1000px) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header {
    gap: 13px 56px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card,
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n) {
    min-height: 195px !important;
  }
}

@media (max-width:820px) {
  section#tools.tw2-tool-section .tw4-catalog {
    width: calc(100% - 32px) !important;
    padding: 92px 0 104px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    margin-bottom: 64px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header h3 {
    font-size: clamp(40px, 11vw, 58px) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header > span {
    padding-bottom: 0 !important;
  }

  section#tools.tw2-tool-section .tw5-catalog-groups {
    gap: 64px !important;
  }
}

@media (max-width:560px) {
  section#tools.tw2-tool-section .tw5-catalog-group > header {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    padding-inline: 4px !important;
  }

  section#tools.tw2-tool-section .tw5-catalog-group > header > span {
    padding-top: 6px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-grid {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card,
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw4-catalog-card:nth-child(3n) {
    min-height: 124px !important;
    display: grid !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 17px !important;
    padding: 20px 18px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-icon {
    grid-row: 1 / 3 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-icon svg {
    width: 31px !important;
    height: 31px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card strong {
    font-size: 20px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-card em {
    font-size: 13px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-meta {
    grid-column: 2 !important;
    margin-top: 14px !important;
    padding-top: 0 !important;
  }

  section#tools.tw2-tool-section .tw4-catalog-open {
    display: none !important;
  }
}


/* Catalogue v6 — one viewport, three purposeful tabs.
   Desktop shows all four tools in the active family at once. Only mobile uses
   a horizontal rail, because there the carousel buys real space. */
section#tools.tw2-tool-section .tw4-catalog {
  min-height: min(820px, 100svh) !important;
  padding: 42px 0 46px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

section#tools.tw2-tool-section .tw4-catalog > header {
  grid-template-columns: minmax(0, 1fr) minmax(330px, .62fr) !important;
  gap: 10px 82px !important;
  margin-bottom: 22px !important;
}

section#tools.tw2-tool-section .tw4-catalog > header h3 {
  max-width: 760px !important;
  font-size: clamp(38px, 3.65vw, 56px) !important;
  line-height: 1.03 !important;
}

section#tools.tw2-tool-section .tw4-catalog > header > span {
  max-width: 480px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs {
  position: relative !important;
  z-index: 2 !important;
  width: min(760px, 100%) !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin: 0 auto 24px !important;
  padding: 5px !important;
  border: 1px solid rgba(31, 52, 76, .08) !important;
  border-radius: 18px !important;
  background: rgba(232, 230, 226, .72) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.78) !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button {
  min-width: 0 !important;
  min-height: 48px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #625d58 !important;
  cursor: pointer !important;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button > span,
section#tools.tw2-tool-section .tw6-catalog-tabs button > small {
  font: 690 8px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button > span {
  color: #98918b !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button > small {
  color: #a29b95 !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button > strong {
  overflow: hidden !important;
  font: 690 13px/1 Inter, system-ui, sans-serif !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button[aria-selected="true"] {
  background: #14253a !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(20, 37, 58, .16), inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button[aria-selected="true"] > span {
  color: #86bef5 !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button[aria-selected="true"] > small {
  color: rgba(255,255,255,.5) !important;
}

section#tools.tw2-tool-section .tw6-catalog-tabs button:focus-visible {
  outline: 2px solid #3979bc !important;
  outline-offset: 2px !important;
}

section#tools.tw2-tool-section .tw6-catalog-panels {
  position: relative !important;
  z-index: 1 !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel {
  min-height: 352px !important;
  display: grid !important;
  grid-template-columns: minmax(220px, .66fr) minmax(0, 2.34fr) !important;
  gap: clamp(40px, 5vw, 78px) !important;
  align-items: center !important;
  padding: 0 !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel[hidden] {
  display: none !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel > header {
  display: block !important;
  margin: 0 !important;
  padding: 0 0 0 6px !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel > header > span {
  display: block !important;
  margin-bottom: 22px !important;
  padding: 0 !important;
  color: var(--catalog-accent) !important;
  font: 720 9px/1 'JetBrains Mono', ui-monospace, monospace !important;
  letter-spacing: .14em !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel > header h4 {
  max-width: 270px !important;
  margin: 0 0 14px !important;
  font-size: clamp(27px, 2.35vw, 38px) !important;
  line-height: 1.08 !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel > header p {
  max-width: 255px !important;
  font-size: 13px !important;
  line-height: 1.58 !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 18px !important;
  outline: none !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card,
section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(2n),
section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(3n) {
  min-height: 170px !important;
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr) !important;
  grid-template-rows: 1fr auto !important;
  column-gap: 19px !important;
  padding: 22px 24px !important;
  border: 1px solid rgba(31, 52, 76, .065) !important;
  border-radius: 19px !important;
  background: rgba(255, 255, 255, .52) !important;
  box-shadow: 0 14px 34px rgba(31, 52, 76, .035), inset 0 1px rgba(255,255,255,.82) !important;
  transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-icon {
  grid-row: 1 / 3 !important;
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  align-self: start !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-icon svg {
  width: 46px !important;
  height: 46px !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card strong {
  margin-bottom: 7px !important;
  font-size: 22px !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card em {
  max-width: 310px !important;
  font-size: 12.5px !important;
  line-height: 1.42 !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-meta {
  grid-column: 2 !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  font-size: 8px !important;
}

section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-open {
  right: 20px !important;
  bottom: 18px !important;
}

@media (hover:hover) {
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:hover {
    border-color: color-mix(in srgb, var(--catalog-accent) 22%, transparent) !important;
    background: color-mix(in srgb, var(--catalog-wash) 62%, #fff) !important;
    box-shadow: 0 18px 38px rgba(31, 52, 76, .07), inset 0 1px rgba(255,255,255,.9) !important;
    transform: translateY(-2px) !important;
  }
}

section#tools.tw2-tool-section .tw6-mobile-hint {
  display: none !important;
}

@media (max-width:1100px) {
  section#tools.tw2-tool-section .tw4-catalog {
    min-height: min(760px, 100svh) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header {
    gap: 10px 52px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel {
    grid-template-columns: minmax(190px, .58fr) minmax(0, 2.42fr) !important;
    gap: 34px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card,
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(3n) {
    grid-template-columns: 58px minmax(0, 1fr) !important;
    column-gap: 15px !important;
    padding: 18px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-icon {
    width: 58px !important;
    height: 58px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-icon svg {
    width: 40px !important;
    height: 40px !important;
  }
}

@media (max-width:820px) {
  section#tools.tw2-tool-section .tw4-catalog {
    min-height: auto !important;
    padding: 68px 0 76px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 26px !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header h3 {
    font-size: clamp(38px, 10vw, 52px) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header > span {
    max-width: 520px !important;
    margin: 0 !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-tabs {
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-tabs button {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    justify-items: center !important;
    padding-inline: 9px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-tabs button > span,
  section#tools.tw2-tool-section .tw6-catalog-tabs button > small {
    display: none !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-tabs button > strong {
    font-size: 12px !important;
    text-align: center !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel {
    min-height: 0 !important;
    display: block !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel[hidden] {
    display: none !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel > header {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 22px !important;
    padding-inline: 3px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel > header > span {
    margin: 7px 0 0 !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel > header h4 {
    max-width: none !important;
    margin-bottom: 7px !important;
    font-size: 25px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel > header p {
    max-width: 480px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-grid {
    display: flex !important;
    gap: 11px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    margin-inline: -16px !important;
    padding: 1px 16px 6px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-grid::-webkit-scrollbar {
    display: none !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card,
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(3n) {
    flex: 0 0 min(330px, calc(100vw - 62px)) !important;
    min-height: 178px !important;
    grid-template-columns: 50px minmax(0, 1fr) !important;
    padding: 22px 20px !important;
    background: rgba(255,255,255,.34) !important;
    box-shadow: inset 0 0 0 1px rgba(31,52,76,.055) !important;
    scroll-snap-align: start !important;
  }

  section#tools.tw2-tool-section .tw6-mobile-hint {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 12px 3px 0 !important;
    color: #8d8680 !important;
    font: 650 9px/1 Inter, system-ui, sans-serif !important;
    letter-spacing: .07em !important;
    text-transform: uppercase !important;
  }

  section#tools.tw2-tool-section .tw6-mobile-hint span {
    color: var(--catalog-accent) !important;
    font-size: 16px !important;
  }
}

@media (max-width:560px) {
  section#tools.tw2-tool-section .tw4-catalog {
    width: calc(100% - 32px) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header h3 {
    font-size: clamp(38px, 11.5vw, 48px) !important;
  }

  section#tools.tw2-tool-section .tw4-catalog > header > span {
    font-size: 13px !important;
  }

  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card,
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(2n),
  section#tools.tw2-tool-section .tw6-catalog-panel .tw4-catalog-card:nth-child(3n) {
    display: grid !important;
    min-height: 174px !important;
  }
}

/* Catalogue v9 — stable product cards across the three intentions. */
section#tools.tw2-tool-section #tools-catalog.tw4-catalog {
  --card-width: 252px;
  --card-height: 224px;
  width: min(calc(100% - 64px), 1180px) !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 32px 0 40px !important;
  scroll-margin-top: 0;
  scroll-snap-align: start;
}
section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) !important;
  align-items: end !important;
  column-gap: clamp(32px, 6.6vw, 90px) !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin: 0 auto 28px !important;
  text-align: left !important;
}
section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header > p {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 12px !important;
  font-size: 11px !important;
}
section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header h3 {
  grid-column: 1;
  grid-row: 2;
  max-width: 100% !important;
  margin: 0 !important;
  font-size: clamp(36px, 3.9vw, 56px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
}
section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header > span {
  grid-column: 2;
  grid-row: 1 / 3;
  max-width: 420px !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs {
  --active-index: 0;
  width: min(556px, 100%) !important;
  min-height: 54px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 5px !important;
  margin: 0 auto 18px !important;
  border: 1px solid rgba(28, 48, 70, .08) !important;
  border-radius: 17px !important;
  background: #edeff1 !important;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8) !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs::before {
  content: "";
  position: absolute;
  inset: 5px auto 5px 5px;
  width: calc((100% - 10px) / 3);
  border-radius: 12px;
  background: linear-gradient(125deg, #23384f, #142439);
  box-shadow: 0 3px 8px rgba(17,35,56,.17), inset 0 1px rgba(255,255,255,.12);
  transform: translateX(calc(var(--active-index) * 100%));
  transition: transform .25s cubic-bezier(.22,.68,.2,1);
  pointer-events: none;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button {
  position: relative !important;
  z-index: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  gap: 10px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #646b72 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button > span {
  display: none !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button > strong {
  font-size: 14px !important;
  font-weight: 650 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button > small {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 23px;
  height: 23px;
  padding: 0 5px;
  border-radius: 7px;
  color: #66717b !important;
  background: rgba(31,52,76,.055);
  font: 600 11px/1 Inter, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button[aria-selected="true"] {
  color: #fff !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button[aria-selected="true"] > small {
  color: #d9e7f7 !important;
  background: rgba(255,255,255,.12);
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panels {
  padding: 20px 28px 26px !important;
  border: 1px solid rgba(40,63,87,.075);
  border-radius: 28px;
  background: radial-gradient(ellipse at 50% 0, rgba(222,231,240,.38), transparent 70%), #f2f4f6;
  box-shadow: inset 0 1px rgba(255,255,255,.9);
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel {
  display: block !important;
  min-height: 0 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel[hidden] {
  display: none !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel > header {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 24px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-align: center;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel > header p {
  max-width: none !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #586471 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-grid {
  display: grid !important;
  width: 100% !important;
  height: calc(var(--card-height) * 2 + 16px) !important;
  grid-template-columns: repeat(3, var(--card-width)) !important;
  grid-template-rows: none !important;
  grid-auto-rows: var(--card-height) !important;
  gap: 16px !important;
  align-content: start !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card,
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:nth-child(n) {
  position: relative !important;
  grid-column: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: var(--card-width) !important;
  height: var(--card-height) !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  padding: 20px 22px !important;
  border: 1px solid rgba(33,55,79,.095) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 3px 5px rgba(28,45,66,.02), 0 12px 28px rgba(28,45,66,.035) !important;
  transition: transform .25s cubic-bezier(.16,1,.3,1), border-color .25s ease, box-shadow .25s ease !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-icon {
  display: grid !important;
  place-items: center;
  flex-shrink: 0;
  width: 56px !important;
  height: 56px !important;
  margin: 0 0 13px !important;
  align-self: auto !important;
  border: 1px solid rgba(59,111,172,.07) !important;
  border-radius: 14px !important;
  background: linear-gradient(140deg, #f4f8ff, #eaf2fb) !important;
  transition: transform .25s cubic-bezier(.16,1,.3,1), filter .25s ease !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-icon svg {
  width: 44px !important;
  height: 44px !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card strong {
  margin: 0 0 7px !important;
  font-size: 25px !important;
  line-height: 1.12 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card em {
  max-width: none !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-meta {
  margin: auto 0 0 !important;
  padding-top: 10px !important;
  color: #838a92 !important;
  font-size: 9px !important;
  letter-spacing: .08em !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-open {
  display: block !important;
  position: absolute !important;
  right: 20px !important;
  bottom: 18px !important;
  color: #3979bc !important;
  font-size: 19px !important;
  opacity: .3 !important;
  transform: translateX(-4px);
  transition: opacity .25s ease, transform .25s cubic-bezier(.16,1,.3,1) !important;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:focus-visible {
  outline: 2px solid #3979bc !important;
  outline-offset: 3px;
}
section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:focus-visible .tw4-catalog-open {
  opacity: 1 !important;
  transform: none;
}
@media (hover:hover) {
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(38,58,78,.18) !important;
    background: #fff !important;
    box-shadow: 0 12px 32px -8px rgba(28,45,66,.14) !important;
  }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:hover .tw4-catalog-icon {
    transform: scale(1.05);
    filter: saturate(1.05);
  }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:hover .tw4-catalog-open {
    opacity: 1 !important;
    transform: none;
  }
}
@media (min-width:821px) and (max-height:800px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog {
    --card-width: 236px;
    --card-height: 210px;
    padding-block: 24px !important;
  }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header h3 { font-size: 36px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card,
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:nth-child(n) { padding: 16px 20px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-icon { margin-bottom: 10px !important; }
}
@media (max-width:960px) and (min-width:821px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog { --card-width: 218px; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panels { padding-inline: 16px !important; }
}
@media (max-width:820px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog {
    --card-width: 280px;
    --card-height: 270px;
    width: calc(100% - 32px) !important;
    padding: 36px 0 !important;
  }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin-bottom: 22px !important;
  }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header h3 { font-size: 38px !important; margin-bottom: 16px !important; }
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog > header > span { font-size: 13px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs { margin-bottom: 16px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button { padding: 0 3px !important; gap: 6px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button > strong { font-size: 12px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs button > small { min-width: 18px; width: 18px; height: 20px; padding: 0; font-size: 10px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panels { padding: 18px 12px 16px !important; border-radius: 22px; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel > header { height: 42px; margin-bottom: 16px !important; justify-content: flex-start; text-align: left; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel > header p { font-size: 13px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-grid {
    display: flex !important;
    height: calc(var(--card-height) + 8px) !important;
    width: calc(100% + 24px) !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    margin: 0 -12px !important;
    padding: 2px 12px 6px !important;
  }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card,
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:nth-child(n) {
    flex: 0 0 var(--card-width) !important;
    padding: 24px !important;
  }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-icon {
    width: 62px !important;
    height: 62px !important;
    margin-bottom: 22px !important;
  }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-icon svg { width: 44px !important; height: 44px !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-mobile-hint { font-size: 10px !important; }
}
@media (max-width:360px) {
  section#tools.tw2-tool-section #tools-catalog.tw4-catalog { --card-width: 252px; }
}
@media (prefers-reduced-motion:reduce) {
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-tabs::before,
  section#tools.tw2-tool-section #tools-catalog .tw4-catalog-icon,
  section#tools.tw2-tool-section #tools-catalog .tw4-catalog-card,
  section#tools.tw2-tool-section #tools-catalog .tw4-catalog-open { transition: none !important; }
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:hover,
  section#tools.tw2-tool-section #tools-catalog .tw6-catalog-panel .tw4-catalog-card:hover .tw4-catalog-icon { transform: none !important; }
}

/* ═══════════════════════════════════════════════════════════════════════════
   HOME V4 · COMPACT PRODUCT MEGA-MENU
   The menu is a route chooser, not a second catalogue: two commercial
   priorities, then every remaining tool once, grouped by intent. Long details,
   output labels and source constraints stay in the catalogue and tool pages.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (min-width:761px) {
  html body .nav .links #omenu-panel.omenu {
    width:min(1080px,calc(100vw - 48px)) !important;
    max-height:calc(100dvh - 112px) !important;
    padding:22px !important;
    overflow:hidden !important;
    border-radius:24px !important;
    background:#fff !important;
    box-shadow:0 28px 80px rgba(18,28,44,.18),0 8px 24px rgba(18,28,44,.08),inset 0 0 0 1px rgba(39,58,80,.09) !important;
  }
  html body .nav .links #omenu-panel .omenu-body {
    display:grid !important;
    grid-template-columns:276px minmax(0,1fr) !important;
    gap:20px !important;
    align-items:stretch !important;
    min-height:360px !important;
    background:#fff !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-priority {
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    min-width:0 !important;
    padding:0 !important;
    background:transparent !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-priority-head {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin-bottom:8px !important;
    color:#ff7b98 !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-priority-head small {
    font:750 9px/1 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    padding:18px !important;
    border:0 !important;
    border-radius:18px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:
      radial-gradient(circle at 82% 4%,rgba(94,165,247,.18),transparent 28%),
      radial-gradient(circle at 5% 8%,rgba(255,49,91,.12),transparent 30%),
      #0b0d13 !important;
    box-shadow:0 12px 32px -8px rgba(11,13,19,.25),inset 0 0 0 1px rgba(255,255,255,.08) !important;
    transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature--primary {
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature--secondary {
    min-height:106px !important;
    border-top:1px solid rgba(255,255,255,.09) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature-top {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    margin-bottom:12px !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature-icon {
    display:grid !important;
    place-items:center !important;
    width:36px !important;
    height:36px !important;
    border:1px solid rgba(143,198,255,.28) !important;
    border-radius:999px !important;
    color:#91c8ff !important;
    background:rgba(120,182,255,.09) !important;
    box-shadow:0 0 24px rgba(102,174,255,.1),inset 0 1px rgba(255,255,255,.08) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature-icon svg,
  html body .nav .links #omenu-panel .omenu-tool-icon svg {
    width:20px !important;
    height:20px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature-label {
    color:#ff7895 !important;
    font:750 8px/1 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.11em !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature > strong {
    font:650 22px/1.15 'Merriweather',Georgia,serif !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature > span:not(.omenu-feature-top) {
    max-width:28ch !important;
    margin-top:6px !important;
    color:#c7d4e3 !important;
    font:520 12.5px/1.4 Inter,system-ui,sans-serif !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-visual {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) !important;
    gap:8px !important;
    align-items:center !important;
    width:100% !important;
    max-width:none !important;
    min-height:88px !important;
    margin:12px 0 !important;
    color:#a9c9ee !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-source,
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result {
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:7px !important;
    min-width:0 !important;
    min-height:86px !important;
    padding:11px !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.04) !important;
    box-shadow:inset 0 1px rgba(255,255,255,.04) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result {
    border-color:rgba(132,192,255,.2) !important;
    background:linear-gradient(145deg,rgba(91,153,226,.13),rgba(255,255,255,.04)) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-brand {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin-bottom:2px !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-brand i {
    display:grid !important;
    place-items:center !important;
    width:18px !important;
    height:18px !important;
    border-radius:6px !important;
    color:#e8f4ff !important;
    background:linear-gradient(145deg,#315b89,#183451) !important;
    font:750 8px/1 Inter,system-ui,sans-serif !important;
    font-style:normal !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-brand b {
    color:#dce9f6 !important;
    font:650 8px/1 Inter,system-ui,sans-serif !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-bubble {
    display:block !important;
    width:82% !important;
    height:11px !important;
    margin-left:auto !important;
    border:1px solid rgba(255,123,152,.16) !important;
    border-radius:5px !important;
    background:rgba(255,86,123,.1) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-bubble--reply {
    width:68% !important;
    margin-left:0 !important;
    border-color:rgba(149,193,239,.17) !important;
    background:rgba(121,178,235,.1) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result small {
    color:#91c8ff !important;
    font:750 6px/1 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.11em !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result strong {
    color:#f8fbff !important;
    font:650 11px/1.12 'Merriweather',Georgia,serif !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result i {
    display:block !important;
    width:78% !important;
    height:3px !important;
    border-radius:99px !important;
    background:rgba(145,200,255,.5) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-result i:last-child { width:52% !important; }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-flow {
    display:grid !important;
    place-items:center !important;
    width:30px !important;
    height:30px !important;
    border:1px solid rgba(255,255,255,.1) !important;
    border-radius:999px !important;
    color:#ff7895 !important;
    background:#111724 !important;
    box-shadow:0 0 22px rgba(255,49,91,.13) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-spotlight-flow svg {
    width:14px !important;
    height:14px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature > em {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-top:auto !important;
    padding-top:12px !important;
    color:#91c8ff !important;
    font:700 11.5px/1 Inter,system-ui,sans-serif !important;
    font-style:normal !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature--primary > em {
    min-height:38px !important;
    padding:0 12px !important;
    border-radius:10px !important;
    color:#0b0d13 !important;
    background:#fff !important;
    box-shadow:0 8px 22px rgba(0,0,0,.24) !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature--secondary > em {
    justify-content:flex-start !important;
    padding-top:9px !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature > em svg,
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut > svg,
  html body .nav .links #omenu-panel .omenu-tool-arrow svg {
    width:15px !important;
    height:15px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    flex:0 0 64px !important;
    min-height:64px !important;
    margin:0 !important;
    padding:11px 14px !important;
    border:1px solid rgba(111,55,48,.35) !important;
    border-radius:16px !important;
    color:#49282d !important;
    text-decoration:none !important;
    background:
      radial-gradient(ellipse at 52% 45%,transparent 32%,rgba(92,39,46,.32) 100%),
      radial-gradient(ellipse at 96% 12%,rgba(255,196,65,.92),transparent 60%),
      radial-gradient(ellipse at 78% 120%,rgba(247,84,106,.56),transparent 66%),
      linear-gradient(115deg,#fff8ed,#ffedda) !important;
    box-shadow:0 7px 18px -7px rgba(97,43,41,.25),inset 0 0 14px rgba(75,29,39,.32),inset 0 1px rgba(255,255,255,.58) !important;
    transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut span { min-width:0 !important; }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut small {
    display:block !important;
    color:#98502f !important;
    font:700 7px/1 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.1em !important;
    text-transform:uppercase !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut strong {
    display:block !important;
    margin-top:4px !important;
    font:700 11.5px/1.15 Inter,system-ui,sans-serif !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut em {
    display:block !important;
    margin-top:3px !important;
    color:#765048 !important;
    font:520 9px/1.15 Inter,system-ui,sans-serif !important;
    font-style:normal !important;
  }
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut > svg {
    flex:0 0 auto !important;
    width:30px !important;
    height:30px !important;
    padding:7px !important;
    border:1px solid rgba(158,69,41,.16) !important;
    border-radius:999px !important;
    color:#8b3c34 !important;
    background:rgba(255,255,255,.58) !important;
    transition:transform .18s ease,background-color .18s ease !important;
  }
  html body .nav .links #omenu-panel .omenu-groups {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    min-width:0 !important;
    padding:0 !important;
    background:#fff !important;
  }
  html body .nav .links #omenu-panel .omenu-group {
    display:grid !important;
    grid-template-rows:auto minmax(0,1fr) !important;
    min-width:0 !important;
    padding:0 !important;
  }
  html body .nav .links #omenu-panel .omenu-group > header {
    display:flex !important;
    align-items:flex-start !important;
    gap:7px !important;
    min-height:0 !important;
    margin-bottom:4px !important;
    padding-bottom:8px !important;
    border-bottom:1px solid rgba(33,50,70,.08) !important;
  }
  html body .nav .links #omenu-panel .omenu-group > header > span {
    display:inline-flex !important;
    align-items:center !important;
    width:auto !important;
    height:auto !important;
    color:#b71f3d !important;
    background:transparent !important;
    font:750 9px/1.15 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.04em !important;
  }
  html body .nav .links #omenu-panel .omenu-group > header > span::after { content:' ·' !important; }
  html body .nav .links #omenu-panel .omenu-group > header strong {
    display:block !important;
    color:#172336 !important;
    font:750 13px/1.15 Inter,system-ui,sans-serif !important;
    letter-spacing:.05em !important;
    text-transform:uppercase !important;
  }
  html body .nav .links #omenu-panel .omenu-group > header small {
    display:block !important;
    margin-top:4px !important;
    color:#64748b !important;
    font:520 11px/1.25 Inter,system-ui,sans-serif !important;
  }
  /* Five row tracks accommodate the expanded Understand group. */
  html body .nav .links #omenu-panel .omenu-group > div {
    display:grid !important;
    grid-template-rows:repeat(5,minmax(67px,1fr)) !important;
    gap:8px !important;
    min-height:0 !important;
  }
  html body .nav .links #omenu-panel .omenu-tool {
    position:relative !important;
    display:grid !important;
    grid-template-columns:32px minmax(0,1fr) 14px !important;
    gap:10px !important;
    align-items:center !important;
    min-height:67px !important;
    padding:8px 7px !important;
    border:0 !important;
    border-radius:13px !important;
    color:#192538 !important;
    text-decoration:none !important;
    background:transparent !important;
    transition:background-color .16s ease,transform .16s cubic-bezier(.2,.8,.3,1) !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-icon {
    display:grid !important;
    place-items:center !important;
    width:32px !important;
    height:32px !important;
    border:1px solid rgba(65,126,190,.16) !important;
    border-radius:11px !important;
    color:#3d7fc3 !important;
    background:#f0f6fd !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-copy { min-width:0 !important; }
  html body .nav .links #omenu-panel .omenu-tool-title {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    min-width:0 !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-title strong {
    color:#1b2737 !important;
    font:650 14px/1.15 'Merriweather',Georgia,serif !important;
    white-space:nowrap !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-copy > span:last-child {
    display:-webkit-box !important;
    margin-top:4px !important;
    overflow:hidden !important;
    color:#707b87 !important;
    font:520 12px/1.4 Inter,system-ui,sans-serif !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-badge {
    display:inline-flex !important;
    align-items:center !important;
    min-height:18px !important;
    padding:0 6px !important;
    border-radius:99px !important;
    color:#c9153a !important;
    background:#fff0f3 !important;
    font:750 8px/1 'JetBrains Mono',ui-monospace,monospace !important;
    letter-spacing:.06em !important;
  }
  html body .nav .links #omenu-panel .omenu-tool-arrow { color:#9ca6b1 !important; opacity:0 !important; transform:translateX(-4px) !important; transition:opacity .16s ease,transform .16s ease !important; }
  @media (hover:hover) {
    html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature:hover { transform:translateY(-2px) !important; box-shadow:0 18px 42px rgba(15,23,42,.22),inset 0 0 0 1px rgba(255,255,255,.1) !important; }
    html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature--primary:hover > em { background:#f3f7fb !important; }
    html body .nav .links #omenu-panel .omenu-tool:hover { transform:translateX(2px) !important; background:#f3f6f9 !important; }
    html body .nav .links #omenu-panel .omenu-tool:hover .omenu-tool-arrow { opacity:1 !important; transform:none !important; }
    html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut:hover { transform:translateY(-2px) !important; box-shadow:0 10px 22px -7px rgba(97,43,41,.32),inset 0 0 14px rgba(75,29,39,.27),inset 0 1px rgba(255,255,255,.7) !important; }
    html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-catalog-shortcut:hover > svg { transform:translateX(2px) !important; background:rgba(255,255,255,.82) !important; }
  }
  html body .nav .links #omenu-panel a:focus-visible { outline:0 !important; box-shadow:0 0 0 3px rgba(63,127,197,.22) !important; }
}

@media (max-width:760px) {
  html body #mobile-menu .omenu-mobile-tools { display:grid !important; gap:10px !important; margin:8px 18px 4px !important; }
  html body #mobile-menu .omenu-mobile-priority { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; }
  html body #mobile-menu .omenu-feature {
    display:flex !important;
    flex-direction:column !important;
    min-height:128px !important;
    padding:14px !important;
    border:1px solid #e2e8ef !important;
    border-radius:16px !important;
    color:#172336 !important;
    text-decoration:none !important;
    background:linear-gradient(145deg,#fff,#f5f8fc) !important;
  }
  html body #mobile-menu .omenu-feature--primary { color:#fff !important; border-color:#203b5f !important; background:linear-gradient(150deg,#152237,#24466f) !important; }
  html body #mobile-menu .omenu-feature-top { display:flex !important; align-items:center !important; justify-content:space-between !important; margin-bottom:11px !important; }
  html body #mobile-menu .omenu-feature-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; border-radius:10px !important; color:#3f7fc5 !important; background:#eaf3fb !important; }
  html body #mobile-menu .omenu-feature--primary .omenu-feature-icon { color:#91c8ff !important; background:rgba(120,182,255,.12) !important; }
  html body #mobile-menu .omenu-feature-icon svg { width:18px !important; height:18px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important; }
  html body #mobile-menu .omenu-feature-label { color:#c9153a !important; font:750 6.5px/1 'JetBrains Mono',monospace !important; letter-spacing:.08em !important; }
  html body #mobile-menu .omenu-feature > strong { font:650 16px/1.15 'Merriweather',serif !important; }
  html body #mobile-menu .omenu-feature > span:not(.omenu-feature-top) { margin-top:5px !important; color:#687584 !important; font:520 9px/1.3 Inter,sans-serif !important; }
  html body #mobile-menu .omenu-feature--primary > span:not(.omenu-feature-top) { color:#c5d2e1 !important; }
  html body #mobile-menu .omenu-feature > em { display:flex !important; gap:4px !important; align-items:center !important; margin-top:auto !important; padding-top:9px !important; color:#3f7fc5 !important; font:700 8.5px/1 Inter,sans-serif !important; font-style:normal !important; }
  html body #mobile-menu .omenu-feature--primary > em { color:#91c8ff !important; }
  html body #mobile-menu .omenu-feature > em svg { width:13px !important; height:13px !important; fill:none !important; stroke:currentColor !important; }
  html body #mobile-menu .omenu-spotlight-visual { display:none !important; }
  html body #mobile-menu .omenu-mobile-group { border:1px solid #e5e9ee !important; border-radius:14px !important; background:#fff !important; }
  html body #mobile-menu .omenu-mobile-group summary { display:grid !important; grid-template-columns:24px minmax(0,1fr) auto 16px !important; gap:7px !important; align-items:center !important; min-height:48px !important; padding:0 13px !important; list-style:none !important; cursor:pointer !important; }
  html body #mobile-menu .omenu-mobile-group summary::-webkit-details-marker { display:none !important; }
  html body #mobile-menu .omenu-mobile-group summary > span { color:#c9153a !important; font:700 8px/1 'JetBrains Mono',monospace !important; }
  html body #mobile-menu .omenu-mobile-group summary > strong { color:#172336 !important; font:700 12px/1 Inter,sans-serif !important; }
  html body #mobile-menu .omenu-mobile-group summary > small { color:#9099a3 !important; font:600 8px/1 Inter,sans-serif !important; }
  html body #mobile-menu .omenu-mobile-group summary > i { color:#728091 !important; font-style:normal !important; transition:transform .16s ease !important; }
  html body #mobile-menu .omenu-mobile-group[open] summary > i { transform:rotate(180deg) !important; }
  html body #mobile-menu .omenu-mobile-group > div { display:grid !important; padding:0 7px 7px !important; }
  html body #mobile-menu .omenu-tool { display:grid !important; grid-template-columns:32px minmax(0,1fr) !important; gap:9px !important; align-items:center !important; min-height:52px !important; padding:7px !important; border-top:1px solid #f0f1f3 !important; color:#172336 !important; text-decoration:none !important; }
  html body #mobile-menu .omenu-tool-icon { display:grid !important; place-items:center !important; width:32px !important; height:32px !important; border-radius:9px !important; color:#3f7fc5 !important; background:#f0f6fd !important; }
  html body #mobile-menu .omenu-tool-icon svg { width:17px !important; height:17px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.8 !important; }
  html body #mobile-menu .omenu-tool-title { display:flex !important; align-items:center !important; gap:6px !important; }
  html body #mobile-menu .omenu-tool-title strong { font:650 12.5px/1.15 'Merriweather',serif !important; }
  html body #mobile-menu .omenu-tool-copy > span:last-child { display:block !important; margin-top:3px !important; color:#77818d !important; font:500 8.7px/1.25 Inter,sans-serif !important; }
  html body #mobile-menu .omenu-tool-badge { padding:3px 5px !important; border-radius:99px !important; color:#c9153a !important; background:#fff0f3 !important; font:750 5.5px/1 'JetBrains Mono',monospace !important; }
  html body #mobile-menu .omenu-tool-arrow { display:none !important; }
  html body #mobile-menu .omenu-mobile-all { display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; min-height:46px !important; border-radius:13px !important; color:#49282d !important; box-shadow:inset 0 0 14px rgba(75,29,39,.32) !important; background:radial-gradient(ellipse at 52% 45%,transparent 32%,rgba(92,39,46,.32) 100%),radial-gradient(ellipse at 96% 12%,rgba(255,196,65,.92),transparent 60%),radial-gradient(ellipse at 78% 120%,rgba(247,84,106,.56),transparent 66%),linear-gradient(115deg,#fff8ed,#ffedda) !important; text-decoration:none !important; font:700 11px/1 Inter,sans-serif !important; }
  html body #mobile-menu .omenu-mobile-all svg { width:15px !important; height:15px !important; fill:none !important; stroke:currentColor !important; }
}

@media (prefers-reduced-motion:reduce) {
  html body .nav .links :is(#omenu-panel,#intelligence-panel) .omenu-feature,
  html body .nav .links #omenu-panel .omenu-tool,
  html body .nav .links #omenu-panel .omenu-tool-arrow,
  html body #mobile-menu .omenu-mobile-group summary > i { transition:none !important; }
}

/* Kevin-approved discovery invitations: secondary to the red NEW/POPULAR badges. */
html body .nav .links #omenu-panel .omenu-tool-badge--discovery,
html body #mobile-menu .omenu-tool-badge--discovery {
  color:#246d68 !important;
  background:#eaf5f2 !important;
  white-space:nowrap !important;
}

/* Thirteen-tool menu: keep every row reachable on short viewports. */
@media(min-width:761px){html body .nav .links #omenu-panel.omenu{overflow-y:auto!important;overflow-x:hidden!important}}
@media(min-width:761px) and (max-width:1050px){
 html body .nav .links #omenu-panel .omenu-body{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}
 html body .nav .links #omenu-panel .omenu-groups{gap:8px!important}
 html body .nav .links #omenu-panel .omenu-tool{grid-template-columns:26px minmax(0,1fr)!important;gap:7px!important;padding:8px 3px!important}
 html body .nav .links #omenu-panel .omenu-tool-arrow{display:none!important}
 html body .nav .links #omenu-panel .omenu-tool-title{flex-wrap:wrap!important;gap:4px!important}
}

/* Shared registry badges, carried into All tools without moving the titles. */
section#tools.tw2-tool-section #tools-catalog .tw4-catalog-badge{position:absolute;top:24px;right:20px;display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:99px;color:#c9153a;background:#fff0f3;font:750 8px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.06em;white-space:nowrap}
section#tools.tw2-tool-section #tools-catalog .tw4-catalog-badge--discovery{color:#246d68;background:#eaf5f2}