*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#080808;color:#fff;font-family:'Inter Tight',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
body::before,body::after{content:'';position:fixed;top:0;bottom:0;width:1px;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(#363636 0 16px,transparent 16px 28px)}
body::before{left:3%}body::after{right:3%}
#stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.55}

/* HEADER */
header{position:sticky;top:0;z-index:100;background:rgba(8,8,8,.97);backdrop-filter:blur(16px);height:56px;background-image:repeating-linear-gradient(90deg,#363636 0 16px,transparent 16px 28px);background-repeat:no-repeat;background-size:100% 1px;background-position:bottom}
nav.exp-nav{height:56px;padding:0 4vw;display:flex;align-items:center;gap:32px}
.exp-logo-wrap{display:flex;align-items:center;gap:14px}
.exp-logo{height:24px;width:auto;display:block}
.exp-tag{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#5a5a5a;padding-left:14px;border-left:1px solid #2a2a2a}
.exp-links{display:flex;gap:28px}
.exp-link{font-family:'Inter Tight',sans-serif;font-size:14px;color:#7d7d7d;letter-spacing:.02em;transition:color .15s}
.exp-link:hover,.exp-link.active{color:#fff}
.exp-search{flex:1;max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:2px;font-family:'DM Mono',monospace;font-size:12px;color:#5a5a5a;transition:border-color .15s}
.exp-search:focus-within{border-color:#2a2a2a}
.exp-search svg{opacity:.45;flex-shrink:0}
.exp-search input{flex:1;background:none;border:none;color:#fff;font-family:'DM Mono',monospace;font-size:12px;outline:none}
.exp-search input::placeholder{color:#3a3a3a}
.exp-block{display:inline-flex;align-items:center;gap:8px;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7d7d7d}
.exp-dot{width:7px;height:7px;border-radius:50%;background:#26cc6b;box-shadow:0 0 8px rgba(38,204,107,.5)}
.exp-block-n{color:#fff;font-weight:500}
@media(max-width:900px){.exp-links,.exp-search{display:none}}

/* LAYOUT */
.hb{background:repeating-linear-gradient(90deg,#363636 0 16px,transparent 16px 28px) no-repeat bottom / 100% 1px}
.ht{background:repeating-linear-gradient(90deg,#363636 0 16px,transparent 16px 28px) no-repeat top / 100% 1px}
.vr{background:repeating-linear-gradient(#363636 0 16px,transparent 16px 28px) no-repeat right / 1px 100%}

/* TYPOGRAPHY */
h1{font-size:clamp(36px,5vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1.05;color:#fff}
h1 .gray{color:#4a4a4a}
h2{font-size:24px;font-weight:700;letter-spacing:-.02em}

/* FOOTER */
.exp-footer{padding:48px 6vw;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:48px;border-top:1px solid #1a1a1a;margin-top:80px}
@media(max-width:800px){.exp-footer{grid-template-columns:1fr 1fr}}
.exp-fc h4{font-family:'DM Mono',monospace;font-size:10px;color:#5a5a5a;letter-spacing:.15em;text-transform:uppercase;margin-bottom:14px}
.exp-fc p{font-family:'DM Mono',monospace;font-size:12px;color:#7d7d7d;line-height:1.7}
.exp-fc p strong{color:#fff;font-weight:500}
.exp-fc a{display:block;font-family:'DM Mono',monospace;font-size:12px;color:#7d7d7d;margin-bottom:8px;transition:color .15s}
.exp-fc a:hover{color:#fff}
.exp-fc .logo-line{font-family:'Inter Tight',sans-serif;font-weight:700;font-size:14px;letter-spacing:.16em;color:#fff;margin-bottom:14px}
.exp-foot-bottom{padding:18px 6vw;font-family:'DM Mono',monospace;font-size:10px;color:#3a3a3a;letter-spacing:.06em}
