/* site-nav.css — shared standard header (banner + 6-button nav) + home-earth for root & ai_assist pages */
#sct-site-nav { position: relative; }
.sct-top-banner { width: 100%; position: relative; z-index: 10; }
.sct-top-banner img { width: 100%; height: auto; display: block; }
.sct-button-row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px 0.5vw; justify-content: center; align-items: stretch; padding: 2vh 1vw; width: 100%; box-sizing: border-box; position: relative; z-index: 20; }
.sct-neon-button { position: relative; display: inline-flex; justify-content: center; align-items: center; flex: 1 1 auto; min-width: max-content; font-size: clamp(10px, 1.6vw, 16px); padding: 1.5vh 0.5vw; border-radius: 999px; white-space: normal; text-align: center; line-height: 1.15; border: 2px solid rgba(255,215,80,0.55); background: linear-gradient(145deg, rgba(255,230,100,0.15), rgba(80,0,120,0.55)); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); color: #ffe066; text-decoration: none; text-transform: uppercase; box-shadow: 0 0 20px rgba(255,200,60,0.65); transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s, color 0.2s; font-family: 'Verdana', sans-serif; font-weight: bold; letter-spacing: 0.05em; }
.sct-neon-button:hover { transform: translateY(-4px) scale(1.05); box-shadow: 0 0 40px rgba(255,215,0,1); border-color: #ffea7a; color: #ffea7a; }
.sct-home-earth { position: fixed; right: 0; z-index: 30; display: block; line-height: 0; }
.sct-home-earth img { width: 0.55in; height: 1in; display: block; transform-origin: right center; transition: transform 0.25s; }
.sct-home-earth:hover img { transform: scale(1.1); }