:root{
  --black:#05070b;
  --night:#0a1018;
  --blue:#111b2b;
  --steel:#718091;
  --paper:#ded3bd;
  --lamp:#f1c977;
  --moon:#dbe7f4;
  --smoke:#b9c1c8;
  --line:rgba(222,211,189,.30);
  --glass:rgba(8,12,18,.62);
  --glass2:rgba(222,211,189,.10);
  --shadow:0 30px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(5,7,11,.82),rgba(5,7,11,.96)),
    url('assets/night-blur.jpg') center/cover fixed;
  color:var(--paper);
  font-family:'IBM Plex Mono',monospace;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
img{max-width:100%;display:block}
.backdrop{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.backdrop:before{
  content:'';position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);
  opacity:.55;mix-blend-mode:overlay;
}
.moon{position:absolute;right:9vw;top:8vh;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,var(--moon) 55%,#7d94ad);box-shadow:0 0 42px rgba(219,231,244,.58);animation:moonPulse 5s ease-in-out infinite}
.lamp-glow{position:absolute;left:18vw;top:16vh;width:150px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(241,201,119,.36),transparent 68%);filter:blur(12px);animation:lampFlicker 3.8s steps(4) infinite}
.mist{position:absolute;width:52vw;height:150px;border-radius:999px;background:rgba(185,193,200,.10);filter:blur(28px);animation:mistMove linear infinite}
.mist-a{left:-20vw;top:28vh;animation-duration:24s}.mist-b{left:20vw;top:58vh;animation-duration:31s;animation-delay:-12s}.mist-c{left:-10vw;bottom:5vh;animation-duration:27s;animation-delay:-7s}
.site-top,main,footer{position:relative;z-index:2}
.site-top{
  width:min(1240px,calc(100% - 28px));
  margin:18px auto 0;
  padding:10px 12px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:18px;
  align-items:center;
  border:1px solid var(--line);
  background:rgba(5,7,11,.50);
  backdrop-filter:blur(16px);
  box-shadow:var(--shadow);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.05em}.brand img{width:50px;height:50px;border:1px solid var(--line);object-fit:cover}.brand span{font-family:'Archivo Black',sans-serif;font-size:clamp(1.1rem,2vw,1.75rem)}
.nav{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nav a{padding:9px 11px;border:1px solid transparent;color:rgba(222,211,189,.72);font-weight:700}.nav a:hover{border-color:var(--line);background:var(--glass2);color:var(--paper)}
main{width:min(1240px,calc(100% - 28px));margin:18px auto 48px;display:grid;gap:18px}
.hero-screen{min-height:calc(100vh - 110px);display:grid;grid-template-columns:1.04fr .96fr;gap:18px;align-items:stretch}
.hero-image-wrap{position:relative;overflow:hidden;min-height:680px;border:1px solid var(--line);background:#05070b;box-shadow:var(--shadow)}
.hero-image{width:100%;height:100%;object-fit:cover;filter:contrast(1.07) brightness(.86)}
.hero-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 50%,rgba(5,7,11,.36)),radial-gradient(circle at 80% 68%,rgba(241,201,119,.12),transparent 42%);pointer-events:none}
.smoke-line{position:absolute;width:160px;height:34px;border-top:3px solid rgba(185,193,200,.40);border-radius:50%;right:21%;top:54%;filter:blur(.3px);animation:smokeDrift 4.6s ease-in-out infinite}.s2{right:15%;top:49%;width:120px;animation-delay:-2s;opacity:.55}
.bench-tag{position:absolute;left:24px;bottom:30px;color:rgba(222,211,189,.58);font-family:'Special Elite',serif;font-size:clamp(1.4rem,3vw,3.2rem);transform:rotate(-8deg)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,4vw,48px);border:1px solid var(--line);background:linear-gradient(135deg,rgba(8,12,18,.75),rgba(17,27,43,.56));backdrop-filter:blur(16px);box-shadow:var(--shadow);overflow:visible;position:relative}
.hero-copy:before{content:'';position:absolute;right:-18%;top:-18%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(241,201,119,.16),transparent 70%)}
.mono-label{position:relative;margin:0 0 16px;display:inline-flex;width:max-content;padding:8px 11px;border:1px solid var(--line);background:rgba(222,211,189,.08);text-transform:uppercase;letter-spacing:.12em;color:rgba(222,211,189,.70);font-size:.76rem;font-weight:700}
h1,h2,h3,p{margin:0}
h1{
  position:relative;
  font-family:'Archivo Black',sans-serif;
  font-size:clamp(2.65rem,5.55vw,6.25rem);
  line-height:.86;
  letter-spacing:-.055em;
  color:#ede3cf;
  text-shadow:4px 5px 0 rgba(0,0,0,.45);
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
}
.hero-copy h1{
  width:100%;
  transform-origin:left center;
}.lead{position:relative;margin-top:18px;color:rgba(222,211,189,.78);font-size:1.08rem;line-height:1.7;max-width:640px}
.ca-card{position:relative;margin-top:24px;padding:16px;border:1px dashed rgba(222,211,189,.36);background:rgba(0,0,0,.24)}.ca-card small{display:block;text-transform:uppercase;letter-spacing:.10em;color:rgba(222,211,189,.58);font-size:.72rem;font-weight:700;margin-bottom:10px}.ca-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.ca-row code{word-break:break-all;color:#fff;font-weight:700}.ca-row button{cursor:pointer;border:1px solid var(--line);background:rgba(222,211,189,.12);padding:10px 13px;font-weight:900}.ca-row button:hover{background:rgba(222,211,189,.22)}
.quick-links,.links-deck{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.social-link,.link-card{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);background:rgba(222,211,189,.08);font-weight:900;transition:.16s}.social-link:hover,.link-card:hover{transform:translateY(-4px);background:rgba(222,211,189,.16)}.social-link img,.link-card img{width:32px;height:32px;filter:grayscale(.1) contrast(1.15)}.pump,.dex,.tg,.x{box-shadow:inset 4px 0 0 rgba(241,201,119,.50)}
.night-strip{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:30px;border:1px solid var(--line);background:rgba(5,7,11,.60);box-shadow:var(--shadow)}.side-title{font-family:'Special Elite',serif;color:rgba(222,211,189,.54);font-size:1.5rem;writing-mode:vertical-rl;text-orientation:mixed}.story-text h2,.section-head h2{font-family:'Archivo Black',sans-serif;font-size:clamp(2.4rem,4.9vw,5.2rem);line-height:.9;letter-spacing:-.04em}.story-text p{margin-top:16px;color:rgba(222,211,189,.76);font-size:1.05rem;line-height:1.75;max-width:860px}
.token-zone,.roadmap,.links-deck{padding:30px;border:1px solid var(--line);background:rgba(17,27,43,.50);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.token-grid article{min-height:150px;padding:18px;background:rgba(222,211,189,.08);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.token-grid small{text-transform:uppercase;color:rgba(222,211,189,.60);font-weight:700}.token-grid strong{font-family:'Archivo Black',sans-serif;font-size:clamp(2.2rem,4vw,4.2rem)}
.road-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.road-rail article{padding:18px;min-height:210px;border:1px solid var(--line);background:rgba(5,7,11,.38);position:relative;overflow:hidden}.road-rail article:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--lamp),transparent)}.road-rail span{font-family:'Special Elite',serif;color:var(--lamp);font-size:2rem}.road-rail h3{font-family:'Archivo Black',sans-serif;font-size:1.6rem;line-height:1;margin:12px 0}.road-rail p{color:rgba(222,211,189,.72);line-height:1.6}
.links-deck{grid-template-columns:repeat(4,1fr);margin-top:0}.link-card{min-height:130px;flex-direction:column;align-items:flex-start;justify-content:center}.link-card strong{font-family:'Archivo Black',sans-serif}.link-card span{color:rgba(222,211,189,.58)}
footer{width:min(1240px,calc(100% - 28px));margin:0 auto 28px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:rgba(222,211,189,.52);font-weight:700}
@keyframes moonPulse{0%,100%{transform:scale(1);box-shadow:0 0 42px rgba(219,231,244,.58)}50%{transform:scale(1.05);box-shadow:0 0 72px rgba(219,231,244,.74)}}@keyframes lampFlicker{0%,100%{opacity:.75}20%{opacity:.95}45%{opacity:.55}70%{opacity:.9}}@keyframes mistMove{0%{transform:translateX(-70vw)}100%{transform:translateX(110vw)}}@keyframes smokeDrift{0%,100%{transform:translate(0,0) scale(1);opacity:.32}50%{transform:translate(42px,-18px) scale(1.18);opacity:.66}}
@media(max-width:980px){.site-top{grid-template-columns:1fr}.nav{justify-content:flex-start}.hero-screen{grid-template-columns:1fr}.hero-image-wrap{min-height:520px}.night-strip{grid-template-columns:1fr}.side-title{writing-mode:initial}.token-grid,.road-rail,.links-deck{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-top,main,footer{width:calc(100% - 18px)}.hero-copy,.token-zone,.roadmap,.links-deck,.night-strip{padding:18px}h1{font-size:3.7rem}.quick-links,.token-grid,.road-rail,.links-deck,.ca-row{grid-template-columns:1fr}.moon{width:64px;height:64px}.hero-image-wrap{min-height:410px}}


@media(max-width:1180px){
  .hero-copy h1{font-size:clamp(2.25rem,5vw,4.9rem);letter-spacing:-.06em}
}
@media(max-width:980px){
  .hero-copy h1{font-size:clamp(2.7rem,10vw,6rem)}
}
@media(max-width:560px){
  .hero-copy h1{font-size:clamp(2.45rem,12vw,4.2rem);line-height:.88}
}