```css
*{
margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
}

body{
font-family:'Segoe UI',sans-serif;
background:#f7fff3;
color:#222;
overflow-x:hidden;
}

/* HERO */

.hero{
height:100vh;
position:relative;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
overflow:hidden;
}

.slideshow{
position:absolute;
width:100%;
height:100%;
}

.slide{
position:absolute;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
transition:1.5s;
}

.slide.active{
opacity:1;
}

.hero::after{
content:'';
position:absolute;
inset:0;
background:rgba(0,0,0,.55);
}

.hero-content{
position:relative;
z-index:2;
color:white;
animation:fadeUp 1.5s;
}

.logo{
width:130px;
margin-bottom:20px;
animation:float 3s infinite ease-in-out;
}

.hero h1{
font-size:4rem;
margin-bottom:15px;
}

.hero p{
max-width:700px;
margin:auto;
font-size:1.2rem;
}

.btn{
display:inline-block;
margin-top:30px;
padding:15px 35px;
background:#f8c300;
color:#000;
text-decoration:none;
font-weight:bold;
border-radius:50px;
transition:.3s;
}

.btn:hover{
transform:translateY(-4px);
background:#ffe066;
}

/* VIDEO */

.video-section{
padding:100px 10%;
text-align:center;
}

.video-container{
max-width:900px;
margin:auto;
}

video{
width:100%;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.2);
}

/* ABOUT */

.about{
padding:100px 10%;
text-align:center;
background:white;
}

.about h2{
color:#0f7a2e;
margin-bottom:20px;
font-size:2.5rem;
}

.stats{
margin-top:50px;
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.card{
background:white;
padding:30px;
width:250px;
border-radius:20px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.4s;
}

.card:hover{
transform:translateY(-10px);
}

.card h3{
color:#0f7a2e;
font-size:2.5rem;
}

/* TEMPLATE SECTION */

.templates{
padding:100px 10%;
}

.templates h2{
text-align:center;
color:#0f7a2e;
margin-bottom:50px;
font-size:2.5rem;
}

.carousel{
display:flex;
gap:25px;
overflow-x:auto;
padding-bottom:20px;
scroll-snap-type:x mandatory;
}

.template-card{
min-width:320px;
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.08);
scroll-snap-align:start;
transition:.3s;
}

.template-card:hover{
transform:translateY(-10px);
}

.template-card img{
width:100%;
height:220px;
object-fit:cover;
}

.template-card h3{
padding:20px;
}

.template-card a{
display:block;
margin:0 20px 20px;
text-align:center;
background:#0f7a2e;
color:white;
padding:12px;
border-radius:12px;
text-decoration:none;
}

/* FOOTER */

footer{
background:#0f7a2e;
color:white;
padding:25px;
text-align:center;
}

/* ANIMATIONS */

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(50px);
}
to{
opacity:1;
transform:translateY(0);
}
}

@keyframes float{
0%,100%{
transform:translateY(0);
}
50%{
transform:translateY(-10px);
}
}

/* MOBILE */

@media(max-width:768px){

.hero h1{
font-size:2.5rem;
}

.stats{
flex-direction:column;
align-items:center;
}

}
```