:root{--bg:#050505;--ink:#f4f3ee;--dim:rgba(244,243,238,.42);--faint:rgba(244,243,238,.14);--hair:rgba(244,243,238,.10);--signal:#00ff9d;--signal-dim:rgba(0,255,157,.18);--mono:"Space Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--disp:"Bricolage Grotesque","Space Mono",sans-serif;--gut:clamp(20px,5vw,64px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--mono);line-height:1.4;height:100dvh;overflow:hidden;display:flex;flex-direction:column;position:relative;letter-spacing:.01em;-webkit-font-smoothing:antialiased}.fx{position:fixed;inset:0;pointer-events:none;z-index:50}.fx--grain{z-index:60;opacity:.07;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 6s steps(6) infinite}@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-2%,4%)}80%{transform:translate(4%,2%)}100%{transform:translate(0,0)}}.fx--scan{z-index:55;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0px,rgba(0,0,0,0) 2px,rgba(0,0,0,.35) 3px,rgba(0,0,0,0) 4px);opacity:.5}.fx--sweep{z-index:54;background:linear-gradient(to bottom,transparent,var(--signal-dim) 50%,transparent);height:140px;top:-140px;animation:sweep 9s cubic-bezier(.6,0,.4,1) infinite;opacity:.6}@keyframes sweep{0%{transform:translateY(0)}100%{transform:translateY(calc(100vh + 140px))}}.fx--vignette{z-index:48;background:radial-gradient(120% 90% at 50% 0%,transparent 55%,rgba(0,0,0,.75) 100%)}.ghost{position:fixed;z-index:0;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-4deg);font-family:var(--disp);font-weight:800;font-size:38vw;line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(244,243,238,.05);white-space:nowrap;user-select:none;pointer-events:none}.shell{position:relative;z-index:10;flex:1;min-height:0;display:flex;flex-direction:column;padding:0 var(--gut)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 18px;border-bottom:1px solid var(--hair);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);flex-wrap:wrap}.bar b{color:var(--ink);font-weight:700}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 var(--signal-dim);animation:pulse 2.2s ease-out infinite;margin-right:8px;vertical-align:middle;transform:translateY(-1px)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(0,255,157,.5)}70%{box-shadow:0 0 0 9px rgba(0,255,157,0)}100%{box-shadow:0 0 0 0 rgba(0,255,157,0)}}.bar .right{display:flex;gap:26px;align-items:center}.bar .right span{white-space:nowrap}.hero{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,3vh,44px) 0}.kicker{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--signal);margin-bottom:clamp(10px,2vh,28px);display:flex;align-items:center;gap:14px}.kicker::before{content:"";width:clamp(28px,5vw,64px);height:1px;background:var(--signal);opacity:.6}.wordmark{font-family:var(--disp);font-weight:800;font-size:clamp(48px,min(19vw,21vh),300px);line-height:.82;letter-spacing:-.045em;margin:0;position:relative}.wordmark .glyph{display:inline-block}.wordmark .scrambling{color:var(--dim)}.wordmark .resolved{color:var(--ink)}.wordmark::after{content:"MAILSAN";position:absolute;inset:0;color:var(--signal);opacity:.16;transform:translate(.06em,.05em);z-index:-1;pointer-events:none}.readout{margin-top:clamp(16px,3.2vh,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}.cell{background:var(--bg);padding:20px 22px;min-height:104px;display:flex;flex-direction:column;justify-content:space-between}.cell .label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}.cell .val{font-family:var(--disp);font-weight:700;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin-top:14px}.cell .val.green{color:var(--signal)}.cell .redacted{font-weight:700;letter-spacing:.04em;color:var(--ink);cursor:default}.closed{margin-top:clamp(16px,3.2vh,48px);border:1px solid var(--hair);padding:clamp(22px,3vw,30px) clamp(22px,3vw,32px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}.closed::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal)}.closed .msg .t{font-family:var(--disp);font-weight:700;font-size:clamp(18px,2.4vw,26px);letter-spacing:-.01em}.closed .msg .s{color:var(--dim);font-size:13px;margin-top:8px;max-width:42ch;line-height:1.6}footer{position:relative;z-index:10;padding:26px var(--gut) 34px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);border-top:1px solid var(--hair)}.cursor{display:inline-block;width:.55em;height:1.05em;background:var(--signal);margin-left:.18em;transform:translateY(.12em);animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.reveal{opacity:0;transform:translateY(18px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}@keyframes rise{to{opacity:1;transform:none}}@media (max-width:640px){.bar .right{gap:16px}.bar .right .hide-sm{display:none}.closed{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.fx--grain,.fx--sweep,.dot,.cursor{animation:none!important}.reveal{animation:none;opacity:1;transform:none}.fx--sweep{display:none}}