:root{--blue:#111582;--blue-light:#3d76f2;--bg:#eef2ff}body{background:var(--bg);margin:0;font-family:Inter,sans-serif}.header{background:var(--blue);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.header nav{gap:12px;display:flex}.header a{color:#fff;font-size:16px;text-decoration:none}.logo{height:45px}.section{padding:0}.container{max-width:1100px;margin:0;padding:0 20px}.row{flex-wrap:wrap;gap:30px;display:flex}.col{flex:1;min-width:280px;margin:0}h1,.title{color:#080255;font-size:36px;font-weight:700;line-height:1.2}.subtitle{color:#334155;font-size:20px}p,.text{color:#334155;font-size:18px}.hero-buttons{flex-wrap:wrap;gap:10px;display:flex}.btn-main{background:linear-gradient(135deg, var(--blue), var(--blue-light));color:#fff;border-radius:12px;padding:14px 22px;text-decoration:none}.btn-outline{border:2px solid var(--blue);color:var(--blue);border-radius:12px;padding:14px 22px;text-decoration:none}.img-main{border-radius:12px;width:100%}.img-small{border-radius:12px;width:70%}.grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.card{color:#000;background:#fff;border-radius:12px;padding:14px;text-decoration:none;transition:all .2s}.card:hover{transform:translateY(-3px)}.cta{text-align:center;padding:50px 20px}.image-slider{border-radius:12px;width:90%;height:600px;position:relative;overflow:hidden}.slide-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute}.slide-img.active{opacity:1}.wa-wrapper{z-index:9999;position:fixed;top:50%;right:15px;transform:translateY(-50%)}.wa-btn{background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;animation:2s infinite pulse;display:flex}.wa-btn img{width:26px}.wa-bubble{white-space:nowrap;background:#fff;border-radius:15px;padding:8px 12px;font-size:12px;position:absolute;top:50%;right:65px;transform:translateY(-50%)}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 12px #25d36600}to{box-shadow:0 0 #25d36600}}@media (width<=768px){h1,.title{font-size:24px}p{font-size:16px}.grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.btn-main,.btn-outline{text-align:center;width:90%}.img-small{width:100%}.image-slider{border-radius:12px;width:100%;height:420px;position:relative;overflow:hidden}.slide-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;position:absolute}.slide-img.active{opacity:1}}
