body{
margin:0;
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
background:white;
color:#1d1d1f;
line-height:1.6
}

.nav{
position:sticky;
top:0;
border-bottom:1px solid #eee;
background:white
}

.nav-inner{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:18px
}

.menu a{
margin-left:18px;
text-decoration:none;
color:#0071e3;
font-weight:600
}

.lang{
margin-left:20px;
font-size:20px
}

.lang a{
margin-left:10px;
text-decoration:none
}

.hero{
text-align:center;
padding:120px 20px
}

.hero h1{
font-size:90px;
letter-spacing:-0.05em;
margin:0
}

.tagline{
font-size:32px;
margin-top:20px
}

.sub{
font-size:20px;
color:#666
}

.cta{
display:inline-block;
margin-top:30px;
padding:16px 34px;
background:#0071e3;
color:#fff;
border-radius:999px;
text-decoration:none
}

.hero-image{
margin-top:60px
}

.hero-image img{
max-width:900px;
width:100%
}

.feature{
padding:120px 20px;
text-align:center
}

.light{
background:#f5f5f7
}

.feature-text{
max-width:900px;
margin:auto
}

.feature h2{
font-size:48px
}

footer{
text-align:center;
padding:80px;
border-top:1px solid #eee;
color:#777
}

@media(max-width:900px){
.hero h1{font-size:48px}
.tagline{font-size:22px}
.feature h2{font-size:32px}
}