*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0F3D4C;line-height:1.6}.wrap{width:min(1120px,92%);margin:auto}header{position:sticky;top:0;background:#fff;border-bottom:1px solid #DCE9EC;z-index:5}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;color:#0F3D4C;text-decoration:none;letter-spacing:.5px}.logo span{display:grid;place-items:center;width:40px;height:40px;background:#0F3D4C;color:white;border-radius:10px;font-size:12px}.nav nav{display:flex;gap:25px;margin-left:auto}.nav nav a{color:#2F5F6E;text-decoration:none}.button{display:inline-block;background:#0F3D4C;color:#fff;text-decoration:none;padding:13px 21px;border:1px solid #0F3D4C;border-radius:7px;font-weight:bold}.small{padding:9px 14px}.outline{background:transparent;color:#0F3D4C}.hero{background:linear-gradient(135deg,#EEF7F8,#DDF1F4);padding:95px 0}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.over{font-size:11px;font-weight:bold;letter-spacing:2px;color:#2E7D8A}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-3px;margin:14px 0 25px}.hero h1 em{font-style:normal;color:#1687A7}.lead{font-size:18px;color:#4D6E78;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}aside{background:#0F3D4C;color:#fff;padding:38px;border-radius:17px;box-shadow:0 25px 60px #0F3D4C24}aside h2{font-size:31px;line-height:1.15}aside p{color:#D7E8EB}.light{color:#8FD3E0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #376978;padding-top:20px;margin-top:25px}.steps b{font-size:12px;color:#8FD3E0}.steps small{display:block;color:#fff;font-size:13px;margin-top:4px}.section{padding:95px 0}.title{font-size:clamp(35px,4vw,52px);line-height:1.1;letter-spacing:-1.5px;max-width:760px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.cards article{border:1px solid #D6E8EB;border-radius:13px;padding:32px}.cards article>b{font-size:12px;color:#C9972E}.cards h3{font-size:24px;margin:24px 0 10px}.cards p,.body{color:#4E6F78}.muted{background:#EEF7F8}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px}.dark{background:#0F3D4C;color:white;padding:65px 0}.callout{display:flex;justify-content:space-between;align-items:center;gap:25px}.callout h2{font-size:42px;margin:0}.white{background:#fff;color:#0F3D4C;border-color:#fff}.contactbox{display:grid;border-top:1px solid #D3E5E8}.contactbox a{padding:17px 0;border-bottom:1px solid #D3E5E8;text-decoration:none;color:#0F3D4C;display:flex;justify-content:space-between;gap:20px}.contactbox span{color:#2E7D8A}footer{border-top:1px solid #DCE9EC;padding:30px 0}.foot{display:flex;justify-content:space-between}.foot a{color:#0F3D4C}@media(max-width:800px){.nav nav{display:none}.grid,.cards,.two{grid-template-columns:1fr;gap:30px}.hero{padding:65px 0}.section{padding:65px 0}.callout{align-items:flex-start;flex-direction:column}.contactbox a{display:block}.contactbox strong{display:block}.foot{gap:25px;flex-direction:column}}
body{background:#FCFEFF}
header{box-shadow:0 4px 18px rgba(15,61,76,.06)}
.hero{background:
radial-gradient(circle at 85% 18%, rgba(22,135,167,.16), transparent 30%),
linear-gradient(135deg,#F7FCFD 0%,#E4F5F7 55%,#D8EEF2 100%)}
.logo span{background:linear-gradient(135deg,#0F3D4C,#1687A7);box-shadow:0 6px 18px rgba(22,135,167,.25)}
.button{background:linear-gradient(135deg,#0F3D4C,#1687A7);border-color:#0F3D4C;box-shadow:0 8px 20px rgba(22,135,167,.18);transition:.2s ease}
.button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(22,135,167,.24)}
.button.outline{background:#fff;color:#0F3D4C;border-color:#7FC9D6}
aside{background:linear-gradient(160deg,#0F3D4C 0%,#14586A 55%,#1687A7 100%);box-shadow:0 28px 65px rgba(15,61,76,.22)}
.cards article{background:#fff;border-top:4px solid #1687A7;box-shadow:0 10px 28px rgba(15,61,76,.07);transition:.2s ease}
.cards article:nth-child(2){border-top-color:#C9972E}
.cards article:nth-child(3){border-top-color:#2E7D8A}
.cards article:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,61,76,.11)}
.muted{background:linear-gradient(180deg,#F4FBFC,#EAF6F8)}
.dark{background:linear-gradient(135deg,#0F3D4C 0%,#14586A 55%,#0B2F3A 100%)}
.white{background:#fff;color:#0F3D4C;border-color:#fff}
.contactbox a{background:#fff;padding-left:14px;padding-right:14px;border-radius:8px;margin-bottom:8px;box-shadow:0 6px 16px rgba(15,61,76,.05)}
.contactbox a:hover{background:#F0FAFB}
footer{background:#F5FAFB}
.over{color:#1687A7}
.cards article>b{color:#C9972E}

/* Extra interactivity and color */
.hero{position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(4px);opacity:.35;pointer-events:none}
.hero:before{width:240px;height:240px;background:#52C7D9;right:-60px;top:-40px}
.hero:after{width:180px;height:180px;background:#E7B04B;left:-50px;bottom:-70px}
.grid{position:relative;z-index:1}
nav a{position:relative}
nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:2px;background:#1687A7;transition:.25s}
nav a:hover:after{width:100%}
.service-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#E4F8FB,#D9EFF4);font-weight:bold;color:#0F3D4C}
.faq-section{background:linear-gradient(180deg,#FFFFFF,#F2FAFB)}
.faq{max-width:900px;margin-top:36px}
.faq-item{width:100%;border:0;background:#fff;border-radius:12px;padding:20px 22px;margin-top:12px;display:flex;justify-content:space-between;align-items:center;font:inherit;font-weight:700;color:#0F3D4C;box-shadow:0 10px 24px rgba(15,61,76,.08);cursor:pointer;text-align:left}
.faq-item b{font-size:24px;color:#1687A7;transition:.2s}
.faq-item.active b{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#F7FCFD;border-radius:0 0 12px 12px}
.faq-answer p{margin:0;padding:0 22px 20px;color:#4E6F78}
.faq-answer a{color:#1687A7;font-weight:bold}
.floating-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:20}
.float-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-weight:800;box-shadow:0 10px 26px rgba(15,61,76,.22);transition:.2s}
.float-btn:hover{transform:translateY(-3px) scale(1.03)}
.float-btn.whatsapp{background:#19A974;color:#fff}
.float-btn.mail{background:#1687A7;color:#fff}
.float-btn.top{background:#C9972E;color:#fff}
.cards article{position:relative;overflow:hidden}
.cards article:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(22,135,167,.08);right:-25px;top:-25px}
.contactbox strong{color:#0F3D4C}
@media(max-width:800px){.floating-actions{right:12px;bottom:12px}.float-btn{width:44px;height:44px}}

.address-line{font-size:17px;color:#4E6F78;margin:22px 0}
.map-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.map-btn{min-height:66px;display:flex;align-items:center;gap:12px;border-radius:13px;padding:11px 15px;text-decoration:none;font-weight:800;transition:.2s ease;box-shadow:0 8px 22px rgba(15,61,76,.10)}
.map-btn:hover{transform:translateY(-2px)}
.map-btn small{display:block;font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.75}
.map-btn.google{background:linear-gradient(135deg,#E8F5FF,#E8FFF6);color:#0F3D4C;border:1px solid #B9E3E8}
.map-btn.waze{background:linear-gradient(135deg,#DFF8FF,#E6F2FF);color:#0F3D4C;border:1px solid #B8DEE8}
.map-icon{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 4px 12px rgba(15,61,76,.10)}
.location-card{background:linear-gradient(135deg,#0F3D4C,#1687A7);color:white;border-radius:15px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;box-shadow:0 15px 34px rgba(15,61,76,.18)}
.location-card .pin{width:42px;height:42px;border-radius:50%;background:#fff;color:#C9972E;display:grid;place-items:center;font-size:24px}
.location-card span{display:block;color:#D9EDF1;font-size:14px}
.location-card a{color:white;text-decoration:none;font-weight:800}
@media(max-width:800px){.map-actions{grid-template-columns:1fr}.location-card{grid-template-columns:auto 1fr}.location-card a{grid-column:1/-1;padding-left:55px}}

.float-btn.location{
  background:linear-gradient(135deg,#C9972E,#E7B04B);
  color:#fff;
  font-size:24px;
  border:2px solid rgba(255,255,255,.75);
}
.float-btn.location:hover{
  box-shadow:0 14px 30px rgba(201,151,46,.35);
}