/* Two editorial figures, using the same metal, light and signal language as Aurex. */
.guide-visual{position:relative;isolation:isolate;margin:36px 0 42px;overflow:visible;border:0;background:none}
.decision-visual{max-width:960px;margin:24px auto 28px}
.decision-stage{position:relative;height:240px;margin:16px 32px}
.decision-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route-rail{stroke:#9d82454f;stroke-width:1;vector-effect:non-scaling-stroke}
.route-signal{stroke:#ffe5a0;stroke-width:2;stroke-dasharray:8 110;stroke-dashoffset:8;opacity:0;vector-effect:non-scaling-stroke}
.decision-origin{position:absolute;left:22%;top:50%;transform:translate(-50%,-50%);width:190px;text-align:center}
.decision-chip{position:relative;width:88px;height:88px;margin:0 auto;border-radius:20px;padding:1px;background:linear-gradient(140deg,#ffecb0,#8c692d 20%,#2b251b 51%,#d4a937 80%,#fff0b9);box-shadow:0 12px 0 -6px #1a1916,0 13px 0 -6px #a9884055,0 28px 42px #000a,0 0 70px #d4a93713;transform:rotate(-8deg)}
.chip-face{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:19px;overflow:hidden;background:linear-gradient(145deg,#3b382f,#161617 58%,#25231f);box-shadow:inset 0 1px 1px #fff3,inset 0 -4px 10px #0007;color:#f7d984}
.chip-face>svg{width:40px;height:40px;transform:rotate(8deg)}
.chip-reflection,.paper-reflection{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 32%,#fff6d71f 48%,#fff6d740 50%,transparent 67%);transform:translateX(-100%);pointer-events:none}
.decision-origin p{position:absolute;top:calc(100% + 16px);left:0;right:0;margin:0;color:#e6e3dc;font-size:.9rem;line-height:1.5}
.decision-questions{position:absolute;left:56%;right:0;top:0;bottom:0;display:grid;grid-template-rows:repeat(3,1fr);list-style:none;margin:0;padding:0}
.decision-questions li{position:relative;display:flex;align-items:center;padding-left:30px;color:#dad7cf;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5;letter-spacing:-.025em}
.decision-terminal{position:absolute;left:-4px;width:8px;height:8px;border:1px solid #be9b54;border-radius:50%;background:#161411;box-shadow:0 0 0 5px #d4a9370c}
.model-visual{max-width:1008px;margin:28px auto 34px}
.model-stage{position:relative;min-height:520px;padding:108px 4% 32px;perspective:1400px}
.guide-paper{position:absolute;width:288px;left:10%;top:28px;transform:rotateY(14deg) rotateZ(-8deg);transform-origin:50% 50%;box-shadow:0 36px 65px #000b,3px 2px 0 #cecdc4,5px 4px 0 #f6f5ef,7px 5px 0 #8b897d;overflow:hidden}
.guide-paper img{display:block;width:100%;height:auto}
.paper-reflection{inset:-10%;mix-blend-mode:soft-light}
.model-connector{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.model-detail{position:relative;width:68%;max-width:600px;margin-left:auto;padding:26px 30px 22px;background:linear-gradient(125deg,#29271f,#171718 55%,#1e1c17);border:1px solid #d4a93766;border-radius:10px;box-shadow:inset 0 1px 0 #fff1,0 30px 60px #0009;transform:rotateY(-3deg)}
.model-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d0bb85;font-size:.75rem;line-height:1.5;margin-bottom:16px}
.model-meta>span:last-child{color:#b2aea4}
.model-detail h3{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.35;letter-spacing:-.04em;margin:0 0 9px;color:#fafafa}
.model-context{margin:0;color:#b6b6bd;font-size:.83rem;line-height:1.6}
.model-comparison{display:grid;gap:20px;margin:22px 0}
.model-row-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.88rem;line-height:1.5;color:#ece9e1;margin-bottom:8px}
.model-row-label small{font-size:.75rem;color:#b6b6bd}
.model-track{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:16px;align-items:center;min-height:30px}
.model-bar{position:relative;display:block;width:var(--bar-width);height:20px;overflow:hidden;border-radius:2px}
.model-bar-gold{background:linear-gradient(90deg,#9d7424,#edc755 80%,#ffebac);box-shadow:inset 0 1px 0 #fff6,0 0 22px #d4a9371f}
.model-bar-fixed{background:linear-gradient(90deg,#484849,#85847e);box-shadow:inset 0 1px 0 #fff2}
.model-track strong{display:flex;align-items:baseline;gap:7px;color:#f6e3b1;font-size:1.4rem;font-weight:600;letter-spacing:-.035em}
.model-track strong small{font-size:.7rem;color:#b6b6bd;font-weight:400;letter-spacing:0}
.model-row:last-child .model-track strong{color:#c3c1ba}
.bar-reflection{position:absolute;inset:0;background:linear-gradient(105deg,transparent,#fff7,transparent);transform:translateX(-120%)}
.model-outcome{border-top:1px solid #ffffff13;padding-top:17px;margin:0;color:#e2ddcf;font-size:.85rem;line-height:1.5}
.model-assumptions{margin:7px 0 0;color:#a8a6a2;font-size:.72rem;line-height:1.5}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .route-signal{animation:guideSignal 8.4s linear var(--signal-delay) infinite}
  .motion-ready .decision-questions li{animation:guideQuestion 8.4s ease-in-out var(--signal-delay) infinite}
  .motion-ready .chip-reflection{animation:guideReflection 8.4s ease-in-out infinite}
  .motion-ready .guide-paper{animation:guidePaperFloat 9s ease-in-out infinite}
  .motion-ready .model-detail{animation:guideDetailFloat 9s ease-in-out infinite}
  .motion-ready .paper-reflection{animation:guideReflection 9s ease-in-out infinite}
  .motion-ready .bar-reflection{animation:guideBarLight 9s ease-in-out infinite}
  .guide-visual.motion-ready .visual-animated{animation-play-state:paused}
  .guide-visual.is-active .visual-animated{animation-play-state:running}
  @keyframes guideSignal{0%{stroke-dashoffset:8;opacity:0}5%{opacity:.95}26%{stroke-dashoffset:-100;opacity:.95}31%,100%{stroke-dashoffset:-100;opacity:0}}
  @keyframes guideQuestion{0%,22%,48%,100%{color:#dad7cf}30%,39%{color:#ffe3a0}}
  @keyframes guideReflection{0%,10%{transform:translateX(-100%);opacity:0}18%{opacity:1}44%,100%{transform:translateX(100%);opacity:0}}
  @keyframes guidePaperFloat{0%,100%{transform:translateY(0) rotateY(14deg) rotateZ(-8deg)}50%{transform:translateY(-7px) rotateY(11deg) rotateZ(-7deg)}}
  @keyframes guideDetailFloat{0%,100%{transform:translateY(0) rotateY(-3deg)}50%{transform:translateY(5px) rotateY(-1deg)}}
  @keyframes guideBarLight{0%,28%{transform:translateX(-120%)}50%,100%{transform:translateX(120%)}}
}
@media(max-width:960px){.decision-stage{margin-inline:24px}.decision-origin{left:20%;width:145px}.decision-chip{width:80px;height:80px}.decision-questions li{padding-left:20px}.model-detail{width:74%;padding:24px}.guide-paper{left:6%;width:260px}.model-stage{padding:108px 3% 26px}}
@media(max-width:640px){
  .guide-visual{margin:26px 0 30px;border-radius:0}
  .decision-visual{margin:20px 0 24px}
  .decision-stage{height:300px;margin:16px 12px}
  .decision-routes{display:none}
  .decision-origin{left:50%;top:2px;transform:translateX(-50%);width:220px}
  .decision-chip{width:64px;height:64px;border-radius:15px}
  .chip-face{border-radius:14px}
  .chip-face>svg{width:36px;height:36px}
  .decision-origin p{top:calc(100% + 12px);font-size:.85rem}
  .decision-questions{left:14px;right:2px;top:144px;bottom:0;grid-template-rows:repeat(3,1fr);border-left:1px solid #9d82454f}
  .decision-questions:before{content:'';position:absolute;left:-1px;top:-26px;width:calc(50% - 12px);height:27px;border-top:1px solid #9d82454f;border-left:1px solid #9d82454f;border-radius:12px 0 0 0}
  .decision-questions li{padding-left:34px;font-size:1rem;letter-spacing:-.025em}
  .decision-terminal{left:16px;width:7px;height:7px}
  .decision-questions li:before{content:'';position:absolute;left:0;top:50%;width:17px;height:1px;background:#be9b545c}
  .model-visual{margin:22px auto 26px}
  .model-stage{min-height:0;padding:218px 12px 24px;perspective:none}
  .guide-paper{width:198px;left:calc(50% - 108px);top:34px}
  .model-connector{display:none}
  .model-detail{width:100%;max-width:none;margin:0;padding:20px 18px 18px;transform:none}
  .model-meta{font-size:.75rem;gap:8px;margin-bottom:12px}
  .model-detail h3{font-size:1.2rem}
  .model-context{font-size:.78rem}
  .model-comparison{gap:16px;margin:18px 0}
  .model-row-label{align-items:start;flex-direction:column;gap:0;font-size:.86rem}
  .model-row-label small{font-size:.7rem}
  .model-track{grid-template-columns:minmax(0,1fr) 6rem;gap:12px}
  .model-track strong{font-size:1.25rem;gap:5px}
  .model-track strong small{font-size:.68rem}
  .model-outcome{font-size:.82rem;padding-top:14px}
  .model-assumptions{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.guide-visual .visual-animated{animation:none!important}.route-signal,.chip-reflection,.paper-reflection,.bar-reflection{display:none}.guide-paper{transform:rotate(-6deg)}.model-detail{transform:none}}