.fusion-transition{--fusion-duration:8.6s;--fusion-separation:clamp(76px,16vw,230px);position:fixed;inset:0;z-index:10000;overflow:hidden;background:#f7f6ef;color:#141917;isolation:isolate;animation:fusion-veil var(--fusion-duration) linear both}
.fusion-transition-scene{position:absolute;inset:0;perspective:1300px;background:radial-gradient(ellipse at 50% 47%,#fffef9 0%,rgba(247,246,239,.6) 38%,transparent 72%)}
.fusion-original{position:absolute;left:50%;top:45%;width:clamp(142px,21vw,258px);aspect-ratio:2/3;transform-style:preserve-3d;will-change:transform,opacity}
.fusion-original img{display:block;width:100%;height:100%;object-fit:contain;border-radius:3px;box-shadow:1px 2px 0 #cbbc9e,0 25px 45px -14px rgba(20,25,23,.18)}
.fusion-original--human{z-index:2;animation:fusion-human-card var(--fusion-duration) cubic-bezier(.2,.7,.2,1) both}
.fusion-original--ai{z-index:1;animation:fusion-ai-card var(--fusion-duration) cubic-bezier(.2,.7,.2,1) both}
.fusion-signatures{position:absolute;left:50%;top:45%;width:0;height:0;z-index:3}
.fusion-signature{position:absolute;left:0;top:0;width:84px;height:84px;object-fit:contain;will-change:transform,opacity}
.fusion-signature--human{animation:fusion-human-signature var(--fusion-duration) ease-in-out both}
.fusion-signature--ai{animation:fusion-ai-signature var(--fusion-duration) ease-in-out both}
.fusion-symbol-stream,.fusion-printer-outline{position:absolute;left:50%;top:45%;width:320px;height:300px;transform:translate(-50%,-50%);pointer-events:none}
.fusion-symbol-stream{z-index:4}
.fusion-symbol-thread{position:absolute;left:50%;top:50%;display:block;width:30px;height:30px;opacity:0;animation:fusion-symbol-thread var(--fusion-duration) var(--thread-delay) cubic-bezier(.2,.7,.2,1) both}
.fusion-symbol-thread img{display:block;width:100%;height:100%;object-fit:contain;transform:translate(-50%,-50%)}
.fusion-glyph-core{position:absolute;left:50%;top:45%;z-index:5;width:clamp(112px,17vw,156px);aspect-ratio:1;pointer-events:none;animation:fusion-core-appear var(--fusion-duration) cubic-bezier(.2,.7,.2,1) both}
.fusion-glyph-core>img,.fusion-glyph-core>svg{display:block;width:100%;height:100%;object-fit:contain}
.fusion-printer-outline{z-index:6;fill:none;stroke:#141917;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;animation:fusion-printer-appear var(--fusion-duration) ease-in-out both}
.fusion-printer-paper,.fusion-printer-detail{stroke:#173448}
.fusion-printer-scan{stroke:#b73728;stroke-width:1.8;animation:fusion-printer-scan var(--fusion-duration) ease-in-out both}
@keyframes fusion-veil{0%{opacity:0}4%,94%{opacity:1}100%{opacity:0}}
@keyframes fusion-human-card{
  0%{opacity:0;transform:translate(calc(-50% - var(--fusion-separation)),-44%) rotateY(4deg) rotateZ(-5deg)}
  8%,24%{opacity:1;transform:translate(calc(-50% - var(--fusion-separation)),-50%) rotateY(2deg) rotateZ(-3deg)}
  42%{opacity:1;transform:translate(calc(-50% - 18px),-51%) rotateY(-8deg) rotateZ(-5deg) scale(.91)}
  53%{opacity:.82;transform:translate(calc(-50% + 3px),-52%) rotateY(4deg) rotateZ(0) scale(.85)}
  65%,100%{opacity:0;transform:translate(-50%,-56%) rotateY(0) scale(.69)}
}
@keyframes fusion-ai-card{
  0%,10%{opacity:0;transform:translate(calc(50vw + 30%),-54%) rotateY(-20deg) rotateZ(10deg)}
  28%{opacity:1;transform:translate(calc(-50% + var(--fusion-separation)),-49%) rotateY(-3deg) rotateZ(4deg)}
  44%{opacity:1;transform:translate(calc(-50% + 22px),-49%) rotateY(8deg) rotateZ(6deg) scale(.91)}
  55%{opacity:.78;transform:translate(calc(-50% - 3px),-52%) rotateY(-4deg) rotateZ(0) scale(.85)}
  65%,100%{opacity:0;transform:translate(-50%,-56%) rotateY(0) scale(.69)}
}
@keyframes fusion-human-signature{
  0%,20%{opacity:0;transform:translate(calc(-50% - var(--fusion-separation)),125px) scale(.72)}
  32%{opacity:.85;transform:translate(-170%,115px) scale(.9)}
  44%{opacity:1;transform:translate(70%,24px) rotate(18deg)}
  54%{opacity:.8;transform:translate(-130%,-92px) rotate(-8deg) scale(.9)}
  65%{opacity:.6;transform:translate(-30%,-40px) rotate(0) scale(.55)}
  74%,100%{opacity:0;transform:translate(-50%,-40px) scale(.3)}
}
@keyframes fusion-ai-signature{
  0%,25%{opacity:0;transform:translate(calc(-50% + var(--fusion-separation)),125px) scale(.72)}
  34%{opacity:.85;transform:translate(80%,115px) scale(.9)}
  45%{opacity:1;transform:translate(-170%,24px) rotate(-18deg)}
  55%{opacity:.8;transform:translate(30%,-92px) rotate(8deg) scale(.9)}
  65%{opacity:.6;transform:translate(-70%,-40px) rotate(0) scale(.55)}
  74%,100%{opacity:0;transform:translate(-50%,-40px) scale(.3)}
}
@keyframes fusion-symbol-thread{
  0%,49%{opacity:0;transform:translate(var(--source-x),-30px) rotate(var(--symbol-turn)) scale(.4)}
  62%,69%{opacity:.68;transform:translate(var(--thread-x),var(--thread-y)) rotate(0) scale(1)}
  82%{opacity:.35;transform:translate(var(--edge-x),var(--edge-y)) rotate(var(--symbol-turn)) scale(.46)}
  87%,100%{opacity:0;transform:translate(var(--edge-x),var(--edge-y)) rotate(0) scale(.15)}
}
@keyframes fusion-core-appear{0%,52%{opacity:0;transform:translate(-50%,-50%) scale(.65)}62%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%,100%{opacity:0;transform:translate(-50%,-50%) scale(.82)}}
@keyframes fusion-printer-appear{0%,74%{opacity:0}84%,95%{opacity:1}100%{opacity:0}}
@keyframes fusion-printer-scan{0%,82%{opacity:0;transform:translateY(16px)}86%{opacity:.85;transform:translateY(16px)}94%{opacity:.7;transform:translateY(105px)}100%{opacity:0;transform:translateY(105px)}}
.fusion-transition[data-reduced="true"]{animation:fusion-reduced-veil 1.2s linear both}
.fusion-transition[data-reduced="true"] .fusion-original{animation:fusion-reduced-card 1.2s linear both}
.fusion-transition[data-reduced="true"] .fusion-original--human{transform:translate(calc(-50% - var(--fusion-separation)),-50%)}
.fusion-transition[data-reduced="true"] .fusion-original--ai{transform:translate(calc(-50% + var(--fusion-separation)),-50%)}
.fusion-transition[data-reduced="true"] .fusion-signature,.fusion-transition[data-reduced="true"] .fusion-symbol-stream,.fusion-transition[data-reduced="true"] .fusion-glyph-core{display:none}
.fusion-transition[data-reduced="true"] .fusion-printer-outline{animation:fusion-reduced-printer 1.2s linear both}
.fusion-transition[data-reduced="true"] .fusion-printer-scan{animation:none;display:none}
@keyframes fusion-reduced-veil{0%{opacity:0}12%,84%{opacity:1}100%{opacity:0}}
@keyframes fusion-reduced-card{0%,40%{opacity:1}60%,100%{opacity:0}}
@keyframes fusion-reduced-printer{0%,40%{opacity:0}62%,88%{opacity:1}100%{opacity:0}}
@media(max-width:600px){.fusion-transition{--fusion-separation:clamp(76px,21vw,116px)}.fusion-original{width:clamp(134px,36vw,194px)}.fusion-symbol-stream,.fusion-printer-outline{transform:translate(-50%,-50%) scale(.8)}.fusion-signature{width:64px;height:64px}}
@media(max-height:540px){.fusion-original{width:min(27vh,190px)}.fusion-symbol-stream,.fusion-printer-outline{transform:translate(-50%,-50%) scale(.75)}.fusion-glyph-core{width:106px}}