
:root{
 --bg:#000;--plate1:#0e1112;--plate2:#070809;--ink:#e7ecee;--ink2:#aab6ba;
 --red:#ff2a1f;--red2:#ff6a55;--redglow:rgba(255,42,31,.55);
 --copper:#cf7a3c;--accent2:#37d2c4;--accent2d:#1c7a72;--redactink:#000;
 --chrome1:#3a4045;--chrome2:#1b1f22;--rule:#1c2326;--dim:#7e8a8d;--faint:#505b5e;
 --mono:'Cascadia Code','JetBrains Mono','Consolas',ui-monospace,monospace;
 --sans:'Segoe UI',system-ui,Helvetica,Arial,sans-serif;}
*{box-sizing:border-box}
body{margin:0;background:
   radial-gradient(120% 60% at 50% -8%,#160506 0,#000 55%) fixed,#000;
 color:var(--ink);font-family:var(--sans);font-size:9.4pt;line-height:1.55}
a{color:var(--accent2);text-decoration:none}
.sheet{max-width:8.5in;margin:24px auto;background:
   linear-gradient(180deg,var(--plate1),var(--plate2));
 border:1px solid #20282b;border-radius:4px;overflow:hidden;
 box-shadow:0 0 0 1px #000,0 0 70px rgba(255,42,31,.10),0 28px 90px rgba(0,0,0,.85)}
/* ---- the Cylon eye: a red light sweeping its visor slit ---- */
.visor{position:relative;height:30px;background:
   linear-gradient(180deg,#2a3034,#0c0f10 60%,#05080a);
 border-bottom:1px solid #2c3539;display:flex;align-items:center;overflow:hidden}
.visor .slit{position:relative;flex:1;height:9px;margin:0 16px;border-radius:6px;
  background:linear-gradient(180deg,#1a0303,#3a0707);box-shadow:inset 0 0 6px #000,inset 0 1px 0 rgba(255,80,60,.15)}
.visor .eye{position:absolute;top:50%;left:0;width:64px;height:9px;transform:translateY(-50%);
  border-radius:6px;background:radial-gradient(closest-side,#ffb0a0,var(--red2) 35%,var(--red) 65%,transparent 100%);
  box-shadow:0 0 14px 4px var(--redglow);animation:scan 3.2s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes scan{from{left:-10px}to{left:calc(100% - 54px)}}
.visor .tag{position:absolute;right:14px;font-family:var(--mono);font-size:6.6pt;letter-spacing:2px;color:#6b3a36}
/* ---- HUD identity ---- */
.idwrap{padding:20px 30px 18px;background:
   repeating-linear-gradient(90deg,rgba(55,210,196,.035) 0 2px,transparent 2px 5px),
   linear-gradient(180deg,#101517,#0a0d0e);
 border-bottom:1px solid var(--rule);position:relative}
.idwrap::before{content:"◢ RESURRECTION HUB · DOWNLOAD COMPLETE ◣";position:absolute;top:7px;left:30px;
  font-family:var(--mono);font-size:6.8pt;letter-spacing:3px;color:var(--accent2d)}
.name{font-family:var(--mono);font-size:30pt;line-height:1;letter-spacing:2px;margin:14px 0 0;font-weight:700;
  color:var(--ink);text-transform:uppercase;text-shadow:0 0 22px rgba(55,210,196,.25)}
.name::after{content:"";display:inline-block;width:11px;height:23px;margin-left:8px;vertical-align:-2px;
  background:var(--red);box-shadow:0 0 12px var(--redglow);animation:blink 1.4s steps(1) infinite}
@keyframes blink{50%{opacity:.25}}
.role{font-family:var(--mono);font-size:8.6pt;letter-spacing:5px;text-transform:uppercase;color:var(--red2);margin:10px 0 0;font-weight:700}
.role::before{content:"▣ MODEL · ";color:var(--accent2);letter-spacing:3px}
ul.contact{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;padding:9px 0 0;
  border-top:1px solid var(--rule);font-family:var(--mono);font-size:7.6pt;color:var(--dim);letter-spacing:.5px}
ul.contact li::before{content:"◇ ";color:var(--accent2)}
ul.contact a{color:var(--ink2)}
ul.contact .email{color:var(--ink2)}
ul.contact .email .etok{display:inline-block;font-size:6.2pt;color:var(--accent2);border:1px solid var(--accent2d);
  border-radius:2px;padding:0 5px;margin:0 3px;letter-spacing:1px;text-transform:uppercase;vertical-align:1px;
  box-shadow:0 0 6px rgba(55,210,196,.2)}
.body{padding:8px 30px 26px}
.block{margin:16px 0 0}
h2.sectit{font-family:var(--mono);font-size:8pt;letter-spacing:3px;text-transform:uppercase;color:var(--accent2);
  margin:0 0 10px;padding:5px 12px;break-after:avoid;position:relative;
  background:linear-gradient(90deg,rgba(255,42,31,.14),transparent 70%);
  border-left:3px solid var(--red);border-bottom:1px solid var(--rule)}
h2.sectit::after{content:"// CMD";position:absolute;right:10px;color:var(--faint);font-size:6.8pt;letter-spacing:2px}
.lead{font-family:var(--mono);font-size:11pt;line-height:1.45;margin:4px 0 8px;color:#fff;
  border-left:2px solid var(--accent2);padding-left:12px}
.lead .hl{color:var(--red2);font-weight:700}
.profile p{margin:5px 0;font-size:9.2pt;color:var(--ink2)}
.profile p::before{content:"> ";color:var(--accent2d);font-family:var(--mono)}
.project p{margin:0;font-size:9.2pt;color:var(--ink2);font-style:italic;
  background:rgba(55,210,196,.05);border:1px solid var(--rule);border-left:3px solid var(--accent2);padding:10px 13px}
.compgroup{margin:6px 0;font-size:8.4pt;break-inside:avoid;border-bottom:1px dotted var(--rule);padding-bottom:5px}
.compgroup .cat{font-family:var(--mono);font-weight:700;color:var(--red2);font-size:7.8pt;letter-spacing:1px;text-transform:uppercase}
.compgroup .cat::before{content:"▶ ";color:var(--accent2)}
.compgroup .cat::after{content:"  ";white-space:pre}
ul.items{list-style:none;display:inline;margin:0;padding:0;color:var(--ink2)}
ul.items li{display:inline}
ul.items li:not(:last-child)::after{content:" · ";color:var(--accent2d)}
.entry{margin:0 0 15px;border-left:1px solid var(--rule);padding-left:14px;position:relative}
.entry::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;
  background:var(--red);box-shadow:0 0 8px var(--redglow)}
.etop{margin:0 0 2px;break-after:avoid}
.erole{font-family:var(--mono);font-weight:700;font-size:10pt;color:#fff;display:block;letter-spacing:.3px}
.eco{color:var(--accent2);font-size:9.2pt;display:block;margin-top:1px}
.emeta{display:block;font-family:var(--mono);font-size:7.2pt;color:var(--faint);letter-spacing:.6px;margin-top:1px}
.scope{font-size:8.3pt;color:var(--dim);font-style:italic;margin:4px 0}
.edesc{font-size:8.4pt;color:var(--ink2);margin:4px 0}
.wstream{font-family:var(--mono);font-size:7.8pt;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  color:var(--copper);margin:10px 0 3px;break-after:avoid}
.wstream::before{content:"╾ ";color:var(--red)}
ul.bullets{margin:3px 0 0;padding-left:0;list-style:none}
ul.bullets li{margin:5px 0;font-size:8.5pt;break-inside:avoid;padding-left:17px;position:relative;line-height:1.5}
ul.bullets li::before{content:"▪";position:absolute;left:2px;color:var(--accent2)}
.m{color:var(--red2);font-weight:700;font-family:var(--mono)}
.earlier{font-size:8.3pt;color:var(--dim);margin:4px 0}
.earlier strong{color:var(--copper);font-family:var(--mono);font-size:7.6pt;letter-spacing:.5px;text-transform:uppercase}
.needs-metric{color:var(--copper);border-bottom:1px dashed var(--copper);font-style:italic}
/* ---- redaction block: solid teal "classified" bar over underlying text ---- */
.redact{display:inline-block;background:var(--accent2);color:var(--redactink);
  font-family:var(--mono);font-weight:700;font-size:7.4pt;letter-spacing:2px;text-transform:uppercase;
  padding:1px 9px;border-radius:2px;line-height:1.45;vertical-align:baseline;
  box-shadow:0 0 10px rgba(55,210,196,.35),inset 0 0 0 1px rgba(0,0,0,.28)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cmdline{font-family:var(--mono);font-size:7pt;letter-spacing:3px;text-align:center;color:var(--accent2d);
  padding:14px 0 4px;border-top:1px solid var(--rule);margin-top:18px}
.cmdline b{color:var(--red2)}
/* ---- functional DOWNLOAD control — JS-free native <details> (CSP-safe) ---- */
.sysbar{display:flex;align-items:center;gap:16px;border-top:1px solid var(--rule);margin-top:18px;padding:12px 0 4px}
.sysbar .cmdline{flex:1;margin:0;padding:0;border:0;text-align:right}
.dl{position:relative;font-family:var(--mono)}
.dl summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font-size:7pt;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--ink);padding:6px 14px;
  border:1px solid var(--accent2d);border-radius:2px;
  background:linear-gradient(180deg,var(--chrome1),var(--chrome2));
  box-shadow:0 0 10px rgba(55,210,196,.12),inset 0 1px 0 rgba(255,255,255,.07)}
.dl summary::-webkit-details-marker{display:none}
.dl summary::before{content:"\2B07";color:var(--accent2);font-size:8pt}
.dl summary .caret{color:var(--red2);font-size:6pt;transition:transform .2s ease}
.dl summary:hover{color:#fff;border-color:var(--red)}
.dl summary:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}
.dl[open] summary{border-color:var(--red);color:#fff;box-shadow:0 0 12px var(--redglow)}
.dl[open] summary .caret{transform:rotate(180deg)}
.dl-menu{list-style:none;margin:0;padding:5px;position:absolute;left:0;bottom:calc(100% + 8px);min-width:172px;
  background:linear-gradient(180deg,var(--plate1),var(--plate2));border:1px solid var(--accent2d);border-radius:3px;
  box-shadow:0 0 0 1px #000,0 0 22px rgba(55,210,196,.18),0 12px 32px rgba(0,0,0,.85)}
.dl-menu::after{content:"";position:absolute;left:20px;top:100%;border:6px solid transparent;border-top-color:var(--accent2d)}
.dl-menu li{margin:0}
.dl-menu a{display:flex;align-items:center;gap:9px;padding:7px 11px;border-radius:2px;
  font-size:7.6pt;letter-spacing:2px;text-transform:uppercase;color:var(--ink2)}
.dl-menu a::before{content:"\25B6";color:var(--accent2);font-size:6pt}
.dl-menu a .ext{margin-left:auto;color:var(--copper);font-weight:700;font-size:6.6pt;letter-spacing:1px}
.dl-menu a:hover{background:linear-gradient(90deg,rgba(255,42,31,.18),transparent 80%);color:#fff}
.dl-menu a:hover::before{color:var(--red2)}
@page{size:letter;margin:.45in}
*{-webkit-print-color-adjust:exact;print-color-adjust:exact}
@media (prefers-reduced-motion: reduce){.visor .eye{animation:none;left:40%}.name::after{animation:none;opacity:1}}
@media print{.visor .eye{animation:none;left:40%}.name::after{animation:none}
  .dl{display:none}.sysbar .cmdline{text-align:center}
  .sheet{margin:0;box-shadow:none;max-width:none;border:none;border-radius:0}}
