:root{--background:#04050d;--background-soft:#090b18;--card:#0c1022b8;--card-strong:#0f142beb;--border:#b4beff29;--border-strong:#7d5cff6b;--text:#f6f8ff;--muted:#a9b3d4;--accent:#7dd3fc;--accent-2:#c084fc;--accent-3:#22d3ee;--pink:#f0abfc;--success:#8bffcf;--warning:#facc15;--shadow:0 26px 90px #00000070;--radius-lg:32px;--radius-md:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:100%;text-size-adjust:100%}body{color:var(--text);background:radial-gradient(circle at 18% 12%,#7d5cff57,#0000 26rem),radial-gradient(circle at 84% 10%,#22d3ee3d,#0000 24rem),radial-gradient(circle at 55% 54%,#f0abfc21,#0000 32rem),linear-gradient(#04050d 0%,#070918 42%,#03040a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{background-image:linear-gradient(#7dd3fc0e 1px,#0000 1px),linear-gradient(90deg,#c084fc0e 1px,#0000 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}body:after{mix-blend-mode:screen;background:linear-gradient(120deg,#0000 0 42%,#7dd3fc0d 45%,#0000 48%),linear-gradient(50deg,#0000 0 58%,#f0abfc0a 61%,#0000 64%)}main{overflow:hidden}a{color:inherit}.topNav,.hero,.section,footer{width:min(1180px,100% - 40px);margin-inline:auto}.topNav{z-index:10;-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#050712a8;border:1px solid #b4beff2e;border-radius:999px;justify-content:space-between;align-items:center;gap:16px;min-height:62px;margin-top:14px;padding:10px 12px 10px 18px;display:flex;position:sticky;top:14px;box-shadow:0 18px 60px #00000047}.topNav .brand{color:var(--text);letter-spacing:-.04em;align-items:center;gap:10px;font-weight:950;text-decoration:none;display:inline-flex}.topNav .brand span{background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--pink));color:#050716;border-radius:12px;place-items:center;width:34px;height:34px;font-size:.82rem;display:grid;box-shadow:0 0 34px #c084fc52}.topNav div{gap:4px;display:flex}.topNav a:not(.brand){color:var(--muted);border-radius:999px;padding:9px 13px;font-size:.9rem;font-weight:850;text-decoration:none;transition:color .18s,background .18s,transform .18s}.topNav a:not(.brand):hover,.topNav a:not(.brand):focus-visible{color:var(--text);background:#ffffff17;outline:none;transform:translateY(-1px)}.hero{place-items:center;min-height:calc(94svh - 86px);padding:78px 0 62px;display:grid}.heroGrid{grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:clamp(30px,5.5vw,70px);display:grid}.heroCopy{position:relative}.eyebrow,.tag{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:.75rem;font-weight:950}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.09em;max-width:11ch;margin-bottom:26px;font-size:clamp(4rem,10.6vw,9.4rem);line-height:.84}h1 span,.featuredSection h2{background:linear-gradient(100deg,#fff 0%,#bdefff 34%,#c084fc 68%,#f0abfc 100%);color:#0000;-webkit-background-clip:text;background-clip:text}h2{color:#f8fbff;letter-spacing:-.045em;max-width:820px;margin-bottom:22px;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.04}.featuredSection h2{letter-spacing:-.055em;max-width:920px;margin-bottom:24px;font-size:clamp(2.05rem,4vw,3.65rem);line-height:.98}h3{letter-spacing:-.03em;margin-bottom:10px;font-size:1.22rem}.lead{max-width:760px;color:var(--muted);font-size:clamp(1.06rem,2vw,1.38rem)}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.actions a{background:linear-gradient(135deg,#7dd3fc38,#c084fc33);border:1px solid #7dd3fc7a;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:950;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 46px #7dd3fc26}.actions a:after{content:"";background:linear-gradient(110deg,#0000,#ffffff38,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-120%)}.actions a:hover{border-color:#f0abfc8c;transform:translateY(-2px);box-shadow:0 22px 60px #c084fc2e}.actions a:hover:after{transform:translate(120%)}.actions a.secondary{border-color:var(--border);box-shadow:none;background:#ffffff0e}.heroStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:820px;margin-top:34px;display:grid}.heroStats div,.card,.appCard,.note,.introBand article,.signalPanel,.securityCard,.layeredMap,.neuralVisual{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);background:linear-gradient(145deg,#ffffff14,#ffffff09)}.heroStats div{border-radius:20px;flex-direction:column;justify-content:space-between;min-height:88px;padding:14px;display:flex}.heroStats span{color:var(--muted);font-size:.76rem;font-weight:850;display:block}.heroStats strong{color:#f8fbff;margin-top:4px;font-size:.92rem;line-height:1.18;display:block}.section{padding:94px 0;scroll-margin-top:96px}.section>p:not(.eyebrow),.card p,.appCard p,.signalPanel p,footer p{color:var(--muted)}.grid{gap:18px;margin-top:28px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:var(--radius-lg);padding:25px;transition:transform .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.card:before,.appCard:before,.securityCard:before,.signalPanel:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 20% 0,#7dd3fc24,#0000 15rem);transition:opacity .18s;position:absolute;inset:0}.card:hover,.appCard:hover,.securityCard:hover,.signalPanel:hover{border-color:#7dd3fc57;transform:translateY(-4px)}.card:hover:before,.appCard:hover:before,.securityCard:hover:before,.signalPanel:hover:before{opacity:1}.card.compact{padding:22px}.cardIcon{width:48px;height:48px;color:var(--accent);background:linear-gradient(135deg,#7dd3fc33,#c084fc2e);border:1px solid #7dd3fc3d;border-radius:17px;place-items:center;margin-bottom:18px;font-size:1.45rem;display:grid;box-shadow:0 0 28px #7dd3fc21}.card ul,.appCard ul{color:var(--muted);margin:16px 0 0;padding-left:20px}.card li,.appCard li{margin:8px 0}.introBand{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:30px;display:grid}.introBand article{border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden}.introBand article>span,.capabilityCard>span{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--pink));border-radius:999px;width:46px;height:5px;margin-bottom:18px;display:block;box-shadow:0 0 24px #c084fc57}.layeredMap{border-radius:36px;gap:14px;margin:34px 0 28px;padding:24px;display:grid;position:relative;overflow:hidden}.layeredMap:before{content:"";background:conic-gradient(from 180deg,#0000,#7dd3fc1f,#0000,#f0abfc1c,#0000);animation:18s linear infinite rotateGlow;position:absolute;inset:-40%}.architectureLayer{--index:0;background:rgba(4, 6, 18, calc(.54 + (var(--index) * .04)));transform:translateX(calc(var(--index) * 14px));border:1px solid #b4beff24;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:18px;display:grid;position:relative}.architectureLayer span{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#050716;border-radius:15px;place-items:center;width:42px;height:42px;font-weight:950;display:grid}.architectureLayer strong{font-size:1.08rem;display:block}.architectureLayer p{color:var(--muted);margin:2px 0 0}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:34px 0 26px;display:grid}.pipeline article{background:radial-gradient(circle at 20% 0,#7dd3fc24,#0000 12rem),#ffffff0b;border:1px solid #b4beff29;border-radius:28px;min-height:190px;padding:22px;position:relative;overflow:hidden}.pipeline article:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:18px;height:2px;box-shadow:0 0 20px var(--accent);position:absolute;top:50%;right:-9px}.pipeline span{width:42px;height:42px;color:var(--accent);background:#7dd3fc1f;border-radius:14px;place-items:center;margin-bottom:34px;font-weight:950;display:inline-grid}.statusNote{color:var(--success);border-radius:26px;padding:22px;position:relative}.chips{flex-wrap:wrap;gap:10px;margin:24px 0;padding:0;list-style:none;display:flex}.chips li{overflow-wrap:anywhere;max-width:100%;color:var(--muted);letter-spacing:.01em;background:#ffffff0b;border:1px solid #b4beff24;border-radius:12px;padding:8px 11px;font-size:.88rem;font-weight:750}.appList{gap:18px;margin-top:32px;display:grid}.appCard{border-radius:var(--radius-lg);grid-template-columns:minmax(240px,.84fr) minmax(0,1.16fr);gap:24px;padding:28px;transition:transform .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.capabilityGrid{counter-reset:capability}.capabilityCard{counter-increment:capability}.capabilityCard:after{content:counter(capability, decimal-leading-zero);color:#ffffff14;font-size:3.6rem;font-weight:950;line-height:1;position:absolute;top:16px;right:20px}.dashboardGrid{grid-template-columns:1.25fr .875fr;gap:18px;margin-top:30px;display:grid}.signalPanel{border-radius:var(--radius-lg);padding:24px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.signalPanel.large{grid-row:span 2;min-height:360px}.signalPanel>span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:950}.bars{align-items:end;gap:12px;height:190px;display:flex;position:absolute;inset:auto 24px 24px}.bars i{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:18px 18px 6px 6px;flex:1;animation:3s ease-in-out infinite barPulse;box-shadow:0 0 30px #7dd3fc24}.bars i:first-child{height:42%}.bars i:nth-child(2){height:70%;animation-delay:-.4s}.bars i:nth-child(3){height:52%;animation-delay:-.8s}.bars i:nth-child(4){height:86%;animation-delay:-1.2s}.bars i:nth-child(5){height:64%;animation-delay:-1.6s}.securityGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px;display:grid}.securityCard{border-radius:26px;padding:22px;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.securityCard span{width:34px;height:34px;color:var(--success);background:#8bffcf1f;border-radius:50%;place-items:center;margin-bottom:16px;font-weight:950;display:grid}footer{border-top:1px solid var(--border);justify-content:space-between;gap:18px;padding:50px 0 72px;display:flex}footer a{color:var(--accent);font-weight:950;text-decoration:none}.ownerAttribution{margin:6px 0 0}.ownerAttribution a{color:var(--text)}.reveal{animation:.72s both revealUp}.neuralVisual{isolation:isolate;background:radial-gradient(circle at 50% 36%,#7dd3fc33,#0000 16rem),radial-gradient(circle at 56% 58%,#c084fc33,#0000 18rem),linear-gradient(#10152edb,#040612c7);border-radius:42px;min-height:650px;position:relative;overflow:hidden}.neuralVisual:before{content:"";z-index:-2;background-image:linear-gradient(#7dd3fc14 1px,#0000 1px),linear-gradient(90deg,#c084fc12 1px,#0000 1px);background-size:34px 34px;border-radius:32px;position:absolute;inset:18px;-webkit-mask-image:radial-gradient(circle,#000,#0000 74%);mask-image:radial-gradient(circle,#000,#0000 74%)}.neuralVisual:after{content:"";z-index:-3;background:conic-gradient(from 80deg,#0000,#7dd3fc21,#0000,#f0abfc21,#0000);animation:16s linear infinite rotateGlow;position:absolute;inset:-45%}.visualTopbar{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.visualTopbar span,.terminalHeader{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950}.visualTopbar div{gap:6px;display:flex}.visualTopbar i{background:var(--accent);width:9px;height:9px;box-shadow:0 0 16px var(--accent);border-radius:50%}.visualTopbar i:nth-child(2){background:var(--accent-2);box-shadow:0 0 16px var(--accent-2)}.visualTopbar i:nth-child(3){background:var(--success);box-shadow:0 0 16px var(--success)}.brainCore{place-items:center;width:220px;height:220px;display:grid;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.brainRing{border:1px solid #7dd3fc57;border-radius:42% 58% 48% 52%;animation:8s ease-in-out infinite morphRing;position:absolute;inset:0}.ringTwo{border-color:#f0abfc61;animation-duration:6s;animation-direction:reverse;inset:24px}.brainChip{text-align:center;background:linear-gradient(135deg,#7dd3fc2e,#c084fc29),#050712d1;border:1px solid #7dd3fc6b;border-radius:36px;place-items:center;width:124px;height:124px;display:grid;box-shadow:0 0 70px #7dd3fc33,inset 0 1px #ffffff1f}.brainChip small{color:var(--muted);font-weight:850}.brainChip strong{letter-spacing:-.08em;margin-top:-18px;font-size:2.35rem}.orbitCard{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050814ad;border:1px solid #b4beff2b;border-radius:20px;width:170px;padding:14px;animation:5s ease-in-out infinite floatNode;position:absolute;box-shadow:0 18px 48px #00000047}.orbitCard span{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:950;display:block}.orbitCard strong{margin-top:3px;display:block}.orbitCardOne{top:128px;left:34px}.orbitCardTwo{animation-delay:-1.1s;top:156px;right:28px}.orbitCardThree{animation-delay:-2.2s;bottom:190px;left:42px}.orbitCardFour{animation-delay:-3.3s;bottom:166px;right:32px}.meshLine{transform-origin:0;z-index:1;background:linear-gradient(90deg,#0000,#7dd3fc6b,#0000);height:1px;position:absolute}.meshLineA{width:68%;top:34%;left:16%;transform:rotate(24deg)}.meshLineB{width:68%;top:62%;left:16%;transform:rotate(-24deg)}.meshLineC{width:62%;top:48%;left:20%}.neuron{background:var(--accent);width:11px;height:11px;box-shadow:0 0 24px var(--accent);z-index:2;border-radius:50%;animation:2s ease-in-out infinite statusBlink;position:absolute}.n1{top:34%;left:18%}.n2{animation-delay:-.4s;top:38%;right:18%}.n3{animation-delay:-.8s;top:63%;left:21%}.n4{animation-delay:-1.2s;top:62%;right:19%}.n5{background:var(--pink);box-shadow:0 0 24px var(--pink);animation-delay:-1.6s;top:48%;left:50%}.signal{background:var(--accent);width:12px;height:12px;box-shadow:0 0 24px var(--accent);z-index:4;border-radius:50%;position:absolute;top:42%;left:50%}.s1{animation:3.4s linear infinite signalOne}.s2{animation:3.8s linear .7s infinite signalTwo}.s3{animation:4.1s linear 1.2s infinite signalThree}.terminalCard{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02050ebd;border:1px solid #7dd3fc2e;border-radius:22px;padding:16px;position:absolute;bottom:24px;left:24px;right:24px;box-shadow:0 18px 46px #00000047}.terminalHeader{align-items:center;gap:8px;margin-bottom:10px;display:flex}.terminalHeader span{background:var(--success);width:9px;height:9px;box-shadow:0 0 16px var(--success);border-radius:50%}.terminalCard code{color:#dff7ff;white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.86rem;line-height:1.7;display:block}.terminalCard b{color:var(--pink);font-weight:800}@keyframes revealUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateGlow{to{transform:rotate(1turn)}}@keyframes morphRing{0%,to{border-radius:42% 58% 48% 52%;transform:rotate(0)scale(1)}50%{border-radius:58% 42% 56% 44%;transform:rotate(22deg)scale(1.06)}}@keyframes floatNode{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes statusBlink{0%,to{opacity:.54;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes barPulse{0%,to{filter:saturate();transform:scaleY(.96)}50%{filter:saturate(1.5);transform:scaleY(1.04)}}@keyframes signalOne{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate(-240px,-146px)scale(1)}}@keyframes signalTwo{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate(210px,-112px)scale(1)}}@keyframes signalThree{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1}to{opacity:0;transform:translate(194px,140px)scale(1)}}@media (max-width:980px){.heroGrid,.grid.two,.grid.three,.introBand,.pipeline,.appCard,.dashboardGrid,.securityGrid{grid-template-columns:1fr}.hero{place-items:start;min-height:auto}.heroStats{grid-template-columns:repeat(2,minmax(0,1fr))}.pipeline article:not(:last-child):after{width:2px;height:16px;inset:auto auto -8px 38px}.architectureLayer{transform:none}.signalPanel.large{min-height:320px}footer{flex-direction:column}}@media (max-width:680px){.topNav,.hero,.section,footer{width:min(100% - 24px,1180px)}.topNav{border-radius:25px;flex-direction:column;align-items:stretch;gap:8px;padding:12px;top:8px}.topNav div{scrollbar-width:none;width:100%;padding-bottom:2px;overflow-x:auto}.topNav div::-webkit-scrollbar{display:none}.topNav a{white-space:nowrap}.hero{padding:48px 0 36px}h1{letter-spacing:-.078em;max-width:9ch;margin-bottom:20px;font-size:clamp(3.3rem,17vw,5.2rem)}h2{font-size:clamp(2.05rem,11vw,3.05rem)}.lead{font-size:1.03rem}.actions,.heroStats{grid-template-columns:1fr;display:grid}.actions a{width:100%}.section{padding:62px 0;scroll-margin-top:138px}.card,.appCard,.note,.introBand article,.signalPanel,.securityCard,.layeredMap{border-radius:24px}.card,.card.compact,.appCard,.introBand article,.signalPanel,.securityCard,.layeredMap{padding:18px}.neuralVisual{border-radius:30px;min-height:620px}.visualTopbar{top:18px;left:18px;right:18px}.brainCore{width:180px;height:180px;top:39%}.brainChip{border-radius:30px;width:108px;height:108px}.brainChip strong{font-size:2rem}.orbitCard{width:145px;padding:12px}.orbitCardOne{top:100px;left:16px}.orbitCardTwo{top:136px;right:16px}.orbitCardThree{bottom:196px;left:16px}.orbitCardFour{bottom:156px;right:16px}.terminalCard{bottom:16px;left:16px;right:16px}.architectureLayer{grid-template-columns:1fr}.chips{gap:10px}.chips li{border-radius:12px;width:100%}.bars{height:150px}}@media (max-width:390px){.topNav,.hero,.section,footer{width:min(100% - 18px,1180px)}h1{font-size:clamp(2.9rem,16vw,4.25rem)}.orbitCard{width:132px;font-size:.86rem}.terminalCard code{font-size:.76rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.signal{display:none}}@media (max-width:680px){.section{scroll-margin-top:190px}.section h2{margin-top:0;margin-bottom:20px;line-height:1.08}.featuredSection h2{line-height:1.02}.pipeline{gap:12px;margin-top:26px}.pipeline article{border-radius:24px;min-height:auto;padding:20px}.pipeline span{border-radius:13px;width:38px;height:38px;margin-bottom:22px}.pipeline h3{margin-bottom:8px}.pipeline p{margin-bottom:0}.pipeline article:not(:last-child):after{height:18px;bottom:-10px;left:38px}}.systemMap{box-shadow:var(--shadow), inset 0 1px 0 #ffffff17;isolation:isolate;background:radial-gradient(circle at 18% 20%,#7dd3fc29,#0000 18rem),radial-gradient(circle at 78% 36%,#c084fc2e,#0000 20rem),linear-gradient(145deg,#ffffff13,#ffffff08);border:1px solid #7dd3fc38;border-radius:38px;margin:36px 0 30px;padding:24px;position:relative;overflow:hidden}.systemMap:before{content:"";z-index:-3;background-image:linear-gradient(#7dd3fc12 1px,#0000 1px),linear-gradient(90deg,#c084fc0f 1px,#0000 1px);background-size:36px 36px;border-radius:30px;position:absolute;inset:18px;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.mapGlow{filter:blur(26px);opacity:.55;pointer-events:none;z-index:-2;border-radius:999px;position:absolute}.mapGlowOne{background:#7dd3fc2e;width:180px;height:180px;top:18%;left:12%}.mapGlowTwo{background:#f0abfc29;width:220px;height:220px;bottom:14%;right:10%}.mapHeader{z-index:2;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex;position:relative}.mapHeader span,.zoneLabel,.mapNode span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.mapHeader strong{letter-spacing:-.045em;margin-top:4px;font-size:clamp(1.4rem,3vw,2.25rem);line-height:1;display:block}.mapHeader p{max-width:340px;color:var(--muted);text-align:right;margin:0}.mapCanvas{z-index:2;grid-template-columns:.85fr 42px .95fr 42px minmax(320px,1.45fr) 42px .95fr;align-items:center;gap:0;min-height:470px;display:grid;position:relative}.mapColumn,.clusterZone{background:#04071475;border:1px solid #b4beff21;border-radius:28px;min-height:400px;padding:18px;position:relative}.mapColumn{align-content:center;gap:16px;display:grid}.zoneLabel{color:#ddf4ffb8;position:absolute;top:16px;left:18px}.mapNode{background:#ffffff0e;border:1px solid #b4beff29;border-radius:22px;padding:17px;position:relative;overflow:hidden;box-shadow:0 18px 44px #0003}.mapNode:after,.platformTile:after,.workloadPod:after{content:"";background:linear-gradient(120deg,#0000,#ffffff24,#0000);animation:5.5s ease-in-out infinite shimmerMap;position:absolute;inset:0;transform:translate(-130%)}.mapNode strong{margin-top:5px;font-size:1rem;display:block}.externalNode{background:linear-gradient(135deg,#7dd3fc29,#22d3ee14);border-color:#7dd3fc5c}.repoNode{background:linear-gradient(135deg,#c084fc26,#f0abfc12);border-color:#c084fc52}.edgeStack{gap:12px;display:grid}.edgeNode.primary{background:linear-gradient(135deg,#8bffcf21,#7dd3fc14);border-color:#8bffcf47}.miniPill{color:var(--muted);letter-spacing:.01em;text-align:center;background:#ffffff0a;border:1px solid #b4beff24;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:750}.mapConnector{background:linear-gradient(90deg,#7dd3fc1a,#7dd3fcd9,#c084fc2e);height:3px;position:relative;overflow:hidden;box-shadow:0 0 22px #7dd3fc57}.mapConnector:after{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);animation:2.2s linear infinite connectorFlow;position:absolute;inset:-8px}.connectorB:after{animation-delay:.35s}.connectorC:after{animation-delay:.7s}.clusterZone{background:radial-gradient(circle at 50% 38%,#7dd3fc1f,#0000 15rem),#0609189e;border-color:#c084fc3d;min-height:470px;padding:22px}.clusterShell{grid-template-rows:auto 1fr auto;gap:16px;height:100%;min-height:410px;padding-top:42px;display:grid;position:relative}.controlRing{z-index:2;border:1px dashed #7dd3fc59;border-radius:48% 52% 44% 56%;place-self:center;place-items:center;width:clamp(132px,12vw,158px);height:clamp(132px,12vw,158px);animation:8s ease-in-out infinite morphRing;display:grid;position:relative}.controlCore{text-align:center;background:linear-gradient(135deg,#7dd3fc2e,#c084fc26),#030612db;border:1px solid #7dd3fc66;border-radius:30px;place-items:center;width:clamp(88px,8vw,100px);height:clamp(88px,8vw,100px);padding:12px;display:grid;box-shadow:0 0 48px #7dd3fc2e}.controlCore span{color:var(--accent);letter-spacing:-.08em;font-size:clamp(1.35rem,2vw,1.58rem);font-weight:950}.controlCore strong{color:var(--muted);margin-top:-16px;font-size:.72rem}.platformGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-self:start;gap:10px;display:grid}.platformTile{color:#eaf6ff;text-align:center;background:#ffffff0b;border:1px solid #b4beff24;border-radius:18px;place-items:center;min-height:54px;padding:10px;font-size:.84rem;font-weight:900;display:grid;position:relative;overflow:hidden}.workloadShelf{grid-template-columns:repeat(2,minmax(112px,1fr));align-self:end;gap:10px;display:grid}.workloadPod{color:#e8f8ff;text-align:center;background:#7dd3fc0e;border:1px solid #7dd3fc2e;border-radius:18px;align-content:center;justify-items:center;gap:7px;min-width:0;min-height:64px;padding:9px 12px;font-size:.78rem;font-weight:850;line-height:1.1;display:grid;position:relative;overflow:hidden}.workloadPod span{white-space:nowrap;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;max-width:100%}.workloadPod i{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:6px;width:22px;height:14px;display:block;box-shadow:0 0 20px #7dd3fc33}.dataNode{background:linear-gradient(135deg,#c084fc24,#7dd3fc12);border-color:#c084fc4d}.observeNode{background:linear-gradient(135deg,#22d3ee21,#8bffcf12);border-color:#22d3ee52}.mapSignal{z-index:5;background:var(--accent);width:10px;height:10px;box-shadow:0 0 24px var(--accent);pointer-events:none;border-radius:999px;position:absolute}.mapSignalOne{animation:4.2s linear infinite mapPacketA;top:52%;left:18%}.mapSignalTwo{background:var(--pink);box-shadow:0 0 24px var(--pink);animation:4.6s linear .8s infinite mapPacketB;top:39%;left:18%}.mapSignalThree{background:var(--success);box-shadow:0 0 24px var(--success);animation:4.8s linear 1.2s infinite mapPacketC;top:54%;left:50%}.mapLegend{z-index:2;flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.mapLegend span{color:var(--muted);background:#ffffff0b;border:1px solid #b4beff24;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;font-weight:800;display:inline-flex}.mapLegend i{border-radius:999px;width:10px;height:10px}.legendPublic{background:var(--accent);box-shadow:0 0 14px var(--accent)}.legendPrivate{background:var(--accent-2);box-shadow:0 0 14px var(--accent-2)}.legendData{background:var(--success);box-shadow:0 0 14px var(--success)}@keyframes shimmerMap{0%,58%{transform:translate(-130%)}76%,to{transform:translate(130%)}}@keyframes connectorFlow{to{transform:translate(100%)}}@keyframes mapPacketA{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(520px)scale(1)}}@keyframes mapPacketB{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(360px,84px)scale(1)}}@keyframes mapPacketC{0%{opacity:0;transform:translate(0)scale(.6)}10%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(330px)scale(1)}}@media (max-width:1100px){.mapCanvas{grid-template-columns:1fr;gap:12px;min-height:auto}.mapColumn,.clusterZone{min-height:auto}.mapConnector{background:linear-gradient(#7dd3fc1a,#7dd3fcd9,#c084fc2e);width:3px;height:28px;margin:0 auto}.mapConnector:after{background:linear-gradient(#0000,#fff,#0000);animation:2s linear infinite connectorFlowDown}.clusterShell{min-height:420px}.mapSignal{display:none}}@keyframes connectorFlowDown{to{transform:translateY(100%)}}@media (max-width:680px){.systemMap{border-radius:28px;margin-top:28px;padding:16px}.systemMap:before{background-size:28px 28px;border-radius:22px;inset:10px}.mapHeader{gap:10px;margin-bottom:18px;display:grid}.mapHeader p{text-align:left;max-width:none}.mapColumn,.clusterZone{border-radius:22px;padding:48px 16px 16px}.clusterShell{min-height:auto;padding-top:0}.controlRing{width:150px;height:150px;margin:0 auto}.platformGrid,.workloadShelf{grid-template-columns:repeat(2,minmax(0,1fr))}.workloadPod{min-height:62px;font-size:.78rem}.mapLegend span{border-radius:16px;width:100%}}@media (prefers-reduced-motion:reduce){.mapSignal,.mapConnector:after,.mapNode:after,.platformTile:after,.workloadPod:after,.controlRing{animation:none}}
