/* Callidus brand extension: spatial illustration, native CSS, no WebGL runtime. */
:root{color-scheme:light;--bg:#f5f7e9;--surface:#fff;--ink:#263026;--muted:#596653;--line:#d6ddcb;--accent:#326e4d;--nexus:#257953;--momus:#886013;--kairos:#726091;--shadow:rgba(35,52,37,.18)}
:root[data-theme=dark]{color-scheme:dark;--bg:#0c1813;--surface:#14221b;--ink:#eef8f1;--muted:#b0c4b6;--line:#314239;--accent:#a7ebc4;--nexus:#79dfac;--momus:#edc77c;--kairos:#c5b4ed;--shadow:rgba(0,0,0,.5)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:default}a{color:var(--accent);text-underline-offset:4px}.ecosystem{max-width:1400px;margin:auto;padding:32px}.topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.topline p{margin:0;color:var(--muted);font-size:14px}.motion-toggle{border:1px solid var(--line);border-radius:8px;background:transparent;padding:10px 14px;font-size:12px;white-space:nowrap}.motion-toggle:hover{background:var(--surface)}.explorer{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:center}.scene{position:relative;width:100%;aspect-ratio:1.38;isolation:isolate;perspective:1100px}.scene-inner{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out;transform-style:preserve-3d}.orbit{position:absolute;left:7%;top:29%;width:87%;height:49%;border:1px solid var(--line);border-radius:50%;transform:rotate(-17deg);opacity:.7}.orbit.second{left:17%;top:19%;width:68%;height:68%;transform:rotate(29deg);border-style:dashed;opacity:.35}.orbit::after{content:"";position:absolute;inset:18px;border:1px solid var(--line);border-radius:50%;opacity:.35}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.route{fill:none;stroke:var(--accent);stroke-width:1.4;opacity:.2;vector-effect:non-scaling-stroke}.stream{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:3 27;vector-effect:non-scaling-stroke;animation:flow 4s linear infinite;opacity:.7}.return-stream{animation-direction:reverse;display:none}.scene[data-mode=actions] .outbound-stream{display:none}.scene[data-mode=actions] .return-stream{display:block}.scene[data-mode=health] .energy-path,.scene[data-mode=energy] .health-path{opacity:.07}.scene[data-mode=health] .energy-node,.scene[data-mode=energy] .health-node{opacity:.45}.node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:152px;background:none;border:0;padding:0;z-index:2;text-align:center;transition:opacity .3s}.node-icon{display:block;position:relative;width:80px;height:80px;margin:0 auto 16px;transform:rotateX(12deg) rotateY(-15deg) rotateZ(-6deg);animation:float 6s ease-in-out infinite;filter:drop-shadow(0 17px 12px var(--shadow));transition:filter .3s}.node-icon::before{content:"";position:absolute;inset:8px -4px -5px 5px;border-radius:23px;background:var(--node-color);opacity:.6}.node-icon img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff60;border:1px solid #ffffff45}.node strong{display:block;font-size:17px;letter-spacing:.08em;font-weight:750}.node small{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:4px}.node:hover .node-icon,.node[aria-pressed=true] .node-icon{filter:drop-shadow(0 16px 20px var(--shadow)) drop-shadow(0 0 8px var(--node-color))}.node[aria-pressed=true] strong{text-decoration:underline;text-decoration-color:var(--node-color);text-underline-offset:7px}.health-node{--x:17%;--y:47%;--node-color:var(--nexus)}.energy-node{--x:79%;--y:72%;--node-color:var(--momus)}.kairos-node{--x:77%;--y:20%;--node-color:var(--kairos)}.energy-node .node-icon{animation-delay:-2s;transform:rotateX(12deg) rotateY(15deg) rotateZ(6deg)}.kairos-node .node-icon{animation-delay:-4s}.hub-node{--x:47%;--y:49%;width:190px;--node-color:var(--accent)}.hub-art{display:block;width:190px;height:190px;margin:-26px auto -21px;animation:hub-float 8s ease-in-out infinite;mask-image:radial-gradient(ellipse 50% 48%,#000 55%,transparent 100%)}.hub-art img{width:100%;height:100%;object-fit:contain}.hub-node strong{font-size:13px;letter-spacing:.13em}.hub-node small{font-size:11px}.route-label{position:absolute;font-size:10px;letter-spacing:.03em;color:var(--muted);pointer-events:none}.context-label{left:43%;top:16%}.health-label{left:14%;top:68%}.energy-label{left:55%;top:88%}.scene-note{position:absolute;bottom:0;left:0;margin:0;color:var(--muted);font-size:11px}.detail{border-left:1px solid var(--line);padding-left:28px;min-height:325px;display:flex;flex-direction:column;justify-content:center}.detail-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.detail h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.035em;line-height:1.12;margin:0 0 16px;font-weight:650}.detail p:not(.detail-kicker){font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 18px}.detail-route{padding-top:16px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--accent)}.detail a{font-size:12px;align-self:flex-start;margin-top:16px}.flow-controls{display:flex;gap:8px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);margin-top:12px}.flow-controls button{border:1px solid var(--line);background:transparent;border-radius:8px;padding:12px 15px;font-size:13px;transition:background .2s,color .2s}.flow-controls button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg)}.flow-controls button:hover{border-color:var(--accent)}.flow-caption{margin:15px 0 0;color:var(--muted);font-size:13px;line-height:1.7;min-height:44px;max-width:85ch}.consent{display:flex;align-items:baseline;gap:20px;margin-top:20px;padding:20px 0;border-top:1px solid var(--line)}.consent strong{font-size:14px;white-space:nowrap}.consent p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.more{border-top:1px solid var(--line)}summary{cursor:pointer;padding:18px 0;font-size:13px;font-weight:600}.more-content{padding:0 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.more h3{font-size:14px;margin:0 0 8px}.more p{font-size:12px;line-height:1.8;margin:0;color:var(--muted)}.more ul{padding-left:16px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 12px}.paused *,.offscreen *{animation-play-state:paused!important}.paused .scene-inner,.offscreen .scene-inner{transform:none}.no-js{font-size:13px;line-height:1.7;color:var(--muted)}
@keyframes flow{to{stroke-dashoffset:-120}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes hub-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}
@media(min-width:1200px){.explorer{grid-template-columns:minmax(0,1fr) 315px}.scene{max-height:580px}.node-icon{width:94px;height:94px}.hub-art{width:225px;height:225px;margin-left:-17px}.detail{padding-left:35px}}
@media(max-width:900px){.ecosystem{padding:24px}.explorer{grid-template-columns:minmax(0,1fr) 240px;gap:12px}.detail{padding-left:20px}.node{width:120px}.node-icon{width:64px;height:64px;margin-bottom:12px}.node-icon img,.node-icon::before{border-radius:18px}.node strong{font-size:14px}.node small{font-size:10px}.hub-node{width:145px}.hub-art{width:155px;height:155px;margin:-15px -5px -15px}.hub-node strong{font-size:11px}.route-label{display:none}.detail h2{font-size:26px}.detail p:not(.detail-kicker){font-size:13px}}
@media(max-width:680px){.ecosystem{padding:20px 16px}.topline{align-items:flex-start;gap:12px}.topline p{max-width:160px;font-size:12px;line-height:1.6}.motion-toggle{font-size:11px;padding:9px 10px}.explorer{display:block}.scene{aspect-ratio:1.12;margin:18px 0 25px}.node-icon{width:65px;height:65px}.node{width:104px}.health-node{--x:17%;--y:49%}.node small{font-size:10px}.hub-node{width:130px}.hub-art{width:142px;height:142px;margin:-15px -6px -14px}.hub-node strong{font-size:10px}.hub-node small{font-size:9px}.kairos-node{--x:77%;--y:20%}.energy-node{--x:79%;--y:72%}.scene-note{font-size:10px}.detail{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;min-height:235px;justify-content:flex-start}.detail-kicker{margin-bottom:10px}.detail h2{font-size:27px;max-width:25ch;margin-bottom:10px}.detail p:not(.detail-kicker){margin-bottom:12px}.detail-route{padding-top:10px}.detail a{margin-top:10px}.flow-controls{gap:7px;margin-top:18px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr}.flow-controls button{font-size:12px;padding:11px 7px}.flow-caption{min-height:67px;font-size:12px}.consent{display:block;margin-top:14px;padding:18px 0}.consent strong{display:block;margin-bottom:8px}.more-content{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.scene-inner{transform:none!important}.stream{stroke-dasharray:4 9}}