*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
body{color:#0F172A;line-height:1.7;background:#fff}
.container{width:90%;max-width:1100px;margin:auto}
.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.header .container{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo{font-size:1.4rem;font-weight:700}
.nav a{margin-left:20px;text-decoration:none;color:#0F172A;font-weight:500}
.hero{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:90px 0}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero-image img{width:100%;border-radius:14px;box-shadow:0 25px 50px rgba(0,0,0,.25)}
.hero h1{font-size:2.4rem;margin-bottom:20px}
.hero p{margin-bottom:35px;max-width:620px}
.btn{display:inline-block;padding:14px 32px;background:#38bdf8;color:#0f172a;text-decoration:none;border-radius:6px;font-weight:700}
.section{padding:90px 0}
.section.light{background:#f8fafc}
.section h2{margin-bottom:35px;font-size:1.9rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.card{padding:35px;border-radius:16px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.08)}
.icon{font-size:2rem;margin-bottom:15px}
.payments{list-style:none;margin:20px 0}
.payments li{margin-bottom:8px;font-weight:600}
.footer{background:#0f172a;color:#fff;text-align:center;padding:40px 0}
@media(max-width:768px){
.nav{display:none}
.hero-grid{grid-template-columns:1fr;text-align:center}
.hero h1{font-size:2rem}
.section{padding:65px 0}
}