/* The actual GridMind mark stays still, crisp, and at its native aspect ratio.
   These routes explain the public workflow; they are not operational signals. */
.logo-scene{position:relative;isolation:isolate;width:min(100%,510px);margin:0 auto;padding:24px 0;min-width:0}
.logo-scene-hub{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;width:212px;min-height:210px;margin:auto;padding:25px 24px;border:1px solid #a5dfbf52;border-radius:23px;background:#0a2018;box-shadow:0 15px 34px #0000001f}
.logo-scene-hub img{display:block;width:85px;height:auto;max-width:100%;aspect-ratio:1285/1224;object-fit:contain;filter:none;transform:none;translate:none;rotate:none;animation:none}
.logo-scene-hub strong{font-size:24px;line-height:1.2;font-weight:850;letter-spacing:-.035em;color:#e5f7ed}
.logo-scene-hub small{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.12em;color:#a0cbb4}
.logo-scene-routes{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:47px;overflow:hidden}
.logo-scene-routes:before{content:"";position:absolute;left:calc((100% - 24px)/6);right:calc((100% - 24px)/6);top:25px;height:1px;background:#a6e6c24d}
.logo-scene-routes:after{content:"";position:absolute;left:calc(50% - .5px);top:0;width:1px;height:26px;background:#a6e6c24d}
.logo-scene-routes span{position:relative}
.logo-scene-routes span:before{content:"";position:absolute;left:calc(50% - .5px);bottom:0;width:1px;height:22px;background:#a6e6c24d}
.logo-scene-routes i{position:absolute;left:calc(50% - 2px);top:2px;width:4px;height:4px;border-radius:50%;background:#bfe9d1;opacity:0;animation:logo-scene-packet 4.5s cubic-bezier(.4,0,.2,1) 1 both}
.logo-scene-nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.logo-scene-nodes li{position:relative;display:grid;align-content:start;gap:9px;min-width:0;min-height:100px;padding:20px 15px;border:1px solid #b6e7cb30;border-radius:14px;background:#0b241a}
.logo-scene-nodes span{font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.09em;color:#8bcaa6}
.logo-scene-nodes strong{font-size:15px;line-height:1.45;font-weight:650;color:#d9efdf}
.logo-scene figcaption{margin-top:20px;color:#8dae9b;font-size:11px;line-height:1.7;text-align:center}
@keyframes logo-scene-packet{0%,15%{transform:translateY(0);opacity:0}25%{opacity:.7}75%{transform:translateY(20px);opacity:.7}100%{transform:translateY(20px);opacity:0}}
@media(min-width:701px) and (max-width:1000px){.logo-scene-hub{width:174px;min-height:190px;padding-inline:18px}.logo-scene-hub img{width:72px}.logo-scene-hub strong{font-size:22px}.logo-scene-nodes{gap:8px}.logo-scene-routes{gap:8px}.logo-scene-routes:before{left:calc((100% - 16px)/6);right:calc((100% - 16px)/6)}.logo-scene-nodes li{padding:17px 10px;min-height:111px}.logo-scene-nodes strong{font-size:13px}.logo-scene-nodes span{font-size:9px;letter-spacing:.02em}}
@media(max-width:700px){
 .logo-scene{width:100%;max-width:440px;padding:0;margin:0 auto}
 .logo-scene-hub{grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;align-content:center;gap:7px 18px;width:100%;min-height:116px;padding:22px;border-radius:19px;box-shadow:none}
 .logo-scene-hub img{grid-column:1;grid-row:1/3;width:70px;height:auto}
 .logo-scene-hub strong{grid-column:2;grid-row:1;align-self:end;font-size:25px;line-height:1.2}
 .logo-scene-hub small{grid-column:2;grid-row:2;align-self:start;font-size:10px;line-height:1.6;letter-spacing:.075em}
 .logo-scene-routes{height:28px;display:block}.logo-scene-routes span{display:none}.logo-scene-routes:before{left:7px;right:50%;top:14px;height:1px}.logo-scene-routes:after{height:15px}.logo-scene-routes span:first-child{display:block;position:absolute;left:7px;top:14px;bottom:0;width:1px;background:#a6e6c24d}.logo-scene-routes span:first-child:before{display:none}.logo-scene-routes i{display:none}
 .logo-scene-nodes{grid-template-columns:minmax(0,1fr);gap:10px;position:relative;padding-left:22px}
 .logo-scene-nodes:before{content:"";position:absolute;left:7px;top:0;bottom:37px;width:1px;background:#a6e6c24d}
 .logo-scene-nodes li{display:grid;grid-template-columns:92px minmax(0,1fr);align-content:center;align-items:center;gap:12px;min-height:74px;padding:18px;border-radius:14px;background:#0b241a}
 .logo-scene-nodes li:before{content:"";position:absolute;left:-15px;top:calc(50% - .5px);width:14px;height:1px;background:#a6e6c24d}
 .logo-scene-nodes span{font-size:10px;line-height:1.6;letter-spacing:.07em}
 .logo-scene-nodes strong{font-size:16px;line-height:1.5;font-weight:650}
 .logo-scene figcaption{font-size:12px;line-height:1.75;text-align:left;margin:17px 0 0;color:#9ab9a6}
}
@media(max-width:360px){.logo-scene-hub{padding:20px;gap:6px 14px;grid-template-columns:62px minmax(0,1fr)}.logo-scene-hub img{width:62px}.logo-scene-hub strong{font-size:23px}.logo-scene-hub small{font-size:9px}.logo-scene-nodes li{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:16px}.logo-scene-nodes strong{font-size:15px}}
@media(prefers-reduced-motion:reduce){.logo-scene-routes i{display:none;animation:none}}
