/* Graphite steel, acid yellow-green and electric blue. */
:root {
  color-scheme: dark;
  --background: #10151b;
  --text: #e9f0f5;
  --accent: #d2ff38;
  --blue: #58d5ff;
  --green: #9bf578;
  --muted: #a6b4c1;
  --line: #34414d;
  --surface: #1a232d;
  --steel: linear-gradient(135deg,#25313c 0%,#19222b 28%,#11181f 65%,#202b35 100%);
}
body {
  background: repeating-linear-gradient(0deg,#b7d4e703 0px,#b7d4e703 1px,transparent 1px,transparent 4px),var(--background);
}
::selection {background:#d2ff38;color:#10151b}
button {color:inherit}
.header {background:linear-gradient(120deg,#242e38,#11171e 55%,#1b2732);border-bottom-color:#4a606b;box-shadow:inset 0 1px #ffffff16,0 4px 24px #0005}
.header:after {content:"";position:absolute;bottom:-1px;left:4%;width:112px;height:2px;background:var(--accent);box-shadow:0 0 12px #d2ff3870;pointer-events:none}
.brand .spark,.footer-spark {filter:drop-shadow(0 0 8px #d2ff3830)}
.header nav a {color:#c0cbd5}
.header nav a:hover,.nav-cta {color:var(--text)}
.nav-cta {border-color:#6b8291}
.nav-cta span {color:var(--accent)}
.skip-link {background:var(--accent);color:var(--background)}
.hero {background:#0c1219}
.hero-shade {background:linear-gradient(90deg,#0a111af5 0%,#0d1723db 29%,#101b286e 53%,#101b280d 78%),linear-gradient(0deg,#080f18f5 0%,#10182555 27%,#12233330 100%)}
.hero:after {content:"";position:absolute;left:5.5%;top:36px;width:56px;height:1px;background:var(--blue);box-shadow:0 0 12px #58d5ff;pointer-events:none}
.hero h1 {color:#edf3f8;text-shadow:0 2px 24px #020a1466}
.hero h1 em {color:var(--accent);text-shadow:0 0 35px #d2ff3815}
.hero-copy {color:#c4d1db}
.hero .eyebrow {color:#b7c8d5}
.live-dot {box-shadow:0 0 0 4px #d2ff3810,0 0 12px #d2ff3890}
.button-dark,.button-accent {background:var(--accent);color:#10170a;border-color:var(--accent);box-shadow:0 0 22px #cfff3810}
.button-dark:hover,.button-accent:hover {background:#e1ff86;border-color:#e1ff86;box-shadow:0 0 28px #d2ff382e}
.button-accent {background:var(--blue);border-color:var(--blue);color:#091822}
.button-accent:hover {background:#9be6ff;border-color:#9be6ff;box-shadow:0 0 28px #58d5ff2e}
.hero-bottom {color:var(--text)}
.hero-caption small {color:#b4c5d5}
.slideshow-controls {background:#0a121ce8;border-color:#456075;box-shadow:inset 0 1px #ffffff0b,0 4px 25px #0004}
.slideshow-controls>button {background:#1d2a37;border-color:#516475;color:#e1edf4}
.slideshow-controls>button:hover {background:var(--accent);border-color:var(--accent);color:#11190a}
.slide-dot {color:#c0ced9}
.slide-dot i {background:#516475}
.slide-dot[aria-pressed=true] {color:var(--accent)}
.slide-dot[aria-pressed=true] i {box-shadow:0 0 8px #d2ff3866}
.scroll-link {border-color:#587083;color:var(--blue);background:#0b152060}
.signal-strip {background:#0b1118;color:#b6c3cf;border-top:1px solid #465667;border-bottom:1px solid #34414d;box-shadow:inset 0 1px #ffffff08}
.signal-strip b:nth-of-type(even) {color:var(--blue)}
.section-label {color:#a5bacb}
.vision,.frontiers,.research,.connect {position:relative}
.vision {background:linear-gradient(115deg,#202b3555,transparent 62%)}
.vision:after,.research:after {content:"";position:absolute;left:5.5%;bottom:-1px;height:1px;width:130px;background:var(--blue);box-shadow:0 0 10px #58d5ff80}
h2 em {color:#93bacd}
.vision h2 em {color:var(--blue)}
.text-link {color:var(--text);border-color:#607788}
.text-link span {color:var(--accent)}
.text-link:hover {border-color:var(--accent)}
.frontiers {background:linear-gradient(155deg,#17212b 0%,#10171f 65%,#15212a 100%)}
.frontier-tabs {border-top-color:#405363}
.frontier-tabs button {color:#b9c7d2;border-bottom-color:#3b4c5b}
.frontier-tabs small {color:#91a4b5}
.frontier-tabs button:hover {background:#293744}
.frontier-tabs button[aria-selected=true] {background:linear-gradient(120deg,#344031,#202b26);color:#efffd6;box-shadow:inset 0 1px #d2ff3825}
.frontier-tabs button[aria-selected=true]:after {box-shadow:0 0 12px #d2ff3850}
.frontier-tabs button[aria-selected=true] small {color:#d2eaaa}
.frontier-panel {border:1px solid #3c5060;box-shadow:0 15px 45px #0002}
.frontier-copy {background:var(--steel);box-shadow:inset 0 1px #ffffff0b}
.frontier-copy .eyebrow {color:var(--blue)}
.frontier-copy>p:not(.eyebrow) {color:#b9c8d3}
.image-tag {background:#111b25ed;color:var(--blue);border:1px solid #6ea2ba66;box-shadow:0 4px 15px #0003}
.tags li {border-color:#4b5f6e;color:#c0d0db;background:#15202b60}
.panel-progress {background:#405366}
.panel-progress i {box-shadow:0 0 9px #d2ff3860}
.panel-index button {color:var(--blue);border-color:#5a7488;background:#14212c}
.panel-index button:hover {background:#263b4c}
.intelligence {background:radial-gradient(ellipse at 75% 50%,#143447 0%,#111b28 42%,#0c131c 75%);color:var(--text);border-top:1px solid #365568;border-bottom:1px solid #365568}
.intelligence .section-label {color:var(--blue)}
.intelligence h2 em {color:var(--accent)}
.intelligence-content>p:not(.section-label) {color:#aebfcc}
.robot-spec {color:#a2bacb}
.robot-spec b {color:var(--blue)}
.robot-viewer {border-color:#3e627a;background:radial-gradient(ellipse at 50% 50%,#1c43576b,transparent 72%),repeating-linear-gradient(0deg,#94c3df04 0px,#94c3df04 1px,transparent 1px,transparent 4px);box-shadow:inset 0 1px #ffffff0b,0 0 35px #28a9ff08}
.robot-viewer:after {border-color:var(--accent)}
.robot-viewer:before {content:"";position:absolute;right:-1px;bottom:-1px;width:48px;height:48px;border-bottom:1px solid var(--blue);border-right:1px solid var(--blue);pointer-events:none}
.robot-viewer-top .mono {color:#b7d4e6}
.viewer-badge {color:var(--accent);border-color:#b5e84455;background:#101d1c}
.robot-viewer-bottom p {color:#d3e4f0}
.robot-viewer-bottom p span {color:#98b5cb}
.robot-controls button {background:#182936;border-color:#426079;color:#b6eaff}
.robot-controls button:hover {background:var(--accent);border-color:var(--accent);color:#11190a}
.research {background:linear-gradient(110deg,#202a3450,#111820 65%);border-bottom:1px solid var(--line)}
.research-num,.research-status .live-dot {color:var(--accent)}
.research-list details[open] {background:linear-gradient(90deg,transparent,#58d5ff05)}
.detail-topics {color:#99d7ef}
.connect {background:radial-gradient(ellipse at 88% 70%,#17425680,transparent 60%),repeating-linear-gradient(0deg,#bbdded04 0px,#bbdded04 1px,transparent 1px,transparent 4px),linear-gradient(120deg,#28333b,#111c25 65%);border-top:1px solid #4b6572;border-bottom:1px solid #3e5668;box-shadow:inset 0 1px #b3d7df0c}
.connect:before {content:"";position:absolute;top:-1px;left:5.5%;width:200px;max-width:40%;height:2px;background:linear-gradient(90deg,var(--accent),var(--green),var(--blue));box-shadow:0 0 15px #9bf57855}
.connect-top {border-color:#496170}
.connect .tiny-cross {color:var(--accent)}
.connect-top .mono {color:#9dbacb}
.connect h2 em {color:var(--accent);text-shadow:0 0 35px #d2ff3815}
.connect-spark {fill:var(--blue);filter:drop-shadow(0 0 14px #58d5ff50)}
.connect-main p {color:#bfcfd9}
footer {background:#0b1118}
.footer-bottom {border-color:#2b3c49;color:#98acbc}
dialog {background:var(--steel);border:1px solid #587284;box-shadow:0 24px 100px #000b,inset 0 2px var(--accent)}
dialog::backdrop {background:#030912c9}
.dialog-close {color:var(--text)}
input,select,textarea {background:#0e1923;border-color:#4a657a;color:var(--text)}
input::placeholder,textarea::placeholder {color:#8fa5b7;opacity:1}
.form-status {color:var(--green)}
.spark-particles i {background:#f5ffe9}
@media(max-width:760px) {
  .header nav {background:linear-gradient(120deg,#1f2c38,#101820);border-color:#456075}
  .hero-shade {background:linear-gradient(180deg,#08111bf5 0%,#0b1522e8 25%,#10203270 51%,#0b142510 72%),linear-gradient(0deg,#070e17f5 0%,transparent 35%)}
  .hero:after {top:20px;left:6%;width:36px}
}

/* A distributed research initiative and its growing public collection. */
.initiative-meta{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 6px;font-family:var(--mono);font-size:9px;letter-spacing:.8px}
.initiative-meta span{border:1px solid #48606f;padding:7px 9px;color:#b3d0df;background:#12202a}
.initiative-meta span:last-child{color:var(--accent);border-color:#cfff383b}
.vision-columns>div{display:grid;align-content:start;gap:18px}
.library{border-top:1px solid #405567;border-bottom:1px solid #354d60;background:linear-gradient(145deg,#182530,#101820 70%)}
.library .section-heading{margin-bottom:26px}
.library h2 em{color:var(--accent)}
.library-intro{max-width:770px;color:#b3c5d3;font-size:14px;line-height:1.85;margin-bottom:32px}
.library-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;border-top:1px solid #3c5365;border-bottom:1px solid #3c5365;padding:14px 0;margin-bottom:28px}
.library-filters{display:flex;gap:6px;flex-wrap:wrap}
.library-filters button{border:1px solid transparent;padding:10px 14px;min-height:40px;background:none;color:#b7c9d7;font-size:12px}
.library-filters button:hover{background:#283b49}
.library-filters button[aria-pressed=true]{background:#d2ff3810;border-color:#d2ff3855;color:var(--accent)}
.library-toolbar>.mono{font-size:9px;color:#98b6cb;white-space:nowrap}
.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}
.work-card{border:1px solid #3d5568;background:var(--steel);min-width:0}
.work-visual{margin:0;height:350px;position:relative;background:#0a1119;overflow:hidden;border-bottom:1px solid #3d5568}
.work-photo>a{display:block;width:100%;height:100%}
.work-photo img{width:100%;height:100%;object-fit:contain}
.work-visual>figcaption{position:absolute;bottom:0;left:0;right:0;padding:12px 18px;color:#bdcfdb;background:#09121aeb;font-family:var(--mono);font-size:9px;line-height:1.5}
.work-diagram{display:grid;place-items:center;background:radial-gradient(ellipse at center,#153e514f,transparent 70%),repeating-linear-gradient(90deg,#a4cde908 0,#a4cde908 1px,transparent 1px,transparent 30px),#0b141e}
.work-flow{display:grid;justify-items:center;width:74%;margin-bottom:25px}
.flow-node{display:flex;gap:20px;align-items:center;width:100%;padding:15px 20px;border:1px solid #477389;background:linear-gradient(110deg,#1b3441,#111d29);color:#d2e9f5;font-size:15px;box-shadow:inset 2px 0 var(--blue)}
.flow-node .mono{font-size:9px;color:var(--accent)}
.flow-arrow{color:var(--blue);padding:5px;font-size:20px}
.work-body{padding:30px}
.work-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-family:var(--mono);font-size:9px;line-height:1.5;color:#9db5c7;margin-bottom:17px}
.work-meta>span:first-child{color:var(--blue)}
.work-body h3{font-size:29px;letter-spacing:-.8px;line-height:1.17;margin-bottom:18px;max-width:420px}
.work-summary{font-size:13px;line-height:1.85;color:#bbcad6}
.work-details{border-top:1px solid #3d5568;margin-top:22px}
.work-details summary{padding:17px 0 0;color:var(--text);font-size:12px;gap:10px}
.work-details summary .plus{font-size:21px}
.work-context{font-size:13px;line-height:1.85;color:#b8c9d6;padding-top:18px}
.work-context>p+p{margin-top:15px}
.work-context figure{margin:20px 0 0}
.work-context figure img{width:100%;height:auto;border:1px solid #476071}
.work-context figcaption{font-size:10px;line-height:1.6;color:#9fb6c7;margin-top:10px}
.work-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px}
.library-empty{grid-column:1/-1;border:1px solid #3d5568;padding:45px;background:#10212a60;min-height:210px}
.library-empty .eyebrow{color:var(--blue);font-size:9px;margin-bottom:22px}
.library-empty h3{font-size:28px;line-height:1.3;margin-bottom:16px;max-width:700px}
.library-empty>p:last-child{color:#a9bfd0;font-size:13px;line-height:1.8}
.library-empty .button{margin-top:16px}
.library-footnote{display:flex;align-items:center;gap:12px;margin-top:25px;color:#a2b9c9;font-size:11px;line-height:1.7}
.library-footnote .live-dot{width:5px;height:5px}
@media(max-width:900px){.work-visual{height:290px}.work-body{padding:24px}.work-body h3{font-size:25px}.library-toolbar{align-items:start;flex-direction:column;gap:10px}.flow-node{padding:13px;font-size:13px}}
@media(max-width:600px){.library-grid{grid-template-columns:1fr;gap:25px}.work-visual{height:330px}.work-body{padding:25px}.library-intro{font-size:13px}.library-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.library-filters button{text-align:left;padding:10px;font-size:11px}.library-empty{padding:28px}.library-empty h3{font-size:24px}.initiative-meta{font-size:8px}.work-body h3{font-size:28px}.work-visual>figcaption{font-size:8px}.library-footnote{align-items:start}.library-footnote .live-dot{margin-top:6px}}
.skip-link{opacity:0;pointer-events:none}
.skip-link:focus{opacity:1;pointer-events:auto}
.field-note,.contact-privacy{font-size:11px;line-height:1.65;color:#a9bfd0}
.field-note{font-weight:normal}
.form-status[data-state=error]{color:#ffb6a5}
.form-status[data-state=pending]{color:var(--blue)}
form button:disabled{opacity:.65;cursor:wait}

/* Language selection stays visible beside the mobile navigation button. */
.header{gap:16px}
html[lang=sr-Latn] .hero h1{font-size:clamp(64px,7vw,106px)}
html[lang=sr-Latn] .hero-copy{max-width:450px}
html[lang=sr-Latn] .frontier-tabs button{font-size:11px}
@media(max-width:1100px){.header .nav-cta{display:none}.header nav{gap:18px}}
@media(max-width:760px){.language-switch{margin-left:auto}.header{gap:12px}.header nav{gap:0}html[lang=sr-Latn] .hero h1{font-size:76px}html[lang=sr-Latn] .hero-copy{font-size:14px}}
@media(max-width:400px){.header .brand{font-size:24px;gap:7px}.header .brand .spark{width:29px;height:29px}html[lang=sr-Latn] .hero h1{font-size:64px}}

/* Shared controls: etched metal, precise line icons, restrained neon feedback. */
.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.language-switch{position:relative;isolation:isolate;display:flex;flex-shrink:0;padding:4px;border:1px solid #435664;border-radius:10px;background:linear-gradient(145deg,#24313c,#0e1821);box-shadow:inset 0 1px #ffffff0c,0 4px 12px #0002}
.language-switch:before{content:"";position:absolute;z-index:-1;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);border-radius:6px;background:linear-gradient(135deg,#d2ff3829,#d2ff380b);box-shadow:inset 0 0 0 1px #d2ff384d,inset 0 1px #e7ffbc20;transition:transform .22s ease}
.language-switch[data-language=sr]:before{transform:translateX(100%)}
.language-switch button{width:40px;min-height:36px;border:0;border-radius:6px;padding:0;background:transparent;color:#9bb0bf;font-family:var(--mono);font-size:11px;letter-spacing:1px;transition:color .2s}
.language-switch button[aria-pressed=true]{color:var(--accent);text-shadow:0 0 14px #d2ff3833}
.language-switch button:hover{color:#f3f8fb}
.language-switch button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.slideshow-controls{gap:6px;padding:7px;border:1px solid #7c9aa659;border-radius:14px;background:linear-gradient(145deg,#283744e8,#101d28ee);box-shadow:inset 0 1px #ffffff13,0 8px 28px #0004;backdrop-filter:blur(18px)}
.slideshow-controls>button,.robot-controls button,#next-frontier,.scroll-link,.dialog-close{display:inline-grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid #57718480;border-radius:9px;background:linear-gradient(150deg,#30435288,#182732);color:#d9e8f1;box-shadow:inset 0 1px #ffffff09;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s}
.slideshow-controls>button:hover,.robot-controls button:hover,#next-frontier:hover,.scroll-link:hover,.dialog-close:hover{background:#244355;border-color:#58d5ffb3;color:#9ceaff;box-shadow:inset 0 1px #ffffff0f,0 0 16px #58d5ff12}
.slideshow-controls>button:active,.robot-controls button:active,#next-frontier:active,.scroll-link:active{transform:scale(.95)}
.slideshow-controls>button:focus-visible,.robot-controls button:focus-visible,#next-frontier:focus-visible,.scroll-link:focus-visible,.dialog-close:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.playback-control .icon-play{display:none;fill:currentColor;stroke-width:1.3}
.playback-control[data-playing=false] .icon-play{display:block}
.playback-control[data-playing=false] .icon-pause{display:none}
.playback-control .icon-pause{stroke-width:2.5}
.slideshow-controls>.playback-control,.robot-controls .playback-control{background:linear-gradient(135deg,#d2ff38,#b4da39);border-color:#d2ff38;color:#17220d;box-shadow:inset 0 1px #f2ffb899,0 0 16px #d2ff3810}
.slideshow-controls>.playback-control:hover,.robot-controls .playback-control:hover{background:#e0ff78;border-color:#e0ff78;color:#17220d;box-shadow:0 0 20px #d2ff3828}
.slide-dots{gap:2px;padding:0 5px}
.slide-dot{display:grid;place-content:center;justify-items:center;gap:7px;min-width:25px;min-height:44px;padding:5px 2px;border-radius:5px;color:#b2c6d4;transition:color .2s,background .2s}
.slide-dot span{font-size:9px;letter-spacing:.6px;line-height:1}
.slide-dot i{width:15px;height:3px;margin:0;border-radius:3px;background:#819bac66;transition:width .2s,background .2s,box-shadow .2s}
.slide-dot:hover{color:#eefaff;background:#58d5ff0d}
.slide-dot[aria-pressed=true]{color:var(--accent)}
.slide-dot[aria-pressed=true] i{width:20px;background:var(--accent);box-shadow:0 0 8px #d2ff3840}
.robot-controls{gap:6px;padding:5px;border:1px solid #4d657780;border-radius:12px;background:#0c1823aa}
.robot-viewer-bottom{flex-wrap:wrap}
.dialog-close{right:12px;top:12px;width:36px;height:36px;background:transparent;border-color:transparent}
.button>span[aria-hidden]{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:7px}
.button>span[aria-hidden] .ui-icon{width:18px;height:18px}
.text-link .ui-icon,.nav-cta .ui-icon,footer>a:last-of-type .ui-icon{width:18px;height:18px;transition:transform .2s,color .2s}
.text-link:hover .ui-icon,.nav-cta:hover .ui-icon{transform:translate(2px,-2px)}
.text-link:hover,.nav-cta:hover{color:var(--blue)}
.frontier-tabs button span{display:inline-flex;align-items:center;justify-content:center}
.frontier-tabs .ui-icon{width:15px;height:15px}
.robot-spec b .ui-icon{width:16px;height:16px}
.flow-arrow.ui-icon{display:block;width:24px;height:24px;padding:2px;margin:4px 0}
.plus{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:1px solid #4d657777;border-radius:8px;background:#192a35;color:var(--blue)}
.plus .ui-icon{width:16px;height:16px}
.ui-icon.plus{padding:7px;stroke-width:1.7}
footer>a:last-of-type{display:inline-flex;align-items:center;gap:12px}
@media(max-width:760px){
  .hero-bottom{column-gap:12px;row-gap:16px}
  .hero-bottom .slideshow-controls{grid-row:2;grid-column:1/-1;justify-self:start}
  .hero-bottom .scroll-link{grid-row:1;grid-column:2;justify-self:end}
  .slideshow-controls{gap:5px;padding:6px;border-radius:12px}
  .slide-dots{gap:0;padding:0 2px}
  .slide-dot{min-width:24px}
  .robot-controls{margin-left:0}
}
@media(max-width:400px){
  .header{gap:8px}
  .header .brand{font-size:22px;letter-spacing:-1px}
  .language-switch{padding:3px}
  .language-switch:before{left:3px;top:3px;bottom:3px;width:calc((100% - 6px)/2)}
  .language-switch button{width:36px;min-height:36px;font-size:10px}
}
@media(max-width:360px){
  .hero-bottom .slideshow-controls{display:grid;grid-template-columns:44px 1fr 44px;width:100%;row-gap:2px}
  #slide-previous{grid-column:1;grid-row:1}
  #slide-play{grid-column:2;grid-row:1;justify-self:center}
  #slide-next{grid-column:3;grid-row:1}
  .slide-dots{grid-column:1/-1;grid-row:2;justify-content:space-between;padding:0 4px}
  .slide-dot{min-width:32px}
}
@media(prefers-reduced-motion:reduce){
  .language-switch:before,.language-switch button,.slideshow-controls>button,.robot-controls button,#next-frontier,.scroll-link,.dialog-close,.slide-dot,.slide-dot i,.text-link .ui-icon,.nav-cta .ui-icon{transition:none}
  .text-link:hover .ui-icon,.nav-cta:hover .ui-icon{transform:none}
}