.skip-link{position: absolute;top: -60px;inset-inline-start: 16px;z-index: 5000;background: var(--gold);color: var(--navy);font-weight: 800;padding: 10px 18px;border-radius: 10px;transition: top .2s}.skip-link:focus{top: 12px}:focus-visible{outline: 3px solid var(--gold);outline-offset: 3px;border-radius: 6px}.btn:focus-visible{outline-offset: 4px}.mobile-bar{display: none}@media (max-width: 992px){.mobile-bar{display: grid;grid-template-columns: repeat(4,1fr);position: fixed;bottom: 0;inset-inline: 0;z-index: 995;background: var(--navy-dark);border-top: 1px solid rgba(255,255,255,.12);padding-bottom: env(safe-area-inset-bottom);box-shadow: 0 -8px 24px rgba(0,0,0,.25)}.mobile-bar a,.mobile-bar button{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 9px 4px 8px;color: var(--on-dark);font-size: 11.5px;font-weight: 700;background: none;border: none;cursor: pointer;font-family: inherit;position: relative}.mobile-bar i{font-size: 19px;color: var(--gold)}.mobile-bar .wa i{color: var(--whatsapp)}.mobile-bar .primary{color: var(--navy);background: var(--gold)}.mobile-bar .primary i{color: var(--navy)}body{padding-bottom: calc(62px + env(safe-area-inset-bottom))}.back-top{bottom: calc(76px + env(safe-area-inset-bottom))}.hero{min-height: 0}.nav{max-height: calc(100vh - var(--header-h));overflow-y: auto}.nav a{font-size: 16px;padding: 14px 4px}.nav-backdrop{position: fixed;inset: 0;top: var(--header-h);background: rgba(1,23,32,.55);z-index: 900;opacity: 0;visibility: hidden;transition: .3s}.nav-backdrop.show{opacity: 1;visibility: visible}.contact-info{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}}@media (max-width: 640px){.hero,html[dir="ltr"] .hero{background: linear-gradient(rgba(1,28,41,.9),rgba(1,40,58,.78)),url('../images/photos/port-containers.jpg') center/cover no-repeat}.hero-btns{gap: 12px}.hero-btns .btn{flex: 1 1 calc(50% - 6px);padding: 12px 10px;font-size: 14px}.hero-btns .link-underline{flex-basis: 100%;justify-content: center}.hero-badges{display: grid;grid-template-columns: 1fr 1fr;gap: 10px 14px;margin-top: 26px}.hero-badges div{font-size: 13px}.section-head{margin-bottom: 30px}.section-head p{font-size: 15px}.contact-info{grid-template-columns: 1fr}.footer{padding-top: 44px}.footer-grid{grid-template-columns: 1fr 1fr;gap: 30px 20px}.footer-grid > .footer-about,.footer-grid > div:last-child{grid-column: 1 / -1}.footer-about{text-align: center}.footer-about .logo{justify-content: center}.footer-about .socials{justify-content: center}.modal{padding: 10px;align-items: flex-end}.modal-box{padding: 24px 18px;border-radius: 18px 18px 12px 12px;max-height: 92vh}.tr-head{padding-block: 18px}.tr-id strong{font-size: 18px}}@media (max-width: 420px){.services-grid{grid-template-columns: 1fr 1fr;gap: 10px}.service-img{height: 96px}.service-icon{width: 44px;height: 44px;font-size: 17px;margin-top: -22px}.service-body{padding: 8px 8px 14px}.service-body h3{font-size: 14.5px}.service-body p{font-size: 12px;line-height: 1.6}.more{font-size: 13px}.hero h1,html[lang="en"] .hero h1{font-size: 26px}.section-head h2{font-size: 22px}.stat strong{font-size: 22px}}@media (max-width: 340px){.services-grid{grid-template-columns: 1fr}.service-img{height: 140px}}
