/** Shopify CDN: Minification failed

Line 118:1 Unexpected "}"

**/
:root{
  --bg:#020304;--bg2:#05070a;--panel:#07090c;--silver:#e2e4e6;--silver2:#a8adb4;
  --muted:#6f757d;--orange:#ff4a22;--purple:#24164f;--line:rgba(226,228,230,.11);
  --glass:rgba(255,255,255,.022);--wrap:min(1180px,92vw);
}
*{box-sizing:border-box}
html{font-size:100%;scroll-behavior:smooth;background:var(--bg)}
body,body.gradient{margin:0;display:block;background:
  radial-gradient(circle at 86% 12%,rgba(36,22,79,.16),transparent 25%),
  radial-gradient(circle at 12% 74%,rgba(255,74,34,.03),transparent 24%),
  linear-gradient(180deg,#020304 0%,#040609 56%,#020304 100%);
  color:var(--silver);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;letter-spacing:normal;line-height:normal;
  min-height:100vh;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:90;mix-blend-mode:screen;
 background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
a{color:inherit}
.wrap{width:var(--wrap);margin-inline:auto}
.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}

/* global signal effects */
.scan{position:fixed;z-index:80;left:0;right:0;top:-12vh;height:10vh;pointer-events:none;opacity:.50;
 background:linear-gradient(180deg,transparent,rgba(210,220,235,.012),rgba(255,255,255,.018),transparent);
 animation:scan 12s linear infinite}
@keyframes scan{to{transform:translateY(124vh)}}
.glitch{position:fixed;z-index:85;inset:0;pointer-events:none;opacity:0;background:
 linear-gradient(180deg,transparent 44%,rgba(255,255,255,.05) 45%,transparent 47%),
 repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 4px)}
.glitch.hit{animation:hit .18s linear}
@keyframes hit{0%{opacity:0}25%{opacity:.48;transform:translateX(2px)}60%{opacity:.12;transform:translateX(-1px)}100%{opacity:0}}

/* nav */
.topbar{position:fixed;top:0;left:0;right:0;z-index:60;backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(2,3,4,.94),rgba(2,3,4,.58),transparent)}
.topbar-inner{width:var(--wrap);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045)}
.wordmark img{display:block;width:154px;max-width:37vw;height:auto;opacity:.95}
.nav-right{display:flex;align-items:center;gap:1.1rem}
.navlink{font:700 .68rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#828891;text-decoration:none;transition:.2s}
.navlink:hover{color:var(--silver)}
.status{display:flex;align-items:center;gap:.55rem;font:700 .68rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;color:var(--silver2)}
.dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,74,34,.55);animation:blink 1.3s steps(1,end) infinite}
@keyframes blink{0%,72%{opacity:1}73%,100%{opacity:.12}}

/* hero */
.hero{min-height:92vh;position:relative;display:grid;align-items:center;padding:116px 0 82px;overflow:hidden}
.hero::before{content:"";position:absolute;width:48vw;height:48vw;min-width:430px;min-height:430px;border-radius:50%;right:-16vw;top:5vh;background:var(--purple);filter:blur(135px);opacity:.11}
.hero-r{position:absolute;z-index:1;width:clamp(760px,72vw,1220px);left:-9vw;top:53%;transform:translateY(-50%) rotate(-5deg);opacity:.042;pointer-events:none}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end;padding-inline:clamp(.4rem,1.2vw,1rem)}
.hero-left{padding-left:clamp(1.1rem,3vw,2.6rem)}
.eyebrow{font:700 .70rem/1.4 "SFMono-Regular",Consolas,monospace;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.7rem}
.day0{margin:0;font-size:clamp(5.4rem,14vw,11.8rem);line-height:.80;letter-spacing:-.075em;font-weight:850;text-transform:uppercase;color:#eceeef}
.zero{color:transparent;-webkit-text-stroke:1.35px rgba(236,238,239,.78);position:relative}
.zero::after{content:"";position:absolute;width:44%;height:4px;right:-8%;bottom:15%;background:var(--orange);box-shadow:0 0 18px rgba(255,74,34,.25);transform:skewX(-18deg)}
.hero-side{border-left:1px solid var(--line);padding:0 0 .45rem 1.7rem}
.hero-side p{margin:0 0 1.65rem;color:#b5bac0;line-height:1.6;max-width:33ch;font-size:1.02rem}
.cta-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;font-size:.72rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase;padding:.95rem 1.15rem;border:1px solid rgba(255,74,34,.44);background:linear-gradient(180deg,rgba(255,74,34,.13),rgba(255,74,34,.055));transition:.22s}
.cta:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 14px 36px rgba(255,74,34,.11)}
.ghost-link{font:700 .68rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;color:#747b84;text-transform:uppercase;text-decoration:none;padding:.95rem .2rem}
.hero-signal{position:absolute;left:0;right:0;bottom:0;height:1px;overflow:hidden;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}
.hero-signal::after{content:"";position:absolute;left:-160px;width:145px;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 10px rgba(255,74,34,.22);animation:sweep 5.6s linear infinite}
@keyframes sweep{to{transform:translateX(calc(100vw + 320px))}}


/* system ticker */
.system-ticker{
  position:relative;
  height:34px;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:#030507;
  display:flex;
  align-items:center;
}
.system-ticker::before,
.system-ticker::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:80px;
  z-index:2;
  pointer-events:none;
}
.system-ticker::before{left:0;background:linear-gradient(90deg,#030507,transparent)}
.system-ticker::after{right:0;background:linear-gradient(270deg,#030507,transparent)}
.ticker-pass{
  position:absolute;
  left:0;
  top:50%;
  white-space:nowrap;
  width:max-content;
  color:#4f565e;
  font:700 .56rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.15em;
  text-transform:uppercase;
  will-change:transform;
  animation:tickerPass 50s linear infinite;
}
.ticker-pass b{color:#7c838b;font-weight:700}
.ticker-pass i{
  display:inline-block;
  width:4px;height:4px;
  margin:0 1.2rem .05rem;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 10px rgba(255,74,34,.35);
}
.ticker-pass-a{animation-delay:0s}
.ticker-pass-b{animation-delay:-25s}

@keyframes tickerPass{
  from{transform:translate(100vw,-50%)}
  to{transform:translate(-100%,-50%)}
}}

/* latest transmission */
.transmission{border-bottom:1px solid var(--line);background:#040608;position:relative;overflow:hidden}
.transmission::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(36,22,79,.18),transparent 30%);pointer-events:none}
.trans-grid{position:relative;z-index:2;display:grid;grid-template-columns:.76fr 1.24fr;min-height:610px}
.trans-copy{padding:92px 7vw 92px 0;display:flex;flex-direction:column;justify-content:center}
.kicker{font:700 .67rem/1.3 "SFMono-Regular",Consolas,monospace;color:var(--orange);letter-spacing:.18em;text-transform:uppercase;margin-bottom:1rem}
.trans-copy h2,.section-title{margin:0;font-size:clamp(2.7rem,5.9vw,6rem);line-height:.91;letter-spacing:-.06em;font-weight:820}
.trans-copy p{color:#8f959d;line-height:1.62;max-width:48ch;font-size:.96rem;margin:1.45rem 0 0}
.file-meta{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1.2rem;margin-top:2rem;font:700 .66rem/1.35 "SFMono-Regular",Consolas,monospace;text-transform:uppercase;letter-spacing:.11em}
.file-meta span:nth-child(odd){color:#565c64} .file-meta span:nth-child(even){color:#a3a8ae}
.trans-visual{position:relative;min-height:610px;overflow:hidden;border-left:1px solid var(--line)}
.trans-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.68) contrast(1.17) saturate(.7)}
.trans-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.98),rgba(4,6,8,.22) 27%,rgba(4,6,8,.12) 70%,rgba(4,6,8,.74)),linear-gradient(180deg,transparent 55%,rgba(2,3,4,.82))}
.camera-ui{position:absolute;z-index:3;inset:24px;font:700 .68rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;color:rgba(235,238,241,.76);text-transform:uppercase;pointer-events:none}
.cam-top{display:flex;justify-content:space-between} .rec{display:flex;align-items:center;gap:.5rem} .rec i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,74,34,.55);animation:blink 1.2s steps(1,end) infinite}
.timestamp{position:absolute;left:0;bottom:0}

/* files */
.files{padding:116px 0 126px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.files::before{content:"";position:absolute;width:520px;height:380px;border-radius:50%;right:2%;top:12%;background:rgba(36,22,79,.20);filter:blur(120px);opacity:.25}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:3rem;position:relative;z-index:2}
.section-head .intro{max-width:480px;color:#81878f;line-height:1.65;font-size:.94rem;margin:0}
.files-shell{position:relative;z-index:2;border:1px solid var(--line);background:rgba(255,255,255,.016);box-shadow:0 26px 80px rgba(0,0,0,.25)}
.files-toolbar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font:700 .65rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#727983;background:rgba(255,255,255,.012)}
.path{color:#a0a6ad} .path b{color:var(--orange);font-weight:700}
.files-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.file{position:relative;min-height:255px;padding:21px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:.22s;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.file:nth-child(4n){border-right:0}
.file:hover{background:rgba(255,255,255,.026);transform:translateY(-2px)}
.file-icon{width:42px;height:48px;border:1px solid rgba(226,228,230,.16);margin-bottom:52px;position:relative;background:rgba(255,255,255,.012)}
.file-icon::before{content:"";position:absolute;right:-1px;top:-1px;width:13px;height:13px;border-left:1px solid rgba(226,228,230,.16);border-bottom:1px solid rgba(226,228,230,.16);background:#05070a;clip-path:polygon(0 0,100% 100%,0 100%)}
.file-name{font:700 .73rem/1.42 "SFMono-Regular",Consolas,monospace;letter-spacing:.055em;color:#c9cdd1;word-break:break-word}
.file-sub{font:700 .60rem/1.4 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;color:#626971;text-transform:uppercase;margin-top:.7rem}
.file-state{position:absolute;top:18px;right:18px;font:700 .57rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#747b84}
.file-state.live{color:var(--orange)}
.file.locked{opacity:.53} .file.locked:hover{transform:none;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.file.locked::after{content:"ACCESS DENIED";position:absolute;inset:auto 18px 18px auto;font:700 .56rem/1 "SFMono-Regular",Consolas,monospace;color:#555c65;letter-spacing:.14em}
.archive-note{padding:17px 20px;font:700 .61rem/1.5 "SFMono-Regular",Consolas,monospace;color:#686f77;letter-spacing:.09em;text-transform:uppercase;border-top:1px solid rgba(255,255,255,.03)}




/* hidden archive node */
.archive-field{
  position:relative;
  min-height:500px;
  display:grid;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 76% 40%,rgba(36,22,79,.22),transparent 27%),
    radial-gradient(circle at 18% 82%,rgba(255,74,34,.026),transparent 24%),
    linear-gradient(180deg,#030507,#020304);
}
.archive-field::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
}
.archive-field-grid{
  position:absolute;
  inset:0;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,black 22%,black 88%,transparent 100%);
}
.archive-field-inner{
  min-height:500px;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  align-items:center;
  gap:5.5vw;
}
.archive-field-copy{
  align-self:center;
}
.archive-field-kicker{
  color:#5b626a;
  font:700 .60rem/1.3 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.archive-field-code{
  color:var(--orange);
  font:700 .63rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.15em;
  margin-bottom:1.1rem;
}
.archive-field-copy h2{
  margin:0;
  font-size:clamp(2.8rem,4.65vw,5.25rem);
  line-height:.9;
  letter-spacing:-.055em;
  font-weight:830;
  color:#dfe2e4;
}
.archive-field-copy p{
  margin:1.2rem 0 0;
  color:#6c737b;
  line-height:1.65;
  max-width:37ch;
  font-size:.9rem;
}
.archive-copy-meta{
  margin-top:1.7rem;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.45rem 1rem;
  color:#555c64;
  font:700 .56rem/1.35 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.archive-copy-meta span:nth-child(even){color:#8c939a}

.archive-terminal-card{
  position:relative;
  border:1px solid rgba(226,228,230,.095);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent),
    rgba(4,6,8,.76);
  box-shadow:0 28px 80px rgba(0,0,0,.30),0 0 42px rgba(36,22,79,.08);
  min-height:300px;
  cursor:pointer;
  transition:.28s ease;
  overflow:hidden;
}
.archive-terminal-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.008) 4px);
  opacity:.55;
}
.archive-terminal-card::after{
  content:"";
  position:absolute;
  left:0;right:0;top:-18%;
  height:52px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.02),transparent);
  animation:archiveSweep 8s linear infinite;
  pointer-events:none;
}
@keyframes archiveSweep{to{transform:translateY(370px)}}
.archive-terminal-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,74,34,.24);
  box-shadow:0 34px 100px rgba(0,0,0,.34),0 0 48px rgba(36,22,79,.1);
}
.archive-terminal-head,
.archive-terminal-body,
.archive-terminal-
/* V2.22 — Files terminal + floating Early Access trace */
/* Slightly more breathing room than V2.16 without changing the composition. */
.archive-field{
  min-height:555px;
}
.archive-field-inner{
  min-height:555px;
  padding-top:26px;
  padding-bottom:26px;
}
.archive-field-copy h2{
  max-width:620px;
}

/* Keep the exact V2.16 terminal-mode visual structure, with a static auth label. */
.terminal-static-card{
  cursor:default;
}
.terminal-static-card:hover{
  transform:none;
  border-color:rgba(226,228,230,.095);
  box-shadow:0 28px 80px rgba(0,0,0,.30),0 0 42px rgba(36,22,79,.08);
}
.terminal-auth-label{
  color:#616870;
  font:700 .54rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.terminal-static-panel{
  opacity:1;
  visibility:visible;
  transform:none;
}
.terminal-static-card .archive-open-btn{
  cursor:pointer;
}

/* Keep the V2.16 CTA composition; fill only its upper-right negative space. */
.access-v216-main{
  align-items:stretch;
}
.access-v221-right{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  min-width:0;
}
.access-trace-float{
  position:relative;
  flex:1 1 auto;
  min-height:300px;
  margin:-18px 0 8px;
  pointer-events:none;
  overflow:visible;
}
.access-trace-float .trace-canvas{
  min-height:300px;
  height:100%;
  overflow:visible;
}
.access-trace-float .trace-radar-clean{
  width:min(410px,82%);
  opacity:.74;
}
.access-trace-float .radar-ring-clean{
  border-color:rgba(255,255,255,.043);
}
.access-trace-float .ring-outer{
  opacity:.32;
}
.access-trace-float .radar-cross{
  opacity:.72;
}
.access-trace-float .trace-node-clean{
  color:#484f56;
}
.access-trace-float .trace-node-clean.leak{
  color:#757c83;
}
.access-trace-float .trace-readout-clean{
  color:#323940;
}
.access-trace-float .radar-search-sweep{
  opacity:.78;
}
.access-v221-right .access-v216-form{
  margin-top:auto;
}

@media(max-width:900px){
  .archive-field,
  .archive-field-inner{
    min-height:auto;
  }
  .archive-field-inner{
    padding-top:78px;
    padding-bottom:78px;
  }
  .access-v221-right{
    max-width:680px;
  }
  .access-trace-float{
    min-height:270px;
    margin:0 0 12px;
  }
  .access-trace-float .trace-canvas{
    min-height:270px;
  }
}
@media(max-width:680px){
  .archive-field-inner{
    padding-top:70px;
    padding-bottom:70px;
  }
  .access-trace-float{
    min-height:230px;
    opacity:.78;
  }
  .access-trace-float .trace-canvas{
    min-height:230px;
  }
  .access-trace-float .trace-radar-clean{
    width:88%;
  }
}


/* V2.25 — restore earlier Transmission / Origin section treatment */
.transmission{
  position:relative;
  overflow:hidden;
  background:#040608;
  border-bottom:1px solid rgba(255,255,255,.065);
}
.transmission::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.055) 14%,rgba(255,255,255,.055) 86%,transparent);
}
.trans-grid{
  min-height:610px;
}
.trans-copy{
  padding-top:92px;
  padding-bottom:92px;
}
.origin{
  padding-top:120px;
  padding-bottom:120px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.origin-grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:6vw;
  position:relative;
  z-index:2;
}

/* V2.26 — keep Discovery visual full-bleed without a centre divider */
.trans-visual{border-left:0 !important;}

footer{
  position:relative;
  z-index:2;
}
.archive-terminal-head{
  min-height:46px;
  padding:0 16px;
  border-bottom:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.archive-terminal-title{
  display:flex;
  align-items:center;
  gap:.72rem;
  color:#8f969e;
  font:700 .57rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.archive-pulse{
  width:5px;height:5px;border-radius:50%;
  flex:0 0 auto;
  background:var(--orange);
  box-shadow:0 0 12px rgba(255,74,34,.55);
  animation:archiveBlink 1.55s steps(1,end) infinite;
}
@keyframes archiveBlink{0%,68%{opacity:1}69%,100%{opacity:.12}}
.archive-terminal-status{
  color:#616870;
  font:700 .54rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.archive-terminal-body{
  padding:20px 16px 18px;
  min-height:190px;
}
.archive-terminal-line{
  color:#b7bcc1;
  font:700 .70rem/1.7 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.035em;
  white-space:nowrap;
}
.archive-terminal-line.dim{color:#848b92}
.archive-terminal-line.warn{color:var(--orange);margin-top:.35rem}
.archive-terminal-line.faint{color:#596068}
.archive-terminal-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:14px 16px 16px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#727981;
  font:700 .55rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.archive-terminal-action{
  color:#9fa5ac;
}
.archive-terminal-action b{
  color:var(--orange);
  font-size:.8rem;
  margin-left:.35rem;
}
.archive-terminal-card:hover .archive-terminal-action{color:#fff}

@media(max-width:900px){
  .archive-field-inner{
    grid-template-columns:1fr;
    gap:2rem;
    padding-top:72px;
    padding-bottom:72px;
    min-height:auto;
  }
  .archive-field{min-height:auto}
}
@media(max-width:680px){
  .archive-field-copy h2{font-size:clamp(2.8rem,14vw,4.5rem)}
  .archive-field-r{font-size:102vw;right:-22%;top:56%}
  .archive-terminal-footer{
    flex-direction:column;
    align-items:flex-start;
    gap:.7rem;
  }
  .archive-terminal-line{
    white-space:normal;
    font-size:.64rem;
  }
}






/* V2.13 // clean trace + terminal */
.hybrid-archive-card{
  min-height:352px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.014),transparent),
    rgba(4,6,8,.80);
}
.archive-head-v212{
  padding-right:10px;
}

/* compact icon-only view switch */
.archive-modebar-icons{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:2px;
  padding:2px;
  border:1px solid rgba(255,255,255,.052);
  background:rgba(255,255,255,.008);
}
.archive-mode{
  appearance:none;
  width:34px;
  height:30px;
  border:0;
  display:grid;
  place-items:center;
  background:transparent;
  color:#4d545c;
  cursor:pointer;
  position:relative;
  transition:.2s ease;
}
.archive-mode + .archive-mode{border-left:1px solid rgba(255,255,255,.04)}
.archive-mode:hover{
  color:#959ca3;
  background:rgba(255,255,255,.016);
}
.archive-mode.active{
  color:#c6cbd0;
  background:rgba(255,255,255,.023);
}
.archive-mode.active::after{
  content:"";
  position:absolute;
  right:4px;
  top:4px;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#b8ff63;
  box-shadow:0 0 6px rgba(184,255,99,.30);
}
.mode-radar-icon{
  width:12px;height:12px;
  border:1px solid currentColor;
  border-radius:50%;
  position:relative;
  opacity:.88;
}
.mode-radar-icon::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:4px;height:4px;
  border:1px solid currentColor;
  border-radius:50%;
  transform:translate(-50%,-50%);
}
.mode-radar-icon i{
  position:absolute;
  left:50%;top:50%;
  width:5px;height:1px;
  transform-origin:left center;
  background:currentColor;
  animation:miniRadar 3.4s linear infinite;
}
@keyframes miniRadar{to{transform:rotate(360deg)}}
.mode-terminal-icon{
  font:700 .58rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:-.05em;
}

.archive-hybrid-body{
  position:relative;
  z-index:2;
  min-height:260px;
  overflow:hidden;
}
.archive-panel{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(4px);
  transition:opacity .38s ease,transform .38s ease,visibility .38s;
}
.archive-panel.active{
  opacity:1;
  visibility:visible;
  transform:none;
}

/* TRACE MODE */
.trace-canvas{
  position:relative;
  min-height:260px;
  overflow:hidden;
}
.trace-radar-clean{
  position:absolute;
  left:50%;top:50%;
  width:min(390px,76%);
  aspect-ratio:1/1;
  transform:translate(-50%,-50%);
}
.radar-ring-clean{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.052);
}
.ring-inner{
  width:34%;height:34%;
  border-style:dashed;
  opacity:.50;
}
.ring-mid{width:64%;height:64%}
.ring-outer{
  width:94%;height:94%;
  opacity:.43;
}
.radar-cross{
  position:absolute;
  left:50%;top:50%;
  width:94%;height:1px;
  transform-origin:center;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent);
}
.cross-x{transform:translate(-50%,-50%)}
.cross-y{transform:translate(-50%,-50%) rotate(90deg)}

.radar-search-sweep{
  position:absolute;
  left:50%;top:50%;
  width:46%;height:1px;
  transform-origin:left center;
  animation:radarSweepClean 6.2s linear infinite;
  background:linear-gradient(90deg,rgba(255,74,34,.56),rgba(255,74,34,.12),transparent);
  filter:drop-shadow(0 0 4px rgba(255,74,34,.16));
}
.radar-search-sweep::after{
  content:"";
  position:absolute;
  left:0;top:-17px;
  width:100%;height:34px;
  clip-path:polygon(0 50%,100% 0,100% 100%);
  background:linear-gradient(90deg,rgba(255,74,34,.045),transparent 70%);
}
@keyframes radarSweepClean{to{transform:rotate(360deg)}}

.trace-link{
  position:absolute;
  height:1px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,255,255,.085),transparent);
}
.link-public{
  width:34%;left:28%;top:35%;
  transform:rotate(25deg);
}
.link-recovered{
  width:31%;left:31%;top:67%;
  transform:rotate(-27deg);
}
.trace-node-clean{
  position:absolute;
  display:flex;
  align-items:center;
  gap:.42rem;
  color:#555d64;
  font:700 .44rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.trace-dot-clean{
  width:5px;height:5px;
  border-radius:50%;
  background:#06090b;
  border:1px solid rgba(255,255,255,.18);
}
.trace-node-clean.public{left:10%;top:20%}
.trace-node-clean.recovered{
  left:15%;bottom:13%;
  color:#646c74;
}
.trace-node-clean.recovered .trace-dot-clean{
  border-color:rgba(98,82,183,.64);
  background:rgba(73,59,150,.54);
  box-shadow:0 0 6px rgba(73,59,150,.16);
}
.trace-node-clean.leak{
  right:5%;top:47%;
  color:#92989e;
}
.trace-node-clean.leak .trace-dot-clean{
  background:var(--orange);
  border-color:var(--orange);
  box-shadow:0 0 13px rgba(255,74,34,.42);
}
.trace-ping{
  position:absolute;
  left:-4px;top:-4px;
  width:13px;height:13px;
  border-radius:50%;
  border:1px solid rgba(255,74,34,.22);
  animation:tracePing 3.1s ease-out infinite;
}
@keyframes tracePing{
  0%{transform:scale(.6);opacity:0}
  22%{opacity:.55}
  100%{transform:scale(2.15);opacity:0}
}
.trace-target-core{
  position:absolute;
  left:50%;top:50%;
  width:7px;height:7px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#0b0f13;
  border:1px solid rgba(255,255,255,.11);
}


/* occasional acquisition event */
.trace-lock{
  position:absolute;
  width:28px;
  height:28px;
  opacity:0;
  transform:translate(-50%,-50%) scale(1.18);
  pointer-events:none;
}
.trace-lock i{
  position:absolute;
  width:7px;
  height:7px;
  border-color:var(--orange);
  border-style:solid;
  opacity:.9;
}
.trace-lock i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}
.trace-lock i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}
.trace-lock i:nth-child(3){left:0;bottom:0;border-width:0 0 1px 1px}
.trace-lock i:nth-child(4){right:0;bottom:0;border-width:0 1px 1px 0}

.restricted-route-line{
  position:absolute;
  height:1px;
  left:0;
  top:0;
  width:0;
  transform-origin:left center;
  background:linear-gradient(
    90deg,
    rgba(103,82,203,.90),
    rgba(84,65,177,.58) 66%,
    rgba(84,65,177,.16)
  );
  box-shadow:0 0 5px rgba(91,72,192,.13);
  opacity:0;
  pointer-events:none;
}

.leak-packet{
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:3px;
  margin:-1px 0 0 -1px;
  border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 8px rgba(255,74,34,.42);
  opacity:0;
  pointer-events:none;
}

.trace-event-label{
  position:absolute;
  left:50%;
  bottom:4.5%;
  transform:translateX(-50%);
  min-width:145px;
  text-align:center;
  color:#687079;
  font:700 .40rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.event-copy{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  opacity:0;
}
.event-copy-b{color:rgba(111,92,206,.82)}
.event-copy-c{color:rgba(255,74,34,.88)}

.trace-radar-clean.trace-event .trace-lock{
  animation:lockAcquire 3.5s ease forwards;
}
.trace-radar-clean.trace-event .restricted-route-line{
  animation:dynamicRouteDraw 3.5s ease forwards;
}
.trace-radar-clean.trace-event .leak-packet{
  animation:dynamicPacketTravel 3.5s ease forwards;
}
.trace-radar-clean.trace-event .event-copy-a{animation:eventA 3.5s ease forwards}
.trace-radar-clean.trace-event .event-copy-b{animation:eventB 3.5s ease forwards}
.trace-radar-clean.trace-event .event-copy-c{animation:eventC 3.5s ease forwards}

@keyframes lockAcquire{
  0%,8%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}
  14%,42%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  54%,100%{opacity:0;transform:translate(-50%,-50%) scale(.96)}
}
@keyframes dynamicRouteDraw{
  0%,30%{opacity:0;transform:var(--route-transform) scaleX(0)}
  39%,76%{opacity:1;transform:var(--route-transform) scaleX(1)}
  90%,100%{opacity:0;transform:var(--route-transform) scaleX(1)}
}
@keyframes dynamicPacketTravel{
  0%,49%{
    opacity:0;
    transform:translate(0,0);
  }
  54%{opacity:1}
  78%{
    opacity:.95;
    transform:translate(var(--packet-x),var(--packet-y));
  }
  88%,100%{
    opacity:0;
    transform:translate(var(--packet-x),var(--packet-y));
  }
}
@keyframes eventA{
  0%,8%{opacity:0}
  14%,30%{opacity:.9}
  38%,100%{opacity:0}
}
@keyframes eventB{
  0%,31%{opacity:0}
  40%,61%{opacity:.85}
  69%,100%{opacity:0}
}
@keyframes eventC{
  0%,63%{opacity:0}
  72%,86%{opacity:.9}
  96%,100%{opacity:0}
}

.trace-readout-clean{
  position:absolute;
  color:#3c434a;
  font:700 .40rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.readout-left{left:1%;top:49%}
.readout-right{right:2%;top:12%}

/* TERMINAL MODE */
.hybrid-terminal-feed{
  min-height:260px;
  padding:30px 22px 24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hybrid-terminal-feed .archive-terminal-line{
  opacity:0;
  transform:translateX(-4px);
}
.archive-panel.active .hybrid-terminal-feed .archive-terminal-line{
  animation:hybridLineIn .25s forwards;
}
.archive-panel.active .hybrid-terminal-feed .archive-terminal-line:nth-child(2){animation-delay:.13s}
.archive-panel.active .hybrid-terminal-feed .archive-terminal-line:nth-child(3){animation-delay:.26s}
.archive-panel.active .hybrid-terminal-feed .archive-terminal-line:nth-child(4){animation-delay:.39s}
.archive-panel.active .hybrid-terminal-feed .archive-terminal-line:nth-child(5){animation-delay:.52s}
@keyframes hybridLineIn{to{opacity:1;transform:none}}

.terminal-inline-auth{
  min-height:20px;
  margin-top:17px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.055);
  color:var(--orange);
  font:700 .61rem/1.45 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.05em;
  opacity:.95;
}
.terminal-inline-caret{margin-right:.45rem;color:#6f767d}
.terminal-inline-cursor{
  margin-left:2px;
  color:var(--orange);
  animation:authCursor .72s steps(1,end) infinite;
}
@keyframes authCursor{
  0%,50%{opacity:1}
  51%,100%{opacity:0}
}

.archive-open-btn{
  width:100%;
  appearance:none;
  background:rgba(255,255,255,.004);
  border-left:0;border-right:0;border-bottom:0;
  cursor:pointer;
  text-align:left;
}
.archive-open-btn:hover{background:rgba(255,74,34,.022)}
.archive-open-btn:hover .archive-terminal-action{color:#fff}

@media(max-width:760px){
  .archive-head-v212{padding-top:9px;padding-bottom:9px}
  .trace-radar-clean{width:88%}
}
@media(max-width:520px){
  .archive-terminal-title span:last-child{display:none}
  .archive-mode{width:32px;height:28px}
  .trace-readout-clean{display:none}
  .trace-event-label{bottom:2%}
}
/* restricted terminal */
/* restricted terminal */
.terminal-modal{
  position:fixed;
  inset:0;
  z-index:110;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(12px);
}
.terminal-modal.open{display:flex}
.terminal-modal::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 73% 28%,rgba(36,22,79,.25),transparent 28%),
    repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.008) 4px);
}
.terminal-shell{
  position:relative;
  z-index:2;
  width:min(780px,94vw);
  min-height:520px;
  border:1px solid rgba(226,228,230,.11);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 14%),
    #030506;
  box-shadow:0 28px 110px rgba(0,0,0,.74),0 0 80px rgba(36,22,79,.08);
  overflow:hidden;
}
.terminal-shell::after{
  content:"";
  position:absolute;
  left:-25%;right:-25%;top:-9%;
  height:52px;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.018),transparent);
  animation:terminalScan 8.5s linear infinite;
  pointer-events:none;
}
@keyframes terminalScan{to{transform:translateY(650px)}}
.terminal-head{
  height:47px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 16px 0 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#777e87;
  font:700 .60rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.terminal-head-left{display:flex;align-items:center;gap:.75rem}
.terminal-live{
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);
  box-shadow:0 0 12px rgba(255,74,34,.45);
}
.terminal-close{
  border:0;background:none;color:#777e87;
  font-size:1.2rem;line-height:1;cursor:pointer;
  padding:8px;transition:.2s ease;
}
.terminal-close:hover{color:#fff}
.terminal-body{
  min-height:470px;
  padding:26px 28px 30px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.terminal-output{
  min-height:270px;
  font:500 .72rem/1.85 "SFMono-Regular",Consolas,monospace;
  color:#818891;
  letter-spacing:.025em;
  white-space:pre-wrap;
}
.term-line{opacity:0;transform:translateY(2px);animation:termIn .16s forwards}
.term-line.command{color:#aeb4bb}
.term-line.warn{color:var(--orange)}
.term-line.dim{color:#4f565f}
.term-line.ok{color:#c4c8cc}
@keyframes termIn{to{opacity:1;transform:none}}
.terminal-divider{
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);
  margin:16px 0 20px;
}
.terminal-auth{display:none}
.terminal-auth.active{display:block}
.terminal-prompt{
  color:#686f77;
  font:700 .60rem/1.4 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.terminal-form{
  display:flex;
  gap:8px;
}
.terminal-form input{
  flex:1;
  min-width:0;
  border:1px solid rgba(255,255,255,.10);
  background:#060809;
  color:#eef0f1;
  padding:14px 15px;
  outline:none;
  font:600 .72rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
  border-radius:0;
}
.terminal-form input:focus{border-color:rgba(255,74,34,.48)}
.terminal-form button,
.terminal-request-btn{
  border:1px solid rgba(255,74,34,.36);
  background:rgba(255,74,34,.09);
  color:#f4f4f4;
  padding:0 18px;
  font:800 .60rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:.2s ease;
}
.terminal-form button:hover,
.terminal-request-btn:hover{
  border-color:var(--orange);
  background:rgba(255,74,34,.16);
}
.terminal-request-row{
  margin-top:13px;
  display:flex;
  align-items:center;
  gap:.8rem;
  color:#4e555d;
  font:600 .57rem/1.4 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.terminal-request-btn{
  padding:10px 12px;
  background:transparent;
  color:#747b84;
  border-color:rgba(255,255,255,.075);
}
.terminal-email-pane{display:none}
.terminal-email-pane.active{display:block}
.terminal-key-pane.hidden{display:none}
.terminal-status{
  display:none;
  margin-top:12px;
  color:#777e87;
  font:600 .59rem/1.6 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.terminal-status.show{display:block}
.terminal-status strong{color:var(--orange);font-weight:700}
.terminal-caption{
  margin-top:20px;
  display:flex;
  justify-content:space-between;
  gap:2rem;
  color:#41474e;
  font:600 .54rem/1.4 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@media(max-width:780px){
  .archive-trace{grid-template-columns:1fr auto;gap:.9rem}
  .archive-trace-mid{display:none}
  .archive-node{font-size:.56rem}
  .archive-trace-right{font-size:.54rem}
  .terminal-modal{padding:12px}
  .terminal-shell{width:100%;min-height:540px}
  .terminal-body{padding:22px 18px 24px;min-height:492px}
  .terminal-output{font-size:.65rem;line-height:1.78;min-height:285px}
  .terminal-form{flex-direction:column}
  .terminal-form button{padding:14px}
  .terminal-caption{flex-direction:column;gap:.5rem}
}



/* V2.29 — preserve the original V2.26 terminal structure exactly */
.terminal-request-row{
  display:none !important;
}
.terminal-email-pane{
  display:none !important;
}

/* Tiny proportion adjustment only — keep the original visual balance. */
.terminal-shell{
  min-height:510px;
}
.terminal-body{
  min-height:460px;
}
.terminal-output{
  min-height:255px;
}
.terminal-key-pane{
  width:100%;
}
.terminal-form{
  width:100%;
}

@media(max-width:780px){
  .terminal-shell{min-height:525px}
  .terminal-body{min-height:477px}
  .terminal-output{min-height:270px}
}

/* origin */
.origin{padding:120px 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.origin::before{content:"";position:absolute;width:450px;height:280px;right:8%;top:15%;border-radius:50%;background:rgba(36,22,79,.18);filter:blur(108px);opacity:.22}
.origin-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;position:relative;z-index:2}
.origin-label{font:700 .67rem/1.8 "SFMono-Regular",Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:#646a72}
.statement{margin:0;font-size:clamp(2.4rem,4.7vw,4.9rem);line-height:.98;letter-spacing:-.048em;font-weight:760;max-width:900px}
.statement .dim{color:#5f646c}
.origin-note{margin-top:2rem;max-width:600px;color:#90969d;line-height:1.68;font-size:.97rem}
.origin-bar{width:88px;height:5px;margin-top:2.6rem;background:linear-gradient(90deg,var(--purple),transparent)}


/* origin editorial detail */
/* access — V2.16 closing band */
.access-v216{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(180deg,rgba(255,255,255,.006),transparent 16%),
    #030507;
}
.access-v216::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,74,34,.34),transparent);
  opacity:.55;
}
.access-v216-inner{
  padding-top:74px;
  padding-bottom:76px;
}
.access-v216-topline,
.access-v216-bottom{
  display:flex;
  justify-content:space-between;
  gap:2rem;
  color:#4d545c;
  font:700 .54rem/1.3 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.access-v216-topline{
  padding-bottom:24px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.access-v216-topline span:first-child{color:#777e86}
.access-v216-main{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:7vw;
  align-items:end;
  padding:54px 0 48px;
}
.access-v216-copy h2{
  margin:0;
  max-width:900px;
  font-size:clamp(3.4rem,6.2vw,6.7rem);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:840;
}
.access-v216-copy p{
  max-width:510px;
  margin:1.45rem 0 0;
  color:#7d848c;
  line-height:1.68;
  font-size:.94rem;
}
.access-v216-form{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:10px;
}
.access-v216-field{
  display:block;
}
.access-v216-field span{
  display:block;
  margin-bottom:9px;
  color:#555c63;
  font:700 .52rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.access-v216-field input{
  width:100%;
  min-width:0;
  height:52px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:0;
  background:#050709;
  color:#eef0f1;
  padding:0 15px;
  outline:none;
  font:600 .75rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.055em;
}
.access-v216-field input::placeholder{color:#3f464d}
.access-v216-field input:focus{
  border-color:rgba(255,74,34,.48);
  box-shadow:0 0 0 1px rgba(255,74,34,.06);
}
.access-v216-form button{
  height:52px;
  border:1px solid var(--orange);
  background:var(--orange);
  color:#fff;
  padding:0 20px;
  cursor:pointer;
  white-space:nowrap;
  font:850 .60rem/1 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:.2s ease;
}
.access-v216-form button b{
  margin-left:.55rem;
  font-size:.8rem;
}
.access-v216-form button:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}
.access-v216-bottom{
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.06);
}
.access-v216-bottom span:first-child{color:#6d747c}
.access-v216-result{
  display:none;
  margin-top:16px;
  max-width:none;
  border:1px solid rgba(255,74,34,.22);
  background:rgba(255,74,34,.035);
  color:#bfc4c9;
  padding:13px 15px;
  font:700 .58rem/1.55 "SFMono-Regular",Consolas,monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media(max-width:900px){
  .access-v216-main{
    grid-template-columns:1fr;
    gap:2.4rem;
    padding-top:44px;
  }
}
@media(max-width:680px){
  .access-v216-inner{
    padding-top:60px;
    padding-bottom:62px;
  }
  .access-v216-topline,
  .access-v216-bottom{
    flex-direction:column;
    gap:.55rem;
  }
  .access-v216-main{padding-bottom:38px}
  .access-v216-copy h2{
    font-size:clamp(3rem,14vw,4.7rem);
  }
  .access-v216-form{
    grid-template-columns:1fr;
  }
  .access-v216-form button{
    width:100%;
  }
}

.rpnt-footer{width:var(--wrap);margin:auto;padding:38px 0 46px;display:flex;justify-content:space-between;align-items:center;gap:2rem;color:#666c74;font:700 .72rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.11em;text-transform:uppercase}
.footer-left{display:flex;align-items:center;gap:.7rem} .footer-left img{display:block;width:16px;height:16px;object-fit:contain;opacity:.78} .footer-right{display:flex;gap:1.4rem} .footer-right a{color:#8e949b;text-decoration:none}

/* modal */
.modal{position:fixed;z-index:100;inset:0;background:rgba(1,2,3,.88);backdrop-filter:blur(14px);display:none;place-items:center;padding:20px}
.modal.open{display:grid}
.modal-panel{width:min(920px,96vw);border:1px solid var(--line);background:#040608;box-shadow:0 35px 100px rgba(0,0,0,.55)}
.modal-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);font:700 .64rem/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.1em;color:#8e949b;text-transform:uppercase}
.close{border:0;background:none;color:#8e949b;font:700 1rem/1 monospace;cursor:pointer}
.modal-body{display:grid;grid-template-columns:1.4fr .6fr;min-height:450px}
.modal-img{background:#020304;min-height:450px;position:relative;overflow:hidden}
.modal-img img{width:100%;height:100%;object-fit:cover;filter:brightness(.7) contrast(1.16) saturate(.72)}
.modal-info{padding:28px;border-left:1px solid var(--line)}
.modal-info h3{font-size:1.45rem;margin:0 0 1rem;letter-spacing:-.03em} .modal-info p{color:#8a9098;line-height:1.6;font-size:.9rem}

@media(max-width:900px){
  .navlink{display:none}
  .hero{min-height:86vh;padding:94px 0 64px}
  .hero-grid{grid-template-columns:1fr;gap:2.6rem}
  .hero-left{padding-left:.7rem}
  .hero-r{width:150vw;left:-52vw;top:50%;opacity:.05}
  .day0{font-size:clamp(4.9rem,25vw,8rem)}
  .hero-side{padding-left:1rem;max-width:520px}
  .trans-grid{grid-template-columns:1fr}
  .trans-copy{padding:78px 0 58px}
  .trans-visual{border-left:0;border-top:1px solid var(--line);min-height:58vw}
  .files-grid{grid-template-columns:repeat(2,1fr)}
  .file:nth-child(4n){border-right:1px solid var(--line)}
  .file:nth-child(2n){border-right:0}
  .origin-grid,.access-grid{grid-template-columns:1fr;gap:2.6rem}
  .section-head{align-items:start;flex-direction:column}
}
@media(max-width:560px){
  .topbar-inner{height:68px}
  .status span:last-child{display:none}
  .hero{min-height:82vh}
  .hero-side p{font-size:.96rem}
  .trans-copy h2,.section-title{font-size:clamp(2.45rem,15vw,4.4rem)}
  .trans-visual{min-height:76vw}
  .camera-ui{inset:14px;font-size:.58rem}
  .files{padding:88px 0 98px}
  .files-grid{grid-template-columns:1fr}
  .file{border-right:0!important;min-height:218px}
  .file-icon{margin-bottom:38px}
  .origin,.access{padding:92px 0}
  .access-form{flex-direction:column}
  .access-form button{padding:1rem}
  .rpnt-footer{flex-direction:column;align-items:flex-start}
  .modal-body{grid-template-columns:1fr} .modal-info{border-left:0;border-top:1px solid var(--line)} .modal-img{min-height:58vw}
}

/* Shopify integration additions */
/*
  Dawn sets the root font-size to 62.5%, body to a flex layout, and the body
  background through .gradient. The approved standalone mock relies on normal
  browser 1rem = 16px sizing and its own page background. Reset those theme
  defaults on pages that load this section so Shopify renders at mock scale.
*/
#MainContent.content-for-layout { display:block; width:100%; margin:0; padding:0; }
#MainContent > .shopify-section { margin:0 !important; }
.rpnt-day0-page {
  width:100%;
  min-height:100vh;
  background:
    radial-gradient(circle at 86% 12%,rgba(36,22,79,.16),transparent 25%),
    radial-gradient(circle at 12% 74%,rgba(255,74,34,.03),transparent 24%),
    linear-gradient(180deg,#020304 0%,#040609 56%,#020304 100%);
  color:var(--silver);
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;
  letter-spacing:normal;
  line-height:normal;
}
.rpnt-day0-page h1,
.rpnt-day0-page h2,
.rpnt-day0-page h3,
.rpnt-day0-page h4,
.rpnt-day0-page h5,
.rpnt-day0-page h6 {
  font-family:inherit;
  font-style:normal;
  color:inherit;
  word-break:normal;
}
.rpnt-day0-page button,
.rpnt-day0-page input,
.rpnt-day0-page textarea,
.rpnt-day0-page select { font-family:inherit; }
.rpnt-day0-page .trans-visual img,
.rpnt-day0-page .modal-media img,
.rpnt-day0-page .modal-media video { display:block; width:100%; height:100%; }
.rpnt-day0-page .trans-visual img { object-fit:cover; }
.rpnt-day0-page .modal-media video { object-fit:contain; background:#000; }
.rpnt-day0-page .modal-media { min-height:58vh; background:#000; }
.rpnt-day0-page .access-v216-form .errors { color:var(--orange); font:600 .62rem/1.5 "SFMono-Regular",Consolas,monospace; letter-spacing:.05em; }
.rpnt-day0-page .access-v216-result.is-success { color:#b8bec4; }
.rpnt-day0-page .access-v216-result.is-error { color:var(--orange); }
@media(max-width:780px){
  .rpnt-day0-page .modal-media{min-height:62vw}
}


/* Shopify/Dawn compatibility — preserve empty decorative UI from the approved mock.
   Dawn hides empty divs globally, which removes the radar rings, terminal divider,
   hero signal line, scan/glitch layers, and other intentional graphics. */
.rpnt-day0-page div:empty{display:block}

/* Keep the custom footer isolated from Shopify footer/base element rules. */
.rpnt-day0-page > .rpnt-footer{
  position:relative;
  z-index:2;
  min-height:0;
}
.rpnt-day0-page > .rpnt-footer .footer-left img{
  width:16px;
  height:16px;
  max-width:16px;
  object-fit:contain;
}

/* The mock's arrows are intentionally tiny/technical rather than bold icon glyphs. */
.rpnt-day0-page .cta > span,
.rpnt-day0-page .archive-terminal-action b,
.rpnt-day0-page .access-v216-form button b{
  display:inline-block;
  font-family:"Segoe UI Symbol","Arial Unicode MS",sans-serif;
  font-size:.67rem;
  font-weight:400;
  line-height:1;
}
.rpnt-day0-page .archive-terminal-action b,
.rpnt-day0-page .access-v216-form button b{margin-left:.45rem}

/* Guarantee the mock's separator line survives Shopify's base theme styling. */
.rpnt-day0-page .system-ticker{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}