@charset "UTF-8";

/* OpenfUS v2.10 — midnight glass, shared type hierarchy and scroll timeline. */
:root{
  --night:#0b1424;
  --surface:#111f32;
  --paper:#eeece5;
  --ink:#0b1424;
  --muted:#a8b5c7;
  --soft:#93a3b9;
  --accent:#9ed8f3;
  --cyan:#9ed8f3;
  --line:rgba(171,193,221,.20);
  --gutter:clamp(24px,5.4vw,104px);
  --section-title-size:clamp(36px,3.7vw,68px);
  --card-title-size:clamp(20px,1.7vw,24px);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--paper);
  background:var(--night);
  color-scheme:dark;
  font-synthesis:none;
  scroll-behavior:smooth;
}
*{box-sizing:border-box}
body{margin:0;background:var(--night)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
::selection{background:var(--accent);color:var(--ink)}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:inherit;font-style:normal;font-weight:500;text-wrap:balance}
em{font:inherit;font-style:normal}
h1{font-size:clamp(54px,6.2vw,108px);line-height:1.04;letter-spacing:-.055em;margin:30px 0 25px;max-width:1100px}
h2{font-size:var(--section-title-size);line-height:1.10;letter-spacing:-.045em;font-weight:500}
h3{font-size:var(--card-title-size);line-height:1.25;letter-spacing:-.025em;font-weight:500}
section[id],article[id]{scroll-margin-top:100px}
.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--accent);color:var(--ink);padding:15px}
.skip-link:focus{top:15px}

.site-header{position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:26px;height:116px;padding:0 var(--gutter);border-bottom:1px solid rgba(226,234,245,.22)}
.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.brand img{object-fit:contain;border-radius:50%}
.brand-name{font-size:31px;letter-spacing:-1.5px;line-height:1.1}
.brand-name>span{font-weight:700}
.brand-name small{display:block;font-size:8px;line-height:2.1;letter-spacing:1.8px;font-weight:400}
.site-header nav{display:flex;gap:30px;font-size:13px}
.site-header a:hover,.footer-links a:hover{color:var(--accent)}
.header-link{padding:13px 0 13px 26px;border-left:1px solid var(--line);font-size:13px}
.header-link span{margin-left:15px}

.hero{height:100svh;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:var(--night)}
.hero-media,.hero-shade{position:absolute;inset:0;z-index:-2}
.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(7,17,34,.84),rgba(7,17,34,.49) 48%,rgba(7,17,34,.13)),linear-gradient(0deg,var(--night),rgba(11,20,36,.28) 30%,transparent 66%,rgba(7,17,34,.45))}
.hero-content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(165px,20vh,240px)}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;line-height:1.6;color:var(--muted)}
.light{color:var(--paper);display:flex;align-items:center;gap:12px}
.signal{width:6px;height:6px;border-radius:100%;background:var(--accent)}
.hero-intro{font-size:15px;line-height:1.7;color:#d2dae6;max-width:470px}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);font-size:12px;font-weight:500;padding:18px 23px;min-height:52px;transition:background .2s,border-color .2s}
.button:hover{background:#c5e9f9;border-color:#c5e9f9}
.button span{font-size:20px}
.film-button{border:0;background:transparent;padding:0;display:flex;gap:11px;align-items:center;font-size:12px}
.play-ring{border:1px solid var(--muted);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:9px;padding-left:2px}
.film-button:hover .play-ring{background:var(--accent);border-color:var(--accent);color:var(--night)}
.film-duration{color:var(--muted);font-size:10px;margin-left:1px}
.hero-foot{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:33px;left:var(--gutter);right:var(--gutter);padding-top:22px;border-top:1px solid rgba(226,234,245,.25)}
.film-caption{display:flex;gap:13px;align-items:center;font-size:11px;letter-spacing:1.8px}
.tiny-rule{height:31px;width:2px;background:var(--accent)}
.film-caption small{font-size:10px;letter-spacing:.2px;display:block;color:var(--muted);margin-top:7px}
.scroll-link{font-size:10px;color:#d2dae6}
.scroll-link span{margin-left:30px}
.motion-button{background:transparent;border:0;width:42px;height:42px;display:grid;place-items:center;padding:0;position:relative}
.motion-button svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:1}
.progress-track{stroke:rgba(226,234,245,.30)}
.progress-fill{stroke:var(--accent);stroke-dasharray:100.531;stroke-dashoffset:100.531}
.motion-button span{font-size:11px}

/* All page sections share the body canvas; only fine rules mark transitions. */
.paper,.about,.story,.platform,.research,.contact{background:transparent;color:var(--paper)}
.about,.story,.platform,.research,.contact{padding:85px var(--gutter)}
.section-top{display:flex;align-items:center;justify-content:space-between;gap:25px}
.institution,.micro-label{font-size:9px;letter-spacing:1.2px;color:var(--soft)}
.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;margin-top:64px}
.about-copy{max-width:530px;padding-top:3px}
.about-copy .lead{font-size:23px;line-height:1.45;margin-bottom:24px;color:var(--paper)}
.about-copy>p:not(.lead){font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:14px}
.text-link{display:inline-flex;gap:35px;align-items:center;font-size:12px;border-bottom:1px solid rgba(158,216,243,.40);padding:16px 0 11px;margin-top:12px}
.text-link span{font-size:18px}
.text-link:hover,.text-link.dark:hover{color:var(--accent);border-color:var(--accent)}
.text-link.dark{border-color:rgba(158,216,243,.40)}
.story{padding-top:30px;padding-bottom:85px}
.story-heading{padding-top:65px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end;gap:50px}
.story-heading>div{flex:1;min-width:0}
.story-heading h2{margin-top:26px;max-width:770px}
.story-heading>p{flex:0 0 30%;max-width:365px;font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:4px}
.milestones{display:grid;grid-template-columns:repeat(5,1fr);margin-top:65px}
.milestones article{position:relative;border-top:1px solid var(--line);padding:35px 25px 0 0;min-width:0}
.milestone-dot{position:absolute;top:-5px;width:9px;height:9px;border-radius:50%}
.year{font-size:13px;color:var(--soft);margin-bottom:24px}
.milestones h3{margin-bottom:13px}
.milestones article>p:not(.year){font-size:12px;line-height:1.8;color:var(--muted);max-width:260px}
.milestones a,.future-label{font-size:10px;line-height:1.6;display:block;margin-top:23px}
.milestones a:hover{text-decoration:underline;text-underline-offset:4px}
.milestones a span{margin-left:4px}
.future-label{font-style:normal;color:var(--soft)}
.milestones .neural-milestone a+a{margin-top:10px}

.platform,.research,.contact{border-top:1px solid var(--line)}
.platform{padding-top:80px;padding-bottom:95px}
.platform-heading{display:flex;justify-content:space-between;align-items:end;margin-top:55px;gap:40px}
.platform-heading>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:380px}
.resource-list{margin-top:65px}
.resource{display:grid;grid-template-columns:55px .9fr 1.25fr 30px;gap:25px;padding:35px 0 38px;border-top:1px solid var(--line);align-items:start}
.resource:last-child{border-bottom:1px solid var(--line)}
.resource-number{color:var(--soft);font-size:10px;padding-top:5px}
.resource-copy{max-width:520px;min-width:0}
.resource-copy p{font-size:13px;line-height:1.85;color:var(--muted)}
.resource-copy a{font-size:11px;display:inline-block;margin-top:18px;border-bottom:1px solid rgba(158,216,243,.35);padding-bottom:5px}
.resource-copy a:hover{color:var(--accent);border-color:var(--accent)}
.resource-copy a span{margin-left:15px}
.resource-links{display:flex;gap:30px;flex-wrap:wrap}
.resource-mark{color:var(--accent);font-size:27px;font-weight:300}
.software-projects{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}
.resource-copy .software-project{position:relative;display:block;border:1px solid var(--line);background:var(--surface);padding:16px;margin:0;transition:border-color .2s}
.software-project strong{display:block;font-size:var(--card-title-size);font-weight:500;line-height:1.25;letter-spacing:-.025em}
.software-project>span{display:block;font-size:9px;color:var(--muted);margin-top:9px;margin-left:0}
.resource-copy .software-project:hover{border-color:var(--accent)}
.protocol-code-link{opacity:.88}
.small-link{font-size:11px}
.small-link:hover{text-decoration:underline;text-underline-offset:4px}
.small-link span{margin-left:15px}
.research-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin-top:65px}
.research-grid>div+div{border-left:1px solid var(--line);padding-left:7vw}
.method-label{font-size:9px;letter-spacing:1.5px;color:var(--soft)}
.research-grid h2{margin:22px 0}
.research-grid p{color:var(--muted);line-height:1.9;font-size:14px;max-width:450px}
.contact{padding-top:90px;padding-bottom:100px}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;align-items:end;margin-top:50px}
.contact-grid>div{padding-bottom:8px;min-width:0}
.contact-grid>div p{color:var(--muted);font-size:16px;line-height:1.8}
.contact-email{display:block;font-size:clamp(16px,1.55vw,28px);letter-spacing:-.02em;border-bottom:1px solid rgba(158,216,243,.35);padding:24px 0 18px;margin-bottom:15px;white-space:nowrap}
.contact-email span{float:right;margin-left:10px;color:var(--accent)}
.contact-email:hover{color:var(--accent)}

footer{padding:0 var(--gutter) 27px;background:transparent}
.footer-top{display:flex;align-items:center;gap:45px;padding:35px 0;border-top:1px solid var(--line)}
.footer-top .brand-name{font-size:27px}
.footer-top p{color:var(--muted);font-size:11px;line-height:1.7}
.back-top{margin-left:auto;font-size:11px}
.back-top span{margin-left:20px}
.footer-links{display:flex;gap:23px;flex-wrap:wrap;font-size:10px;padding:15px 0 30px;color:var(--muted)}
.footer-bottom{border-top:1px solid var(--line);padding-top:25px;font-size:9px;color:var(--soft);display:flex;justify-content:space-between;gap:20px}
.footer-bottom span span{padding:0 8px;color:var(--accent)}

dialog{background:var(--night);border:0;padding:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;overflow:hidden}
dialog::backdrop{background:var(--night)}
dialog video{width:100%;height:100%;object-fit:contain}
.close-film{position:absolute;right:25px;top:22px;width:44px;height:44px;border:1px solid var(--muted);border-radius:50%;background:rgba(11,20,36,.8);color:var(--paper);z-index:2;font-size:17px}
.close-film:hover{background:var(--accent);border-color:var(--accent);color:var(--ink)}
body.cinema-open{overflow:hidden}
.noscript-note{padding:20px var(--gutter);font-size:12px}
.noscript-note a{text-decoration:underline}
.link-icon{width:16px;height:16px;flex:none;vertical-align:-3px}
.header-link .link-icon{margin-left:12px}
.button .link-icon{width:19px;height:19px}
.resource-mark .link-icon{width:25px;height:25px}
.resource-copy a .link-icon{margin-left:10px}
.small-link .link-icon{margin-left:10px}
.contact-email .link-icon{float:right;margin-left:10px;color:var(--accent)}
.scroll-link .link-icon{margin-left:25px}
.resource-copy .software-project>.link-icon{position:absolute;right:14px;top:18px;width:19px;height:19px;margin:0;color:var(--accent)}

@media(min-width:1800px){
  .hero-content{bottom:21vh}.hero-intro{font-size:17px}.hero-actions{margin-top:38px}
}
@media(max-width:1050px){
  .site-header nav{gap:19px}.brand-name small{font-size:7px}.brand-name{font-size:27px}
  .site-header{height:96px;gap:18px}.header-link{padding-left:15px}.hero{min-height:730px}
  .about-grid,.contact-grid{gap:6vw;grid-template-columns:1.1fr 1fr}
  .resource{grid-template-columns:28px .8fr 1.25fr 20px;gap:20px}
  .milestones{gap:12px}.milestones article{padding-right:10px}
  .story-heading>p{max-width:300px}.hero-content{bottom:170px}
}
@media(max-width:1050px) and (min-width:761px){
  .milestones{grid-template-columns:repeat(3,1fr);gap:40px 20px}.story-heading>p{flex-basis:31%}
}
@media(max-width:760px){
  :root{--gutter:24px;--section-title-size:clamp(32px,8.5vw,44px);--card-title-size:21px}
  .site-header{height:90px;padding-top:3px}.site-header nav{display:none}
  .brand img{width:38px;height:38px}.brand{gap:10px}.brand-name{font-size:26px}
  .brand-name small{font-size:6px;letter-spacing:1.3px}
  .header-link{font-size:10px;border:0;padding-left:5px;white-space:nowrap}.header-link span{margin-left:7px}
  .hero{min-height:720px;max-height:1100px}.hero-media video{object-position:58% center}
  .hero-shade{background:linear-gradient(90deg,rgba(7,17,34,.75),rgba(7,17,34,.16)),linear-gradient(0deg,var(--night),rgba(11,20,36,.25) 80%)}
  .hero-content{bottom:157px}.eyebrow{font-size:8px;letter-spacing:1.2px}
  .hero h1{font-size:clamp(42px,9.5vw,70px);letter-spacing:-.045em;line-height:1.08;margin:25px 0 22px}
  .hero-intro{font-size:13px;line-height:1.8}.desktop-break{display:none}
  .hero-actions{gap:20px;margin-top:28px}.button{padding:15px;font-size:10px;gap:20px}
  .film-button{font-size:10px;gap:8px}.film-duration{display:none}.play-ring{width:31px;height:31px}
  .hero-foot{bottom:24px;padding-top:20px}.film-caption{font-size:10px;letter-spacing:1.2px}
  .film-caption small{font-size:9px}.scroll-link{display:none}.motion-button{width:36px;height:36px}
  .about,.story,.platform,.research,.contact{padding:60px var(--gutter)}
  .institution{display:none}.micro-label{font-size:7px;letter-spacing:.7px}
  .about-grid,.contact-grid{grid-template-columns:1fr;gap:33px;margin-top:35px}
  .about-copy .lead{font-size:20px;line-height:1.5}.about-copy>p:not(.lead){font-size:13px}
  .story{padding-top:0}.story-heading{padding-top:40px;display:block}
  .story-heading h2{margin-top:25px;max-width:540px}.story-heading>p{margin-top:28px;max-width:none;font-size:13px}
  .milestones{grid-template-columns:1fr 1fr;gap:38px 20px;margin-top:43px}
  .milestones article{padding-top:25px;padding-right:0}.year{font-size:11px;margin-bottom:20px}
  .milestones article>p:not(.year){font-size:11px}.milestones a,.future-label{font-size:9px}
  .milestones .horizon{grid-column:1/-1;max-width:100%}.milestones .horizon>p:not(.year){max-width:440px}
  .milestones a .link-icon{display:none}
  .platform-heading{display:block;margin-top:35px}.platform-heading>p{font-size:13px;margin-top:25px}
  .resource-list{margin-top:38px}.resource{grid-template-columns:22px 1fr 20px;gap:14px;padding:27px 0}
  .resource-copy{grid-column:2 / 4;grid-row:2}.resource-copy p{font-size:12px}
  .resource-mark{grid-column:3;grid-row:1;font-size:24px}
  .resource-copy a{font-size:10px;margin-top:14px}.resource-links{gap:17px}
  .research .section-top{align-items:start}.small-link{font-size:9px}.small-link span{margin-left:4px}
  .research-grid{grid-template-columns:1fr;gap:38px;margin-top:40px}
  .research-grid>div+div{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}
  .research-grid h2{margin:18px 0}.research-grid p{font-size:13px}
  .contact-grid>div p{font-size:14px}.contact-email{font-size:18px}.text-link{font-size:11px}
  .footer-top{gap:20px;align-items:start}.footer-top p{display:none}
  .footer-top .brand img{width:34px;height:34px}.footer-top .brand-name{font-size:25px}
  .back-top{padding-top:10px}.footer-links{gap:17px 23px;line-height:1.8}
  .footer-bottom{flex-direction:column;gap:12px;font-size:8px}.close-film{top:16px;right:16px}
  .header-link .link-icon{width:13px;height:13px;margin-left:5px}
  .software-projects{gap:12px}.resource-copy .software-project{padding:14px}
  .software-project>span{font-size:8px}.software-project>.link-icon{right:10px;top:16px;width:16px;height:16px}
}
@media(max-width:370px){
  :root{--gutter:18px}.hero h1{font-size:40px}.hero-actions{gap:13px}
  .button{gap:12px}.hero .eyebrow{font-size:7px}.contact-email{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  :root{scroll-behavior:auto}*{transition:none!important}.progress-fill{display:none}
}


/* Logo palette sampled from the four flat fills of the displayed original PNG. */
:root{
  --logo-blue:#01a4ef;
  --logo-green:#82ba01;
  --logo-yellow:#feb801;
  --logo-red:#da0002;
  --glass-border:rgba(158,216,243,.20);
}
main{position:relative;isolation:isolate}
main::before{
  content:"";position:absolute;inset:65vh 0 0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 65% 26% at 92% 12%,rgba(1,164,239,.13),transparent 75%),
             radial-gradient(ellipse 62% 26% at 2% 51%,rgba(1,164,239,.085),transparent 76%),
             radial-gradient(ellipse 55% 22% at 82% 90%,rgba(85,134,200,.10),transparent 76%);
}
.about,.story,.platform,.research,.contact{padding:48px var(--gutter);border-top:0}
.glass-panel{
  position:relative;isolation:isolate;padding:clamp(28px,3.2vw,52px);
  border:1px solid var(--glass-border);border-radius:30px;
  background:linear-gradient(135deg,rgba(29,52,79,.60),rgba(15,30,51,.61) 45%,rgba(14,28,48,.79));
  -webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%);
  box-shadow:inset 0 1px 0 rgba(224,245,255,.10),inset 1px 0 0 rgba(224,245,255,.025),
             0 22px 65px rgba(1,8,21,.15),0 0 45px rgba(1,164,239,.025);
}
.glass-panel::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 0 0,rgba(158,216,243,.09),transparent 48%),
             linear-gradient(117deg,rgba(230,249,255,.045),transparent 32% 72%,rgba(158,216,243,.018));
}
.about-grid{margin-top:50px}
.story-heading{border-top:0;padding-top:0}
.platform-heading,.contact-grid{margin-top:42px}
.research-grid{margin-top:48px}

/* A single continuous rail: horizontal above 1050px, vertical below. */
.milestones{position:relative;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-top:72px}
.milestones article{
  border:1px solid rgba(158,216,243,.14);border-radius:18px;
  background:linear-gradient(150deg,rgba(31,54,80,.42),rgba(13,28,48,.30));
  padding:44px 20px 25px;box-shadow:inset 0 1px 0 rgba(224,245,255,.04);z-index:auto;
}
.milestone-dot{
  left:22px;top:-14px;width:28px;height:28px;z-index:3;border:1px solid rgba(255,255,255,.36);
  background:radial-gradient(circle at 30% 23%,rgba(255,255,255,.52),transparent 48%),var(--milestone-color);
  box-shadow:inset 0 -4px 8px rgba(0,0,0,.12),0 0 17px var(--milestone-glow);
}
.cyan{--milestone-color:var(--logo-blue);--milestone-glow:rgba(1,164,239,.24)}
.ice{--milestone-color:var(--logo-green);--milestone-glow:rgba(130,186,1,.20)}
.mist{--milestone-color:var(--logo-yellow);--milestone-glow:rgba(254,184,1,.20)}
.red{--milestone-color:var(--logo-red);--milestone-glow:rgba(218,0,2,.25)}
.outline{--milestone-color:var(--logo-blue);--milestone-glow:rgba(1,164,239,.24)}
.timeline-track{
  position:absolute;left:var(--timeline-start-x,36px);top:var(--timeline-start-y,0px);
  width:var(--timeline-track-width,80%);height:var(--timeline-track-height,2px);
  background:rgba(158,216,243,.27);pointer-events:none;z-index:2;transform:translateY(-50%);
}
.timeline-track::before{
  content:"";position:absolute;inset:0;transform:scaleX(var(--timeline-progress,0));transform-origin:left center;
  background:linear-gradient(90deg,rgba(158,216,243,.30),rgba(225,248,255,.88));
  box-shadow:0 0 7px rgba(158,216,243,.28);
}
.timeline-orb{
  position:absolute;left:0;top:0;z-index:4;width:16px;height:16px;border-radius:50%;pointer-events:none;
  transform:translate3d(var(--timeline-orb-x,36px),var(--timeline-orb-y,0px),0) translate(-50%,-50%);
  background:radial-gradient(circle at 35% 30%,#fff 10%,#f1fbff 45%,#b9e8fd 85%);
  border:1px solid rgba(255,255,255,.95);box-shadow:0 0 9px rgba(239,250,255,.85),0 0 23px rgba(1,164,239,.48);
  transition:none;will-change:transform;
}
.milestones .year{color:#becbdc;margin-bottom:22px}
.milestones a,.future-label{font-size:11px}

/* Four related panes, with accents from the original four-colour logo. */
.resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:48px}
.resource{
  --resource-color:var(--logo-blue);--resource-rgb:1,164,239;
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 26px;
  grid-template-areas:"title mark" "copy copy";gap:25px 18px;align-content:start;
  padding:31px;border:1px solid rgba(var(--resource-rgb),.30);border-radius:22px;
  background:radial-gradient(ellipse at 5% 0,rgba(var(--resource-rgb),.11),transparent 62%),
             linear-gradient(145deg,rgba(29,49,74,.58),rgba(13,27,46,.65));
  box-shadow:inset 0 1px 0 rgba(240,250,255,.08),0 8px 24px rgba(1,8,21,.10);
}
.resource::before{
  content:"";position:absolute;top:-1px;left:25px;right:25px;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--resource-color) 22%,var(--resource-color) 65%,transparent);
  opacity:.8;box-shadow:0 0 12px rgba(var(--resource-rgb),.22);
}
.resource:last-child{border-bottom:1px solid rgba(var(--resource-rgb),.30)}
#hardware{--resource-color:var(--logo-blue);--resource-rgb:1,164,239}
#software{--resource-color:var(--logo-green);--resource-rgb:130,186,1}
#protocols{--resource-color:var(--logo-yellow);--resource-rgb:254,184,1}
.support-resource{--resource-color:var(--logo-red);--resource-rgb:218,0,2}
.resource h3{grid-area:title;color:color-mix(in srgb,var(--resource-color) 52%,var(--paper))}
.resource-copy{grid-area:copy;max-width:none}
.resource-copy p{color:#b7c5d6}
.resource-mark{grid-area:mark;color:var(--resource-color)}
.resource-copy .software-project{
  border-color:rgba(var(--resource-rgb),.26);border-radius:12px;
  background:linear-gradient(140deg,rgba(var(--resource-rgb),.065),rgba(11,20,36,.28));
}
.resource-copy .software-project:hover{border-color:var(--resource-color)}
.resource-copy .software-project>.link-icon{color:color-mix(in srgb,var(--resource-color) 52%,var(--paper))}
.resource-copy .software-project>strong{font-size:var(--card-title-size)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass-panel{background:rgba(18,34,55,.97)}
}
@media(max-width:1050px){
  .milestones{grid-template-columns:minmax(0,1fr);gap:24px;padding-left:48px;margin-top:48px}
  .milestones article{padding:25px 24px;min-height:185px}
  .milestone-dot{left:-48px;top:25px}
  .milestones article>p:not(.year){max-width:650px;font-size:12px}
  .milestones .year{font-size:12px;margin-bottom:15px}
  .milestones h3{margin-bottom:10px}
  .milestones a,.future-label{margin-top:17px}
  .milestones .horizon{grid-column:auto;max-width:none}
  .timeline-track{transform:translateX(-50%)}
  .timeline-track::before{transform:scaleY(var(--timeline-progress,0));transform-origin:center top;background:linear-gradient(180deg,rgba(158,216,243,.30),rgba(225,248,255,.88))}
  .resource{padding:25px}
}
@media(max-width:760px){
  .about,.story,.platform,.research,.contact{padding:28px var(--gutter)}
  .glass-panel{padding:26px 22px;border-radius:23px}
  .about-grid,.contact-grid{margin-top:32px}
  .story-heading{padding-top:0}
  .story-heading>p{margin-top:25px}
  .milestones{padding-left:42px;gap:22px;margin-top:43px}
  .milestones article{padding:23px 19px;min-height:0}
  .milestone-dot{left:-42px;top:22px}
  .milestones .year{margin-bottom:15px}
  .milestones a .link-icon{display:none}
  .resource-list{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:32px}
  .resource{padding:24px;gap:20px 12px}
  .platform-heading,.research-grid{margin-top:32px}
  .software-projects{grid-template-columns:1fr;gap:12px}
  .research-grid>div+div{padding-top:29px}
  .contact-email{font-size:clamp(14px,4.3vw,18px);white-space:normal;overflow-wrap:anywhere}
  .contact-email .link-icon{float:none}
}
@media(prefers-reduced-motion:reduce){
  .timeline-orb{box-shadow:0 0 5px rgba(239,250,255,.55);will-change:auto}
  .timeline-track::before{box-shadow:none}
}