:root{--navy:#07345f;--blue:#0b6fc4;--cyan:#19a7d8;--light:#f4f9fc;--text:#18344d;--green:#12b76a}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}
.header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 2px 12px #001b3214}.top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--navy);letter-spacing:1px}.logo-mark{font-size:36px;color:#087eb8;line-height:1}.logo-text{font-size:28px}.logo-text span{font-weight:400}.tag{display:block;font-size:9px;letter-spacing:3px;color:#55758d;margin-top:-4px}.actions{display:flex;align-items:center;gap:10px}.lang{font-weight:700;font-size:13px;color:#0b4b7b}.btn{border:0;border-radius:24px;padding:12px 20px;font-weight:700;cursor:pointer}.whatsapp{background:var(--green);color:#fff}.quote{background:var(--navy);color:#fff}.nav{display:flex;justify-content:center;gap:2px;border-top:1px solid #eef3f6}.nav-item{position:relative;padding:16px 13px;font-size:12px;font-weight:700;color:#16486e;white-space:nowrap}.nav-item:hover{background:#f3f8fb}.dropdown{display:none;position:absolute;top:100%;left:0;min-width:235px;background:#fff;box-shadow:0 12px 30px #002b4d25;border-radius:0 0 10px 10px;padding:10px}.nav-item:hover .dropdown{display:block}.dropdown a{display:block;padding:10px 12px;font-weight:500}.dropdown a:hover{background:#eef7fb;color:var(--blue)}
.hero{min-height:510px;background:linear-gradient(90deg,#07345fe8 0%,#07345f9a 35%,#07345f10 70%),url('../images/image_1.jpg') center/cover;display:flex;align-items:center}.hero-inner{width:92%;max-width:1250px;margin:auto;color:#fff}.eyebrow{letter-spacing:8px;font-size:14px}.hero h1{font-size:56px;line-height:1.05;max-width:610px;margin:18px 0}.hero p{font-size:19px;line-height:1.6;max-width:560px}.hero-buttons{display:flex;gap:14px;margin-top:28px}.hero .primary{background:#087de0;color:#fff}.hero .secondary{background:#ffffff18;border:1px solid #fff;color:#fff}
.services{padding:42px 4%;background:#fff}.grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{border:1px solid #dfeaf1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 8px 22px #0b4c6e0b;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0b4c6e18}.card-img{height:125px;background-size:cover;background-position:center}.card-body{padding:18px}.num{font-size:11px;color:#1788bf;font-weight:800}.card h3{font-size:17px;color:#06457b;margin:8px 0}.card p{font-size:12px;line-height:1.55;color:#557086;min-height:55px}.more{font-size:12px;color:#0b6fc4;font-weight:800}
.about{background:#eef6fa;padding:0 4%}.about-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:360px}.about-photo{background:url('../images/image_2.jpg') center/cover;min-height:360px}.about-copy{padding:55px}.kicker{font-size:12px;letter-spacing:3px;color:#0a72b3;font-weight:800}.about h2{font-size:36px;color:#084a7d;margin:12px 0}.about p{line-height:1.7;color:#506d80}.features{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.feature{font-size:12px;font-weight:700;color:#31566f}.feature strong{display:block;font-size:20px;color:#0b6fc4;margin-bottom:4px}
.cta{min-height:260px;background:linear-gradient(#052e55c9,#052e55c9),url('../images/image_3.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.cta h2{font-size:38px;margin:0 0 10px}.cta p{font-size:17px}.cta .btn{margin:12px 5px}.footer{background:#062947;color:#dbeaf5;padding:35px 4%;text-align:center;font-size:12px}.footer strong{font-size:22px;color:#fff}
@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}.nav{flex-wrap:wrap;justify-content:center;z-index:30}.hero h1{font-size:45px}.about-inner{grid-template-columns:1fr}.about-photo{min-height:260px}.about-copy{padding:40px 20px}}
@media(max-width:620px){.top{height:auto;padding:14px 5%;align-items:flex-start}.logo-text{font-size:21px}.logo-mark{font-size:28px}.actions .quote{display:none}.grid{grid-template-columns:1fr 1fr}.card-img{height:105px}.hero{min-height:570px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:flex-start}.about h2{font-size:30px}.cta h2{font-size:30px}}

.hero-slider{position:relative;min-height:560px;overflow:hidden;background:#07345f}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;background-position:center;background-size:cover;transition:opacity .8s ease,visibility .8s ease;display:flex;align-items:center}
.slide.active{opacity:1;visibility:visible;z-index:1}
.hero-slider .hero-inner{position:relative;z-index:2;width:92%;max-width:1250px;margin:auto;color:#fff}
.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:48px;height:64px;border:0;border-radius:8px;background:#062e55aa;color:#fff;font-size:42px;line-height:1;cursor:pointer;backdrop-filter:blur(4px)}
.slider-arrow:hover{background:#062e55dd}
.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.slider-dots{position:absolute;z-index:6;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px}
.dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:#ffffff55;padding:0;cursor:pointer}
.dot.active{background:#fff}
.hero-slider .hero-inner{padding-top:10px}
@media(max-width:620px){
  .hero-slider{min-height:590px}
  .slider-arrow{width:40px;height:52px;font-size:34px}
  .slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}
  .hero-slider .hero-inner{width:82%}
}

.floating-wa { position: fixed; bottom: 30px; right: 30px; background: #25d366; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 100; transition: transform 0.2s; }
.floating-wa:hover { transform: scale(1.1); }
.modal-overlay { position: fixed; inset: 0; background: rgba(0,25,48,0.7); z-index: 200; display: none; align-items: center; justify-content: center; backdrop-filter: blur(4px); }
.modal-content { background: #fff; width: 90%; max-width: 400px; padding: 30px; border-radius: 12px; position: relative; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.modal-close { position: absolute; top: 15px; right: 15px; background: transparent; border: none; font-size: 24px; cursor: pointer; color: #557086; }
.modal-content h3 { margin-top: 0; color: #06457b; font-size: 22px; }
.modal-content p { color: #557086; margin-bottom: 20px; }
.modal-select { width: 100%; padding: 12px; border: 1px solid #dfeaf1; border-radius: 8px; margin-bottom: 20px; font-size: 15px; font-family: inherit; }
.modal-submit { width: 100%; padding: 12px; background: #25d366; color: #fff; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; font-size: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.modal-submit:hover { background: #12b76a; }


.faq-section { max-width: 900px; margin: 0 auto 60px; padding: 0 4%; }
.faq-section h2 { color: #084a7d; font-size: 28px; margin-bottom: 20px; }
.faq-item { border-bottom: 1px solid #dfeaf1; padding: 15px 0; }
.faq-question { width: 100%; text-align: left; background: none; border: none; font-size: 18px; font-weight: bold; color: #16486e; cursor: pointer; display: flex; justify-content: space-between; align-items: center; padding: 0; }
.faq-question:after { content: '+'; font-size: 24px; color: #0b6fc4; transition: transform 0.3s; }
.faq-question.active:after { content: '−'; transform: rotate(180deg); }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; color: #557086; line-height: 1.6; padding-right: 20px; }
.faq-answer p { margin: 15px 0 0; }
.page-header{background:linear-gradient(90deg,#07345fe8 0%,#07345fcc 100%),url('../images/image_1.jpg') center/cover;padding:80px 4%;color:#fff;text-align:center}
.page-header h1{font-size:42px;margin:10px 0;line-height:1.2}
.kicker{font-size:12px;letter-spacing:3px;color:#6eb4e6;font-weight:800}
.content-section{padding:60px 4%;max-width:900px;margin:auto;min-height:40vh;line-height:1.7;font-size:17px;color:#334d61}
.content-section h2{color:#084a7d;font-size:28px;margin-top:0}