
:root{
--primary:#0B5FA5;--primary-dark:#084A82;--accent:#FF8A3D;--accent-dark:#E06A1F;--accent-light:#FFF1E6;
--neutral:#F4F7FA;--dark:#12263A;--text:#222831;--border:#DCE5EE;--white:#FFF}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65;color:var(--text);background:var(--white)}
h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;color:var(--primary);line-height:1.25}
p{margin:0 0 1rem}a{color:var(--primary)}a:hover{color:var(--primary-dark)}
header{background:var(--primary);color:var(--white);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;border-bottom:4px solid var(--accent)}
.logo-link{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none}
.logo{height:48px;width:auto;max-width:180px;object-fit:contain;background:var(--white);border-radius:6px;padding:4px}
.brand{font-size:1.4rem;font-weight:bold;color:var(--white)}
nav a{color:var(--white);text-decoration:none;margin-left:16px;font-weight:bold;padding:8px 10px;border-radius:5px}
nav a:hover{background:var(--primary-dark);color:var(--white)}
.hero{background:linear-gradient(rgba(11,95,165,.90),rgba(8,74,130,.90)),url('https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&w=1600&q=60') center/cover;color:var(--white);padding:84px 24px;text-align:center}
.hero h1{color:var(--white);font-size:2.3rem;margin:0 0 16px}
.hero p{max-width:850px;margin:0 auto 28px;font-size:1.12rem}
.btn{display:inline-block;background:var(--accent);color:var(--white);padding:13px 24px;border-radius:6px;text-decoration:none;font-weight:bold;border:2px solid var(--accent)}
.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}
.btn.secondary{background:var(--white);color:var(--primary);border-color:var(--white)}
.btn.secondary:hover{background:var(--accent-light);color:var(--primary-dark);border-color:var(--accent-light)}
.btn.small{padding:8px 16px;font-size:.9rem}
section{padding:56px 24px;max-width:1100px;margin:auto}
section.alt{background:var(--neutral);max-width:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
section.alt>div{max-width:1100px;margin:auto}
.badge{display:inline-block;background:var(--accent-light);color:var(--accent-dark);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:bold;margin-bottom:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{background:var(--white);border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:10px;padding:22px;box-shadow:0 2px 10px rgba(18,38,58,.06)}
.card h3{margin-top:0}
ul{padding-left:20px}li{margin-bottom:.35rem}
.download-box{background:var(--accent-light);border:2px dashed var(--accent);border-radius:12px;padding:28px;text-align:center}
.download-box h3{color:var(--accent-dark)}
footer{background:var(--dark);color:#C9D6E2;padding:32px 24px;text-align:center;border-top:4px solid var(--accent)}
footer a{color:var(--white)}footer .btn{margin-bottom:10px}
.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
@media(max-width:700px){header{justify-content:center;text-align:center}nav{margin-top:12px;width:100%;display:flex;flex-wrap:wrap;justify-content:center}nav a{margin:6px 8px}.hero h1{font-size:1.8rem}}
