body{background:#f5f5f5;font-family: Manrope, sans-serif;}
.page{background:#fff;}
.hero{background:#003b95;min-height:380px;position:relative;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 0 10px 0;}
.logo{font-size:22px;font-weight:800;color:#ffffff;letter-spacing:-.3px;}
.top-actions{display:flex;align-items:center;gap:14px;color:#ffffff;}
.host-link{font-size:16px;font-weight:500;color:#ffffff;opacity:.98;}
.main-nav{display:flex;align-items:center;gap:12px;padding-top:4px;}
.nav-pill{height:46px;padding:0 16px;border-radius:999px;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;border:1px solid transparent;}
.nav-pill.active{border-color:#ffffff;background:rgba(255,255,255,.1);}
.nav-pill:hover{border-color:#ffffff;background:rgba(255,255,255,.18);}
.nav-pill:focus-visible{border-color:#ffffff;background:rgba(255,255,255,.18);outline:none;}
.nav-pill.active:hover{background:rgba(255,255,255,.16);}
.hero-content{padding-top:80px;padding-bottom:96px;}
.hero-title{font-size:48px;line-height:1.1;font-weight:700;color:#ffffff;letter-spacing:-1px;max-width:780px;}
.hero-subtitle{margin-top:12px;font-size:24px;line-height:1.3;font-weight:400;color:#ffffff;max-width:800px;}
.search-wrap{position:absolute;left:0;right:0;bottom:-28px;}
.content{padding-top:92px;padding-bottom:44px;background:#f5f5f5;}
@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:14px;}}
@media (max-width:768px){.top-actions{flex-wrap:wrap;}}
@media (max-width:768px){.main-nav{flex-wrap:wrap;}}
@media (max-width:768px){.hero{min-height:auto;padding-bottom:120px;}}
@media (max-width:768px){.hero-content{padding-top:64px;padding-bottom:64px;}}
@media (max-width:768px){.hero-title{font-size:27px;}}
@media (max-width:768px){.hero-subtitle{font-size:17px;}}
@media (max-width:768px){.nav-pill{font-size:14px;font-weight:400;height:36px;padding:0 8px;}}
@media (max-width:768px){.search-wrap{bottom:-100px;}}