/* Dogs for Veterans — clean, trustworthy */
:root{
  --bg:#0a0b0f;
  --panel:#0f1117;
  --text:#e7e7ea;
  --muted:#a8aabb;
  --accent:#60a5fa; /* blue */
  --accent-2:#34d399; /* green */
  --chip:#141724;
  --card:#121523;
  --shadow: 0 10px 30px rgba(0,0,0,0.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;background:rgba(10,11,15,0.85);backdrop-filter: blur(8px);border-bottom:1px solid #1a1d2a;z-index:20}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.brand{display:flex;align-items:center;gap:10px}
.logo{width:40px;height:40px}
.brand-name{font-weight:800;letter-spacing:0.3px}
.nav a{margin-left:18px;color:var(--text);opacity:0.9}
.nav a:hover{opacity:1}
.hero{padding:80px 0;background:radial-gradient(1200px 400px at 50% -10%,rgba(96,165,250,0.18),transparent),linear-gradient(#0a0b0f,#0a0b0f)}
.hero-inner{text-align:center}
h1{font-size:56px;line-height:1.1;margin:0 0 14px}
.tagline{color:var(--muted);max-width:720px;margin:0 auto 26px}
.btn{display:inline-block;padding:12px 18px;border:1px solid #2a2d3f;border-radius:10px;background:var(--chip);color:var(--text);box-shadow:var(--shadow);margin:6px 8px}
.btn.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#0a0b0f;font-weight:800}
.section{padding:64px 0}
.section.alt{background:var(--panel)}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{background:var(--card);padding:18px;border-radius:14px;border:1px solid #23263a}
h2{font-size:32px;margin:0 0 18px}
.tokenomics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}
.tok-item{background:var(--card);padding:18px;border-radius:14px;text-align:center;border:1px solid #23263a}
.tok-num{font-size:24px;font-weight:800}
.tok-label{color:var(--muted)}
.contract-box{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid #23263a;padding:12px 14px;border-radius:12px;max-width:520px}
.copy{padding:8px 12px;border-radius:8px;border:1px solid #2a2d3f;background:#0f111a;color:var(--text)}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;border:1px solid #23263a;box-shadow:var(--shadow)}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.link-chip{display:block;text-align:center;padding:12px;border:1px solid #2a2d3f;border-radius:10px;background:var(--chip)}
.roadmap{margin:0 0 0 18px}
.site-footer{border-top:1px solid #1a1d2a;padding:24px 0;background:#0a0b0f}
@media (max-width:800px){
  .grid.two,.grid.three,.tokenomics{grid-template-columns:1fr}
  h1{font-size:40px}
}