body, html { margin: 0; background-color: #000; color: #fff; font-family: 'Libre Baskerville', serif; line-height: 1.8; }
.container { max-width: 900px; margin: 0 auto; padding: 50px 20px; text-align: center; }

h1 { font-family: 'League Spartan', sans-serif; font-size: clamp(2rem, 8vw, 3.8rem); letter-spacing: 5px; margin-bottom: 5px; }
.tagline { font-family: 'League Spartan', sans-serif; font-size: 0.9rem; color: #888; letter-spacing: 6px; margin-top: 0; text-transform: uppercase; }

.divider { width: 50px; height: 2px; background: #fff; margin: 40px auto; }

.lead-text { font-size: 1.5rem; font-style: italic; margin-bottom: 50px; color: #eee; padding: 0 20px; }

.grid { display: flex; text-align: left; gap: 40px; margin-bottom: 50px; }
.column { flex: 1; }
h3 { font-family: 'League Spartan', sans-serif; text-transform: uppercase; font-size: 1.2rem; border-bottom: 1px solid #444; padding-bottom: 10px; color: #fff; }

.button-group { display: flex; flex-direction: column; gap: 20px; align-items: center; margin-bottom: 40px; }

.cta-button { 
    display: block; width: 100%; max-width: 450px; font-family: 'League Spartan', sans-serif; 
    padding: 20px; background: #fff; color: #000; text-decoration: none; 
    font-weight: bold; letter-spacing: 2px; text-transform: uppercase; transition: 0.3s;
}

.cta-button.secondary { background: transparent; color: #fff; border: 2px solid #fff; }
.cta-button:hover { background-color: #888; color: #fff; border-color: #888; }

.launch-date { font-family: 'League Spartan', sans-serif; font-size: 0.8rem; letter-spacing: 3px; color: #555; text-transform: uppercase; }

footer { font-size: 0.8rem; color: #444; border-top: 1px solid #222; padding-top: 40px; margin-top: 60px; }
footer a { color: #777; text-decoration: none; border-bottom: 1px solid #333; }
.location { letter-spacing: 4px; text-transform: uppercase; margin-top: 10px; }

@media (max-width: 768px) { .grid { flex-direction: column; } .lead-text { font-size: 1.2rem; } }

.divider-small { width: 30px; height: 1px; background: #333; margin: 20px auto; }
.legal { font-size: 0.7rem; color: #333; letter-spacing: 1px; }

/* Geometric Banner Styling */
.geometric-banner { margin: 60px 0; }

.shape-container { 
    display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 20px; 
}

.shape { width: 40px; height: 40px; border: 2px solid #fff; }

.triangle { 
    width: 0; height: 0; border-left: 25px solid transparent; 
    border-right: 25px solid transparent; border-bottom: 45px solid #fff; border-top: none; background: none;
}

.circle { border-radius: 50%; }

.power-words { 
    font-family: 'League Spartan', sans-serif; font-size: 0.9rem; 
    letter-spacing: 5px; color: #fff; text-transform: uppercase; margin-top: 20px;
}

/* Footer Tweak */
.divider-small { width: 30px; height: 1px; background: #333; margin: 20px auto; }
.legal { font-size: 0.7rem; color: #333; letter-spacing: 1px; }