/* Two complementary contexts become one practical sales decision. */
.intelligence-fusion {
  --fusion-blue: #a2d8ff;
  --fusion-green: #77dfb3;
  --fusion-ink: #eff5f7;
  --fusion-muted: #a1b2be;
  --fusion-ease: cubic-bezier(.2, .75, .25, 1);
  position: relative;
  isolation: isolate;
  padding: 104px 0 88px;
  overflow: clip;
  border-block: 1px solid #a2d8ff19;
  background: radial-gradient(ellipse at 50% 62%, #102b2c55 0, transparent 53%), #050b12;
  color: var(--fusion-ink);
  font-family: var(--font, "Inter", "Noto Sans KR", sans-serif);
  line-height: 1.6;
  color-scheme: dark;
  scroll-margin-top: 76px;
}
.intelligence-fusion *, .intelligence-fusion *::before, .intelligence-fusion *::after { box-sizing: border-box; }
.intelligence-fusion::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .3; pointer-events: none; background-image: linear-gradient(#a2d8ff06 1px, transparent 1px), linear-gradient(90deg, #a2d8ff06 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(transparent, #000 28%, #000 72%, transparent); }
.immersive-landing #intel.intelligence-fusion,
body:not(.land-motion-ready) .immersive-landing > #intel.intelligence-fusion { min-height: 0; padding: 104px 0 88px; }
.immersive-landing #intel.intelligence-fusion { z-index: 4; }
body.land-motion-ready .immersive-landing .intelligence-fusion,
body.land-motion-ready .immersive-landing .intelligence-fusion a,
body.land-motion-ready .immersive-landing .intelligence-fusion button,
.intelligence-fusion, .intelligence-fusion a, .intelligence-fusion button { cursor: auto; }
body.land-motion-ready .immersive-landing .intelligence-fusion button,
.intelligence-fusion button, .intelligence-fusion a { cursor: pointer; }
.intelligence-fusion :is(button, a):focus-visible { outline: 2px solid var(--fusion-green); outline-offset: 5px; }
.intelligence-fusion .fusion-shell { width: min(1200px, calc(100% - 96px)); margin-inline: auto; }
.intelligence-fusion .fusion-heading { max-width: 910px; margin: 0 auto 38px; text-align: center; }
.intelligence-fusion .fusion-eyebrow { display: flex; justify-content: center; align-items: center; gap: 10px; margin: 0 0 14px; color: #91a7b5; font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .19em; text-transform: uppercase; }
.intelligence-fusion .fusion-eyebrow::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--fusion-green); box-shadow: 0 0 14px #77dfb34d; }
.intelligence-fusion h2.fusion-title { margin: 0; color: var(--fusion-ink); font-size: clamp(30px, 3.5vw, 47px); font-weight: 650; line-height: 1.3; letter-spacing: -.045em; text-wrap: balance; text-shadow: none; }
.intelligence-fusion .fusion-title em { color: var(--fusion-green); font-style: normal; }
.intelligence-fusion .fusion-intro { max-width: 780px; margin: 15px auto 0; color: var(--fusion-muted); font-size: 15px; line-height: 1.8; word-break: keep-all; text-wrap: balance; }
.intelligence-fusion .fusion-equation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 13px; margin: 21px 0 0; color: var(--fusion-blue); font-size: 11px; line-height: 1.7; letter-spacing: .01em; }
.intelligence-fusion .fusion-equation > span:nth-of-type(2) { color: var(--fusion-green); }
.intelligence-fusion .fusion-equation > b { color: #718b98; font-size: 15px; font-weight: 400; }
.intelligence-fusion .fusion-equation > strong { color: #d0efdf; font-weight: 600; }
.intelligence-fusion .fusion-scene { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 230px minmax(0, 1fr); grid-template-areas: "buyer core market" "output output output"; align-items: center; column-gap: 30px; row-gap: 58px; padding: 16px 0 12px; }
.intelligence-fusion .fusion-paths { position: absolute; z-index: -1; inset: 0; display: block; width: 100%; height: 100%; max-width: none; overflow: visible; fill: none; pointer-events: none; }
.intelligence-fusion .fusion-path { stroke-width: 1; vector-effect: non-scaling-stroke; transition: stroke .75s, opacity .75s; }
.intelligence-fusion .fusion-path--buyer { stroke: #79c5fc66; }
.intelligence-fusion .fusion-path--market { stroke: #77dfb366; }
.intelligence-fusion .fusion-path--output { stroke: #9ddbc76b; }
.intelligence-fusion .fusion-particle { --fusion-flow-distance: -320; fill: none; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 3 410; stroke-dashoffset: 0; opacity: 0; filter: drop-shadow(0 0 5px currentColor); vector-effect: non-scaling-stroke; }
.intelligence-fusion .fusion-particle--buyer { color: #b5e3ff; stroke: currentColor; }
.intelligence-fusion .fusion-particle--market { color: #9cf5ce; stroke: currentColor; }
.intelligence-fusion .fusion-particle--output { --fusion-flow-distance: -195; color: #d0ffe9; stroke: currentColor; }
.intelligence-fusion .fusion-source { --fusion-source-color: var(--fusion-blue); --fusion-source-rgb: 162, 216, 255; position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 282px; padding: 25px 26px 21px; border: 1px solid rgba(var(--fusion-source-rgb), .25); border-radius: 19px; background: linear-gradient(140deg, rgba(var(--fusion-source-rgb), .085), rgba(var(--fusion-source-rgb), .02)), #08121bef; box-shadow: inset 0 1px 0 #ffffff09, 0 18px 45px #00000012; transition: transform 1s var(--fusion-ease), border-color .8s, box-shadow 1s; }
.intelligence-fusion .fusion-source::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 12% 0, rgba(var(--fusion-source-rgb), .1), transparent 65%); opacity: .35; transition: opacity .8s; }
.intelligence-fusion .fusion-source--buyer { grid-area: buyer; }
.intelligence-fusion .fusion-source--market { --fusion-source-color: var(--fusion-green); --fusion-source-rgb: 119, 223, 179; grid-area: market; }
.intelligence-fusion .fusion-source-heading { display: flex; align-items: center; gap: 10px; }
.intelligence-fusion .fusion-source-index { display: grid; place-items: center; width: 25px; height: 25px; flex: 0 0 25px; border: 1px solid rgba(var(--fusion-source-rgb), .3); border-radius: 8px; color: var(--fusion-source-color); font-size: 10px; font-variant-numeric: tabular-nums; letter-spacing: .02em; }
.intelligence-fusion .fusion-source-label { color: var(--fusion-source-color); font-size: 10px; font-weight: 550; line-height: 1.5; letter-spacing: .13em; }
.intelligence-fusion h3.fusion-source-title { margin: 17px 0 5px; color: var(--fusion-ink); font-size: 25px; font-weight: 600; line-height: 1.35; letter-spacing: -.04em; }
.intelligence-fusion .fusion-source-description { margin: 0 0 22px; color: #94aab7; font-size: 12px; line-height: 1.6; word-break: keep-all; }
.intelligence-fusion .fusion-signal-list { display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 11px; list-style: none; margin: 0; padding: 0; }
.intelligence-fusion .fusion-signal { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid rgba(var(--fusion-source-rgb), .11); font-size: 12px; line-height: 1.5; }
.intelligence-fusion .fusion-signal span { flex-shrink: 0; color: #95aab8; font-size: 11px; }
.intelligence-fusion .fusion-signal b { color: #d5e3ea; font-size: 12px; font-weight: 450; text-align: right; word-break: keep-all; }
.intelligence-fusion .fusion-core { position: relative; grid-area: core; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 216px; height: 216px; margin: auto; border: 1px solid #9ed9ce39; border-radius: 50%; background: radial-gradient(ellipse, #1531306e, #08131be8 65%); box-shadow: inset 0 0 40px #a1d9e508; text-align: center; transition: transform 1s var(--fusion-ease), box-shadow .8s, border-color .8s; }
.intelligence-fusion .fusion-core-glow { position: absolute; inset: -32px; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, #8fe7c71b, transparent 68%); opacity: .45; transition: opacity .8s, transform 1s; }
.intelligence-fusion .fusion-orbit { position: absolute; inset: 11px; border: 1px solid #98d5d31e; border-radius: 50%; pointer-events: none; transition: transform 1.6s var(--fusion-ease), border-color 1s; }
.intelligence-fusion .fusion-orbit--outer { inset: -13px; border-style: dashed; border-color: #a4d9d523; }
.intelligence-fusion .fusion-orbit--inner { inset: 10px; }
.intelligence-fusion .fusion-orbit--outer::before, .intelligence-fusion .fusion-orbit--inner::before { content: ""; position: absolute; left: 49%; top: -3px; width: 5px; height: 5px; border-radius: 50%; background: var(--fusion-green); box-shadow: 0 0 9px #77dfb34d; }
.intelligence-fusion .fusion-orbit--inner::before { left: auto; right: 9px; top: 28px; background: var(--fusion-blue); }
.intelligence-fusion .fusion-core-brand { width: 143px; max-width: 75%; margin: 0; }
.intelligence-fusion .fusion-core-brand img { display: block; width: 100%; height: auto; filter: invert(1); }
.intelligence-fusion .fusion-core-kicker { margin: 0 0 13px; color: #90c7bb; font-size: 8px; font-weight: 500; letter-spacing: .2em; line-height: 1.5; }
.intelligence-fusion .fusion-core-caption { margin: 12px 0 0; color: #a2b4bd; font-size: 12px; line-height: 1.5; }
.intelligence-fusion .fusion-output { position: relative; grid-area: output; width: min(930px, 100%); margin: 0 auto; padding: 28px 32px 26px; overflow: hidden; border: 1px solid #85dccb45; border-radius: 19px; background: linear-gradient(120deg, #163b4129, #10352e54 65%, #163b4129), #09161c; box-shadow: inset 0 1px 0 #ffffff09, 0 22px 60px #0002; transition: transform 1s var(--fusion-ease), border-color .8s, box-shadow 1s; }
.intelligence-fusion .fusion-output::before { content: ""; position: absolute; inset: -1px; pointer-events: none; border-radius: inherit; background: linear-gradient(115deg, transparent 25%, #aaffdd10 45%, #aaffdd1a 50%, transparent 68%); opacity: 0; transform: translateX(-75%); }
.intelligence-fusion .fusion-output-heading { position: relative; margin-bottom: 24px; text-align: center; }
.intelligence-fusion .fusion-output-label { margin: 0 0 8px; color: var(--fusion-green); font-size: 12px; font-weight: 600; letter-spacing: .18em; line-height: 1.5; }
.intelligence-fusion h3.fusion-output-title { margin: 0; color: var(--fusion-ink); font-size: clamp(23px, 2.5vw, 31px); font-weight: 600; letter-spacing: -.04em; line-height: 1.4; text-wrap: balance; text-shadow: none; }
.intelligence-fusion .fusion-decisions { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.intelligence-fusion .fusion-decision { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding-top: 16px; border-top: 1px solid #8fe7c725; }
.intelligence-fusion .fusion-decision-number { flex-shrink: 0; margin-top: 2px; color: #82bfae; font-size: 10px; line-height: 1.7; font-variant-numeric: tabular-nums; }
.intelligence-fusion .fusion-decision > div { min-width: 0; }
.intelligence-fusion .fusion-decision b { display: block; margin-bottom: 4px; color: #e0eee9; font-size: 13px; font-weight: 550; line-height: 1.5; }
.intelligence-fusion .fusion-decision p { margin: 0; color: #a1b8b7; font-size: 12px; line-height: 1.7; word-break: keep-all; }
.intelligence-fusion .fusion-example-note { margin: 21px 0 0; padding-top: 14px; border-top: 1px solid #8fe7c716; color: #7e9b9f; font-size: 10px; line-height: 1.6; text-align: center; }
.intelligence-fusion .fusion-controls { display: none; align-items: center; justify-content: center; gap: 22px; margin-top: 29px; }
.intelligence-fusion.is-enhanced .fusion-controls { display: flex; }
.intelligence-fusion .fusion-steps { display: flex; align-items: stretch; gap: 3px; padding: 4px; border: 1px solid #97c5d126; border-radius: 11px; background: #09121ce6; }
.intelligence-fusion .fusion-steps button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 17px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #9eb1bd; font: inherit; font-size: 12px; font-weight: 450; line-height: 1.5; letter-spacing: -.015em; transition: background .25s, border-color .25s, color .25s; }
.intelligence-fusion .fusion-steps button > span { color: #738e9f; font-size: 10px; letter-spacing: .04em; }
.intelligence-fusion .fusion-steps button:hover { background: #a5d9f009; color: #e8f3f7; }
.intelligence-fusion .fusion-steps button[aria-pressed="true"], .intelligence-fusion .fusion-steps button[aria-current="step"] { border-color: #a2dcc52e; background: #91ddbd12; color: #d7f6e7; }
.intelligence-fusion .fusion-steps button[aria-pressed="true"] > span, .intelligence-fusion .fusion-steps button[aria-current="step"] > span { color: #8ccfb0; }
.intelligence-fusion [data-fusion-play] { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; min-width: 96px; padding: 8px 6px; border: 0; background: transparent; color: #a7bdc6; font: inherit; font-size: 11px; line-height: 1.5; transition: color .2s; }
.intelligence-fusion [data-fusion-play]:hover { color: #e3f9ef; }
.intelligence-fusion [data-fusion-play]:disabled { cursor: default; opacity: .55; }
.intelligence-fusion [data-fusion-play-icon] { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid #a2c9d145; border-radius: 50%; font-size: 11px; line-height: 1; }
.intelligence-fusion [data-fusion-play-icon] svg { display: block; width: 11px; height: 11px; }
.intelligence-fusion .fusion-caption { max-width: 850px; margin: 15px auto 0; color: #829aa8; font-size: 11px; line-height: 1.8; text-align: center; word-break: keep-all; }
.intelligence-fusion .fusion-caption b { color: #a6bdc5; font-weight: 500; }
.intelligence-fusion [data-fusion-status] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Stage changes add emphasis; the full explanation remains readable at every stage. */
.intelligence-fusion[data-fusion-stage="0"] .fusion-source { transform: translateY(-5px); border-color: rgba(var(--fusion-source-rgb), .58); box-shadow: inset 0 1px 0 #ffffff10, 0 13px 55px rgba(var(--fusion-source-rgb), .085); }
.intelligence-fusion[data-fusion-stage="0"] .fusion-source::before { opacity: 1; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-core { transform: scale(1.035); border-color: #b0ead7a6; box-shadow: inset 0 0 40px #b2eadb0e, 0 0 55px #90dfc414; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-source--buyer { transform: translateX(5px); }
.intelligence-fusion[data-fusion-stage="1"] .fusion-source--market { transform: translateX(-5px); }
.intelligence-fusion[data-fusion-stage="1"] .fusion-core-glow { opacity: 1; transform: scale(1.2); }
.intelligence-fusion[data-fusion-stage="1"] .fusion-orbit--outer { transform: rotate(135deg); border-color: #a6e9d95c; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-orbit--inner { transform: rotate(-120deg); border-color: #a5d6e648; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-path--buyer { stroke: #acdfffbd; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-path--market { stroke: #8df2c6bd; }
.intelligence-fusion[data-fusion-stage="1"] .fusion-path--output { stroke: #adf1dcbf; }
.intelligence-fusion:is(.is-playing, .is-paused)[data-fusion-stage="1"] .fusion-particle { animation: fusion-stream 1.8s cubic-bezier(.35, .05, .35, 1) 1 both; }
.intelligence-fusion:is(.is-playing, .is-paused)[data-fusion-stage="1"] .fusion-particle--market { animation-delay: .16s; }
.intelligence-fusion:is(.is-playing, .is-paused)[data-fusion-stage="1"] .fusion-particle--output { animation-delay: .7s; animation-duration: 1s; }
.intelligence-fusion[data-fusion-stage="2"] .fusion-output { transform: translateY(-3px); border-color: #9be7c882; box-shadow: inset 0 1px 0 #ffffff10, 0 20px 65px #79d9ab0d; }
.intelligence-fusion:is(.is-playing, .is-paused)[data-fusion-stage="2"] .fusion-output::before { animation: fusion-result-sweep 1.3s ease-out 1 both; }
.intelligence-fusion.is-paused .fusion-particle, .intelligence-fusion.is-paused .fusion-output::before { animation-play-state: paused; }
@keyframes fusion-stream { 0% { stroke-dashoffset: 0; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { stroke-dashoffset: var(--fusion-flow-distance); opacity: 0; } }
@keyframes fusion-result-sweep { 0% { transform: translateX(-75%); opacity: 0; } 25% { opacity: 1; } 100% { transform: translateX(75%); opacity: 0; } }

@media (min-width: 1440px) {
  .intelligence-fusion .fusion-shell { width: min(1280px, calc(100% - 144px)); }
  .intelligence-fusion .fusion-scene { column-gap: 42px; }
  .intelligence-fusion .fusion-source { padding: 27px 30px 23px; }
}
/* Keep the input, connection and result close enough to read as one scene. */
@media (min-width: 1051px) {
  .intelligence-fusion,
  .immersive-landing #intel.intelligence-fusion,
  body:not(.land-motion-ready) .immersive-landing > #intel.intelligence-fusion { padding-block: 64px 56px; }
  .intelligence-fusion .fusion-heading { margin-bottom: 26px; }
  .intelligence-fusion .fusion-eyebrow { margin-bottom: 10px; }
  .intelligence-fusion h2.fusion-title { font-size: 40px; }
  .intelligence-fusion .fusion-intro { margin-top: 12px; font-size: 14px; }
  .intelligence-fusion .fusion-equation { margin-top: 14px; }
  .intelligence-fusion .fusion-scene { row-gap: 34px; }
  .intelligence-fusion .fusion-source { min-height: 250px; padding-block: 22px 20px; }
  .intelligence-fusion h3.fusion-source-title { margin-top: 13px; }
  .intelligence-fusion .fusion-source-description { margin-bottom: 14px; }
  .intelligence-fusion .fusion-signal-list { gap: 8px; }
  .intelligence-fusion .fusion-signal { padding-top: 8px; }
  .intelligence-fusion .fusion-output { padding-block: 22px 21px; }
  .intelligence-fusion .fusion-output-heading { margin-bottom: 16px; }
  .intelligence-fusion .fusion-example-note { margin-top: 12px; padding-top: 10px; }
  .intelligence-fusion .fusion-controls { margin-top: 23px; }
}
@media (max-width: 1050px) {
  .intelligence-fusion .fusion-shell { width: min(1200px, calc(100% - 64px)); }
  .intelligence-fusion .fusion-scene { grid-template-columns: minmax(0, 1fr) 180px minmax(0, 1fr); column-gap: 22px; }
  .intelligence-fusion .fusion-core { width: 166px; height: 166px; }
  .intelligence-fusion .fusion-core-brand { width: 121px; }
  .intelligence-fusion .fusion-core-caption { font-size: 11px; }
  .intelligence-fusion .fusion-source { padding: 23px 20px 20px; }
  .intelligence-fusion .fusion-source-label { font-size: 9px; letter-spacing: .08em; }
  .intelligence-fusion .fusion-source-index { width: 22px; height: 22px; flex-basis: 22px; }
  .intelligence-fusion h3.fusion-source-title { font-size: 23px; }
  .intelligence-fusion .fusion-signal { gap: 7px; }
  .intelligence-fusion .fusion-signal span { font-size: 10px; }
  .intelligence-fusion .fusion-signal b { font-size: 11px; }
}
@media (max-width: 760px) {
  .intelligence-fusion,
  .immersive-landing #intel.intelligence-fusion,
  body:not(.land-motion-ready) .immersive-landing > #intel.intelligence-fusion { padding: 74px 0 64px; }
  .intelligence-fusion .fusion-shell { width: calc(100% - 40px); }
  .intelligence-fusion .fusion-heading { margin-bottom: 31px; }
  .intelligence-fusion .fusion-eyebrow { font-size: 9px; letter-spacing: .14em; }
  .intelligence-fusion h2.fusion-title { font-size: clamp(29px, 5.4vw, 40px); }
  .intelligence-fusion .fusion-intro { max-width: 540px; font-size: 13px; margin-top: 13px; }
  .intelligence-fusion .fusion-scene { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "buyer market" "core core" "output output"; gap: 39px 14px; padding: 6px 0; }
  .intelligence-fusion .fusion-paths { display: none; }
  .intelligence-fusion .fusion-source { min-height: 257px; padding: 18px 16px 16px; border-radius: 14px; }
  .intelligence-fusion .fusion-source-heading { flex-direction: column; align-items: flex-start; gap: 8px; }
  .intelligence-fusion .fusion-source-label { font-size: 9px; line-height: 1.6; letter-spacing: .04em; }
  .intelligence-fusion h3.fusion-source-title { font-size: 21px; margin: 14px 0 5px; }
  .intelligence-fusion .fusion-source-description { margin-bottom: 18px; font-size: 11px; }
  .intelligence-fusion .fusion-signal-list { gap: 10px; }
  .intelligence-fusion .fusion-signal { flex-direction: column; gap: 3px; padding-top: 8px; }
  .intelligence-fusion .fusion-signal b { text-align: left; font-size: 11px; }
  .intelligence-fusion .fusion-signal span { font-size: 10px; }
  .intelligence-fusion .fusion-core { width: 182px; height: 182px; }
  .intelligence-fusion .fusion-core::before { content: ""; position: absolute; width: 52%; height: 23px; left: 24%; top: -35px; border: solid #9cdbce69; border-width: 0 1px 1px; border-radius: 0 0 15px 15px; }
  .intelligence-fusion .fusion-core::after { content: ""; position: absolute; width: 1px; height: 27px; left: 50%; bottom: -36px; background: linear-gradient(#9cdbce9e, #9cdbce4d); }
  .intelligence-fusion .fusion-core-brand { width: 132px; }
  .intelligence-fusion .fusion-output { width: 100%; padding: 24px 22px 23px; border-radius: 15px; }
  .intelligence-fusion .fusion-output-heading { margin-bottom: 21px; }
  .intelligence-fusion .fusion-output-label { font-size: 11px; }
  .intelligence-fusion h3.fusion-output-title { font-size: 25px; }
  .intelligence-fusion .fusion-decisions { gap: 13px; }
  .intelligence-fusion .fusion-decision { gap: 7px; }
  .intelligence-fusion .fusion-decision b { font-size: 12px; }
  .intelligence-fusion .fusion-decision p { font-size: 11px; }
  .intelligence-fusion .fusion-controls { gap: 12px; margin-top: 24px; flex-wrap: wrap; }
  .intelligence-fusion .fusion-steps { width: 100%; }
  .intelligence-fusion .fusion-steps button { flex: 1; gap: 6px; min-height: 44px; padding: 9px 7px; font-size: 11px; }
  .intelligence-fusion .fusion-caption { font-size: 10px; margin-top: 12px; }
}
@media (max-width: 440px) {
  .intelligence-fusion .fusion-shell { width: calc(100% - 32px); }
  .intelligence-fusion .fusion-scene { column-gap: 10px; }
  .intelligence-fusion .fusion-source { padding: 17px 13px 15px; }
  .intelligence-fusion .fusion-source-label { font-size: 9px; letter-spacing: .015em; }
  .intelligence-fusion .fusion-equation { display: grid; grid-template-columns: auto auto auto; gap: 3px 8px; font-size: 10px; }
  .intelligence-fusion .fusion-equation > b:nth-of-type(2) { grid-column: 2; transform: rotate(90deg); }
  .intelligence-fusion .fusion-equation > strong { grid-column: 1 / -1; }
  .intelligence-fusion h3.fusion-source-title { font-size: 19px; }
  .intelligence-fusion .fusion-output { padding: 23px 20px 21px; }
  .intelligence-fusion h3.fusion-output-title { font-size: 24px; }
  .intelligence-fusion .fusion-decisions { grid-template-columns: 1fr; gap: 13px; }
  .intelligence-fusion .fusion-decision { gap: 12px; padding-top: 12px; }
  .intelligence-fusion .fusion-decision b { font-size: 13px; margin-bottom: 2px; }
  .intelligence-fusion .fusion-decision p { font-size: 12px; }
  .intelligence-fusion .fusion-steps button { flex-direction: column; gap: 1px; font-size: 10px; }
  .intelligence-fusion .fusion-steps button > span { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-fusion *, .intelligence-fusion *::before, .intelligence-fusion *::after { animation: none !important; transition: none !important; }
  .intelligence-fusion .fusion-source,
  .intelligence-fusion .fusion-core,
  .intelligence-fusion .fusion-output,
  .intelligence-fusion .fusion-orbit { transform: none !important; }
}