* {
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Inter', sans-serif;
}

body {
overflow:hidden;
}

.hero {
position:relative;
width:100vw;
height:100vh;
color:white;
}

.bg-image {
position:absolute;
width:100%;
height:100%;
object-fit:cover;
z-index:0;
}

.bg-video {
position:absolute;
width:100%;
height:100%;
object-fit:cover;
opacity:0.35;
z-index:1;
}

.content {
position:relative;
z-index:2;
height:100%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:40px;
max-width:1200px;
margin:auto;
}

h1 {
font-size:3.2rem;
font-weight:800;
margin-bottom: 12px;
}

h2 {
margin-top:10px;
font-weight:400;
font-size:1.3rem;
margin-bottom: 6px;
}

h2 {
margin-top:10px;
font-weight:400;
font-size:1.3rem;

}

p{
    margin-bottom: 18px;
    line-height: 1.6;
}

.tagline {
margin-top:10px;
letter-spacing:3px;
margin-bottom: 30px;
}


.cards {
display:grid;
grid-template-columns:repeat(4, 1fr);
gap:20px;
margin-top:30px;
max-width:1000px;
}

.card {
background:rgba(255,255,255,0.08);
padding:18px;
border-radius:12px;
font-weight:600;
backdrop-filter:blur(10px);
transition:0.3s;
}

.card:hover {
transform:translateY(-5px);
background:rgba(255,255,255,0.15);
}

.investor-section {
margin-top:20px;
background:rgba(0,0,0,0.35);
padding:25px;
border-radius:14px;
max-width:900px;
}

.investor-section h3 {
font-size:1.2rem;
margin-bottom:10px;
}

.investor-section p {
font-size:0.95rem;
margin-bottom:16px;
}

.invite {
font-weight:600;
color:#00E0FF;
}

.contact {
margin-top:15px;
font-size:1.2rem;
}


/* ===== RESPONSIVE IMPROVEMENTS ===== */

/* Allow vertical scrolling */
body {
    overflow-x: hidden;
}

/* Responsive card layout */
.cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

/* Responsive padding */
.content {
    padding: 40px 20px;
}

/* Heading scaling */
h1 { font-size: 3rem; }

@media (max-width: 1024px) {
    h1 { font-size: 2.5rem; }
}

@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.2rem; }
    .investor-section { padding: 25px 20px; }
}

@media (max-width: 600px) {
    h1 { font-size: 1.7rem; }
    .cards { grid-template-columns: 1fr; }
    .content { padding: 30px 15px; }
}