/* Base */
*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,'Segoe UI',sans-serif}
body{color:#fff;line-height:1.5;overflow-x:hidden;background:#000}
a{color:#fff;text-decoration:none}
.btn{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;border:2px solid #fff;border-radius:3rem;font-weight:600;transition:.3s}
.btn:hover,button:hover{background:#fff;color:#000}
input,button{padding:.75rem;border:none;border-radius:3rem;font-size:1rem}

/* Panels */
.panel{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-attachment:fixed;background-size:cover;background-position:center}
.panel::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.inner{position:relative;z-index:1;max-width:960px;padding:2rem}
.hero{background-image:url('https://images.unsplash.com/photo-1581291519195-ef11498d1cfb?auto=format&q=80&w=1600')}
#problem{background-image:url('https://images.unsplash.com/photo-1493375366763-3ed5e07fd91b?auto=format&q=80&w=1600')}
.alt{background-image:url('https://images.unsplash.com/photo-1523236102394-8cd1d49e0cde?auto=format&q=80&w=1600')}
#roadmap{background-image:url('https://images.unsplash.com/photo-1509021436665-8f07dbf5bf1d?auto=format&q=80&w=1600')}
.cta{background:#111}

/* Typo */
h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;line-height:1.2}
h2{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem}
p{font-size:1.1rem;opacity:.9}
.columns{display:grid;gap:2rem;margin-top:2rem}
@media(min-width:768px){.columns{grid-template-columns:repeat(3,1fr)}}

/* Timeline */
.timeline{list-style:none;margin-top:2rem;text-align:left}
.timeline li{margin:.5rem 0}
.timeline::before{content:"";display:block;height:100%;width:2px;background:#fff;position:absolute;left:50%;transform:translateX(-50%)}
.timeline li{position:relative;padding-left:2rem}
.timeline li::before{content:"";position:absolute;left:-12px;top:.4rem;width:10px;height:10px;border-radius:50%;background:#fff}

/* Form */
form{display:flex;flex-direction:column;gap:1rem;align-items:center}
@media(min-width:500px){form{flex-direction:row}}
input{flex:1;min-width:220px}