:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#eff7ff;--muted:#adc3dc;--ice:#b6e8ff;--line:#668cc46c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 70% 27% at 50% -4%,#435a9c8a,transparent),radial-gradient(ellipse 46% 55% at 7% 80%,#29215d59,transparent),#070e20;color:var(--ink);line-height:1.6;min-height:100vh}a{color:inherit}a:focus-visible{outline:3px solid #b6e8ff;outline-offset:4px}.skip{position:absolute;top:-100px;left:15px;background:#d4f1ff;color:#06101b;padding:12px;z-index:10}.skip:focus{top:10px}.starfield{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(1px 1px at 15% 20%,#fff 99%,transparent),radial-gradient(1px 1px at 75% 45%,#d9eaff 99%,transparent),radial-gradient(2px 2px at 43% 81%,#b2d8ff 99%,transparent);background-size:255px 271px,377px 314px,422px 337px}
header,main,footer{position:relative;z-index:1;max-width:1200px;margin:0 auto}header{padding:24px clamp(18px,4vw,50px);border-bottom:1px solid #ffffff29;display:flex;justify-content:space-between;gap:18px;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:10px;letter-spacing:.16em;line-height:1.45}.brand b{font:48px Georgia,serif;color:var(--ice);text-shadow:0 0 25px #70abf4}.brand strong{font-weight:700}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}nav a{text-decoration:none;color:#cce9ff}nav a:hover,footer a:hover{text-decoration:underline}
main{padding:0 clamp(18px,4vw,50px) 65px}.hero{text-align:center;max-width:870px;margin:0 auto;padding:79px 0 90px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:#a6d5ee}.hero h1{font-size:clamp(42px,7.2vw,85px);line-height:1.12;letter-spacing:-.06em;font-weight:650;margin:25px auto}.hero h1 em{font-style:normal;color:var(--ice);text-shadow:0 0 42px #70b5ff75}.hero>p:not(.eyebrow){font-size:clamp(15px,2vw,19px);color:#c3d7ed;line-height:1.75;max-width:650px;margin:0 auto}.entrances{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:36px auto 0}.action{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;min-height:50px;text-decoration:none;font-size:13px;font-weight:650;background:#172b4bcf;border:1px solid #668db9;border-radius:10px}.action:hover{background:#31517a;border-color:var(--ice)}.action.primary{background:var(--ice);color:#081624;border-color:var(--ice)}.action.primary:hover{background:#effaff}
.architecture{border:1px solid var(--line);border-radius:24px;padding:39px clamp(17px,3vw,39px);text-align:center;background:radial-gradient(ellipse at 50% 0%,#3154a268,transparent 65%),linear-gradient(160deg,#111d37e8,#0b1427e8)}h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;line-height:1.18;margin:14px 0}p.section-deck{max-width:710px;margin:0 auto;color:var(--muted);font-size:14px}.orbit{height:116px;display:grid;place-items:center;position:relative}.orbit:before,.orbit:after{content:'';position:absolute;width:170px;height:68px;border:1px solid #a3d5ff5c;border-radius:50%;transform:rotate(-25deg)}.orbit:after{transform:rotate(35deg)}.orbit span{font:60px Georgia,serif;color:#c9efff;text-shadow:0 0 30px #75c6fc}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:left}.system-card{min-width:0;padding:23px 21px;background:#15233fc9;border:1px solid var(--line);border-radius:14px}.system-card.phios{background:linear-gradient(145deg,#1a3d5bd1,#11213dcd);border-color:#9bdafaaf}.symbol{font:48px Georgia,serif;color:var(--ice);line-height:1}.system-card.porch .symbol{color:#c4b5ff}.system-card.commons .symbol{color:#b5eed3}.role{font-size:10px;letter-spacing:.16em;color:#acd8f3;margin:16px 0 6px}.system-card h3{margin:0 0 10px;font-size:23px;letter-spacing:-.04em}.system-card p:not(.role){font-size:12px;line-height:1.75;color:#bfd2e7;min-height:105px}.system-card a{color:#bfe9ff;font-size:12px;text-underline-offset:4px}.scope{font-size:11px;color:#9aafca;max-width:710px;margin:26px auto 0}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:83px 0;border-bottom:1px solid #ffffff27}.paths p,.other p{font-size:14px;color:var(--muted);line-height:1.8}.paths p a{color:var(--ice)}.path-list{display:grid;gap:11px}.path-list a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 19px;border-radius:11px;border:1px solid var(--line);background:#182b49b8;text-decoration:none;font-weight:650}.path-list a:hover{background:#264868}.path-list span{font-size:11px;color:#afcce3;font-weight:400}.other{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:58px 0}.other>div{max-width:710px}.other .action{flex-shrink:0}footer{padding:25px clamp(18px,4vw,50px) 38px;border-top:1px solid #ffffff28;display:flex;justify-content:space-between;gap:18px;color:#a2bad3;font-size:11px}footer a{color:#cde9ff}
@media(max-width:860px){.cards{grid-template-columns:1fr}.system-card p:not(.role){min-height:0}.paths{gap:25px}.other{display:block}.other .action{margin-top:14px}}@media(max-width:580px){header{flex-wrap:wrap}nav{gap:14px}.hero{padding:58px 0 64px}.entrances{display:grid}.architecture{padding:27px 17px}.paths{grid-template-columns:1fr;padding:60px 0}.other{padding:53px 0}footer{display:grid;gap:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.catalog{margin:45px 0 0;padding:36px clamp(17px,3vw,39px);border:1px solid var(--line);border-radius:24px;background:#0c192bd9}
.catalog-head{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:27px;align-items:center}
.catalog-head h2{margin:10px 0}.catalog-head p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:690px}
.catalog-metrics{border:1px solid #6e9bc270;background:#142b43;padding:19px;border-radius:13px;display:grid;gap:3px;font-variant-numeric:tabular-nums}
.catalog-metrics strong{font-size:clamp(35px,5vw,57px);color:#c4f0ff;line-height:1.15}
.catalog-metrics span{font-size:10px;letter-spacing:.16em;font-weight:700}
.catalog-metrics small{font-size:11px;color:#a9c3d5}
.catalog-status{font-size:11px;color:#a9cfe6;min-height:18px;margin:17px 0}
.catalog-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.system-filter{min-width:0;display:flex;align-items:center;gap:7px;text-align:left;background:#192c43;color:#d8e9f2;border:1px solid #4e6d85;border-radius:8px;padding:10px 8px;cursor:pointer;font-size:10px}
.system-filter i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--group-color)}
.system-filter span{flex:1;overflow-wrap:anywhere}.system-filter b{font-variant-numeric:tabular-nums}
.system-filter:hover,.system-filter.selected{border-color:#b1eaff;background:#284968}
.system-filter:focus-visible,.catalog-toolbar button:focus-visible,.catalog-toolbar input:focus-visible,.catalog-toolbar select:focus-visible{outline:2px solid #b6e8ff;outline-offset:2px}
.catalog-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:22px 0 10px}
.catalog-toolbar label{display:grid;gap:5px;color:#b7d6e5;font-size:11px;min-width:170px;flex:1}
.catalog-toolbar input,.catalog-toolbar select{width:100%;height:41px;padding:9px;background:#14263b;border:1px solid #6683a0;border-radius:7px;color:#eff8ff}
.catalog-toolbar button{padding:10px 12px;min-height:41px;background:#253f5b;color:#e7f5fd;border:1px solid #6683a0;border-radius:7px;cursor:pointer;font-size:11px}
.catalog-toolbar button:hover{background:#355879}.catalog-toolbar button:disabled{opacity:.65;cursor:wait}
.catalog-notice{font-size:11px;color:#a8c6d9;line-height:1.6}
.catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:550px;overflow:auto;padding-right:5px;align-items:start}
.system-directory-group{border:1px solid #45617e;background:#13243b;border-radius:10px;min-width:0;padding:15px}
.system-directory-group h3{font-size:13px;margin:0 0 10px;color:var(--group-color);letter-spacing:.02em}
.system-directory-group h3 small{font-size:11px;color:#9cc8db;margin-left:5px}
.system-directory-group ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}
.system-directory-group li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff14;padding:5px 0}
.system-directory-group li a{font-size:12px;overflow-wrap:anywhere;text-underline-offset:3px}
.system-directory-group li span{color:#a5bfd1;font-size:9px;text-align:right;max-width:130px}
.gateway-empty{color:#b1cada;font-size:13px}
@media(max-width:940px){.catalog-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.catalog{padding:24px 14px}.catalog-head{grid-template-columns:1fr}.catalog-metrics{max-width:250px}.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-list{grid-template-columns:1fr;max-height:520px}.catalog-toolbar label{min-width:100%}}


/* Field Constellation cosmic gateway: self-hosted, no third-party image requests. */
body { background: #060d20; }
.starfield {
  opacity: 1;
  background-image:
    linear-gradient(180deg,
      rgba(3, 8, 23, .60) 0%,
      rgba(3, 8, 23, .46) 37%,
      rgba(5, 11, 27, .60) 69%,
      rgba(5, 11, 27, .77) 100%),
    url('./cosmic-field.webp');
  background-size: cover, cover;
  background-position: center center, center center;
  background-repeat: no-repeat;
}
@media (max-width: 650px) {
  .starfield { background-position: center center, center 48%; }
}