:root{--navy:#063b78;--blue:#087cc1;--cyan:#1cb9ee;--ink:#14253a;--muted:#62748a;--pale:#f3f8fc;--line:#dce7f0;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 Inter,Arial,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1140px,92%);margin:auto}
.topbar{background:#052d5b;color:#dcecf9;font-size:.82rem}
.topbar .container{display:flex;justify-content:space-between;padding:7px 0}
.topbar span+span{margin-left:18px}
.nav{position:sticky;z-index:20;top:0;background:#fff;box-shadow:0 2px 16px #063b7812}
.navin{height:78px;display:flex;align-items:center;gap:30px}
.logo{width:205px}
.links{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:.89rem;font-weight:700;color:#29445e}
.links a{padding:26px 0;border-bottom:3px solid transparent}
.links a:hover,.links a.active{color:var(--blue);border-color:var(--cyan)}
.language{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 10px;font-weight:700;color:var(--navy);cursor:pointer}
.menu{display:none;background:none;border:0;font-size:1.45rem;color:var(--navy)}
.hero{min-height:590px;display:grid;align-items:center;color:#fff;background:radial-gradient(circle at 82% 20%,#1bb8ee55 0 18%,transparent 19%),linear-gradient(115deg,#042c5f,#087cc1)}
.hero .eyebrow,.eyebrow{display:inline-flex;letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:800;color:var(--cyan);align-items:center;gap:8px}
.hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.03;max-width:850px;margin:15px 0}
.hero p{max-width:590px;font-size:1.12rem;color:#e5f3ff}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--cyan);color:#062e5c;padding:13px 22px;border-radius:4px;font-weight:800;margin:15px 9px 0 0;transition:.2s}
.btn:hover{transform:translateY(-2px);background:#6bd7f5}
.btn.outline{background:transparent;border:1px solid #fff;color:#fff}
.section{padding:88px 0}
.pale{background:var(--pale)}
h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;color:var(--navy);margin:10px 0 16px}
.lead{color:var(--muted);font-size:1.08rem;max-width:680px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.image-frame{position:relative}
.image-frame img{height:400px;width:100%;object-fit:cover}
.badge{position:absolute;bottom:-25px;left:-25px;background:var(--cyan);color:#053664;padding:24px;font-size:1.8rem;font-weight:800;line-height:1.1}
.badge small{display:block;font-size:.76rem;text-transform:uppercase;letter-spacing:1px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}
.stat{padding:36px;text-align:center;border-right:1px solid #ffffff2e}
.stat b{display:block;font-size:2.3rem;color:var(--cyan)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}
.card{background:#fff;padding:28px;border:1px solid var(--line);transition:.2s}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #063b7818}
.icon{width:48px;height:48px;display:grid;place-items:center;background:#e0f6fd;color:var(--blue);font-size:1.55rem;border-radius:50%}
.card h3{color:var(--navy);margin:16px 0 7px}
.card p{color:var(--muted);margin:0}
.cta{background:linear-gradient(110deg,#073b78,#096cb1);color:#fff;padding:68px 0}
.cta h2{color:#fff;max-width:680px}
.pagehead{padding:95px 0 65px;background:radial-gradient(circle at 78% 30%,#1bb8ee55 0 13%,transparent 14%),linear-gradient(110deg,#052e60,#087cc1);color:#fff}
.pagehead h1{font-size:3.5rem;margin:8px 0}
.pagehead p{max-width:650px;color:#e4f4fd}
.feature-list{padding:0;list-style:none}
.feature-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.feature-list li:before{content:'✓';color:var(--blue);font-weight:bold;margin-right:12px}
.timeline{border-left:2px solid var(--cyan);margin:32px 0;padding-left:28px}
.timeline div{position:relative;margin:0 0 28px}
.timeline div:before{content:'';position:absolute;width:12px;height:12px;background:var(--blue);border-radius:50%;left:-35px;top:7px}
.timeline b{color:var(--blue)}
.service{display:grid;grid-template-columns:70px 1fr;gap:18px}
.partner-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:38px 0}
.partner{background:#fff;text-align:center;border:1px solid var(--line);padding:22px 10px}
.flag{font-size:3rem}
.partner h3{margin:6px 0;color:var(--navy)}
.map{margin-top:34px;background:radial-gradient(circle at 48% 35%,#2f9ed1 0 3px,transparent 4px),radial-gradient(circle at 55% 38%,#2f9ed1 0 3px,transparent 4px),linear-gradient(135deg,#e4f2f7,#c6e3ec);min-height:300px;position:relative;overflow:hidden;display:grid;place-items:center;color:var(--navy);font-weight:800}
.map:before{content:'';position:absolute;inset:15% 22%;border:2px dashed #087cc188;border-radius:50% 40% 50% 35%;transform:rotate(-10deg)}
.map span{background:#ffffffdd;padding:8px 14px;z-index:1}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery figure{margin:0;position:relative;overflow:hidden;background:#063b78}
.gallery img{width:100%;height:245px;object-fit:cover}
.gallery figure:first-child{grid-row:span 2}
.gallery figure:first-child img{height:506px}
.gallery figcaption{position:absolute;inset:auto 0 0;padding:13px 14px;background:linear-gradient(transparent,#052d5be8);color:#fff;font-size:.84rem;font-weight:700;width:100%}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}
.video{min-height:260px;display:flex;align-items:end;padding:24px;background:linear-gradient(135deg,#052e60,#087cc1);color:#fff}
.video:nth-child(2){background:linear-gradient(135deg,#087cc1,#052e60)}
.play{border:0;border-radius:50%;width:49px;height:49px;background:var(--cyan);color:var(--navy);font-size:1.1rem;cursor:pointer;margin-right:14px}
.contact{display:grid;grid-template-columns:1.1fr .9fr;gap:55px}
.form{display:grid;gap:14px}
.form input,.form textarea{padding:13px;border:1px solid var(--line);font:inherit;width:100%}
.form textarea{min-height:120px}
.form button{border:0;justify-self:start}
.contact-card{padding:27px;background:var(--pale)}
.contact-card p{border-bottom:1px solid var(--line);padding-bottom:14px}
.mapplaceholder{min-height:230px;background:#d6e7ed;display:grid;place-items:center;text-align:center;color:var(--navy);margin-top:18px}
.mapplaceholder iframe{width:100%;height:230px;border:0;display:block}
.map-link{display:inline-block;margin-top:10px;color:var(--blue);font-weight:800}
.footer{background:#052d5b;color:#ceddea;padding:42px 0 18px}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer .logo{filter:brightness(0) invert(1);margin-bottom:13px}
.footer h4{color:#fff}
.footer a{display:block;margin:6px 0}
.copyright{border-top:1px solid #ffffff2e;margin-top:26px;padding-top:15px;font-size:.82rem}
.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;font-size:1.5rem;box-shadow:0 6px 20px #0004;z-index:22}
@media(max-width:800px){.topbar .container{justify-content:center}
.topbar span:nth-child(2){display:none}
.menu{display:block;margin-left:auto}
.links{display:none;position:absolute;left:0;right:0;top:78px;background:#fff;padding:10px 4%;flex-direction:column;align-items:start;gap:0;box-shadow:0 10px 18px #0002}
.links.open{display:flex}
.links a{padding:10px 0;border:0}
.language{order:-1}
.hero{min-height:520px}
.split,.contact{grid-template-columns:1fr;gap:35px}
.stats{grid-template-columns:1fr 1fr}
.stat{padding:22px}
.cards{grid-template-columns:1fr}
.partner-grid{grid-template-columns:repeat(2,1fr)}
.gallery{grid-template-columns:1fr 1fr}
.gallery figure:first-child{grid-column:span 2;grid-row:auto}
.gallery figure:first-child img{height:310px}
.video-grid,.footgrid{grid-template-columns:1fr}
.pagehead h1{font-size:2.6rem}
.section{padding:60px 0}
.badge{left:0}
.navin{height:68px}
.links{top:68px}
.logo{width:175px}
}
@media(max-width:440px){.stats{grid-template-columns:1fr}
.gallery{grid-template-columns:1fr}
.gallery figure:first-child{grid-column:auto}
.gallery img{height:250px}
.topbar{font-size:.7rem}
}