:root{--navy:#10294b;--blue:#0d72bd;--top:#12558a;--pale:#edf7ff;--text:#5d7189;--line:#d6e2ee}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:white}
.topbar{background:var(--top);color:#fff;font-weight:700}.topbar .wrap{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.wrap{max-width:1400px;margin:auto;padding-left:28px;padding-right:28px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
nav{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;text-decoration:none;color:var(--navy)}
.logo{width:310px;height:135px;object-fit:contain;display:block}
.navlinks{display:flex;align-items:center;gap:38px;font-weight:700}
.navlinks a{color:var(--navy);text-decoration:none}.lang{border:1px solid #cad9e7;border-radius:28px;padding:14px 25px}
.hero{background:var(--pale);padding:88px 0 70px}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:70px;align-items:center}
.kicker{font-size:19px;letter-spacing:3px;color:#0872bd;font-weight:800;margin-bottom:32px}
.hero h1{font-size:76px;line-height:1.13;margin:0 0 28px;font-weight:800;letter-spacing:-2px}.hero h1 a{color:inherit;text-decoration:none}
.hero p{font-size:25px;line-height:1.55;color:var(--text);max-width:870px;margin:0 0 34px}
.btns{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-block;border-radius:34px;padding:18px 31px;text-decoration:none;font-size:18px;font-weight:800;border:2px solid var(--blue)}
.btn.primary{background:var(--blue);color:white}.btn.outline{color:var(--blue);background:transparent}
.badges{display:flex;gap:14px;margin-top:35px;flex-wrap:wrap}.badge{background:#fff;border:1px solid #d6e2ee;border-radius:28px;padding:12px 22px;font-size:17px;font-weight:800}
.card{background:#fff;border:1px solid #d2dfeb;border-radius:30px;padding:48px 42px;text-align:center;box-shadow:0 8px 30px rgba(16,41,75,.04)}
.card-logo{width:100%;max-width:470px;height:245px;object-fit:contain;margin:0 auto 18px;display:block}.card h2{font-size:28px;margin:8px 0 16px}.card p{font-size:19px;line-height:1.6;margin:auto;max-width:340px}
section.content{padding:80px 0}.content h2{font-size:42px;margin:0 0 20px}.content p{font-size:19px;line-height:1.7;color:var(--text)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.service{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff}.service h3{font-size:25px;margin-top:0}.service a{color:var(--blue);font-weight:800;text-decoration:none}
footer{background:var(--navy);color:#fff;padding:52px 0;text-align:center}.footer-logo{width:330px;max-height:170px;object-fit:contain;background:#fff;border-radius:16px;padding:8px;margin-bottom:18px}
footer a{color:white}.share{margin-top:28px}
@media(max-width:900px){.topbar .wrap{flex-direction:column;padding:10px 18px}.navlinks{display:none}nav{min-height:88px}.logo{width:310px;height:135px;object-fit:contain;display:block}.hero{padding:55px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:50px}.hero p{font-size:20px}.services{grid-template-columns:1fr}.card{padding:30px}.wrap{padding-left:20px;padding-right:20px}}