*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#243849;background:#f5f8fa}header{background:white;box-shadow:0 2px 12px #00263b1a}.head{max-width:1200px;margin:auto;display:flex;align-items:center;gap:20px;padding:12px 24px}.logo{width:160px;height:160px;object-fit:contain}.brand{font-size:28px;font-weight:800;color:#06365a}.tag{font-size:14px;color:#517080}nav{display:flex;gap:15px;overflow:auto;padding:14px 24px;background:#073a5a;white-space:nowrap}nav a{color:white;text-decoration:none;font-size:13px}.hero{background:linear-gradient(120deg,#073a5a,#11617a);color:white;padding:60px 24px;text-align:center}.hero h1{font-size:clamp(30px,5vw,52px);margin:0 auto 14px;max-width:850px}.hero p{font-size:19px}main{max-width:1140px;margin:auto}section{background:white;border-radius:14px;margin:26px 16px;padding:35px;box-shadow:0 3px 18px #00263b10}h2{color:#06365a;font-size:31px;margin:0 0 8px}h3{color:#11617a;margin-bottom:5px}.sub{color:#44738a;font-size:18px;margin-bottom:22px}.copy{line-height:1.7;font-size:16px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}figure{margin:0;background:#edf3f5;border-radius:12px;overflow:hidden}figure img{width:100%;height:245px;object-fit:cover;display:block}figcaption{padding:10px 14px;color:#365c70;font-size:13px}.cta{background:#e5f6fa;padding:17px;border-radius:10px;margin-top:20px;font-weight:bold;color:#06365a}footer{background:#06365a;color:white;text-align:center;padding:40px 15px}@media(max-width:600px){.logo{width:115px;height:115px}.brand{font-size:21px}.head{padding:8px 15px}section{padding:22px;margin:15px 10px}figure img{height:220px}}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}

/* Multi-page refinements */
nav{justify-content:center;flex-wrap:wrap;gap:6px 30px;overflow:visible;white-space:normal;padding:14px 24px;text-align:center}
nav a{font-size:14px;padding:5px 0;border-bottom:2px solid transparent;transition:border-color .2s}
nav a:hover,nav a:focus-visible{border-bottom-color:#ffffff99}
nav a[aria-current="page"]{font-weight:700;border-bottom-color:white}
.hero{padding:30px 24px}
.hero h1{font-size:clamp(20px,2.6vw,26px);line-height:1.2;margin:0 auto 8px}
.hero p{font-size:15px;margin:4px 0}
@media(max-width:600px){nav{gap:4px 18px;padding:12px 15px}nav a{font-size:13px}.hero{padding:28px 18px}}

/* Empty image slots */
figure.slot{background:#edf3f5;border:2px dashed #b8cfd8}
figure.slot .ph{height:245px;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#517080;font-size:14px}
@media(max-width:600px){figure.slot .ph{height:220px}}

/* Lists inside page copy */
.copy ul{margin:8px 0 18px;padding-left:22px}.copy li{margin-bottom:10px}

/* Contact section */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;align-items:start;margin-top:8px}
.contact-info p{line-height:1.7;margin:0 0 20px}
.info-card{background:#edf3f5;border-left:4px solid #11617a;border-radius:10px;padding:14px 18px;margin-bottom:12px}
.info-card span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#517080;margin-bottom:2px}
.info-card b{color:#06365a;font-size:16px}
.contact-form{background:#f5f8fa;border:1px solid #dbe6ec;border-radius:14px;padding:26px}
.contact-form label{display:block;font-size:13px;font-weight:bold;color:#06365a;margin-bottom:16px}
.contact-form .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;font:inherit;font-weight:normal;font-size:15px;color:#243849;background:white;border:1px solid #c5d6de;border-radius:10px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:#11617a;box-shadow:0 0 0 3px #11617a26}
.contact-form button{width:100%;padding:14px;font:inherit;font-weight:bold;color:white;background:#073a5a;border:0;border-radius:10px;cursor:pointer;transition:background .2s}
.contact-form button:hover{background:#11617a}
.contact-form .hp{position:absolute;left:-9999px}

/* Header, menu and banner polish */
header{box-shadow:0 2px 14px #00263b24}
.head{justify-content:flex-start;padding:14px 28px}
.logo{width:110px;height:110px}
.brand{font-size:30px;letter-spacing:.04em}
.tag{font-size:14px;margin-top:2px}
.badge{margin-left:auto;text-align:right;padding:12px 18px;background:#fdecec;border-left:4px solid #c62828;border-radius:10px;color:#8b1010}
.badge b{display:block;font-size:15px}
.badge span{display:block;font-size:13px;color:#a33a3a;margin-top:2px}
nav{gap:8px;padding:12px 24px;box-shadow:inset 0 1px 0 #ffffff1f}
nav a{font-size:13.5px;padding:8px 15px;border:0;border-radius:999px;transition:background .2s,color .2s}
nav a:hover,nav a:focus-visible{background:#ffffff26}
nav a[aria-current="page"]{background:white;color:#06365a;font-weight:700}
.hero{padding:40px 24px 38px}
.hero h1{font-size:clamp(22px,3vw,30px);letter-spacing:.01em}
.hero h1::after{content:"";display:block;width:56px;height:3px;background:#7fd0e0;border-radius:2px;margin:14px auto 0}
.hero p{font-size:16px;opacity:.94;max-width:760px;margin:6px auto}
@media(max-width:700px){.badge{display:none}.head{padding:10px 16px}.logo{width:84px;height:84px}.brand{font-size:21px}nav{gap:6px;padding:10px 12px}nav a{font-size:12.5px;padding:7px 12px}.hero{padding:30px 18px 28px}.hero h1{font-size:22px}}

/* Added polish: same palette and layout, richer details */
::selection{background:#11617a;color:white}
.hero{position:relative;padding-bottom:62px;background:radial-gradient(circle at 82% 18%,#ffffff1f,transparent 42%),radial-gradient(circle at 12% 90%,#7fd0e01f,transparent 40%),linear-gradient(120deg,#073a5a,#11617a)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23f5f8fa' d='M0 30c240 40 480 40 720 20s480-40 720-10v20H0z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.btn{display:inline-block;margin-top:18px;padding:12px 28px;background:white;color:#06365a;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;box-shadow:0 6px 18px #00263b40;transition:transform .2s,background .2s}
.btn:hover,.btn:focus-visible{background:#e5f6fa;transform:translateY(-2px)}
section{border-top:4px solid #11617a;box-shadow:0 6px 24px #00263b14;animation:rise .6s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
h2::after{content:"";display:block;width:52px;height:3px;background:#7fd0e0;border-radius:2px;margin-top:10px}
.sub{margin-top:14px}
.copy h3{border-left:4px solid #7fd0e0;padding-left:12px;margin:26px 0 6px}
.copy>p:first-child{margin-top:0}
figure{background:white;box-shadow:0 4px 16px #00263b1c;transition:transform .25s,box-shadow .25s}
figure:hover{transform:translateY(-4px);box-shadow:0 10px 26px #00263b2e}
figure img{transition:transform .5s}
figure:hover img{transform:scale(1.05)}
figcaption{background:white;font-weight:600;border-top:1px solid #e1ebef}
.cta{background:linear-gradient(120deg,#e5f6fa,#d3eef4);border-left:5px solid #11617a;font-size:17px;padding:20px 22px}
footer{background:linear-gradient(135deg,#06365a,#073a5a);border-top:4px solid #7fd0e0;padding:48px 15px}
footer b{font-size:20px;letter-spacing:.08em}
footer p{opacity:.88;margin:8px 0 0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fd0e0;outline-offset:2px}
@media(max-width:700px){.hero{padding-bottom:50px}.btn{padding:11px 24px}}
@media(prefers-reduced-motion:reduce){section{animation:none}figure,figure img,.btn{transition:none}figure:hover,figure:hover img{transform:none}}

/* Sticky header: white title bar and blue menu stay pinned to the top together while the page scrolls */
header{position:sticky;top:0;z-index:100}
.head{max-width:none;padding-inline:max(28px,calc((100% - 1144px)/2));background:white}
section[id]{scroll-margin-top:220px}
@media(max-width:700px){.head{padding-inline:16px}nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav a{flex:none}section[id]{scroll-margin-top:170px}}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px}
.hero-actions .btn{margin-top:0}
.btn-call{display:inline-flex;align-items:center;gap:8px;background:#7fd0e0;color:#06365a}
.btn-call:hover,.btn-call:focus-visible{background:#a6e1ec}
.info-card a{color:inherit;text-decoration:none}
@media(max-width:480px){.hero-actions .btn{width:100%;max-width:320px;justify-content:center}}
.badge-actions{display:flex;gap:10px}
.badge-call{display:inline-block;padding:9px 22px;min-width:120px;box-sizing:border-box;text-align:center;background:#073a5a;color:white;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 4px 12px #073a5a3d;transition:background .2s,transform .2s}
.badge-call:hover,.badge-call:focus-visible{background:#11617a;transform:translateY(-1px)}
.badge-wrap{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.badge-wrap .badge{margin-left:0}
.badge-contact{display:inline-block;padding:9px 22px;min-width:120px;box-sizing:border-box;text-align:center;background:#073a5a;color:white;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 4px 12px #073a5a3d;transition:background .2s,transform .2s}
.badge-contact:hover,.badge-contact:focus-visible{background:#11617a;transform:translateY(-1px)}
@media(max-width:700px){.badge-wrap{display:none}}
@media(prefers-reduced-motion:reduce){.badge-contact,.badge-call{transition:none}.badge-contact:hover,.badge-call:hover{transform:none}}