/* Base */
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:62.5%}body{font-family:'Roboto',sans-serif;color:#333;background:#fff;line-height:1.6}
a{text-decoration:none;color:#007BFF}
a:hover{color:#0056b3}
.container{max-width:1200px;margin:auto;padding:0 1rem}
.header{background:#fff;border-bottom:1px solid #eee}
.nav__list{display:flex;flex-wrap:wrap;gap:.5rem}
.nav__list li a{padding:.5rem .75rem;font-weight:500}
.logo img{height:40px}
.hero{position:relative;background-size:cover;background-position:center;color:#fff;text-align:center;padding:8rem 0}
.hero h1{font-size:4.2rem;margin-bottom:.5rem}
.hero p{font-size:1.6rem;margin-bottom:2rem}
.btn{display:inline-block;background:#007BFF;color:#fff;padding:.75rem 1.5rem;border-radius:.25rem;font-weight:600}
.btn:hover{background:#0056b3}
.features,.facts{padding:4rem 0;text-align:center}
.feature{margin-bottom:2rem}
.grid{display:grid;gap:2rem}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.facts__list div{font-size:1.8rem;font-weight:600}
.review-list .review{border:1px solid #eee;padding:1rem;border-radius:.25rem;margin-bottom:1rem;text-align:center}
.review img{width:60px;height:60px;border-radius:50%;margin-bottom:.5rem}
.accordion__btn{display:block;width:100%;text-align:left;background:#f7f7f7;padding:.75rem 1rem;font-weight:600;border:none;margin-top:.5rem;cursor:pointer}
.accordion__panel{padding:.5rem 1rem;background:#fff;border-left:3px solid #007BFF}
@media(max-width:768px){.hero h1{font-size:3rem}.hero p{font-size:1.4rem}}