:root {
  --bg:#09090b;
  --panel:#0e0f13;
  --ink:#f2f0ea;
  --muted:#8c8e98;
  --dim:#b9bac1;
  --line:rgba(242,240,234,.14);
  --line-strong:rgba(242,240,234,.32);
  --blue:#8bb5ff;
  --violet:#b9a4ff;
  --amber:#f2c36b;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
* { box-sizing:border-box; }
html { background:var(--bg); }
body { margin:0; overflow-wrap:anywhere; color:var(--ink); background:var(--bg); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
.masthead { min-height:66px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:0 4vw; border-bottom:1px solid var(--line); color:var(--muted); font-size:9px; letter-spacing:.13em; }
.masthead a { color:var(--ink); }
.masthead span:last-child { text-align:right; }
.hero { min-height:72vh; display:flex; flex-direction:column; justify-content:flex-end; padding:10vh 7vw 8vh; background:radial-gradient(circle at 78% 18%,rgba(139,181,255,.15),transparent 26%),radial-gradient(circle at 16% 88%,rgba(185,164,255,.1),transparent 32%); }
.eyebrow { margin:0 0 2rem; color:var(--blue); font-size:9px; letter-spacing:.16em; }
h1 { margin:0; font:400 clamp(4rem,10vw,9rem)/.88 var(--serif); letter-spacing:-.06em; }
h1 em { color:var(--blue); font-weight:400; }
.hero-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5vw; margin-top:5rem; padding-top:22px; border-top:1px solid var(--line); }
.hero-grid p { max-width:620px; margin:0; color:var(--dim); font:400 clamp(1rem,1.6vw,1.35rem)/1.75 var(--serif); }
.access-notice { display:grid; grid-template-columns:minmax(240px,.45fr) 1fr 1fr; gap:4vw; margin:0 4vw; padding:22px 3vw; border:1px solid rgba(242,195,107,.46); background:rgba(242,195,107,.035); }
.access-notice strong { color:var(--amber); font-size:10px; line-height:1.7; letter-spacing:.13em; }
.access-notice p { margin:0; color:var(--dim); font-size:12px; line-height:1.8; }
.room-section { margin:0 4vw; padding:9rem 3vw; border-bottom:1px solid var(--line); }
.room-heading { display:grid; grid-template-columns:minmax(150px,.3fr) 1fr; gap:5vw; margin-bottom:4rem; }
.room-heading>span,.workflow>span { color:var(--blue); font-size:9px; letter-spacing:.15em; }
.room-heading strong { color:var(--blue); font-size:9px; font-weight:400; letter-spacing:.14em; }
.room-b-section .room-heading>span,.room-b-section .room-heading strong { color:var(--amber); }
.room-c-section .room-heading>span,.room-c-section .room-heading strong { color:var(--violet); }
h2 { margin:.8rem 0 0; font:400 clamp(2.8rem,6vw,6rem)/.98 var(--serif); letter-spacing:-.045em; }
.document-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.document-card { min-width:0; padding:28px; border:1px solid var(--line-strong); background:linear-gradient(145deg,rgba(139,181,255,.045),rgba(14,15,19,.88) 55%); }
.document-card.internal-card { background:linear-gradient(145deg,rgba(242,195,107,.045),rgba(14,15,19,.88) 55%); }
.document-card.current-card { grid-column:1/-1; background:linear-gradient(145deg,rgba(139,181,255,.06),rgba(242,195,107,.035) 45%,rgba(14,15,19,.9) 70%); }
.document-card.pending-card { border-style:dashed; background:linear-gradient(145deg,rgba(185,164,255,.025),rgba(14,15,19,.72) 55%); }
.document-card>header,.future-rooms header { display:flex; justify-content:space-between; gap:18px; color:var(--muted); font-size:8px; letter-spacing:.12em; }
.document-card header em,.future-rooms header em { color:var(--blue); font-style:normal; }
.internal-card header em,.future-rooms article:last-child header em { color:var(--amber); }
.current-card header em { color:var(--amber); }
.pending-card header em { color:var(--violet); }
.document-card h3 { margin:5rem 0 1.2rem; font:400 clamp(2.1rem,4vw,4rem)/1 var(--serif); letter-spacing:-.04em; }
.document-card>p,.future-rooms p,.workflow p { max-width:650px; margin:.7rem 0 0; color:var(--dim); font-size:13px; line-height:1.85; }
.document-card dl { margin:3rem 0 0; border-top:1px solid var(--line); }
.document-card dl div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid var(--line); }
.document-card dt { color:var(--muted); font-size:8px; letter-spacing:.12em; }
.document-card dd { min-width:0; margin:0; color:var(--dim); font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace; overflow-wrap:anywhere; }
.pending-label { display:inline-block; margin-top:3rem; padding:10px 12px; border:1px solid rgba(185,164,255,.38); color:var(--violet); font-size:9px; letter-spacing:.12em; }
.document-actions { display:grid; grid-template-columns:1fr 1fr; margin-top:26px; border:1px solid var(--line-strong); }
.document-actions a { min-height:50px; display:grid; place-items:center; padding:12px; color:var(--blue); font-size:9px; letter-spacing:.11em; }
.document-actions a+a { border-left:1px solid var(--line-strong); }
.document-actions a:hover,.document-actions a:focus-visible,.workflow-link:hover,.workflow-link:focus-visible { background:rgba(139,181,255,.08); }
details { margin-top:18px; border-top:1px solid var(--line); }
summary { padding:17px 0; color:var(--muted); cursor:pointer; font-size:9px; letter-spacing:.1em; }
pre { max-height:62vh; margin:0; padding:20px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid var(--line); color:var(--dim); background:rgba(0,0,0,.28); font:12px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace; }
.future-rooms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 4vw; padding:9rem 3vw; border-bottom:1px solid var(--line); }
.future-rooms.single { grid-template-columns:1fr; }
.future-rooms article { min-height:390px; display:flex; flex-direction:column; padding:28px; border:1px dashed var(--line-strong); }
.future-rooms h2 { margin:5rem 0 1.4rem; font-size:clamp(2.2rem,4.4vw,4.6rem); }
.future-rooms>a,.future-rooms article>a { margin-top:auto; padding-top:3rem; color:var(--blue); font-size:9px; letter-spacing:.12em; }
.workflow { display:grid; grid-template-columns:minmax(150px,.3fr) 1fr; gap:5vw; margin:0 4vw; padding:9rem 3vw 12rem; }
.workflow>div { max-width:980px; }
.workflow-link { display:block; margin-top:3rem; padding:20px 0; border-top:1px solid var(--line-strong); border-bottom:1px solid var(--line-strong); color:var(--blue); font-size:10px; letter-spacing:.12em; }
footer { display:flex; justify-content:space-between; gap:24px; margin:0 4vw; padding:24px 3vw; border-top:1px solid var(--line); color:var(--muted); font-size:9px; letter-spacing:.12em; }
footer a { color:var(--ink); }
@media (max-width:800px) {
  .masthead { grid-template-columns:1fr auto; }
  .masthead span:nth-child(2) { display:none; }
  .hero { min-height:66vh; padding:8vh 7vw 6vh; }
  h1 { font-size:clamp(3.7rem,17vw,6.2rem); }
  .hero-grid,.access-notice,.room-heading,.document-grid,.future-rooms,.workflow { grid-template-columns:1fr; }
  .hero-grid { margin-top:3.5rem; }
  .access-notice { margin:0 7vw; }
  .room-section,.future-rooms,.workflow { margin:0 7vw; padding:6.5rem 0; }
  .document-card { padding:22px; }
  .document-card h3 { margin-top:3.5rem; }
  .document-actions { grid-template-columns:1fr; }
  .document-actions a+a { border-top:1px solid var(--line-strong); border-left:0; }
  .future-rooms article { min-height:350px; }
  footer { align-items:flex-start; flex-direction:column; margin:0; padding:22px 7vw; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }