
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#18202a;background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:22px;font-weight:800;letter-spacing:.5px}.logo span{font-weight:400}
nav a{margin-left:24px;color:#39424e;font-size:14px}.btn{display:inline-block;padding:13px 20px;border-radius:7px;background:#111827;color:#fff;font-weight:700}.btn.alt{background:#f1f3f5;color:#111827}
.hero{padding:100px 0 90px;background:linear-gradient(135deg,#f7f7f5,#fff)}
.hero h1{font-size:clamp(42px,6vw,70px);line-height:1.03;margin:15px 0}.hero p{font-size:19px;max-width:680px;color:#56606c}
.badge{display:inline-block;padding:7px 12px;border:1px solid #ddd;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
section{padding:75px 0}.section-title{font-size:38px;line-height:1.15;margin:0 0 14px}.muted{color:#66707c}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #e7e7e7;border-radius:12px;padding:26px;background:#fff}.card h3{margin-top:0}
.two{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.panel{background:#f6f6f4;padding:32px;border-radius:14px}
.list{padding-left:20px}.contact{background:#111827;color:white}.contact .muted{color:#cbd1d8}
footer{padding:28px 0;border-top:1px solid #eee;font-size:13px;color:#68717c}
@media(max-width:800px){nav{display:none}.grid,.two{grid-template-columns:1fr}.hero{padding:70px 0}.section-title{font-size:32px}}
