:root{
--green:#1b5e20;
--green-light:#2e7d32;
--bg:#ffffff;
--text:#1b1b1b;
--muted:#5f6b63;
--border:#e8efe8;
}

*{
box-sizing:border-box;
margin:0;
padding:0;
}

body{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
background:#ffffff;
color:var(--text);
min-height:100vh;
display:flex;
flex-direction:column;
}

.hero{
flex:1;
display:flex;
align-items:center;
justify-content:center;
padding:40px 20px;
}

.hero-card{
width:min(720px,100%);
text-align:center;
padding:48px 32px;
border:1px solid var(--border);
border-radius:32px;
box-shadow:0 20px 60px rgba(27,94,32,0.08);
}

.logo{
width:140px;
height:auto;
display:block;
margin:0 auto 20px;
}

.eyebrow{
color:var(--green);
font-weight:700;
letter-spacing:.08em;
margin-bottom:12px;
}

h1{
font-size:clamp(2.4rem,5vw,4.2rem);
line-height:1.05;
font-weight:800;
margin-bottom:16px;
}

h1 span{
color:var(--green);
}

.launch-badge{
display:inline-block;
margin:16px 0 20px;
padding:10px 18px;
border-radius:999px;
background:#e8f5e9;
color:var(--green);
font-weight:700;
border:1px solid #c8e6c9;
}

.subtitle{
max-width:560px;
margin:0 auto 28px;
color:var(--muted);
line-height:1.7;
font-size:1.05rem;
}

.instagram-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 26px;
border-radius:999px;
background:var(--green);
color:#fff;
text-decoration:none;
font-weight:700;
transition:transform .2s ease, background .2s ease;
}

.instagram-btn:hover{
background:var(--green-light);
transform:translateY(-1px);
}

.tagline{
margin-top:28px;
color:var(--green);
font-weight:600;
}

.footer{
text-align:center;
padding:22px;
color:#6b7280;
font-size:.92rem;
}

@media (max-width:640px){
.hero-card{
padding:36px 22px;
border-radius:24px;
}

.logo{
width:120px;
}

.instagram-btn{
width:100%;
}
}