@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body { font-family: Manrope, Arial, sans-serif; }
.topbar { background: linear-gradient(90deg, #062f5c, #073b75); }
.topbar-right a { display: inline-flex; align-items: center; gap: 6px; color: #fff; font-weight: 700; }
.nav { position: sticky; top: 0; height: 72px; border-bottom-color: #dce7ef; box-shadow: 0 8px 24px rgba(8, 51, 98, .07); }
.nav::before { position: absolute; top: 0; right: 0; left: 0; height: 3px; background: linear-gradient(90deg, #ff6517, #ff9c42 36%, #135ca5 78%); content: ''; }
.nav-inner { gap: 32px; }
.brand-name { font-size: 29px; }
.menu { gap: clamp(16px, 2vw, 28px); font-size: 12px; font-weight: 700; }
.menu a { color: #385066; }
.menu a::after { position: absolute; right: 0; bottom: 0; left: 0; width: auto; height: 3px; border-radius: 99px 99px 0 0; background: #ff6517; content: ''; opacity: 0; transform: scaleX(.25); transition: opacity .2s ease, transform .2s ease; }
.menu a:hover, .menu a.active { color: #073b75; }
.menu a:hover::after, .menu a.active::after { opacity: 1; transform: scaleX(1); }
.btn { border-radius: 8px; font-weight: 800; }
.btn-orange:hover { box-shadow: 0 9px 18px rgba(220, 82, 17, .22); transform: translateY(-2px); }
@media (max-width: 1050px) { .hero { height: 500px; } .hero-bg { background-size: cover, auto 88%; background-position: center, right center; } .hero-copy { width: 68%; } }
@media (max-width: 860px) { .topbar { display: flex; height: 32px; } .topbar-inner > div:first-child { display: none; } .topbar-inner { justify-content: center; } .topbar-right { gap: 0; } .nav { height: auto; } .nav-inner { gap: 20px; } .menu { padding-top: 2px; } .hero { height: 550px; } .hero-copy { width: 88%; } }
@media (max-width: 620px) { .hero { height: 640px; } .hero-bg { background-size: cover, auto 78%; background-position: center, 62% center; } .hero-copy { width: 100%; } .hero h1 { font-size: clamp(34px, 10vw, 42px); } .hero-sub { max-width: 34rem; } }
@media (max-width: 620px) { .nav-inner { gap: 12px; } .brand-tag { font-size: 10px; } .menu { font-size: 11px; } }