/* Circuit-chip directory replaces the rotating atom on the home hero. */
.home-hero .home-hero-inner{align-items:start}
.home-hero .chip-stage{position:relative;z-index:2;min-width:0;display:grid;place-items:center}
.home-hero .chip-board{position:relative;isolation:isolate;width:min(100%,600px);padding:16px 14px 12px;overflow:hidden;border:1px solid rgba(105,206,245,.42);border-radius:24px;background:linear-gradient(150deg,rgba(6,22,42,.97),rgba(8,16,42,.97) 58%,rgba(22,15,56,.96));box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 0 42px rgba(79,146,211,.1),0 0 48px rgba(37,166,226,.14)}
.home-hero .chip-board:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.32;background:radial-gradient(circle at 50% 12%,rgba(69,218,241,.2),transparent 23%),linear-gradient(rgba(110,189,238,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(110,189,238,.08) 1px,transparent 1px);background-size:auto,24px 24px,24px 24px}
.home-hero .chip-wires{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.home-hero .wire-base,.home-hero .wire-light{fill:none;stroke-linecap:round;stroke-linejoin:round}.home-hero .wire-base{stroke:rgba(78,196,232,.3);stroke-width:1}.home-hero .wire-light{stroke:#9bf6ff;stroke-width:1.35}.home-hero .wire-light path{stroke-dasharray:none;opacity:.55}.home-hero .chip-board.is-running .wire-light path{stroke-dasharray:6 994;opacity:1;animation:chip-current 11s linear infinite}.home-hero .chip-board.is-running .wire-light path:nth-child(2){animation-delay:-4s}.home-hero .chip-board.is-running .wire-light path:nth-child(3){animation-delay:-7s}
.home-hero .chip-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:92px;margin:0 0 12px;padding:2px 0 16px;border-bottom:1px solid rgba(107,210,242,.25)}
.home-hero .chip-core{position:relative;display:flex;align-items:center;gap:8px;min-width:136px;min-height:68px;padding:10px 12px;border:1px solid rgba(141,227,250,.74);border-radius:10px;background:linear-gradient(135deg,#173a61,#101d3d 62%,#25194a);box-shadow:inset 0 0 14px rgba(115,221,249,.2),0 0 20px rgba(63,205,235,.2)}
.home-hero .chip-core:before,.home-hero .chip-core:after{content:"";position:absolute;left:10px;right:10px;height:5px;background:repeating-linear-gradient(90deg,rgba(152,227,245,.72) 0 2px,transparent 2px 11px)}.home-hero .chip-core:before{top:-5px}.home-hero .chip-core:after{bottom:-5px}
.home-hero .chip-core img{width:28px;height:32px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(85,224,244,.5))}.home-hero .chip-core span{display:flex;align-items:baseline;white-space:nowrap}.home-hero .chip-core strong{color:white;font:700 14px/1 var(--font-brand,Orbitron,sans-serif);letter-spacing:-.06em}.home-hero .chip-core small{color:#c4a5ff;font:700 8px/1 var(--font-brand,Orbitron,sans-serif);letter-spacing:.08em}
.home-hero .chip-head>p{display:grid;gap:6px;margin:0;color:#eaf7ff;font:600 9px/1.35 var(--font-body,Inter,sans-serif);letter-spacing:.06em}.home-hero .chip-head>p b{color:#75e9f3;font:700 8px/1.2 var(--font-brand,Orbitron,sans-serif);letter-spacing:.12em}
.home-hero .chip-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 6px}
.home-hero .chip-node{position:relative;display:flex;min-width:0;min-height:62px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 3px;border:1px solid rgba(120,192,232,.24);border-radius:9px;background:rgba(7,21,43,.9);color:#effaff;text-decoration:none;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}
.home-hero .chip-node:before,.home-hero .chip-node:after{content:"";position:absolute;left:50%;width:12px;height:1px;background:linear-gradient(90deg,transparent,var(--node-accent),transparent);opacity:.75;transform:translateX(-50%)}.home-hero .chip-node:before{top:-4px}.home-hero .chip-node:after{bottom:-4px}
.home-hero .chip-glyph{position:relative;display:grid;place-items:center;width:31px;height:29px;border:1px solid color-mix(in srgb,var(--node-accent) 70%,#fff 5%);border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--node-accent) 24%,#112341),#0a1730 75%);color:var(--node-accent);box-shadow:inset 0 0 8px color-mix(in srgb,var(--node-accent) 16%,transparent),0 0 9px color-mix(in srgb,var(--node-accent) 16%,transparent)}
.home-hero .chip-glyph:before,.home-hero .chip-glyph:after{content:"";position:absolute;top:5px;bottom:5px;width:3px;background:repeating-linear-gradient(180deg,var(--node-accent) 0 1px,transparent 1px 5px);opacity:.8}.home-hero .chip-glyph:before{left:-4px}.home-hero .chip-glyph:after{right:-4px}
.home-hero .chip-glyph svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.home-hero .chip-label{display:-webkit-box;width:100%;overflow:hidden;color:#e7f3ff;font:600 8px/1.15 var(--font-body,Inter,sans-serif);text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.home-hero .chip-node:hover,.home-hero .chip-node:focus-visible{z-index:2;transform:translateY(-2px);border-color:color-mix(in srgb,var(--node-accent) 76%,white);background:rgba(11,34,60,.98);box-shadow:0 0 16px color-mix(in srgb,var(--node-accent) 28%,transparent)}.home-hero .chip-node:focus-visible{outline:2px solid var(--node-accent);outline-offset:2px}.home-hero .chip-node:active{transform:scale(.97)}
.home-hero .tone-c{--node-accent:#61e5f1}.home-hero .tone-b{--node-accent:#91b2ff}.home-hero .tone-v{--node-accent:#c59aff}.home-hero .tone-m{--node-accent:#71e6c1}
.home-hero .chip-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:7px;margin:13px 0 0;padding-top:10px;border-top:1px solid rgba(112,195,229,.2);color:#9bbbd0;font:600 7px/1.3 var(--font-brand,Orbitron,sans-serif);letter-spacing:.11em}.home-hero .chip-foot i{width:6px;height:6px;border-radius:50%;background:#7cf1cd;box-shadow:0 0 8px #59edc6}
@keyframes chip-current{to{stroke-dashoffset:-1000}}
@media(max-width:1180px){.home-hero .chip-board{padding:13px 11px 10px}.home-hero .chip-grid{gap:6px 5px}.home-hero .chip-node{min-height:59px}}
@media(max-width:900px){.home-hero .chip-board{width:min(100%,560px)}}
@media(max-width:640px){.home-hero .chip-board{width:min(100%,480px);padding:12px 9px 9px;border-radius:19px}.home-hero .chip-head{gap:9px;min-height:78px;padding-bottom:13px}.home-hero .chip-core{min-width:124px;min-height:59px;padding:8px}.home-hero .chip-core img{width:24px;height:28px}.home-hero .chip-core strong{font-size:12px}.home-hero .chip-head>p{font-size:8px}.home-hero .chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 5px}.home-hero .chip-node{min-height:57px;padding:4px 2px}.home-hero .chip-glyph{width:29px;height:27px}.home-hero .chip-label{font-size:7.6px}}
@media(max-width:360px){.home-hero .chip-board{padding-inline:7px}.home-hero .chip-grid{gap:5px 4px}.home-hero .chip-node{min-height:54px}.home-hero .chip-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.home-hero .wire-light path{animation:none;stroke-dasharray:none;stroke:#76e6ee}.home-hero .chip-node{transition:none}.home-hero .chip-node:hover,.home-hero .chip-node:focus-visible{transform:none}}
/* Escritorio: anima una sola corriente SVG; reduce repintados en equipos con GPU integrada. */
@media (min-width:900px) and (hover:hover){.home-hero .chip-board.is-running .wire-light path:nth-child(n+2){animation:none!important;stroke-dasharray:none;opacity:.2}}

/* Context cards live within the board and never intercept chip clicks. */
.home-hero .chip-preview{
  position:absolute;z-index:20;width:min(235px,calc(100% - 20px));padding:12px 14px;
  border:1px solid rgba(126,223,245,.62);border-radius:12px;
  background:rgba(7,25,52,.98);box-shadow:0 14px 34px rgba(0,0,0,.38);
  color:#f5fbff;pointer-events:none;opacity:0;visibility:hidden;
  transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.home-hero .chip-preview.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.home-hero .chip-preview strong{display:block;margin-bottom:5px;color:#88ecf5;font:700 11px/1.35 var(--font-body,Inter,sans-serif)}
.home-hero .chip-preview span{display:block;font:500 11px/1.45 var(--font-body,Inter,sans-serif)}
.home-hero .chip-preview small{display:block;margin-top:7px;color:#c2a4ff;font:700 9px/1.2 var(--font-body,Inter,sans-serif)}
@media(prefers-reduced-motion:reduce){.home-hero .chip-preview{transition:none;transform:none}}