*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#f7f8fa;color:#111;line-height:1.6}
.container{max-width:1100px;margin:auto;padding:0 20px}
header{border-bottom:1px solid #e5e7eb;background:#fff}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{font-weight:600;letter-spacing:2px;font-size:17px}
nav{display:flex;gap:24px;align-items:center}
nav a{color:#111;text-decoration:none;font-size:17px}
.cta{border:1px solid #1f2937;padding:6px 14px;background:none;cursor:pointer;font-size:16px}
.menu{display:none;background:none;border:none;font-size:20px}
.hero{padding:80px 0 60px 0}
.hero h1{font-size:52px;font-weight:600;margin-bottom:16px}
.lead{font-size:21px;color:#4b5563;margin-bottom:28px}
.primary{border:1px solid #1f2937;padding:10px 22px;background:#1f2937;color:#fff;cursor:pointer;font-size:17px}
.section{padding:60px 0}
.section h2{font-size:34px;margin-bottom:12px}
.section h3{font-size:21px;margin-bottom:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
footer{border-top:1px solid #e5e7eb;background:#fff}
.foot{padding:25px 0;font-size:15px;color:#6b7280;text-align:center}
@media(max-width:768px){
nav{display:none;flex-direction:column;gap:14px;position:absolute;right:20px;top:70px;background:#fff;padding:15px;border:1px solid #e5e7eb}
nav.open{display:flex}
.menu{display:block}
.hero h1{font-size:40px}
}