:root {
  color-scheme: dark;
  --ink-000:#020407; --ink-050:#05090e; --ink-100:#081019;
  --graphite-200:#141e27; --graphite-300:#263640;
  --aluminium-400:#60707d; --aluminium-500:#8f9ca6;
  --paper-900:#f4f8fb; --paper-700:#c8d2da; --paper-500:#94a3ad;
  --cyan-500:#26baff; --cyan-400:#67d5ff; --blue-600:#0879d9;
  --teal-500:#35d1c0; --amber-500:#f0a14a; --copper-600:#9d542a; --red-500:#ff4f4f;
  --header-h:82px; --page-pad:clamp(22px,4vw,68px);
  --ease-system:cubic-bezier(.22,.61,.36,1);
  --grid-x:0px; --grid-y:0px; --drag-x:0px; --drag-y:0px;
  --focus:0 0 0 2px var(--cyan-400),0 0 0 5px var(--ink-000);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--ink-000); color:var(--paper-900);
}

* { box-sizing:border-box; }
html { min-width:320px; background:var(--ink-000); }
body { margin:0; min-height:100%; background:var(--ink-000); color:var(--paper-900); text-rendering:optimizeLegibility; }
button,a { font:inherit; }
a { color:inherit; text-underline-offset:.2em; }
button { color:inherit; }
::selection { color:var(--ink-000); background:var(--cyan-400); }
:focus-visible { outline:none; box-shadow:var(--focus); }

.skip-link { position:fixed; z-index:200; top:8px; left:12px; transform:translateY(-160%); padding:.75rem 1rem; background:var(--paper-900); color:var(--ink-000); }
.skip-link:focus { transform:none; }

.site-header { position:fixed; z-index:80; inset:0 0 auto; height:var(--header-h); display:grid; grid-template-columns:minmax(230px,1fr) auto minmax(360px,1fr); align-items:center; gap:24px; padding:0 var(--page-pad); border-bottom:1px solid rgba(143,156,166,.22); background:linear-gradient(180deg,rgba(16,23,30,.98) 0,rgba(5,9,14,.94) 11%,rgba(2,4,7,.82) 74%,rgba(2,4,7,0)); backdrop-filter:blur(10px); box-shadow:inset 0 1px rgba(244,248,251,.08),inset 0 -1px rgba(38,186,255,.08),0 14px 38px rgba(0,0,0,.28); }
.site-header::after { content:""; position:absolute; right:var(--page-pad); bottom:8px; left:var(--page-pad); height:1px; opacity:.42; background:linear-gradient(90deg,transparent 0,rgba(143,156,166,.55) 13%,rgba(38,186,255,.38) 48%,rgba(143,156,166,.2) 82%,transparent); pointer-events:none; }
.brand { min-height:44px; display:inline-flex; align-items:center; gap:12px; width:max-content; text-decoration:none; }
.brand-mark { position:relative; width:36px; height:36px; display:grid; place-items:center; border:1px solid rgba(103,213,255,.22); clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); }
.brand-mark::before,.brand-mark::after,.brand-mark i { content:""; position:absolute; inset:9px; border:1px solid var(--cyan-400); clip-path:inherit; }
.brand-mark::after { inset:15px; background:var(--cyan-400); box-shadow:0 0 14px var(--cyan-500); }
.brand strong { display:block; font-size:1rem; letter-spacing:-.02em; }
.brand small { display:block; margin-top:2px; color:var(--paper-500); font:600 .55rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.16em; text-transform:uppercase; }

.site-nav { display:flex; align-items:center; gap:clamp(14px,2vw,30px); }
.site-nav a { position:relative; min-width:44px; min-height:44px; padding-inline:6px; display:grid; place-items:center; color:var(--paper-700); text-decoration:none; font-size:.76rem; letter-spacing:.06em; }
.site-nav a::after { content:""; position:absolute; right:0; bottom:7px; left:0; height:1px; transform:scaleX(0); transform-origin:right; background:var(--cyan-400); transition:transform 220ms var(--ease-system); }
.site-nav a:hover::after,.site-nav a:focus-visible::after { transform:scaleX(1); transform-origin:left; }
.site-nav a:hover { color:var(--paper-900); }

.header-tools { justify-self:end; display:flex; align-items:center; gap:12px; }
.motion-toggle,.atlas-button { position:relative; min-height:44px; display:inline-flex; align-items:center; gap:9px; padding:0 14px; overflow:hidden; border:1px solid rgba(143,156,166,.38); clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); background:linear-gradient(165deg,rgba(50,62,72,.72),rgba(12,18,24,.92) 36%,rgba(4,8,12,.96) 70%,rgba(34,45,54,.52)); color:var(--paper-900); text-decoration:none; cursor:pointer; font:700 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; text-transform:uppercase; box-shadow:inset 0 1px rgba(244,248,251,.13),inset 0 -1px rgba(0,0,0,.72),0 8px 18px rgba(0,0,0,.22); transition:border-color 180ms,filter 180ms,transform 180ms; }
.motion-toggle::after,.atlas-button::after { content:""; position:absolute; top:1px; right:9px; left:9px; height:1px; background:linear-gradient(90deg,transparent,rgba(244,248,251,.35),transparent); pointer-events:none; }
.motion-toggle:hover,.atlas-button:hover { border-color:rgba(103,213,255,.76); filter:brightness(1.12); transform:translateY(-1px); }
.control-icon { width:18px; height:18px; flex:none; fill:none; stroke:var(--aluminium-500); stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.motion-toggle .control-icon { stroke:var(--cyan-400); filter:drop-shadow(0 0 5px rgba(38,186,255,.4)); }
.motion-toggle strong { color:var(--cyan-400); }
.motion-toggle[aria-pressed="false"] strong { color:var(--amber-500); }
.language-switch { min-height:44px; display:flex; align-items:center; font:700 .65rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; }
.language-switch a { min-width:44px; min-height:44px; display:grid; place-items:center; color:var(--paper-500); text-decoration:none; }
.language-switch a:hover { color:var(--cyan-400); }

/* Spatial Atlas */
.atlas-page { overflow:clip; height:100dvh; user-select:text; }
.atlas-viewport { position:relative; width:100%; height:100dvh; overflow:clip; background:
  radial-gradient(circle at 70% 45%,rgba(8,121,217,.09),transparent 34%),
  radial-gradient(circle at 36% 62%,rgba(157,84,42,.07),transparent 32%),
  linear-gradient(145deg,#020407 0%,#04080d 56%,#03070a 100%); touch-action:pan-x pan-y; }
.atlas-viewport.is-dragging { cursor:grabbing; user-select:none; }
.atlas-viewport.can-drag { cursor:grab; }
.atlas-grid { position:absolute; z-index:1; inset:-12%; opacity:.45; pointer-events:none; transform:perspective(1100px) rotateX(62deg) translate3d(var(--grid-x),calc(var(--grid-y) + 34vh),-110px); transform-origin:center 65%; background-image:
  linear-gradient(rgba(38,186,255,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(38,186,255,.12) 1px,transparent 1px),
  linear-gradient(rgba(38,186,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(38,186,255,.025) 1px,transparent 1px);
  background-size:72px 72px,72px 72px,18px 18px,18px 18px; mask-image:linear-gradient(to bottom,transparent 0%,#000 28%,#000 84%,transparent 100%); will-change:transform; }
.grid-intent-tile { position:absolute; top:var(--intent-tile-y,0); left:var(--intent-tile-x,0); width:72px; height:72px; opacity:0; border:1px solid rgba(240,161,74,.72); background:radial-gradient(circle at 50% 55%,rgba(240,161,74,.2),rgba(157,84,42,.055) 66%,transparent 72%); box-shadow:inset 0 0 18px rgba(240,161,74,.16),0 0 14px rgba(240,161,74,.13); transition:opacity 1350ms cubic-bezier(.16,1,.3,1); }
.atlas-grid.is-intent-active .grid-intent-tile { opacity:1; transition-duration:180ms; }
.grid-intent-tile.is-particle-pulsing { animation:grid-tile-particle-contact 200ms cubic-bezier(.2,.7,.2,1); }
@keyframes grid-tile-particle-contact {
  0%,100% { border-color:rgba(240,161,74,.72); background-color:transparent; box-shadow:inset 0 0 18px rgba(240,161,74,.16),0 0 14px rgba(240,161,74,.13); }
  38% { border-color:rgba(255,196,108,.98); background-color:rgba(240,161,74,.13); box-shadow:inset 0 0 26px rgba(240,161,74,.42),0 0 26px rgba(240,161,74,.38); }
}
.world-poster,.world-canvas { position:absolute; z-index:2; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.world-poster { opacity:.62; filter:saturate(.8) contrast(1.08) brightness(.64); transform:scale(1.03) translate3d(calc(var(--drag-x) * .12),calc(var(--drag-y) * .12),0); transition:opacity 500ms; }
.world-canvas { opacity:0; transition:opacity 550ms; }
.webgl-ready .world-canvas { opacity:1; }
.webgl-ready .world-poster { opacity:0; }
[data-motion="off"] .world-canvas { opacity:0; }
[data-motion="off"] .world-poster { opacity:.66; }
.world-veil { position:absolute; z-index:3; inset:0; pointer-events:none; background:linear-gradient(0deg,rgba(2,4,7,.72),transparent 25%,transparent 78%,rgba(2,4,7,.34)); }
body[data-copy-corner="top-left"] .world-veil { background:
  radial-gradient(ellipse at 23% 24%,rgba(2,4,7,.98) 0 17%,rgba(2,4,7,.82) 30%,transparent 50%),
  linear-gradient(0deg,rgba(2,4,7,.7),transparent 24%); }
body[data-copy-corner="top-right"] .world-veil { background:
  radial-gradient(ellipse at 77% 24%,rgba(2,4,7,.98) 0 17%,rgba(2,4,7,.82) 30%,transparent 50%),
  linear-gradient(0deg,rgba(2,4,7,.7),transparent 24%); }
body[data-copy-corner="bottom-left"] .world-veil { background:
  radial-gradient(ellipse at 23% 76%,rgba(2,4,7,.98) 0 17%,rgba(2,4,7,.82) 30%,transparent 50%),
  linear-gradient(180deg,rgba(2,4,7,.62),transparent 25%); }
body[data-copy-corner="bottom-right"] .world-veil { background:
  radial-gradient(ellipse at 77% 76%,rgba(2,4,7,.98) 0 17%,rgba(2,4,7,.82) 30%,transparent 50%),
  linear-gradient(180deg,rgba(2,4,7,.62),transparent 25%); }
body[data-frame="open-signal"] .world-canvas,body[data-frame="open-signal"] .world-poster { opacity:0!important; }
body[data-frame="open-signal"] .world-veil { background:radial-gradient(circle at center,rgba(38,186,255,.07),transparent 35%),linear-gradient(#020407e8,#020407); }

.frame-copy { --copy-edge:max(var(--page-pad),64px); --copy-axis-gap:clamp(24px,2.2vw,48px); position:absolute; z-index:10; width:auto; max-width:none; overflow:visible; padding:8px 18px 8px 0; text-shadow:0 2px 28px rgba(0,0,0,.88); container-type:inline-size; user-select:none; -webkit-user-select:none; }
.frame-copy.corner-top-left { top:calc(var(--header-h) + 20px); right:calc(50% + var(--copy-axis-gap)); bottom:calc(50% + var(--copy-axis-gap)); left:var(--copy-edge); }
.frame-copy.corner-top-right { top:calc(var(--header-h) + 20px); right:var(--copy-edge); bottom:calc(50% + var(--copy-axis-gap)); left:calc(50% + var(--copy-axis-gap)); }
.frame-copy.corner-bottom-left { top:calc(50% + var(--copy-axis-gap)); right:calc(50% + var(--copy-axis-gap)); bottom:28px; left:var(--copy-edge); }
.frame-copy.corner-bottom-right { top:calc(50% + var(--copy-axis-gap)); right:var(--copy-edge); bottom:28px; left:calc(50% + var(--copy-axis-gap)); }
.frame-question,.eyebrow { margin:0 0 10px; color:var(--cyan-400); font:700 .65rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.16em; text-transform:uppercase; }
.frame-copy h1 { margin:0; max-width:100%; color:var(--paper-900); font-size:clamp(1.65rem,min(7.2cqi,5.8vh),4.6rem); font-weight:690; letter-spacing:-.055em; line-height:.94; text-wrap:balance; overflow-wrap:normal; word-break:normal; hyphens:none; padding-bottom:.08em; }
.frame-lead { max-width:60ch; margin:14px 0 0; color:var(--paper-700); font-size:clamp(.96rem,1.18vw,1.2rem); line-height:1.48; }
.frame-detail { max-width:61ch; margin:10px 0 0; color:var(--paper-500); font-size:.84rem; line-height:1.48; }
.maturity { width:max-content; max-width:100%; margin:12px 0 0; padding:8px 10px; border-left:2px solid var(--teal-500); background:rgba(53,209,192,.06); color:var(--paper-700); font:700 .62rem/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; text-transform:uppercase; }
.detail-link { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; gap:12px; color:var(--paper-700); font-size:.79rem; font-weight:700; text-decoration:none; }
.detail-link:hover { color:var(--cyan-400); }
.frame-actions { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:12px; margin-top:28px; }
.frame-actions a,.standard-actions a,.email-link { position:relative; isolation:isolate; overflow:hidden; min-height:48px; display:inline-flex; align-items:center; justify-content:center; padding:0 20px; border:1px solid rgba(103,213,255,.35); background:rgba(5,9,14,.8); color:var(--paper-900); text-decoration:none; font-weight:750; transition:transform 120ms var(--ease-system),border-color 140ms ease,background 140ms ease,box-shadow 160ms ease,color 120ms linear; }
.frame-actions .action-primary { border-color:rgba(103,213,255,.74); background:linear-gradient(145deg,rgba(8,121,217,.28),rgba(5,9,14,.92)); box-shadow:inset 0 0 24px rgba(38,186,255,.08),0 0 24px rgba(38,186,255,.08); }
body[data-frame="signal"] .frame-actions { margin-top:18px; }
body[data-frame="signal"] .frame-detail { display:grid; grid-template-columns:12px minmax(0,1fr); align-items:start; gap:9px; max-width:56ch; color:var(--paper-700); }
body[data-frame="signal"] .frame-detail::before { content:""; width:12px; height:7px; margin-top:.42em; border-radius:999px; background:linear-gradient(90deg,var(--amber-500) 0 44%,transparent 44% 56%,var(--cyan-400) 56%); box-shadow:-3px 0 9px rgba(240,161,74,.48),3px 0 9px rgba(38,186,255,.48); }
.frame-actions a::before,.standard-actions a::before,.email-link::before { content:""; position:absolute; z-index:0; right:0; bottom:0; left:0; height:1px; transform:translateX(-105%); background:linear-gradient(90deg,transparent,rgba(103,213,255,.72) 24%,var(--paper-900) 50%,rgba(53,209,192,.66) 76%,transparent); opacity:.9; pointer-events:none; transition:transform 160ms cubic-bezier(.22,.76,.34,1); }
.frame-actions a:hover,.standard-actions a:hover,.email-link:hover,.frame-actions a:focus-visible,.standard-actions a:focus-visible,.email-link:focus-visible { transform:translateY(-1px); border-color:rgba(103,213,255,.78); background:linear-gradient(145deg,rgba(8,121,217,.24),rgba(5,9,14,.94)); color:var(--paper-900); box-shadow:inset 0 0 20px rgba(38,186,255,.1),0 0 18px rgba(38,186,255,.12); }
.frame-actions a:focus-visible,.standard-actions a:focus-visible,.email-link:focus-visible { box-shadow:var(--focus),inset 0 0 20px rgba(38,186,255,.1),0 0 18px rgba(38,186,255,.12); }
.frame-actions a:hover::before,.standard-actions a:hover::before,.email-link:hover::before,.frame-actions a:focus-visible::before,.standard-actions a:focus-visible::before,.email-link:focus-visible::before { transform:translateX(105%); }
.frame-actions a:active,.standard-actions a:active,.email-link:active { transform:translateY(0); transition-duration:70ms; }

.direction-cue { position:absolute; z-index:22; width:48px; height:48px; display:grid; place-items:center; padding:0; color:var(--paper-700); text-decoration:none; filter:drop-shadow(0 7px 14px rgba(0,0,0,.58)); transition:opacity 180ms,transform 180ms var(--ease-system),color 180ms; }
.cue-label { position:absolute; display:grid; gap:3px; width:max-content; max-width:min(220px,22vw); padding:0; border:0; background:none; text-shadow:0 2px 14px #000,0 0 22px #000; }
.direction-cue small { color:var(--paper-500); font:700 .52rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.15em; text-transform:uppercase; }
.direction-cue strong { max-width:26ch; color:inherit; font-size:.68rem; line-height:1.25; white-space:normal; text-wrap:balance; }
.cue-compact-label { display:none; }
.cue-label.cue-label-hidden { opacity:0; visibility:hidden; pointer-events:none; }
.cue-icon { flex:0 0 48px; width:48px; height:48px; overflow:visible; fill:none; stroke:var(--cyan-400); stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 5px rgba(38,186,255,.45)); }
.cue-rail { opacity:.72; }
.cue-head { stroke-width:1.55; }
.cue-icon-depth { transform:none; }
.cue-icon-depth path { transition:transform 180ms var(--ease-system),opacity 180ms; transform-origin:center; }
.cue-depth-back { opacity:.34; }
.cue-depth-ray { stroke-dasharray:2 3; opacity:.74; }
.cue-icon-reverse { transform:rotate(180deg); }
.direction-cue:hover { color:var(--paper-900); }
.direction-cue:hover .cue-head,.direction-cue:focus-visible .cue-head { stroke:var(--paper-900); }
.cue-edge-top { top:calc(var(--header-h) + 2px); left:50%; transform:translateX(-50%); text-align:center; }
.cue-edge-right { top:50%; right:4px; transform:translateY(-50%); text-align:right; }
.cue-edge-bottom { bottom:2px; left:50%; transform:translateX(-50%); text-align:center; }
.cue-edge-left { top:50%; left:4px; transform:translateY(-50%); text-align:left; }
.cue-edge-top .cue-label { top:calc(100% + 2px); left:50%; transform:translateX(-50%); }
.cue-edge-right .cue-label { top:calc(100% + 5px); right:0; }
.cue-edge-bottom .cue-label { bottom:calc(100% + 2px); left:50%; transform:translateX(-50%); }
.cue-edge-left .cue-label { top:calc(100% + 5px); left:0; }
body[data-copy-corner="top-left"] .cue-edge-left .cue-label,body[data-copy-corner="bottom-left"] .cue-edge-left .cue-label,
body[data-copy-corner="top-right"] .cue-edge-right .cue-label,body[data-copy-corner="bottom-right"] .cue-edge-right .cue-label { display:none; }
body[data-frame="product-nexus"] .direction-cue .cue-label { display:grid; }
.cue-edge-top:hover { transform:translate(-50%,-3px); }
.cue-edge-right:hover { transform:translate(3px,-50%); }
.cue-edge-bottom:hover { transform:translate(-50%,3px); }
.cue-edge-left:hover { transform:translate(-3px,-50%); }
.cue-edge-top .cue-icon:not(.cue-icon-depth) { transform:rotate(-90deg); }
.cue-edge-right .cue-icon:not(.cue-icon-depth) { transform:rotate(0); }
.cue-edge-bottom .cue-icon:not(.cue-icon-depth) { transform:rotate(90deg); }
.cue-edge-left .cue-icon:not(.cue-icon-depth) { transform:rotate(180deg); }
.is-transitioning .direction-cue,.is-transitioning .navigation-coach { opacity:0; pointer-events:none; }

.is-transitioning .frame-copy { opacity:0; scale:.985; pointer-events:none; }
.frame-copy { transition:opacity 300ms,scale 500ms var(--ease-system); }
.frame-copy-proxy { visibility:hidden!important; opacity:0!important; pointer-events:none!important; }
.task-signals-proxy { visibility:hidden!important; opacity:0!important; pointer-events:none!important; }
.interface-proxy { position:absolute; z-index:-1; inset:0; visibility:hidden; pointer-events:none; }
.frame-assembly-canvas { position:fixed; z-index:26; inset:0; display:block; width:100vw; height:100dvh; opacity:0; pointer-events:none; mix-blend-mode:screen; filter:drop-shadow(0 0 4px rgba(38,186,255,.38)); transition:opacity 45ms linear; }
.frame-assembly-canvas.is-active { opacity:1; }
.interaction-particle-canvas { position:fixed; z-index:84; inset:0; display:block; width:100vw; height:100dvh; pointer-events:none; mix-blend-mode:screen; }
.is-transitioning.is-solidifying .frame-copy { opacity:var(--interface-solidify,0); scale:1; }
.is-transitioning.is-solidifying .direction-cue { opacity:var(--interface-solidify,0); }

.atlas-minimap { position:absolute; z-index:19; width:clamp(184px,19vw,268px); aspect-ratio:1.42; opacity:.9; transition:opacity 180ms; }
.atlas-minimap:hover,.atlas-minimap:focus-within { opacity:1; }
body[data-map-corner="top-left"] .atlas-minimap { top:calc(var(--header-h) + 22px); left:var(--page-pad); }
body[data-map-corner="top-right"] .atlas-minimap { top:calc(var(--header-h) + 22px); right:var(--page-pad); }
body[data-map-corner="bottom-left"] .atlas-minimap { bottom:28px; left:var(--page-pad); }
body[data-map-corner="bottom-right"] .atlas-minimap { right:var(--page-pad); bottom:28px; }
.atlas-minimap-open { position:relative; min-width:44px; min-height:44px; display:block; width:100%; height:100%; color:inherit; text-decoration:none; }
.atlas-minimap-open svg { display:block; width:100%; height:100%; overflow:visible; filter:drop-shadow(0 10px 24px rgba(0,0,0,.7)); }
.minimap-topology { opacity:.72; }
.minimap-corridor { stroke:rgba(103,213,255,.1); stroke-width:.32; vector-effect:non-scaling-stroke; transition:stroke 150ms,stroke-width 150ms,opacity 150ms; }
.minimap-corridor.is-active { stroke:rgba(103,213,255,.68); stroke-width:.76; filter:drop-shadow(0 0 1.8px rgba(38,186,255,.72)); }
.minimap-route-progress { fill:none; stroke:rgba(195,239,255,.98); stroke-width:.92; stroke-linecap:round; vector-effect:non-scaling-stroke; opacity:0; filter:drop-shadow(0 0 2.5px rgba(38,186,255,.9)); transition:opacity 140ms,stroke 120ms; }
.minimap-route-progress.is-particle-tracing,.minimap-route-progress.is-particle-traced { opacity:1; }
.minimap-orbit { fill:none; stroke:rgba(103,213,255,.58); stroke-width:.62; vector-effect:non-scaling-stroke; stroke-dasharray:1.2 1.45; filter:drop-shadow(0 0 1.5px rgba(38,186,255,.46)); }
.minimap-orbit.orbit-2 { stroke:rgba(103,213,255,.34); stroke-width:.5; stroke-dasharray:1.8 2.2; }
.minimap-orbit.orbit-3 { stroke:rgba(103,213,255,.18); stroke-width:.4; stroke-dasharray:1 3; filter:none; }
.minimap-travel-trace { opacity:0; stroke:var(--amber-500); stroke-width:.9; stroke-linecap:round; vector-effect:non-scaling-stroke; stroke-dasharray:1.1 2.1; filter:drop-shadow(0 0 2.4px rgba(240,161,74,.8)); }
.minimap-travel-trace.is-visible { animation:minimap-route-memory 2.8s var(--ease-system) forwards; }
.minimap-node { color:var(--paper-700); opacity:.3; transition:opacity 150ms; }
.minimap-halo { fill:rgba(38,186,255,.025); stroke:rgba(103,213,255,.06); stroke-width:.28; vector-effect:non-scaling-stroke; transition:fill 160ms,stroke 160ms,filter 190ms; }
.minimap-mark { fill:#06111a; stroke:rgba(103,213,255,.34); stroke-width:.38; vector-effect:non-scaling-stroke; transition:fill 160ms,stroke 160ms,filter 190ms; }
.minimap-node.is-connected { opacity:.92; }
.minimap-node.is-connected .minimap-halo { fill:rgba(38,186,255,.07); stroke:rgba(103,213,255,.2); }
.minimap-node.is-connected .minimap-mark { fill:rgba(38,186,255,.34); stroke:var(--cyan-400); filter:drop-shadow(0 0 1.5px rgba(38,186,255,.58)); }
.minimap-node.is-previous { opacity:.78; }
.minimap-node.is-previous .minimap-halo { fill:rgba(240,161,74,.045); stroke:rgba(240,161,74,.2); }
.minimap-node.is-previous .minimap-mark { fill:rgba(240,161,74,.3); stroke:var(--amber-500); filter:drop-shadow(0 0 1.5px rgba(240,161,74,.6)); }
.minimap-node.is-current { opacity:1; }
.minimap-node.is-current .minimap-halo { fill:rgba(38,186,255,.14); stroke:rgba(103,213,255,.46); filter:drop-shadow(0 0 2.5px rgba(38,186,255,.55)); }
.minimap-node.is-current .minimap-mark { fill:var(--paper-900); stroke:var(--cyan-400); filter:drop-shadow(0 0 2px var(--cyan-500)); }
.atlas-minimap.has-particle-contact .minimap-topology { opacity:.86; }
.minimap-node.is-particle-reached { opacity:1; }
.minimap-node.is-particle-reached .minimap-halo { fill:rgba(38,186,255,.14); stroke:rgba(195,239,255,.72); filter:drop-shadow(0 0 3.2px rgba(38,186,255,.88)); }
.minimap-node.is-particle-reached .minimap-mark { fill:rgba(195,239,255,.94); stroke:var(--paper-900); filter:drop-shadow(0 0 3px rgba(38,186,255,.98)); }
@keyframes minimap-route-memory { 0% { opacity:0; stroke-dashoffset:12; } 16% { opacity:.9; } 72% { opacity:.46; } 100% { opacity:.12; stroke-dashoffset:0; } }
.is-transitioning .atlas-minimap { opacity:.9; pointer-events:none; }

.navigation-coach { position:absolute; z-index:30; left:var(--page-pad); bottom:22px; display:flex; align-items:center; gap:12px; max-width:min(42vw,520px); min-height:44px; padding:8px 12px 8px 7px; border:1px solid rgba(143,156,166,.28); clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px); background:linear-gradient(165deg,rgba(41,52,61,.72),rgba(5,9,14,.96) 42%); color:var(--paper-700); font:650 .68rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; box-shadow:inset 0 1px rgba(244,248,251,.1),0 12px 28px rgba(0,0,0,.35); }
.navigation-coach button { flex:0 0 44px; width:44px; height:44px; border:0; background:transparent; color:var(--paper-500); cursor:pointer; }
.navigation-coach p { margin:0; }
.navigation-coach[hidden] { display:none!important; }
.navigation-coach.is-dismissed { display:none; }
.privacy-note { position:absolute; z-index:10; right:var(--page-pad); bottom:15px; margin:0; color:rgba(148,163,173,.66); font:600 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em; text-transform:uppercase; }
.privacy-note a,.site-footer a { color:inherit; text-decoration-color:rgba(103,213,255,.42); text-underline-offset:.28em; }
.privacy-note a:hover,.privacy-note a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible { color:var(--cyan); }
.privacy-note a { display:inline-flex; min-width:46px; min-height:46px; align-items:center; justify-content:center; margin-block:-18px; }
.sr-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.noscript-note { position:absolute; z-index:60; right:20px; bottom:20px; left:20px; padding:16px; background:#0b121a; border:1px solid var(--amber-500); }

.atlas-dialog { width:min(1180px,94vw); max-height:min(820px,90dvh); margin:auto; padding:0; overflow:hidden; border:1px solid rgba(103,213,255,.22); background:#050a10; color:var(--paper-900); box-shadow:0 30px 100px #000; }
.atlas-dialog:not(.contact-dialog) { width:min(1480px,96vw); height:min(900px,92dvh); max-height:none; background:rgba(2,7,12,.985); clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px)); }
.atlas-dialog::backdrop { background:rgba(0,3,6,.86); backdrop-filter:blur(7px) saturate(.82); }
.dialog-head { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; border-bottom:1px solid rgba(103,213,255,.14); }
.atlas-command-head { display:grid; grid-template-columns:auto minmax(0,1fr) 44px; gap:24px; min-height:72px; padding:10px 12px 10px 22px; }
.atlas-head-brand { margin:0; padding-right:24px; border-right:1px solid rgba(143,156,166,.24); color:var(--paper-900); font:650 .9rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.atlas-head-location { display:flex; min-width:0; align-items:baseline; gap:12px; }
.atlas-head-location span { flex:0 0 auto; color:var(--cyan-400); font:700 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; }
.dialog-head h2 { min-width:0; margin:0; overflow:hidden; color:var(--paper-700); font-size:.94rem; font-weight:560; letter-spacing:-.015em; text-overflow:ellipsis; white-space:nowrap; }
.dialog-head button { display:grid; flex:0 0 44px; width:44px; height:44px; place-items:center; border:1px solid rgba(143,156,166,.25); background:rgba(3,8,13,.72); color:var(--paper-700); cursor:pointer; }
.dialog-head button:hover,.dialog-head button:focus-visible { border-color:rgba(103,213,255,.62); color:var(--paper-900); }
.dialog-head button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; }
.atlas-map-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,310px); width:100%; height:calc(100% - 72px); min-height:0; overflow:hidden; }
.atlas-map-shell { position:relative; min-width:0; min-height:0; overflow:hidden; border-right:1px solid rgba(103,213,255,.14); background:
  radial-gradient(circle at 50% 50%,rgba(8,121,217,.085),transparent 44%),radial-gradient(circle at 18% 22%,rgba(38,186,255,.045) 0 1px,transparent 1.5px),linear-gradient(rgba(38,186,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,186,255,.035) 1px,transparent 1px),#02070c; background-size:auto,72px 72px,44px 44px,44px 44px,auto; }
.atlas-map-shell::after { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at center,transparent 48%,rgba(1,5,9,.54) 100%); }
.atlas-map { position:relative; z-index:1; display:block; width:100%; height:100%; min-height:0; overflow:visible; }
.map-range-rings circle { fill:none; stroke:rgba(103,213,255,.1); stroke-width:.6; vector-effect:non-scaling-stroke; stroke-dasharray:2.4 4.2; }
.map-corridor { fill:none; stroke:rgba(103,213,255,.34); stroke-width:.7; vector-effect:non-scaling-stroke; transition:stroke 180ms,stroke-width 180ms; }
.map-corridor.is-active { stroke:rgba(103,213,255,.84); stroke-width:1.2; filter:drop-shadow(0 0 2.4px rgba(38,186,255,.72)); }
.map-corridor.is-depth { stroke:rgba(240,161,74,.42); stroke-dasharray:1.4 1.6; }
.map-corridor.is-depth.is-active { stroke:rgba(240,161,74,.82); }
.map-node { color:var(--paper-700); text-decoration:none; }
.map-node-hit { fill:transparent; stroke:none; pointer-events:all; }
.map-node-mark { fill:#06111a; stroke:rgba(103,213,255,.66); stroke-width:.75; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 1.6px rgba(38,186,255,.58)); transition:r 160ms,fill 160ms,stroke 160ms; }
.map-node text { fill:rgba(229,240,247,.66); font:650 1.35px/1 ui-monospace,SFMono-Regular,Consolas,monospace; paint-order:stroke; stroke:#02070c; stroke-width:.55px; }
.map-node:hover .map-node-mark,.map-node:focus-visible .map-node-mark { r:1.75; fill:var(--paper-900); stroke:var(--paper-900); }
.map-node:focus-visible { outline:none; }
.map-node:focus-visible .map-node-hit { stroke:var(--paper-900); stroke-width:.5; }
.map-node.group-weare .map-node-mark { rx:.25px; }
.map-node.group-companion .map-node-mark { stroke:var(--teal-500); }
.map-node.group-flowcanvas .map-node-mark { stroke-dasharray:.5 .45; }
.map-node.group-echobix .map-node-mark,.map-node.group-founder .map-node-mark { stroke:var(--amber-500); }
.map-node.is-depth .map-node-mark { stroke:var(--amber-500); }
.map-node.is-near .map-node-mark { fill:rgba(38,186,255,.14); stroke-width:.95; }
.map-node.is-current .map-node-mark { fill:var(--paper-900); stroke-width:1.15; filter:drop-shadow(0 0 3.2px var(--cyan-500)); }
.map-node.is-current text { fill:var(--paper-900); font-weight:760; }
.atlas-map-legend { position:absolute; z-index:3; bottom:24px; left:24px; display:grid; gap:8px; padding:12px 14px; border:1px solid rgba(143,156,166,.16); background:rgba(2,7,12,.72); color:var(--paper-500); font:650 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; text-transform:uppercase; backdrop-filter:blur(8px); }
.atlas-map-legend span { display:flex; align-items:center; gap:9px; }
.atlas-map-legend span::before { content:""; width:20px; height:1px; background:var(--cyan-400); box-shadow:0 0 7px rgba(38,186,255,.46); }
.atlas-map-legend .legend-current::before { width:8px; height:8px; border:2px solid var(--paper-900); border-radius:50%; background:transparent; }
.atlas-map-legend .legend-human::before { background:var(--amber-500); box-shadow:0 0 7px rgba(240,140,56,.4); }
.atlas-map-hint { position:absolute; z-index:3; right:22px; bottom:22px; margin:0; color:rgba(148,163,173,.62); font:650 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; text-transform:uppercase; }
.atlas-route-panel { min-width:0; overflow:auto; background:linear-gradient(180deg,rgba(10,19,29,.78),rgba(4,10,16,.9)); scrollbar-width:thin; scrollbar-color:rgba(103,213,255,.28) transparent; }
.atlas-nearby { padding:26px 22px 20px; border-bottom:1px solid rgba(103,213,255,.12); }
.atlas-nearby h3 { margin:0 0 12px; color:var(--paper-500); font:700 .58rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; }
.atlas-nearby-links { display:grid; }
.atlas-nearby-links a { position:relative; min-height:52px; display:grid; align-content:center; gap:4px; padding:8px 8px 8px 20px; border-bottom:1px solid rgba(143,156,166,.1); color:var(--paper-700); text-decoration:none; transition:background 160ms,color 160ms,padding 160ms; }
.atlas-nearby-links a::before { content:""; position:absolute; top:50%; left:2px; width:7px; height:7px; border:1px solid var(--cyan-400); transform:translateY(-50%) rotate(45deg); box-shadow:0 0 8px rgba(38,186,255,.24); }
.atlas-nearby-links a:hover,.atlas-nearby-links a:focus-visible { padding-left:24px; background:rgba(38,186,255,.055); color:var(--paper-900); }
.atlas-nearby-links span { color:var(--cyan-400); font:700 .48rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.atlas-nearby-links strong { font-size:.75rem; line-height:1.28; }
.atlas-directory { border-top:1px solid rgba(103,213,255,.12); }
.atlas-directory summary { min-height:56px; display:flex; align-items:center; justify-content:space-between; padding:0 22px; color:var(--paper-700); cursor:pointer; font:700 .58rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; text-transform:uppercase; list-style:none; }
.atlas-directory summary::-webkit-details-marker { display:none; }
.atlas-directory summary span { display:grid; min-width:30px; height:24px; place-items:center; border:1px solid rgba(143,156,166,.18); color:var(--paper-500); }
.atlas-directory[open] summary { color:var(--cyan-400); border-bottom:1px solid rgba(103,213,255,.12); }
.atlas-lists { min-width:0; padding:18px 22px; columns:1; }
.atlas-lists section { break-inside:avoid; margin:0 0 18px; }
.atlas-lists h3,.atlas-help h3 { margin:0 0 9px; color:var(--paper-500); font:700 .56rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; }
.atlas-lists ul { list-style:none; margin:0; padding:0; }
.atlas-lists a { min-height:40px; display:flex; align-items:center; padding:6px 0; color:var(--paper-700); text-decoration:none; font-size:.72rem; line-height:1.25; }
.atlas-lists a:hover,.atlas-lists a[aria-current="page"] { color:var(--cyan-400); }
.atlas-help { min-width:0; padding:22px; border-bottom:1px solid rgba(103,213,255,.12); }

.task-signals { position:absolute; z-index:8; inset:var(--header-h) 0 0; overflow:hidden; pointer-events:none; opacity:0; transition:opacity 680ms var(--ease-system); }
.task-signals.is-active { opacity:1; }
.is-transitioning .task-signals { opacity:0; }
.task-signal { position:absolute; max-width:190px; padding:5px 8px 5px 18px; transform:translate(-50%,-50%) scale(.975); border-left:1px solid rgba(240,161,74,.68); background:linear-gradient(90deg,rgba(8,16,25,.88),rgba(8,16,25,.22)); color:rgba(244,248,251,.82); font:650 .58rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.055em; white-space:nowrap; opacity:0; filter:blur(3px); transition:opacity 620ms var(--ease-system),filter 620ms var(--ease-system),transform 820ms var(--ease-system); text-shadow:0 0 10px rgba(240,161,74,.35),0 2px 12px #000; }
.task-signal::before { content:""; position:absolute; top:50%; left:5px; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background:var(--amber-500); box-shadow:0 0 8px var(--amber-500); }
.task-signal.is-visible { opacity:.78; filter:none; transform:translate(-50%,-50%) scale(1); }
.task-signal.is-machine { border-left-color:rgba(103,213,255,.62); }
.task-signal.is-machine::before { background:var(--cyan-400); box-shadow:0 0 8px var(--cyan-500); }
.atlas-help dl { margin:0; }
.atlas-help dl div { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:center; gap:10px; min-height:48px; border-bottom:1px solid rgba(143,156,166,.1); }
.atlas-help dt { display:grid; width:28px; height:28px; place-items:center; color:var(--paper-500); }
.atlas-help dt svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.atlas-help dd { display:flex; min-width:0; align-items:center; justify-content:space-between; gap:10px; margin:0; color:var(--paper-700); font-size:.68rem; line-height:1.25; }
.atlas-help dd strong { font-weight:620; }
.atlas-help dd span { color:var(--paper-500); font:650 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }

/* Standard semantic view */
.standard-page { background:linear-gradient(145deg,#020407,#050b11 52%,#020407); }
.standard-page .site-header { position:sticky; background:rgba(2,4,7,.94); }
.standard-page main { overflow:hidden; }
.standard-hero { position:relative; min-height:clamp(520px,66vh,700px); display:grid; grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr); align-items:center; gap:clamp(30px,5vw,82px); padding:clamp(76px,8vh,104px) var(--page-pad) clamp(52px,7vh,84px); border-bottom:1px solid rgba(103,213,255,.12); }
.standard-hero::before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(38,186,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,186,255,.08) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,#000,transparent 68%); }
.standard-hero-copy { position:relative; z-index:2; max-width:820px; }
.standard-hero h1 { max-width:13ch; margin:0; font-size:clamp(3.2rem,6.35vw,7.2rem); font-weight:690; letter-spacing:-.07em; line-height:.92; text-wrap:balance; }
.standard-hero-copy>p:last-child { max-width:60ch; margin:24px 0 0; color:var(--paper-700); font-size:clamp(1rem,1.35vw,1.22rem); line-height:1.58; }
.standard-hero-art { position:relative; min-height:320px; aspect-ratio:1.08; overflow:hidden; border:1px solid rgba(103,213,255,.17); background:radial-gradient(circle at 52% 48%,rgba(38,186,255,.09),transparent 34%),linear-gradient(145deg,rgba(8,16,25,.82),rgba(2,4,7,.96)); box-shadow:inset 0 1px rgba(244,248,251,.04),inset 0 0 90px rgba(0,0,0,.72),0 26px 70px rgba(0,0,0,.34); clip-path:polygon(9% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%); isolation:isolate; }
.hero-art-grid { position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(38,186,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(38,186,255,.09) 1px,transparent 1px); background-size:34px 34px; mask-image:radial-gradient(circle at 55% 52%,#000,transparent 74%); }
.hero-art-flow { position:absolute; z-index:1; width:74%; height:31%; border:1px dashed rgba(103,213,255,.38); border-radius:50%; filter:drop-shadow(0 0 9px rgba(38,186,255,.22)); animation:hero-flow 16s linear infinite; }
.hero-art-flow::after { content:""; position:absolute; width:7px; height:7px; border-radius:50%; background:var(--cyan-400); box-shadow:0 0 7px var(--cyan-400),0 0 18px var(--cyan-500); offset-path:ellipse(50% 50% at 50% 50%); animation:hero-packet 5.8s linear infinite; }
.hero-art-flow.flow-a { top:31%; left:14%; transform:rotate(-13deg); }
.hero-art-flow.flow-b { top:38%; left:12%; height:25%; border-color:rgba(240,161,74,.34); transform:rotate(21deg); animation-direction:reverse; animation-duration:21s; }
.hero-art-flow.flow-b::after { background:var(--amber-500); box-shadow:0 0 7px var(--amber-500),0 0 18px var(--copper-600); animation-delay:-2.1s; }
.hero-art-core { position:absolute; z-index:3; display:block; border-radius:50%; background:radial-gradient(circle at 39% 32%,rgba(244,248,251,.95) 0 1px,rgba(103,213,255,.52) 2px,transparent 5px),radial-gradient(circle at 45% 42%,rgba(38,186,255,.34),rgba(3,13,21,.96) 52%),repeating-conic-gradient(from 12deg,rgba(103,213,255,.5) 0 1deg,transparent 1deg 17deg); border:1px solid rgba(103,213,255,.7); box-shadow:inset -20px -16px 34px rgba(0,0,0,.8),inset 7px 6px 18px rgba(103,213,255,.16),0 0 18px rgba(38,186,255,.3); }
.hero-art-core::after { content:""; position:absolute; inset:12%; border:1px solid rgba(103,213,255,.28); border-radius:50%; }
.core-primary { width:24%; aspect-ratio:1; top:35%; left:42%; }
.core-secondary { width:14%; aspect-ratio:1; top:61%; left:17%; border-color:rgba(240,161,74,.7); filter:hue-rotate(151deg) saturate(.78); }
.hero-art-node { position:absolute; z-index:4; width:11px; height:11px; border:1px solid var(--cyan-400); border-radius:50%; background:#06121b; box-shadow:0 0 9px rgba(38,186,255,.7); }
.node-1{top:22%;left:22%}.node-2{top:18%;left:69%}.node-3{top:45%;left:83%}.node-4{top:76%;left:71%}.node-5{top:79%;left:35%}.node-6{top:48%;left:11%}.node-7{top:29%;left:50%}
@keyframes hero-flow { to { rotate:360deg; } }
@keyframes hero-packet { to { offset-distance:100%; } }

/* Page-specific semantic signatures. All are code-native, decorative and deliberately lighter than the Atlas. */
.hero-art-products .core-primary { width:21%; top:38%; left:40%; }
.hero-art-products .core-secondary { display:none; }
.hero-art-products .hero-art-flow { width:82%; left:9%; }
.hero-art-products .node-1,.hero-art-products .node-2,.hero-art-products .node-3,.hero-art-products .node-4 { width:52px; height:52px; background:radial-gradient(circle,rgba(38,186,255,.2),#050b11 65%); }
.hero-art-products .node-1 { top:12%; left:45%; border-radius:14%; transform:rotate(30deg); }
.hero-art-products .node-2 { top:41%; left:79%; box-shadow:0 0 0 8px rgba(53,209,192,.06),0 0 18px rgba(53,209,192,.35); }
.hero-art-products .node-3 { top:72%; left:43%; border-radius:0; transform:rotate(45deg); }
.hero-art-products .node-4 { top:42%; left:10%; border-color:var(--amber-500); box-shadow:0 0 18px rgba(240,161,74,.38); }
.hero-art-founder .core-primary { top:34%; left:66%; }
.hero-art-founder .core-secondary { top:44%; left:13%; }
.hero-art-founder .flow-a,.hero-art-founder .flow-b { width:65%; left:18%; border-radius:12% 50% 50% 12%; transform:rotate(0); }
.hero-art-founder .hero-art-node { top:48%; }
.hero-art-founder .node-1{left:31%}.hero-art-founder .node-2{left:42%}.hero-art-founder .node-3{left:53%}.hero-art-founder .node-4{left:62%}.hero-art-founder .node-5,.hero-art-founder .node-6,.hero-art-founder .node-7{display:none}
.hero-art-contact .core-primary { width:27%; top:35%; left:36.5%; }
.hero-art-contact .core-secondary { width:12%; top:43%; left:10%; }
.hero-art-contact .flow-a { left:-8%; width:58%; transform:rotate(5deg); }
.hero-art-contact .flow-b { right:-8%; left:auto; width:58%; transform:rotate(-5deg); }
.hero-art-contact .node-1,.hero-art-contact .node-2,.hero-art-contact .node-3 { left:82%; border-color:var(--amber-500); }
.hero-art-privacy .core-primary { width:29%; top:34%; left:35%; box-shadow:0 0 0 24px rgba(53,209,192,.035),0 0 0 25px rgba(53,209,192,.22),0 0 0 52px rgba(53,209,192,.025),0 0 0 53px rgba(53,209,192,.12); }
.hero-art-privacy .core-secondary,.hero-art-privacy .hero-art-node { display:none; }
.hero-art-weare .core-primary { width:29%; top:34%; left:35%; border-radius:44%; }
.hero-art-weare .core-primary::before { content:""; position:absolute; inset:-26%; border:1px solid rgba(103,213,255,.36); clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%); }
.hero-art-mai-companion .core-primary { width:21%; top:39%; left:40%; }
.hero-art-mai-companion .hero-art-flow { top:34%; left:15%; width:70%; height:32%; box-shadow:0 0 0 15px rgba(38,186,255,.025),0 0 0 16px rgba(38,186,255,.16),0 0 0 32px rgba(53,209,192,.02),0 0 0 33px rgba(53,209,192,.12),0 0 0 49px rgba(240,161,74,.018),0 0 0 50px rgba(240,161,74,.1); }
.hero-art-flowcanvas .core-primary { width:14%; top:43%; left:43%; }
.hero-art-flowcanvas .core-secondary { display:none; }
.hero-art-flowcanvas .hero-art-flow { border-radius:8%; transform:rotate(0); }
.hero-art-flowcanvas .hero-art-node { width:22px; height:22px; border-radius:4px; }
.hero-art-echobix .core-primary { width:18%; top:41%; left:66%; border-color:var(--amber-500); filter:hue-rotate(151deg) saturate(.78); }
.hero-art-echobix .core-secondary { width:12%; top:45%; left:16%; }
.hero-art-echobix .hero-art-flow { width:62%; left:18%; height:42%; top:28%; border-radius:44% 8% 44% 8%; }
.page-products .standard-hero,.page-founder .standard-hero { min-height:clamp(420px,52vh,560px); padding-top:clamp(54px,6vh,72px); padding-bottom:clamp(32px,4vh,52px); }
.page-products .standard-hero h1 { font-size:clamp(3rem,5.6vw,6.4rem); }
.page-products .standard-hero + .editorial-section,.page-founder .standard-hero + .editorial-section { min-height:auto; align-items:start; padding-top:clamp(38px,5vw,70px); padding-bottom:clamp(54px,7vw,96px); }
.page-contact .standard-hero { min-height:clamp(400px,46vh,510px); padding-top:clamp(50px,5vh,66px); padding-bottom:30px; }
.page-contact .standard-hero + .editorial-section { min-height:auto; align-items:start; padding-block:clamp(38px,5vw,72px); }
.editorial-section { position:relative; min-height:560px; display:grid; grid-template-columns:80px minmax(280px,.72fr) minmax(0,1.28fr); gap:clamp(24px,5vw,80px); align-items:center; padding:clamp(70px,10vw,150px) var(--page-pad); border-bottom:1px solid rgba(103,213,255,.09); }
.editorial-section:nth-child(odd) { background:rgba(8,16,25,.42); }
.section-index { align-self:start; color:var(--cyan-400); font:700 .6rem/1 ui-monospace,monospace; letter-spacing:.18em; writing-mode:vertical-rl; }
.section-copy h2 { max-width:13ch; margin:0; font-size:clamp(2.3rem,4.7vw,5.8rem); font-weight:630; letter-spacing:-.055em; line-height:.98; text-wrap:balance; }
.section-copy>p { max-width:60ch; margin:24px 0 0; color:var(--paper-700); font-size:1.03rem; line-height:1.68; }
.section-copy ul { display:grid; gap:12px; list-style:none; margin:28px 0 0; padding:0; }
.section-copy li { position:relative; padding-left:24px; color:var(--paper-700); }
.section-copy li::before { content:""; position:absolute; left:0; top:.7em; width:9px; height:1px; background:var(--cyan-400); }
.section-surface { min-height:330px; border:1px solid rgba(103,213,255,.15); background:
  radial-gradient(circle at 60% 40%,rgba(38,186,255,.14),transparent 6%),
  radial-gradient(circle at 42% 60%,rgba(240,161,74,.12),transparent 7%),
  linear-gradient(135deg,transparent 49.7%,rgba(103,213,255,.13) 50%,transparent 50.3%),
  repeating-linear-gradient(0deg,transparent 0 39px,rgba(103,213,255,.035) 40px),#050b11; clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%); }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.product-card { position:relative; min-height:285px; display:flex; flex-direction:column; padding:24px; overflow:hidden; border:1px solid rgba(103,213,255,.16); background:linear-gradient(145deg,rgba(17,26,35,.94),rgba(5,9,14,.9)); }
.product-card::after { content:""; position:absolute; right:-40px; bottom:-40px; width:160px; height:160px; border:1px solid rgba(103,213,255,.13); border-radius:50%; box-shadow:0 0 0 28px rgba(103,213,255,.025),0 0 0 56px rgba(103,213,255,.018); }
.product-card.product-weare::after { border-radius:12%; transform:rotate(30deg); }
.product-card.product-mai-companion::after { border-radius:0; box-shadow:0 -28px 0 -27px rgba(53,209,192,.5),0 -56px 0 -55px rgba(53,209,192,.4); }
.product-card.product-echobix::after { border-color:rgba(240,161,74,.32); }
.product-card .maturity { margin:0; }
.product-card h3 { margin:38px 0 10px; font-size:clamp(1.6rem,2.2vw,2.5rem); letter-spacing:-.04em; }
.product-card p:not(.maturity) { margin:0; color:var(--paper-700); line-height:1.55; }
.product-card a { position:relative; z-index:2; margin-top:auto; padding-top:28px; color:var(--cyan-400); font-size:.78rem; font-weight:700; text-decoration:none; }
.layer-list { counter-reset:layer; list-style:none; display:grid; gap:8px; margin:0; padding:0; }
.layer-list li { display:grid; grid-template-columns:52px 1fr; align-items:center; min-height:56px; border:1px solid rgba(103,213,255,.13); background:linear-gradient(90deg,rgba(8,121,217,.09),transparent); color:var(--paper-700); }
.layer-list span { display:grid; place-items:center; align-self:stretch; border-right:1px solid rgba(103,213,255,.13); color:var(--cyan-400); font:700 .62rem/1 ui-monospace,monospace; }
.text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:24px; color:var(--cyan-400); font-weight:750; text-decoration:none; }
.standard-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.site-footer { min-height:130px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:30px var(--page-pad); color:var(--paper-500); font:600 .62rem/1.5 ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; }
.site-footer p:last-child { text-align:right; }
.site-footer a,.section-links a,.contact-submit a { display:inline-flex; min-width:46px; min-height:46px; align-items:center; justify-content:center; }
.section-links { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:22px; }
.section-links a,.contact-submit a { color:var(--cyan); text-underline-offset:.25em; }
.section-links a { font:650 .67rem/1.4 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; text-transform:uppercase; }
.kind-privacy { background:#020407; }
.kind-privacy main { position:relative; overflow:hidden; background:radial-gradient(circle at 76% 15%,rgba(8,121,217,.075),transparent 24%),linear-gradient(155deg,#020407 0%,#04090e 52%,#020609 100%); }
.kind-privacy main::before { content:""; position:absolute; z-index:0; inset:0; pointer-events:none; opacity:.34; background-image:linear-gradient(rgba(38,186,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(38,186,255,.035) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(180deg,#000 0,transparent 42%,#000 67%,transparent 100%); }
.kind-privacy .standard-hero { min-height:clamp(610px,78vh,820px); grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr); gap:clamp(20px,2vw,48px); padding-top:clamp(70px,8vh,100px); padding-bottom:clamp(54px,7vh,86px); isolation:isolate; }
.kind-privacy .standard-hero::before { opacity:.18; mask-image:linear-gradient(90deg,transparent 0,#000 52%,transparent 100%); }
.kind-privacy .standard-hero-copy { align-self:center; max-width:650px; }
.kind-privacy .standard-hero h1 { max-width:10ch; font-size:clamp(3.6rem,6.3vw,7.1rem); }
.privacy-world-visual { position:relative; z-index:1; align-self:stretch; min-height:430px; overflow:hidden; isolation:isolate; }
.privacy-world-visual::before { content:""; position:absolute; z-index:-1; inset:9% -8% 3% -10%; pointer-events:none; background:radial-gradient(ellipse at 58% 48%,rgba(38,186,255,.09),transparent 22%),radial-gradient(ellipse at 18% 54%,rgba(157,84,42,.075),transparent 29%); }
.privacy-world-canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.privacy-core-fallback { position:absolute; top:50%; left:58%; width:clamp(130px,18vw,220px); aspect-ratio:1; translate:-50% -50%; border:1px solid rgba(103,213,255,.62); border-radius:50%; background:radial-gradient(circle at 38% 30%,rgba(244,248,251,.86) 0 1px,rgba(103,213,255,.5) 2px,transparent 5px),radial-gradient(circle at 46% 44%,rgba(38,186,255,.22),rgba(2,9,15,.97) 58%),repeating-conic-gradient(from 12deg,rgba(103,213,255,.36) 0 1deg,transparent 1deg 16deg); box-shadow:inset -22px -18px 42px rgba(0,0,0,.88),0 0 28px rgba(38,186,255,.18); transition:opacity 220ms; }
.privacy-core-fallback::before { content:""; position:absolute; inset:-34%; border:1px dashed rgba(53,209,192,.22); clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%); }
.privacy-world-visual.is-live .privacy-core-fallback { opacity:0; }
.kind-privacy .legal-section { z-index:1; width:min(100%,1040px); min-height:0; grid-template-columns:76px minmax(0,760px); gap:clamp(24px,4vw,56px); justify-content:center; align-items:start; margin-inline:auto; padding:clamp(62px,7.5vw,104px) var(--page-pad); border:0; background:transparent; }
.kind-privacy .legal-section::before { content:""; position:absolute; top:0; bottom:0; left:calc(var(--page-pad) + 37px); width:1px; background:linear-gradient(180deg,rgba(53,209,192,.02),rgba(53,209,192,.34) 18%,rgba(240,161,74,.28) 72%,rgba(240,161,74,.02)); transform-origin:top; transition:filter 420ms,opacity 420ms; }
.kind-privacy .legal-section:nth-of-type(odd) { background:transparent; }
.kind-privacy .section-index { position:relative; z-index:2; width:58px; height:58px; display:grid; place-items:center; align-self:start; margin:0; border:1px solid rgba(103,213,255,.34); border-radius:50%; background:#040a0f; color:var(--cyan-400); writing-mode:initial; box-shadow:0 0 0 8px #02070b,0 0 20px rgba(38,186,255,.04); transition:border-color 420ms,box-shadow 420ms,color 420ms; }
.kind-privacy .section-index::after { content:""; position:absolute; right:-5px; width:7px; height:7px; border-radius:50%; background:var(--amber-500); opacity:.34; box-shadow:0 0 8px var(--amber-500); transition:opacity 420ms,background-color 420ms,box-shadow 420ms; }
.kind-privacy .legal-section.is-current .section-index { color:var(--paper-900); border-color:var(--cyan-400); box-shadow:0 0 0 8px #02070b,0 0 26px rgba(38,186,255,.25); }
.kind-privacy .legal-section.is-current .section-index::after { opacity:1; background:var(--cyan-400); box-shadow:0 0 13px var(--cyan-400); }
.kind-privacy .section-copy { padding-top:3px; }
.kind-privacy .section-copy h2 { max-width:22ch; font-size:clamp(2rem,3.25vw,3.55rem); line-height:1.04; }
.kind-privacy .section-copy>p { margin-top:18px; line-height:1.74; }
.kind-privacy .section-links { align-items:center; }

.contact-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(22px,3vw,38px); border:1px solid rgba(103,213,255,.18); background:linear-gradient(145deg,rgba(13,23,32,.96),rgba(5,9,14,.92)); box-shadow:inset 0 1px rgba(255,255,255,.025); }
.field { display:grid; gap:8px; }
.field-wide { grid-column:1/-1; }
.field label { color:var(--paper-700); font:700 .62rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.field input,.field select,.field textarea { width:100%; min-height:48px; border:1px solid rgba(143,156,166,.3); border-radius:0; background:rgba(2,7,12,.86); color:var(--paper-900); padding:12px 13px; font:inherit; transition:border-color 160ms,box-shadow 160ms,background 160ms; }
.field textarea { min-height:160px; resize:vertical; line-height:1.55; }
.field input:hover,.field select:hover,.field textarea:hover { border-color:rgba(103,213,255,.55); }
.field input:focus,.field select:focus,.field textarea:focus { border-color:var(--cyan-400); background:#07121b; box-shadow:0 0 0 3px rgba(38,186,255,.16); outline:none; }
.contact-submit { grid-column:1/-1; display:flex; align-items:center; gap:18px; }
.contact-submit button { min-height:50px; flex:0 0 auto; padding:0 20px; border:1px solid var(--cyan-400); background:rgba(8,121,217,.14); color:var(--paper-900); cursor:pointer; font-weight:780; }
.contact-submit button:hover { background:rgba(38,186,255,.22); }
.contact-submit p,.contact-fallback,.form-status { color:var(--paper-500); font-size:.78rem; line-height:1.5; }
.form-status { grid-column:1/-1; min-height:1.2em; margin:0; color:var(--cyan-400); }
[data-contact-availability] { grid-column:1/-1; margin:0; font-size:.78rem; line-height:1.55; color:var(--paper-500); }
.contact-form button:disabled { opacity:.5; cursor:not-allowed; }
.contact-form .form-status { overflow-wrap:anywhere; }
.contact-fallback { margin:14px 0 0; }
.contact-assembly-canvas { position:fixed; z-index:64; inset:0; display:block; width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:transparent; opacity:0; pointer-events:none; mix-blend-mode:screen; filter:drop-shadow(0 0 5px rgba(38,186,255,.42)); transition:opacity 120ms linear; }
.contact-assembly-canvas::backdrop { background:transparent; pointer-events:none; }
.contact-assembly-canvas.is-active { opacity:1; }
body[data-contact-open] { overflow:hidden; }
.contact-dialog {
  position:fixed; inset:calc(var(--header-h) + 18px) 20px 18px auto; width:min(720px,calc(100vw - 40px)); height:min(890px,calc(100dvh - var(--header-h) - 36px)); max-width:none; max-height:none; margin:0; overflow:hidden;
  border:1px solid rgba(103,213,255,.28); background:rgba(3,8,13,.94); box-shadow:0 24px 90px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.035); color:var(--paper-900);
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  opacity:0; transform:translate3d(18px,0,0) scale(.992); transform-origin:right center; transition:opacity 260ms ease,transform 420ms cubic-bezier(.2,.8,.2,1),background-color 360ms,border-color 360ms,box-shadow 360ms;
}
body[data-copy-corner$="right"] .contact-dialog { right:auto; left:20px; transform:translate3d(-18px,0,0) scale(.992); transform-origin:left center; }
.contact-dialog[open] { opacity:1; transform:translate3d(0,0,0) scale(1); }
.contact-dialog::backdrop { background:rgba(0,3,6,.48); backdrop-filter:blur(4px) saturate(.84); }
.contact-dialog.is-assembling,.contact-dialog.is-disassembling { border-color:transparent; background:rgba(3,8,13,0); box-shadow:none; transition:opacity 260ms ease,transform 420ms cubic-bezier(.2,.8,.2,1),background-color 260ms,border-color 0ms,box-shadow 260ms; }
.contact-dialog.is-assembling.is-surfacing { border-color:transparent; background:rgba(3,8,13,.94); box-shadow:0 24px 90px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.035); }
.contact-dialog.is-assembling.is-crystallizing { border-color:rgba(103,213,255,.28); background:rgba(3,8,13,.94); box-shadow:0 24px 90px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.035); }
.contact-aperture { position:relative; height:100%; overflow:hidden; opacity:1; transform:scale(1); transition:opacity 440ms ease,transform 520ms cubic-bezier(.2,.8,.2,1); }
.contact-dialog.is-assembling .contact-aperture,.contact-dialog.is-disassembling .contact-aperture { opacity:0; transform:scale(.996); pointer-events:none; }
.contact-dialog.is-assembling.is-crystallizing .contact-aperture { opacity:1; transform:scale(1); pointer-events:auto; transition:none; }
.contact-aperture::before { content:""; position:absolute; z-index:4; top:0; right:0; left:0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan-400),transparent); opacity:.72; animation:contact-scan 5.5s ease-in-out infinite; pointer-events:none; }
.contact-stages { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0 0; padding:0; list-style:none; }
.contact-stages::before { content:""; position:absolute; z-index:0; top:14px; right:14px; left:14px; height:1px; background:linear-gradient(90deg,rgba(103,213,255,.32),rgba(103,213,255,.08)); }
.contact-stages li { position:relative; z-index:1; display:grid; grid-template-columns:28px minmax(0,1fr); align-items:center; gap:9px; min-width:0; color:var(--paper-500); opacity:.5; transition:color 240ms,opacity 240ms,transform 240ms; }
.contact-stages li span { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(143,156,166,.2); background:#050a10; font:700 .48rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; }
.contact-stages li strong { max-width:16ch; font:700 .54rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.contact-stages li.is-active { color:var(--paper-900); opacity:1; transform:translateY(-2px); }
.contact-stages li.is-active span { border-color:var(--cyan-400); box-shadow:0 0 16px rgba(38,186,255,.18); color:var(--cyan-400); }
.contact-stages li.is-complete { color:#35d1c0; opacity:.8; }
.contact-stages li.is-complete span { border-color:rgba(53,209,192,.48); }
.contact-composer { position:relative; min-width:0; height:100%; overflow:auto; padding:clamp(28px,4vh,44px) clamp(26px,4vw,48px) 26px; scrollbar-width:thin; scrollbar-color:rgba(103,213,255,.3) transparent; }
.contact-close { position:absolute; z-index:3; top:18px; right:18px; display:grid; width:44px; height:44px; place-items:center; border:1px solid rgba(143,156,166,.24); background:rgba(3,8,13,.74); color:var(--paper-700); cursor:pointer; transition:border-color 180ms,color 180ms,background 180ms; }
.contact-close:hover,.contact-close:focus-visible { border-color:rgba(103,213,255,.65); background:rgba(8,121,217,.14); color:var(--paper-900); }
.contact-close svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; }
.contact-intro { max-width:510px; padding-right:52px; }
.contact-intro h2 { max-width:13ch; margin:0; font-size:clamp(2rem,3.5vw,3.45rem); font-weight:620; letter-spacing:-.055em; line-height:1; text-wrap:balance; }
.contact-intro p { max-width:53ch; margin:18px 0 0; color:var(--paper-700); font-size:.92rem; line-height:1.58; }
.contact-dialog:not([data-contact-stage="intent"]) .contact-intro { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.contact-dialog:not([data-contact-stage="intent"]) .contact-stages { margin-top:24px; }
.contact-dialog .contact-intent-form { display:grid; grid-template-columns:1fr; gap:0; margin-top:30px; padding:0; border:0; background:transparent; box-shadow:none; }
.contact-dialog[data-contact-enhanced="true"] [data-contact-panel][hidden] { display:none; }
.contact-dialog .field label,.contact-direction legend { color:var(--paper-500); font:700 .56rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.contact-dialog .field input,.contact-dialog .field textarea { border-color:rgba(103,213,255,.22); background:rgba(1,6,11,.68); }
.contact-dialog .contact-intent-field textarea { min-height:118px; padding:18px; border-width:0 0 1px; background:linear-gradient(90deg,rgba(8,121,217,.055),transparent); font-size:1.02rem; line-height:1.55; }
.contact-dialog .contact-intent-field textarea::placeholder { color:rgba(186,196,205,.38); }
.contact-dialog .contact-intent-field>p { margin:8px 0 0; color:var(--paper-500); font-size:.7rem; line-height:1.45; }
.contact-direction { min-width:0; margin:28px 0 0; padding:0; border:0; }
.contact-direction legend { margin-bottom:12px; }
.contact-directions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.contact-directions label { position:relative; min-width:0; cursor:pointer; }
.contact-directions input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.contact-directions span { position:relative; display:flex; min-height:48px; align-items:center; padding:10px 13px 10px 29px; border:1px solid rgba(143,156,166,.2); color:var(--paper-700); font-size:.8rem; transition:border-color 180ms,background 180ms,color 180ms,transform 180ms; }
.contact-directions span::before { content:""; position:absolute; left:12px; width:6px; height:6px; border:1px solid rgba(103,213,255,.45); transform:rotate(45deg); transition:background 180ms,box-shadow 180ms; }
.contact-directions label:hover span { border-color:rgba(103,213,255,.44); color:var(--paper-900); transform:translateY(-1px); }
.contact-directions input:focus-visible+span { outline:2px solid var(--cyan-400); outline-offset:2px; }
.contact-directions input:checked+span { border-color:rgba(53,209,192,.62); background:linear-gradient(90deg,rgba(53,209,192,.12),rgba(8,121,217,.05)); color:var(--paper-900); }
.contact-directions input:checked+span::before { border-color:#35d1c0; background:#35d1c0; box-shadow:0 0 12px rgba(53,209,192,.8); }
.contact-return { display:grid; gap:15px; margin-top:28px; padding-top:24px; border-top:1px solid rgba(103,213,255,.12); transition:opacity 240ms; }
.contact-return h3 { margin:0; font-size:1.02rem; letter-spacing:-.018em; }
.contact-return>div>p { margin:5px 0 0; color:var(--paper-500); font-size:.72rem; line-height:1.45; }
.contact-identity { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.contact-dialog .contact-identity input { min-height:46px; }
.contact-dialog .contact-submit { display:grid; grid-template-columns:auto 1fr; gap:16px; margin-top:26px; }
.contact-dialog .contact-submit button { display:flex; min-height:50px; align-items:center; gap:16px; padding:0 18px; border-color:rgba(103,213,255,.72); background:linear-gradient(90deg,rgba(8,121,217,.23),rgba(53,209,192,.08)); }
.contact-dialog .contact-submit button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; transition:transform 180ms; }
.contact-dialog .contact-submit button:hover svg { transform:translateX(3px); }
.contact-dialog .contact-submit p { margin:0; }
.contact-dialog .form-status { margin:8px 0 0; }
.contact-dialog .contact-fallback { margin:18px 0 0; color:var(--paper-500); font-size:.72rem; }
.contact-dialog .contact-fallback a { display:inline-flex; min-height:44px; align-items:center; margin-block:-12px; color:var(--cyan-400); }
@keyframes contact-scan { 0%,100% { opacity:.18; transform:translateX(-34%); } 50% { opacity:.8; transform:translateX(34%); } }

.language-entry { min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(circle,rgba(38,186,255,.1),transparent 32%),#020407; }
.language-entry main>div { max-width:700px; text-align:center; }
.language-entry h1 { margin:0; font-size:clamp(2.4rem,7vw,6rem); letter-spacing:-.06em; }
.language-entry p { color:var(--paper-700); }
.language-entry main div div { display:flex; justify-content:center; gap:10px; margin-top:28px; }
.language-entry a { min-width:140px; min-height:48px; display:grid; place-items:center; border:1px solid rgba(103,213,255,.35); text-decoration:none; }

@media (max-width:1100px) {
  :root { --header-h:72px; }
  .site-header { grid-template-columns:1fr auto; }
  .site-nav { display:none; }
  .header-tools { grid-column:2; }
  .frame-copy { width:auto; }
  .atlas-dialog:not(.contact-dialog) { width:calc(100vw - 28px); }
  .atlas-map-layout { grid-template-columns:minmax(0,1fr) 280px; }
  .standard-hero { grid-template-columns:1fr .65fr; }
  .editorial-section { grid-template-columns:54px minmax(260px,.8fr) minmax(0,1.2fr); }
  .contact-dialog { width:min(680px,calc(100vw - 32px)); right:16px; }
  body[data-copy-corner$="right"] .contact-dialog { left:16px; }
}

@media (max-width:760px) {
  :root { --header-h:66px; --page-pad:18px; }
  .site-header { gap:8px; padding-inline:14px; }
  .brand small { display:none; }
  .brand-mark { width:32px; height:32px; }
  .brand strong { font-size:.82rem; }
  .header-tools { gap:5px; }
  .motion-toggle,.atlas-button { min-width:44px; padding:0 8px; justify-content:center; gap:5px; }
  .motion-toggle span { display:block; max-width:54px; overflow:hidden; font-size:0; }
  .motion-toggle span::after { content:"Motion"; font-size:.48rem; }
  html[lang="fi"] .motion-toggle span::after { content:"Liike"; }
  .motion-toggle strong { font-size:.48rem; }
  .motion-toggle .control-icon { display:none; }
  .atlas-button>span { display:none; }
  .language-switch { display:flex; gap:0; min-height:44px; border:1px solid rgba(143,156,166,.24); background:rgba(5,9,14,.72); }
  .language-switch a { min-width:44px; min-height:44px; font-size:.55rem; }
  .atlas-page { overflow:clip; }
  .atlas-viewport { touch-action:pan-y pinch-zoom; }
  .atlas-grid { inset:-20%; transform:perspective(900px) rotateX(66deg) translate3d(var(--grid-x),calc(var(--grid-y) + 38vh),-120px); background-size:54px 54px,54px 54px,18px 18px,18px 18px; }
  .grid-intent-tile { width:54px; height:54px; }
  .world-poster,.world-canvas { inset:0; height:100%; }
  body[data-copy-corner^="top"] .world-veil { background:linear-gradient(180deg,rgba(2,4,7,.99) 0%,rgba(2,4,7,.95) 36%,rgba(2,4,7,.52) 51%,rgba(2,4,7,.08) 73%,rgba(2,4,7,.58) 100%)!important; }
  body[data-copy-corner^="bottom"] .world-veil { background:linear-gradient(0deg,rgba(2,4,7,.99) 0%,rgba(2,4,7,.95) 36%,rgba(2,4,7,.52) 51%,rgba(2,4,7,.08) 73%,rgba(2,4,7,.58) 100%)!important; }
  .frame-copy { --copy-edge:24px; --copy-axis-gap:0px; right:24px; left:24px; width:auto; max-height:none; padding:8px 0; overflow:visible; container-type:inline-size; }
  .frame-copy.corner-top-left,.frame-copy.corner-top-right { top:calc(var(--header-h) + 50px); right:24px; bottom:auto; left:24px; }
  .frame-copy.corner-bottom-left,.frame-copy.corner-bottom-right { top:auto; right:24px; bottom:58px; left:24px; }
  .frame-copy h1 { max-width:100%; margin:0; font-size:clamp(1.58rem,8cqi,2.8rem); letter-spacing:-.048em; }
  .frame-lead { margin-top:16px; font-size:.98rem; line-height:1.5; }
  .frame-detail { display:none; }
  .maturity { margin-top:12px; }
  .detail-link { margin-top:10px; }
  .frame-actions { justify-content:flex-start; margin-top:16px; }
  .frame-actions a { min-height:44px; padding:0 13px; font-size:.76rem; }
  .direction-cue .cue-label { display:none; }
  .direction-cue .cue-compact-label { position:absolute; display:block; width:max-content; color:var(--paper-500); font:700 .48rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em; text-transform:uppercase; text-shadow:0 2px 12px #000,0 0 18px #000; pointer-events:none; }
  .cue-edge-top .cue-compact-label { top:calc(100% - 2px); left:50%; transform:translateX(-50%); }
  .cue-edge-right .cue-compact-label { top:50%; right:calc(100% - 4px); transform:translateY(-50%); }
  .cue-edge-bottom .cue-compact-label { bottom:calc(100% - 2px); left:50%; transform:translateX(-50%); }
  .cue-edge-left .cue-compact-label { top:50%; left:calc(100% - 4px); transform:translateY(-50%); }
  body[data-frame="product-nexus"] .direction-cue .cue-compact-label,
  body[data-frame="product-nexus"] .direction-cue .cue-label small { display:none; }
  body[data-frame="product-nexus"] .direction-cue .cue-label { display:grid; max-width:78px; }
  body[data-frame="product-nexus"] .direction-cue .cue-label strong { max-width:78px; font-size:.58rem; line-height:1.18; }
  .direction-cue { padding:8px; }
  .cue-icon { flex-basis:44px; width:44px; height:44px; }
  .cue-edge-top { top:var(--header-h); }
  .cue-edge-bottom { bottom:2px; }
  .cue-edge-left,.cue-edge-right { top:50%; }
  .atlas-minimap { width:132px; opacity:.78; }
  body[data-map-corner="top-left"] .atlas-minimap { top:calc(var(--header-h) + 56px); left:14px; }
  body[data-map-corner="top-right"] .atlas-minimap { top:calc(var(--header-h) + 56px); right:14px; }
  body[data-map-corner="bottom-left"] .atlas-minimap { bottom:56px; left:14px; }
  body[data-map-corner="bottom-right"] .atlas-minimap { right:14px; bottom:56px; }
  .navigation-coach { top:auto; right:auto; bottom:64px; left:12px; width:calc(100vw - 168px); max-width:220px; transform:none; }
  .privacy-note { right:8px; bottom:4px; display:block; font-size:0; letter-spacing:0; }
  .privacy-note a { min-width:46px; min-height:46px; margin:0; padding-inline:8px; border:1px solid rgba(103,213,255,.18); background:rgba(2,7,12,.78); color:var(--paper-500); font-size:.5rem; letter-spacing:.1em; }
  body[data-map-corner="bottom-right"] .privacy-note { right:auto; left:8px; }
  .task-signals { inset:var(--header-h) 0 0; }
  .task-signal { max-width:138px; font-size:.5rem; }
  .task-signal:nth-child(n+7) { display:none; }
  .atlas-dialog { width:100vw; max-width:none; max-height:100dvh; height:100dvh; border:0; }
  .atlas-dialog:not(.contact-dialog) { width:100vw; height:100dvh; clip-path:none; }
  .contact-dialog,body[data-copy-corner$="right"] .contact-dialog { inset:auto 8px 8px; width:calc(100vw - 16px); height:min(760px,calc(100dvh - var(--header-h) - 16px)); border:1px solid rgba(103,213,255,.26); clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px)); transform:translate3d(0,18px,0) scale(.992); transform-origin:center bottom; }
  .contact-dialog[open] { transform:translate3d(0,0,0) scale(1); }
  .contact-stages { gap:7px; margin-top:19px; }
  .contact-stages::before { top:13px; right:13px; left:13px; }
  .contact-stages li { grid-template-columns:26px; align-content:start; gap:6px; }
  .contact-stages li strong { max-width:12ch; font-size:.48rem; }
  .contact-stages li span { width:26px; height:26px; }
  .contact-composer { padding:26px 18px 22px; }
  .contact-close { top:12px; right:12px; }
  .contact-intro { padding-right:44px; }
  .contact-intro h2 { font-size:clamp(1.8rem,8vw,2.55rem); }
  .contact-intro p { margin-top:12px; font-size:.84rem; }
  .contact-dialog:not([data-contact-stage="intent"]) .contact-stages { margin-top:34px; }
  .contact-dialog .contact-intent-form { margin-top:22px; }
  .contact-dialog .contact-intent-field textarea { min-height:100px; }
  .contact-direction,.contact-return { margin-top:22px; }
  .contact-identity { grid-template-columns:1fr; }
  .contact-dialog .contact-submit { grid-template-columns:1fr; }
  .contact-dialog .contact-submit button { justify-content:space-between; }
  .atlas-command-head { grid-template-columns:minmax(0,1fr) 44px; gap:10px; min-height:66px; padding:8px 10px 8px 16px; }
  .atlas-head-brand { display:none; }
  .atlas-head-location { display:grid; gap:4px; }
  .dialog-head h2 { font-size:.78rem; }
  .atlas-map-layout { display:flex; flex-direction:column; height:calc(100% - 66px); min-height:0; overflow:auto; }
  .atlas-route-panel { order:1; flex:0 0 auto; overflow:visible; border-right:0; }
  .atlas-nearby { padding:18px 18px 12px; }
  .atlas-nearby-links { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
  .atlas-directory summary { padding-inline:18px; }
  .atlas-map-shell { flex:0 0 min(44dvh,360px); min-height:250px; order:0; border-right:0; border-bottom:1px solid rgba(103,213,255,.12); }
  .atlas-map { min-height:250px; }
  .map-node text { display:none; }
  .atlas-map-legend { bottom:10px; left:10px; display:flex; gap:10px; padding:8px 10px; }
  .atlas-map-legend span { gap:5px; }
  .atlas-map-legend span::before { width:12px; }
  .atlas-map-hint { display:none; }
  .atlas-lists { columns:1; }
  .atlas-lists a { min-height:44px; display:flex; align-items:center; padding:6px 0; }
  .atlas-help { overflow:visible; padding:18px; }
  .standard-hero { min-height:auto; display:block; padding-block:72px; }
  .standard-hero h1 { font-size:clamp(3rem,15vw,5.7rem); }
  .standard-hero-art { aspect-ratio:16/10; margin-top:40px; }
  .editorial-section { min-height:auto; display:block; padding-block:72px; }
  .section-index { margin-bottom:18px; writing-mode:initial; }
  .section-copy h2 { font-size:clamp(2.4rem,12vw,4.2rem); }
  .section-content,.section-surface { margin-top:40px; }
  .product-grid { grid-template-columns:1fr; }
  .site-footer { display:block; }
  .site-footer p:last-child { margin-top:16px; text-align:left; }
  .contact-form { grid-template-columns:1fr; }
  .field-wide,.contact-submit,.form-status { grid-column:1; }
  .contact-submit { align-items:flex-start; flex-direction:column; }
  .kind-privacy .standard-hero { min-height:auto; display:block; padding-top:68px; padding-bottom:34px; }
  .kind-privacy .standard-hero h1 { max-width:11ch; font-size:clamp(3rem,15vw,5.7rem); }
  .privacy-world-visual { min-height:300px; margin:18px -18px 0; }
  .kind-privacy .legal-section { display:grid; grid-template-columns:44px minmax(0,1fr); gap:18px; padding-block:52px; }
  .kind-privacy .legal-section::before { left:calc(var(--page-pad) + 21px); }
  .kind-privacy .section-index { width:42px; height:42px; margin:4px 0 0; writing-mode:initial; box-shadow:0 0 0 6px #02070b; }
  .kind-privacy .section-copy h2 { max-width:22ch; font-size:clamp(1.72rem,8.4vw,2.55rem); }
  .kind-privacy .section-copy>p { margin-top:14px; font-size:.96rem; line-height:1.66; }
}

@media (max-width:420px) {
  .brand-mark { display:none; }
  .brand { gap:0; min-width:72px; }
  .site-header { padding-inline:12px; }
  .header-tools { gap:3px; }
  .contact-directions { grid-template-columns:1fr; }
  .contact-intro h2 { max-width:14ch; }
}

@media (max-width:760px) and (max-height:600px) {
  .frame-question { margin-bottom:6px; font-size:.58rem; }
  .frame-copy h1 { font-size:clamp(1.45rem,6.4cqi,2.5rem); }
  .frame-lead { margin-top:10px; font-size:.88rem; line-height:1.4; }
  .maturity { margin-top:8px; padding-block:6px; font-size:.55rem; }
  .frame-copy>.detail-link { display:none; }
  .atlas-minimap { width:92px; }
  .navigation-coach { top:var(--header-h); right:auto; bottom:auto; left:50%; width:max-content; max-width:calc(100vw - 36px); min-height:44px; gap:2px; padding:1px 9px 1px 1px; font-size:.48rem; line-height:1.2; transform:translateX(-50%); white-space:nowrap; }
  .navigation-coach p { display:none; }
  .navigation-coach::after { content:"Swipe · use arrows"; }
  html[lang="fi"] .navigation-coach::after { content:"Pyyhkäise · käytä nuolia"; }
}

@media (min-width:561px) and (max-width:760px) and (max-height:600px) {
  .frame-copy { right:150px; }
  .frame-copy.corner-top-left,.frame-copy.corner-top-right,.frame-copy.corner-bottom-left,.frame-copy.corner-bottom-right { right:150px; }
}

@media (max-height:720px) and (min-width:761px) {
  .frame-copy h1 { font-size:clamp(1.58rem,7.2cqi,4.15rem); }
  .frame-lead { margin-top:12px; font-size:.96rem; line-height:1.4; }
  .frame-detail,.frame-copy>.detail-link { display:none; }
  .navigation-coach { bottom:7px; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
  .world-canvas { display:none!important; }
  .world-poster { opacity:.66!important; }
  .task-signal { transition:none; }
  .contact-assembly-canvas,.frame-assembly-canvas,.interaction-particle-canvas,.privacy-world-canvas { display:none!important; }
  .privacy-core-fallback { opacity:1!important; }
  .is-particle-intent { filter:drop-shadow(0 0 6px rgba(240,161,74,.5)); }
  .is-particle-acknowledged { filter:drop-shadow(0 0 7px rgba(38,186,255,.7)); }
  .atlas-minimap.is-particle-lit .minimap-node.is-current,.atlas-minimap.is-particle-lit .minimap-node.is-connected { opacity:1; }
}

[data-motion="off"] *,[data-motion="off"] *::before,[data-motion="off"] *::after { animation-play-state:paused!important; }
[data-motion="off"] .interaction-particle-canvas { display:none; }
[data-motion="off"] .contact-dialog,[data-motion="off"] .contact-aperture { transition:none; }
[data-motion="off"] .is-particle-intent { filter:drop-shadow(0 0 6px rgba(240,161,74,.5)); }
[data-motion="off"] .is-particle-acknowledged { filter:drop-shadow(0 0 7px rgba(38,186,255,.7)); }

@media print {
  .site-header,.direction-cues,.navigation-coach,.atlas-dialog,.world-canvas { display:none!important; }
  body,.standard-page { color:#111; background:#fff; }
  .standard-page .site-header { display:none!important; }
  .kind-privacy main::before,.privacy-world-visual,.kind-privacy .legal-section::before,.kind-privacy .section-index::after { display:none!important; }
  .kind-privacy .standard-hero { min-height:0; display:block; padding:0 0 32px; }
  .kind-privacy .legal-section { width:auto; display:grid; grid-template-columns:42px 1fr; gap:18px; padding:22px 0; break-inside:avoid; }
  .kind-privacy .section-index { color:#111; background:#fff; border-color:#555; box-shadow:none; }
}

/* Constellation Atlas — the full map is an astronomical instrument, not a sitemap. */
.atlas-dialog:not(.contact-dialog) { border-color:rgba(103,213,255,.3); background:#01060b; box-shadow:0 36px 140px rgba(0,0,0,.92),0 0 0 1px rgba(103,213,255,.04) inset; }
.atlas-command-head { grid-template-columns:auto minmax(0,1fr) minmax(230px,.72fr) 44px; gap:20px; padding-inline:24px 12px; background:linear-gradient(90deg,rgba(3,10,16,.98),rgba(5,13,21,.98)); }
.atlas-head-location h2 { display:flex; align-items:center; gap:10px; }
.atlas-head-location h2 b { color:var(--cyan-400); font:760 .72rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.11em; }
.atlas-head-beacon { min-width:0; display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px 13px; border:1px solid rgba(103,213,255,.14); background:linear-gradient(90deg,rgba(38,186,255,.055),rgba(38,186,255,.012)); color:var(--paper-700); }
.atlas-head-beacon i { width:6px; height:6px; border-radius:50%; background:var(--paper-900); box-shadow:0 0 5px var(--cyan-400),0 0 14px var(--cyan-500); }
.atlas-head-beacon span { min-width:0; overflow:hidden; color:var(--paper-700); font:650 .55rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.05em; text-overflow:ellipsis; white-space:nowrap; }
.atlas-head-beacon span b { color:var(--cyan-400); }
.atlas-head-beacon strong { color:var(--cyan-400); font:720 .46rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.13em; text-transform:uppercase; }
.atlas-map-layout { grid-template-columns:minmax(0,1fr) minmax(250px,286px); }
.atlas-map-shell { --atlas-pan-x:0px; --atlas-pan-y:0px; --atlas-scale:1; isolation:isolate; cursor:grab; touch-action:none; user-select:none; background:
  radial-gradient(circle at 50% 48%,rgba(10,102,157,.13),transparent 37%),
  radial-gradient(circle at 18% 22%,rgba(103,213,255,.32) 0 .7px,transparent 1.2px),
  radial-gradient(circle at 74% 18%,rgba(244,248,251,.26) 0 .55px,transparent 1px),
  radial-gradient(circle at 36% 72%,rgba(240,161,74,.26) 0 .6px,transparent 1.1px),
  radial-gradient(circle at 82% 76%,rgba(103,213,255,.22) 0 .55px,transparent 1px),
  #01060b;
  background-size:auto,79px 83px,107px 101px,131px 127px,151px 143px,auto;
}
.atlas-map-shell::before { content:""; position:absolute; z-index:0; inset:-10%; pointer-events:none; opacity:.7; background:
  radial-gradient(circle,rgba(103,213,255,.34) 0 .55px,transparent .85px) 17px 29px/53px 61px,
  radial-gradient(circle,rgba(244,248,251,.19) 0 .45px,transparent .75px) 7px 11px/37px 43px;
  mask-image:radial-gradient(ellipse at center,#000 5%,rgba(0,0,0,.78) 58%,transparent 96%);
}
.atlas-map-shell::after { z-index:4; background:radial-gradient(ellipse at 50% 48%,transparent 44%,rgba(1,5,9,.42) 76%,rgba(0,2,4,.85) 100%); }
.atlas-map-shell.is-panning { cursor:grabbing; }
.atlas-map { transform:translate3d(var(--atlas-pan-x),var(--atlas-pan-y),0) scale(var(--atlas-scale)); transform-origin:50% 50%; will-change:transform; }
.atlas-map-shell.is-settling .atlas-map { transition:transform 220ms cubic-bezier(.2,.72,.26,1); }
.atlas-compass { position:absolute; z-index:5; top:20px; left:22px; width:40px; height:40px; color:rgba(103,213,255,.66); font:700 .5rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.1em; pointer-events:none; }
.atlas-compass::before,.atlas-compass::after { content:""; position:absolute; background:currentColor; opacity:.5; }
.atlas-compass::before { top:6px; bottom:0; left:19px; width:1px; }
.atlas-compass::after { top:19px; right:0; left:0; height:1px; }
.atlas-compass span { position:absolute; top:-1px; left:17px; }
.atlas-compass i { position:absolute; top:10px; left:15px; width:9px; height:9px; border-top:1px solid currentColor; border-left:1px solid currentColor; transform:rotate(45deg); }
.map-range-rings circle { stroke:rgba(103,213,255,.11); stroke-width:.44; stroke-dasharray:1.1 2.9; }
.map-range-rings text { fill:rgba(103,213,255,.22); font:620 1.05px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.06em; }
.map-range-axes line { stroke:rgba(103,213,255,.065); stroke-width:.42; stroke-dasharray:.8 2.4; vector-effect:non-scaling-stroke; }
.map-corridor { stroke:rgba(103,213,255,.22); stroke-width:.56; opacity:.64; }
.map-corridor.is-human { stroke:rgba(240,161,74,.3); }
.map-corridor.is-depth { stroke-dasharray:1 1.8; }
.map-corridor.is-active { opacity:1; stroke:rgba(103,213,255,.86); stroke-width:1.05; filter:drop-shadow(0 0 2px rgba(38,186,255,.68)); }
.map-corridor.is-human.is-active { stroke:rgba(240,161,74,.82); filter:drop-shadow(0 0 2px rgba(240,161,74,.52)); }
.map-node { color:var(--cyan-400); opacity:.72; transition:opacity 180ms; }
.map-node-halo { fill:rgba(38,186,255,.025); stroke:rgba(103,213,255,.06); stroke-width:.38; vector-effect:non-scaling-stroke; transition:r 180ms,fill 180ms,stroke 180ms; }
.map-node-ring { fill:rgba(2,10,16,.92); stroke:rgba(103,213,255,.64); stroke-width:.58; vector-effect:non-scaling-stroke; transition:r 180ms,stroke 180ms,filter 180ms; }
.map-node-mark { fill:rgba(103,213,255,.36); stroke:var(--cyan-400); stroke-width:.48; transition:r 180ms,fill 180ms,stroke 180ms; }
.map-node-ordinal { fill:rgba(103,213,255,.58); font:730 1.02px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; }
.map-node-label { fill:rgba(218,231,239,.68); font:590 1.16px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.012em; }
.map-current-ordinal,.map-you-are-here { display:none; }
.map-node.group-founder,.map-node.group-echobix { color:var(--amber-500); }
.map-node.group-founder .map-node-halo,.map-node.group-echobix .map-node-halo { fill:rgba(240,161,74,.025); stroke:rgba(240,161,74,.08); }
.map-node.group-founder .map-node-ring,.map-node.group-echobix .map-node-ring { stroke:rgba(240,161,74,.7); }
.map-node.group-founder .map-node-mark,.map-node.group-echobix .map-node-mark { fill:rgba(240,161,74,.34); stroke:var(--amber-500); }
.map-node.group-founder .map-node-ordinal,.map-node.group-echobix .map-node-ordinal { fill:rgba(240,161,74,.64); }
.map-node.group-companion .map-node-ring,.map-node.group-flowcanvas .map-node-ring { stroke:rgba(53,209,192,.68); }
.map-node.group-companion .map-node-mark,.map-node.group-flowcanvas .map-node-mark { fill:rgba(53,209,192,.3); stroke:var(--teal-500); stroke-dasharray:none; }
.map-node.is-portfolio-gateway .map-node-halo { fill:rgba(38,186,255,.08); stroke:rgba(103,213,255,.3); }
.map-node.is-portfolio-gateway .map-node-ring { stroke:var(--paper-900); stroke-width:.82; stroke-dasharray:1.1 .7; filter:drop-shadow(0 0 3px rgba(38,186,255,.72)); }
.map-node.is-portfolio-gateway .map-node-mark { fill:var(--cyan-400); stroke:var(--paper-900); }
.map-node.is-portfolio-gateway.group-founder .map-node-halo { fill:rgba(240,161,74,.07); stroke:rgba(240,161,74,.3); }
.map-node.is-portfolio-gateway.group-founder .map-node-ring { stroke:var(--amber-500); filter:drop-shadow(0 0 3px rgba(240,161,74,.68)); }
.map-node.is-portfolio-gateway.group-founder .map-node-mark { fill:var(--amber-500); stroke:var(--paper-900); }
.map-node.is-near { opacity:.98; }
.map-node.is-near .map-node-halo { fill:rgba(38,186,255,.045); stroke:rgba(103,213,255,.2); }
.map-node.is-near .map-node-ring { filter:drop-shadow(0 0 1.8px rgba(38,186,255,.42)); }
.map-node:hover,.map-node:focus-visible { opacity:1; }
.map-node:hover .map-node-ring,.map-node:focus-visible .map-node-ring { stroke:var(--paper-900); filter:drop-shadow(0 0 2.8px rgba(103,213,255,.72)); }
.map-node:hover .map-node-mark,.map-node:focus-visible .map-node-mark { fill:var(--paper-900); stroke:var(--paper-900); }
.map-node.is-current { opacity:1; }
.map-node.is-current .map-node-halo { fill:rgba(38,186,255,.1); stroke:rgba(103,213,255,.3); filter:drop-shadow(0 0 5px rgba(38,186,255,.38)); }
.map-node.is-current .map-node-ring { fill:rgba(4,20,30,.96); stroke:rgba(229,247,255,.94); stroke-width:.86; filter:drop-shadow(0 0 4px rgba(38,186,255,.92)); }
.map-node.is-current .map-node-mark { fill:var(--paper-900); stroke:var(--paper-900); filter:drop-shadow(0 0 2px var(--paper-900)); }
.map-node.is-current .map-node-ordinal,.map-node.is-current .map-node-label { display:none; }
.map-node.is-current .map-current-ordinal { display:block; fill:#06101a; stroke:none; font:820 1.65px/1 ui-monospace,SFMono-Regular,Consolas,monospace; }
.map-node.is-current .map-you-are-here { display:block; fill:var(--paper-900); stroke:#01060b; stroke-width:.28px; paint-order:stroke; font:760 1.2px/1 ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:.08em; text-transform:uppercase; }
.atlas-map-legend { bottom:22px; left:22px; grid-template-columns:repeat(2,auto); column-gap:20px; background:rgba(1,7,12,.68); border-color:rgba(103,213,255,.14); }
.atlas-map-legend .legend-distant::before { height:1px; background:repeating-linear-gradient(90deg,rgba(143,156,166,.55) 0 3px,transparent 3px 6px); box-shadow:none; }
.atlas-map-hint { right:24px; color:rgba(148,163,173,.52); }
.atlas-command-rail { border-left:1px solid rgba(103,213,255,.1); background:linear-gradient(180deg,rgba(6,15,24,.96),rgba(2,8,13,.98)); }
.atlas-command-rail>section,.atlas-command-rail>details { background:linear-gradient(90deg,rgba(103,213,255,.018),transparent); }
.atlas-nearby-links span { display:flex; align-items:center; gap:8px; }
.atlas-nearby-links span b { color:var(--paper-500); font-size:.44rem; }
.atlas-help dl div { min-height:54px; }

@media (max-width:980px) {
  .atlas-command-head { grid-template-columns:auto minmax(0,1fr) 44px; }
  .atlas-head-beacon { display:none; }
  .map-node-label { font-size:1.08px; }
}

@media (max-width:760px) {
  .atlas-command-head { grid-template-columns:minmax(0,1fr) 44px; }
  .atlas-map-layout { display:flex; height:calc(100% - 66px); }
  .atlas-map-shell { flex-basis:min(48dvh,390px); min-height:280px; }
  .atlas-map { min-height:280px; }
  .map-node-ordinal,.map-node-label { display:none; }
  .map-node.is-current .map-current-ordinal,.map-node.is-current .map-you-are-here { display:block; }
  .map-node.is-current .map-you-are-here { font-size:1.7px; }
  .atlas-compass { top:12px; left:12px; transform:scale(.82); transform-origin:top left; }
  .atlas-map-legend { grid-template-columns:repeat(2,auto); bottom:8px; left:8px; column-gap:10px; row-gap:6px; padding:7px 9px; font-size:.42rem; }
  .atlas-route-panel { background:#040c13; }
}