/* ===================================================
   UAP TOKEN — main.css  |  Mobile-first responsive
=================================================== */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=Share+Tech+Mono&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#04060a;--bg-1:#060c14;--bg-2:#0a1220;
  --border:rgba(0,255,220,0.18);
  --cyan:#00ffd4;--cyan-dim:#00b89a;
  --gold:#d4a017;--gold-dim:#8a6800;
  --white:#e8f4ff;--muted:rgba(232,244,255,0.45);--red:#ff3c3c;
  --fhd:'Orbitron',sans-serif;--fbody:'Courier Prime',monospace;--fmono:'Share Tech Mono',monospace;
  --glow-c:0 0 20px rgba(0,255,212,0.35),0 0 60px rgba(0,255,212,0.12);
  --glow-g:0 0 20px rgba(212,160,23,0.45),0 0 60px rgba(212,160,23,0.15);
  --nav-h:60px;
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--white);font-family:var(--fbody);font-size:15px;line-height:1.7;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.07) 2px,rgba(0,0,0,0.07) 4px);pointer-events:none;z-index:9997}
img{display:block;max-width:100%}
a{color:var(--cyan);text-decoration:none}
a:hover{color:var(--white)}
h1,h2,h3,h4{font-family:var(--fhd);letter-spacing:0.08em}

/* LOADER */
#loader{position:fixed;inset:0;z-index:99999;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity 0.7s ease,visibility 0.7s ease}
#loader.hide{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{width:86px;height:86px;border-radius:50%;border:2px solid rgba(0,255,212,0.3);overflow:hidden;animation:loader-pulse 1.5s ease-in-out infinite}
.loader-logo img{width:100%;height:100%;object-fit:cover}
@keyframes loader-pulse{0%,100%{box-shadow:0 0 20px rgba(0,255,212,0.3);border-color:rgba(0,255,212,0.3)}50%{box-shadow:0 0 50px rgba(0,255,212,0.7);border-color:var(--cyan)}}
.loader-title{font-family:var(--fhd);font-size:clamp(18px,5vw,28px);font-weight:900;letter-spacing:0.3em;text-transform:uppercase;color:var(--cyan);text-align:center}
.loader-sub{font-family:var(--fmono);font-size:clamp(9px,2.5vw,11px);letter-spacing:0.22em;text-transform:uppercase;color:var(--muted);text-align:center;padding:0 16px}
.loader-bar-wrap{width:min(260px,68vw);height:2px;background:rgba(0,255,212,0.12);border-radius:2px;overflow:hidden}
.loader-bar{height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:loader-fill 2s ease-in-out forwards}
@keyframes loader-fill{0%{width:0%}20%{width:15%}50%{width:52%}75%{width:78%}90%{width:91%}100%{width:100%}}
.loader-status{font-family:var(--fmono);font-size:clamp(9px,2.2vw,10px);letter-spacing:0.18em;color:var(--cyan-dim);text-align:center;padding:0 16px}
.loader-scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,212,0.02) 3px,rgba(0,255,212,0.02) 4px);pointer-events:none}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(4,6,10,0.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:8px}
.nav-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}
.nav-logo img{width:30px;height:30px;object-fit:cover;border-radius:50%;border:1px solid var(--border)}
.nav-logo-text{font-family:var(--fhd);font-size:13px;font-weight:700;letter-spacing:0.2em;color:var(--white);white-space:nowrap}
.nav-logo-text span{color:var(--cyan)}
/* Desktop links — hidden on mobile */
.nav-links{display:none;gap:20px;list-style:none;align-items:center}
.nav-links a{font-family:var(--fmono);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--muted);white-space:nowrap;transition:color 0.2s}
.nav-links a:hover,.nav-links a.nav-active{color:var(--cyan)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-buy{font-family:var(--fhd);font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;background:var(--cyan);color:var(--bg);padding:8px 14px;border-radius:2px;white-space:nowrap;transition:background 0.2s}
.nav-buy:hover{background:var(--white);color:var(--bg)}
/* Burger */
.nav-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:5px;flex-shrink:0}
.nav-burger span{display:block;width:22px;height:2px;background:var(--white);border-radius:1px;transition:all 0.25s}
/* Mobile dropdown */
.nav-mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(4,6,10,0.99);border-bottom:1px solid var(--border);z-index:999;flex-direction:column;padding:6px 0 14px}
.nav-mobile-menu.open{display:flex}
.nav-mobile-menu a{font-family:var(--fmono);font-size:13px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);padding:14px 24px;border-bottom:1px solid rgba(0,255,212,0.07);transition:color 0.2s,background 0.2s}
.nav-mobile-menu a:last-child{border-bottom:none}
.nav-mobile-menu a:hover,.nav-mobile-menu a.nav-active{color:var(--cyan);background:rgba(0,255,212,0.04)}

/* TICKER */
.ticker-wrap{margin-top:var(--nav-h);background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:7px 0}
.ticker-inner{display:flex;gap:60px;white-space:nowrap;animation:ticker 45s linear infinite}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{font-family:var(--fmono);font-size:10px;letter-spacing:0.16em;color:var(--cyan-dim);flex-shrink:0}
.ticker-item span{color:var(--gold)}

/* HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:80px 20px 50px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,20,30,0.96) 0%,rgba(0,40,60,0.85) 40%,rgba(0,0,0,0.94) 100%);z-index:1}
.hero-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(0.3) saturate(0.6)}
.hero-content{position:relative;z-index:2;max-width:860px;width:100%}
.hero-stamp{font-family:var(--fmono);font-size:10px;letter-spacing:0.22em;color:var(--cyan);margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hero-stamp::before{content:'';display:block;width:28px;height:1px;background:var(--cyan)}
.classify-tag{display:inline-block;font-family:var(--fmono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;background:var(--red);color:#fff;padding:2px 8px;border-radius:2px}
.hero h1{font-size:clamp(34px,10vw,96px);font-weight:900;line-height:0.95;letter-spacing:-0.01em;margin-bottom:22px;text-transform:uppercase}
.hero-h1-sub{display:block;font-size:0.36em;color:var(--cyan);letter-spacing:0.2em;font-weight:400;margin-bottom:6px}
.hero-desc{font-size:clamp(13px,3.5vw,16px);color:var(--muted);max-width:540px;margin-bottom:32px;border-left:2px solid var(--cyan);padding-left:14px}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hero-coord{display:none;position:absolute;bottom:60px;right:40px;z-index:2;font-family:var(--fmono);font-size:10px;color:var(--muted);text-align:right}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fhd);font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:11px 18px;border-radius:2px;transition:all 0.25s;cursor:pointer;border:none;white-space:nowrap}
.btn-primary{background:var(--cyan);color:var(--bg)}
.btn-primary:hover{background:var(--white);color:var(--bg);box-shadow:var(--glow-c)}
.btn-gold{background:var(--gold);color:var(--bg)}
.btn-gold:hover{background:#f0c030;box-shadow:var(--glow-g)}
.btn-outline{background:transparent;color:var(--cyan);border:1px solid var(--border)}
.btn-outline:hover{border-color:var(--cyan);background:rgba(0,255,212,0.06)}

/* GLITCH */
@keyframes glitch-1{0%,100%{clip-path:inset(0 0 95% 0);transform:translate(-2px,0)}25%{clip-path:inset(40% 0 40% 0);transform:translate(2px,0)}50%{clip-path:inset(80% 0 5% 0);transform:translate(-1px,0)}75%{clip-path:inset(20% 0 70% 0);transform:translate(3px,0)}}
@keyframes glitch-2{0%,100%{clip-path:inset(60% 0 30% 0);transform:translate(2px,0)}33%{clip-path:inset(0% 0 80% 0);transform:translate(-2px,0)}66%{clip-path:inset(50% 0 10% 0);transform:translate(1px,0)}}
.glitch{position:relative;display:inline-block}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
.glitch::before{color:var(--cyan);animation:glitch-1 4s steps(1) infinite}
.glitch::after{color:var(--gold);animation:glitch-2 3.5s steps(1) infinite}

/* SECTION */
.section{padding:50px 20px;max-width:1200px;margin:0 auto;width:100%}
.section-label{font-family:var(--fmono);font-size:10px;letter-spacing:0.28em;text-transform:uppercase;color:var(--cyan-dim)}
.section-title{font-size:clamp(22px,5vw,52px);font-weight:900;text-transform:uppercase;margin-bottom:8px}
.section-title span{color:var(--cyan)}
.section-divider{width:48px;height:2px;background:var(--cyan);margin:12px 0 28px}
.classify-banner{background:#1a0000;border-top:2px solid var(--red);border-bottom:2px solid var(--red);text-align:center;padding:9px 12px;font-family:var(--fmono);font-size:clamp(7px,2vw,11px);letter-spacing:0.18em;text-transform:uppercase;color:var(--red)}

/* STATS */
.stats-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:32px 0}
.stat-cell{background:var(--bg-1);padding:22px 16px;position:relative}
.stat-cell::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(0);transform-origin:left;transition:transform 0.5s ease}
.stat-cell:hover::before{transform:scaleX(1)}
.stat-number{font-family:var(--fhd);font-size:clamp(26px,7vw,44px);font-weight:900;color:var(--cyan);line-height:1;margin-bottom:6px}
.stat-label{font-family:var(--fmono);font-size:clamp(8px,2.2vw,11px);letter-spacing:0.15em;text-transform:uppercase;color:var(--muted)}

/* SIGHTINGS */
.sighting-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
.sighting-card{position:relative;border:1px solid var(--border);overflow:hidden}
.sighting-card img{width:100%;height:200px;object-fit:cover;filter:brightness(0.85);transition:transform 0.5s,filter 0.3s}
.sighting-card:hover img{transform:scale(1.04);filter:brightness(1)}
.sighting-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(4,6,10,0.95));padding:36px 14px 14px}
.sighting-caption p{font-family:var(--fmono);font-size:9px;letter-spacing:0.1em;color:var(--cyan);text-transform:uppercase}
.sighting-corner{position:absolute;top:10px;right:10px;font-family:var(--fmono);font-size:9px;letter-spacing:0.12em;color:var(--gold);background:rgba(0,0,0,0.75);padding:3px 7px;border:1px solid var(--gold-dim)}

/* INTEL */
.intel-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}
.intel-card{background:var(--bg-1);border:1px solid var(--border);padding:18px;transition:border-color 0.2s}
.intel-card:hover{border-color:var(--cyan)}
.intel-number{font-family:var(--fmono);font-size:9px;letter-spacing:0.22em;color:var(--cyan-dim);margin-bottom:8px}
.intel-title{font-family:var(--fhd);font-size:12px;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;color:var(--white);margin-bottom:8px}
.intel-body{font-size:13px;color:var(--muted);line-height:1.6}

/* DIRECTIVE */
.directive-section{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-1) 100%);padding:50px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.directive-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:36px}
.directive-body p{margin-bottom:16px;color:rgba(232,244,255,0.75);font-size:14px}
.directive-body p:first-of-type{font-size:15px;color:var(--white)}
.redacted{background:var(--white);color:transparent;user-select:none;border-radius:2px;padding:0 4px}
.quote-block{background:var(--bg-2);border:1px solid var(--border);padding:26px 20px;position:relative}
.quote-block::before{content:'"';position:absolute;top:-14px;left:18px;font-size:56px;font-family:Georgia,serif;color:var(--cyan);line-height:1;opacity:0.5}
.quote-text{font-size:14px;font-style:italic;color:var(--white);margin-bottom:14px;line-height:1.7}
.quote-attribution{font-family:var(--fmono);font-size:10px;letter-spacing:0.18em;color:var(--cyan-dim);text-transform:uppercase}
.quote-date{float:right;color:var(--muted)}
.release-section{background:var(--bg-2);border:1px solid var(--border);padding:22px;margin-top:20px}
.release-tag{font-family:var(--fmono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:#00ff88;margin-bottom:10px}
.release-body{color:rgba(232,244,255,0.8);font-style:italic;border-left:2px solid var(--gold);padding-left:14px;font-size:14px}

/* TIMELINE */
.timeline-wrap{display:grid;grid-template-columns:1fr;gap:0;margin-top:20px}
.timeline{position:relative;padding-left:30px;margin-top:20px}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(var(--cyan),var(--gold),transparent)}
.timeline-item{position:relative;margin-bottom:28px}
.timeline-item::before{content:'';position:absolute;left:-35px;top:5px;width:9px;height:9px;border:1px solid var(--cyan);background:var(--bg);transform:rotate(45deg)}
.timeline-year{font-family:var(--fhd);font-size:17px;font-weight:700;color:var(--cyan);margin-bottom:4px}
.timeline-title{font-weight:700;color:var(--white);margin-bottom:5px;font-size:14px}
.timeline-desc{color:var(--muted);font-size:13px}

/* TOKEN */
.token-section{background:var(--bg-1);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:50px 0}
.token-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.ca-block{background:var(--bg-2);border:1px solid var(--border);padding:18px;margin:24px 0;display:flex;flex-direction:column;gap:14px}
.ca-label{font-family:var(--fmono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.ca-value{font-family:var(--fmono);font-size:11px;color:var(--cyan);word-break:break-all}
.copy-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--fmono);font-size:11px;letter-spacing:0.15em;padding:10px 18px;cursor:pointer;text-transform:uppercase;transition:all 0.2s;align-self:flex-start}
.copy-btn:hover{border-color:var(--cyan);color:var(--cyan)}
.token-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}

/* SOCIALS */
.socials-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}
.social-card{display:flex;align-items:center;gap:14px;background:var(--bg-2);border:1px solid var(--border);padding:16px 18px;transition:all 0.25s;text-decoration:none}
.social-card:hover{border-color:var(--cyan);background:rgba(0,255,212,0.04);box-shadow:var(--glow-c);transform:translateY(-2px);color:var(--white)}
.social-icon{width:44px;height:44px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.social-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.social-name{font-family:var(--fhd);font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--white)}
.social-desc{font-family:var(--fmono);font-size:10px;color:var(--muted);margin-top:3px}

/* DISCLAIMER / FOOTER */
.disclaimer-wrap{max-width:1200px;margin:0 auto;padding:0 20px 44px}
.disclaimer-box{background:rgba(212,160,23,0.05);border:1px solid rgba(212,160,23,0.2);padding:18px;border-radius:2px}
.disclaimer-box p{font-family:var(--fmono);font-size:10px;letter-spacing:0.07em;color:rgba(212,160,23,0.7);line-height:1.8}
.footer{background:var(--bg-2);border-top:1px solid var(--border);padding:36px 20px 20px}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:28px}
.footer-logo img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:1px solid var(--border);margin-bottom:10px}
.footer-logo-name{font-family:var(--fhd);font-size:14px;font-weight:900;letter-spacing:0.2em;color:var(--white);margin-bottom:5px}
.footer-logo-name span{color:var(--cyan)}
.footer-tagline{font-family:var(--fmono);font-size:10px;color:var(--muted)}
.footer-links h4{font-family:var(--fmono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--cyan-dim);margin-bottom:12px}
.footer-links ul{list-style:none}
.footer-links li{margin-bottom:9px}
.footer-links a{font-family:var(--fmono);font-size:12px;color:var(--muted);transition:color 0.2s}
.footer-links a:hover{color:var(--cyan)}
.footer-bottom{max-width:1200px;margin:22px auto 0;padding:18px 0 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}
.footer-bottom-text{font-family:var(--fmono);font-size:9px;color:var(--muted);word-break:break-all}
.footer-coord{font-family:var(--fmono);font-size:10px;color:var(--cyan-dim)}
.live-clock{font-family:var(--fmono);font-size:10px;color:var(--cyan);letter-spacing:0.15em}
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ── TABLET 600px ── */
@media(min-width:600px){
  .stats-grid{grid-template-columns:repeat(4,1fr)}
  .sighting-grid{grid-template-columns:1fr 1fr}
  .sighting-card img{height:260px}
  .intel-grid{grid-template-columns:1fr 1fr}
  .socials-grid{grid-template-columns:1fr 1fr}
  .token-cards{grid-template-columns:repeat(3,1fr)}
  .ca-block{flex-direction:row;align-items:center;justify-content:space-between}
}

/* ── DESKTOP 960px ── */
@media(min-width:960px){
  :root{--nav-h:64px}
  .nav{padding:0 40px}
  .nav-burger{display:none}
  .nav-links{display:flex}
  .section{padding:90px 60px}
  .hero{padding:120px 60px 80px}
  .hero-coord{display:block}
  .stats-wrap{padding:0 60px}
  .stats-grid{margin:56px 0}
  .stat-cell{padding:30px 26px}
  .sighting-card img{height:320px}
  .intel-grid{grid-template-columns:repeat(3,1fr)}
  .socials-grid{grid-template-columns:repeat(3,1fr)}
  .directive-section{padding:90px 0}
  .directive-inner{padding:0 60px;grid-template-columns:1fr 1fr;gap:70px}
  .quote-block{padding:38px}
  .release-section{padding:34px}
  .timeline-wrap{grid-template-columns:1fr 1fr;gap:56px}
  .token-section{padding:90px 0}
  .token-inner{padding:0 60px}
  .footer{padding:60px}
  .footer-inner{grid-template-columns:1fr 2fr 1fr;gap:56px}
  .footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}
  .footer-bottom-text{font-size:11px;word-break:normal}
  .disclaimer-wrap{padding:0 60px 60px}
}