.intelligence-section{position:relative;overflow:hidden;background:#070b12;border-block:1px solid var(--line)}
.engineering-bridge{position:relative;overflow:hidden;padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);background:linear-gradient(120deg,rgba(89,242,208,.12),rgba(167,113,255,.12) 55%,transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.engineering-bridge:after{content:'AI';position:absolute;right:-.04em;bottom:-.26em;color:rgba(89,242,208,.1);font:900 clamp(12rem,35vw,36rem)/.7 var(--sans);letter-spacing:-.13em;pointer-events:none}.engineering-bridge>div{position:relative;z-index:1;display:grid;grid-template-columns:1fr minmax(16rem,26rem);align-items:end;gap:3rem}.engineering-bridge h2{margin:.7rem 0 0;font-size:clamp(3rem,7vw,7rem);line-height:.88;letter-spacing:-.07em}.engineering-bridge h2 em{color:var(--mint);font-family:var(--serif);font-weight:400}.bridge-index{margin:0;color:var(--mint);font:600 .63rem var(--mono);letter-spacing:.08em}.bridge-action p{margin:0 0 1.25rem;color:var(--muted);line-height:1.65;max-width:45ch}.bridge-action .button{display:inline-flex}
.intelligence-section:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(89,242,208,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(89,242,208,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}
.intelligence-heading{position:relative;display:grid;grid-template-columns:1fr minmax(16rem,31rem);gap:3rem;padding-bottom:2.5rem}
.intelligence-heading h2{font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.065em;margin:.7rem 0 0}
.intelligence-heading h2 em{color:var(--mint);font-family:var(--serif);font-weight:400}
.intelligence-heading>p{align-self:end;color:#a1a7c2;line-height:1.7;max-width:52ch}
.intelligence-grid{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding-top:0;padding-bottom:1.5rem}
.compute-card{background:rgba(12,17,28,.94);border:1px solid rgba(89,242,208,.18);padding:1.25rem;min-width:0;box-shadow:inset 0 1px rgba(255,255,255,.03);color:#f3f1ff}
.compute-card.cluster-lab{grid-column:span 7}.compute-card.neural-lab{grid-column:span 5}.compute-card.attention-lab{grid-column:3/span 8}
.compute-card header{display:flex;align-items:start;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(235,239,255,.12);padding-bottom:1rem}
.compute-card h3{font-size:clamp(1.15rem,2vw,1.65rem);letter-spacing:-.04em;margin:.35rem 0 0}
.compute-status{font:700 .57rem var(--mono);letter-spacing:.08em;color:var(--mint);border:1px solid rgba(89,242,208,.35);padding:.4rem .5rem;white-space:nowrap}
.compute-status.live:before{content:'';display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%;margin-right:.45rem;box-shadow:0 0 9px var(--mint)}
.cluster-stage{height:310px;position:relative;margin:1rem 0;background:radial-gradient(circle at 50% 50%,rgba(167,113,255,.08),transparent 62%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;border:1px solid rgba(235,239,255,.08);overflow:hidden}
.cluster-point,.cluster-centroid{position:absolute;left:var(--px);top:var(--py);transform:translate(-50%,-50%)}
.cluster-point{width:7px;height:7px;border-radius:50%;background:var(--point);box-shadow:0 0 9px color-mix(in srgb,var(--point),transparent 35%);transition:left .5s,top .5s,background .35s}
.cluster-centroid{display:grid;place-items:center;width:27px;height:27px;border:2px solid var(--point);color:#fff;background:#090b14;border-radius:50%;font:700 .58rem var(--mono);box-shadow:0 0 20px color-mix(in srgb,var(--point),transparent 40%);z-index:2;transition:left .5s,top .5s}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid rgba(235,239,255,.1);margin:1rem 0}
.metric-strip span{padding:.75rem .5rem;color:#7f879f;font:500 .57rem var(--mono);text-transform:uppercase;letter-spacing:.05em;border-right:1px solid rgba(235,239,255,.1)}.metric-strip span:last-child{border:0}.metric-strip strong{display:block;color:#f3f1ff;font-size:.78rem;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis}
.compute-actions{display:flex;gap:.6rem}.compute-button{min-height:44px;padding:.65rem .9rem;border:1px solid rgba(235,239,255,.18);background:transparent;color:#f3f1ff;cursor:pointer;font:700 .64rem var(--mono);text-transform:uppercase}.compute-button:hover,.compute-button:focus-visible{border-color:var(--mint);outline:none}.compute-button.primary{background:var(--mint);color:#090b14;border-color:var(--mint)}
.compute-note{color:#8991aa;font-size:.7rem;line-height:1.55;margin:1rem 0 0;max-width:64ch}
.neural-stage{height:250px;margin:1rem 0;background:linear-gradient(110deg,rgba(89,242,208,.04),rgba(167,113,255,.07));border:1px solid rgba(235,239,255,.08)}.neural-stage svg{width:100%;height:100%}.neural-stage line{stroke:rgba(89,242,208,calc(.12 + var(--signal) * .35));stroke-width:calc(1px + var(--signal) * 1px)}.neural-stage circle{fill:rgba(167,113,255,calc(.12 + var(--activation) * .7));stroke:rgba(243,241,255,.45)}.neural-stage text{fill:#f3f1ff;text-anchor:middle;font:9px var(--mono)}
.range-control{display:grid;grid-template-columns:1fr auto;gap:.5rem;color:#a1a7c2;font:600 .63rem var(--mono);text-transform:uppercase}.range-control output{color:var(--mint)}.range-control input{grid-column:1/-1;width:100%;accent-color:var(--mint);min-height:24px}
.attention-copy{margin:1.2rem 0}.attention-copy p{font-size:.75rem;color:#8991aa}.token-row{display:flex;gap:.35rem;flex-wrap:wrap}.attention-token{min-height:44px;padding:.5rem .65rem;background:#101827;color:#a1a7c2;border:1px solid rgba(235,239,255,.12);font:600 .67rem var(--mono);cursor:pointer}.attention-token:hover,.attention-token:focus-visible,.attention-token.is-active{color:#090b14;background:var(--mint);border-color:var(--mint);outline:none}
.attention-bars{display:grid;gap:.7rem;padding:1rem 0}.attention-bars>div{display:grid;grid-template-columns:5.5rem 1fr 3rem;gap:.7rem;align-items:center;font:600 .62rem var(--mono)}.attention-bars span{overflow:hidden;text-overflow:ellipsis}.attention-bars i{height:7px;background:#192033;overflow:hidden}.attention-bars b{display:block;height:100%;background:linear-gradient(90deg,var(--plasma),var(--mint));box-shadow:0 0 12px var(--mint);transition:width .45s ease}.attention-bars strong{text-align:right;color:var(--mint)}
.intelligence-footer{position:relative;display:flex;justify-content:center;gap:clamp(1rem,5vw,5rem);padding-top:1.5rem;padding-bottom:3rem;border-top:1px solid rgba(235,239,255,.1);color:#727b94;font:600 .59rem var(--mono);letter-spacing:.05em;text-transform:uppercase}.intelligence-footer span{color:var(--mint);margin-right:.4rem}
[data-theme="light"] .intelligence-section{background:#101322}[data-theme="light"] .compute-card{background:#121829}
[data-theme="light"] .intelligence-section{background:var(--surface-2);color:var(--cloud)}[data-theme="light"] .compute-card{background:var(--surface);color:var(--cloud);border-color:color-mix(in srgb,var(--mint),transparent 60%);box-shadow:inset 0 1px rgba(9,11,20,.04)}[data-theme="light"] .compute-card header,[data-theme="light"] .metric-strip,[data-theme="light"] .metric-strip span{border-color:var(--line)}[data-theme="light"] .cluster-stage{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--plasma),transparent 90%),transparent 62%),linear-gradient(color-mix(in srgb,var(--cloud),transparent 94%) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cloud),transparent 94%) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px;border-color:var(--line)}[data-theme="light"] .cluster-centroid{background:var(--surface);color:var(--cloud)}[data-theme="light"] .metric-strip span,.range-control{color:var(--muted)}[data-theme="light"] .metric-strip strong{color:var(--cloud)}[data-theme="light"] .compute-button{border-color:var(--line);color:var(--cloud)}[data-theme="light"] .compute-button.primary{color:var(--ink);border-color:var(--mint)}[data-theme="light"] .compute-note,.attention-copy p{color:var(--muted)}[data-theme="light"] .neural-stage{border-color:var(--line)}[data-theme="light"] .neural-stage text{fill:var(--cloud)}[data-theme="light"] .attention-token{background:var(--surface-2);color:var(--muted);border-color:var(--line)}[data-theme="light"] .attention-token:hover,[data-theme="light"] .attention-token:focus-visible,[data-theme="light"] .attention-token.is-active{color:var(--ink);background:var(--mint);border-color:var(--mint)}[data-theme="light"] .attention-bars i{background:var(--surface-2)}[data-theme="light"] .intelligence-footer{color:var(--muted);border-color:var(--line)}
@media (max-width:900px){.compute-card.cluster-lab,.compute-card.neural-lab{grid-column:span 6}.compute-card.attention-lab{grid-column:2/span 10}.site-nav{gap:1rem}}
@media (max-width:700px){.engineering-bridge>div,.intelligence-heading{grid-template-columns:1fr;gap:1.25rem}.intelligence-grid{display:block}.compute-card{margin-bottom:1rem}.cluster-stage{height:260px}.intelligence-footer{display:grid;justify-content:start}.attention-bars>div{grid-template-columns:4.2rem 1fr 2.7rem}}
@media (prefers-reduced-motion:reduce){.cluster-point,.cluster-centroid,.attention-bars b{transition:none}}