:root {  --accent-color: #ff6b35;  --secondary-accent-color: #f7931e;  --light-grey-color: #b0b0b0;}* {  margin: 0;  padding: 0;  box-sizing: border-box;}html {  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  text-rendering: optimizeLegibility;}body {  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;  line-height: 1.6;  color: #ffffff;  background: #0a0a0a;  overflow-x: hidden;  -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%;}.preloader {  position: sticky;  align-content: center;  text-align: center;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  z-index: 2000;  background-color: rgba(10, 10, 10, 1.0);}.preloader-logo {  animation: platform-bob 3s ease-in-out infinite;  transform-origin: center bottom;}@keyframes platform-bob {  0%,  100% {    transform: translateY(0) rotate(0deg);  }  50% {    transform: translateY(-3px) rotate(1.5deg);  }}.lds-ellipsis,.lds-ellipsis div {  box-sizing: border-box;}.lds-ellipsis {  display: inline-block;  position: relative;  width: 80px;  height: 80px;}.lds-ellipsis div {  position: absolute;  top: 33.33333px;  width: 13.33333px;  height: 13.33333px;  border-radius: 50%;  background: #DCDCDCDC;  animation-timing-function: cubic-bezier(0, 1, 1, 0);}.lds-ellipsis div:nth-child(1) {  left: 8px;  animation: lds-ellipsis1 0.6s infinite;}.lds-ellipsis div:nth-child(2) {  left: 8px;  animation: lds-ellipsis2 0.6s infinite;}.lds-ellipsis div:nth-child(3) {  left: 32px;  animation: lds-ellipsis2 0.6s infinite;}.lds-ellipsis div:nth-child(4) {  left: 56px;  animation: lds-ellipsis3 0.6s infinite;}@keyframes lds-ellipsis1 {  0% {    transform: scale(0);  }  100% {    transform: scale(1);  }}@keyframes lds-ellipsis3 {  0% {    transform: scale(1);  }  100% {    transform: scale(0);  }}@keyframes lds-ellipsis2 {  0% {    transform: translate(0, 0);  }  100% {    transform: translate(24px, 0);  }}.header {  position: fixed;  top: 0;  width: 100%;  background: rgba(10, 10, 10, 0.95);  backdrop-filter: blur(20px);  -webkit-backdrop-filter: blur(20px);  z-index: 1000;  transition: all 0.3s ease;}.nav {  display: flex;  justify-content: space-between;  align-items: center;  max-width: 1400px;  margin: 0 auto;  padding: 1rem 2rem;}.logo {  font-size: 1.8rem;  font-weight: 700;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  letter-spacing: -0.5px;  display: flex;  justify-content: center;  align-items: center;  cursor: pointer;}.logo-img {  width: 35px;  height: 35px;  margin-right: 1rem;}.menu-icon {  --icon-color: var(--light-grey-color);  --icon-size: 24px;  display: inline-block;  cursor: pointer;}.menu-icon svg {  width: var(--icon-size);  height: var(--icon-size);  fill: none;  stroke: var(--icon-color);  stroke-linecap: round;  stroke-linejoin: round;  stroke-width: 1.8;  transition: all 0.3s ease;}.nav-links {  display: flex;  list-style: none;  gap: 2rem;}.nav-links a {  color: #ffffff;  text-decoration: none;  font-weight: 500;  transition: all 0.3s ease;  position: relative;  letter-spacing: 0.3px;}.nav-links a:hover {  color: var(--accent-color);  transform: translateY(-2px);}.nav-links a::after {  content: '';  position: absolute;  bottom: -5px;  left: 0;  width: 0;  height: 2px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transition: width 0.3s ease;}.nav-links a:hover::after {  width: 100%;}.mobile-menu-btn {  display: none;  background: rgba(255, 255, 255, 0.05);  border-radius: 5px;  padding: 1rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  text-decoration: none;  color: var(--light-grey-color);}.mobile-menu {  position: fixed;  display: none;  transform: translateY(-200%);  transition: transform 0.3s ease;  width: 100%;  background: radial-gradient(circle at 30% 40%, rgba(255, 107, 53, 0.1) 0%, transparent 50%),    radial-gradient(circle at 70% 80%, rgba(247, 147, 30, 0.1) 0%, transparent 50%),    linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  padding: 1.6rem;  max-height: 80vh;  overflow-y: auto;  overflow-x: hidden;    -webkit-overflow-scrolling: touch;    scrollbar-width: thin;  scrollbar-color: var(--accent-color) transparent;}.mobile-menu::-webkit-scrollbar {  width: 4px;}.mobile-menu::-webkit-scrollbar-track {  background: transparent;}.mobile-menu::-webkit-scrollbar-thumb {  background: var(--accent-color);  border-radius: 2px;}.mobile-menu::-webkit-scrollbar-thumb:hover {  background: #ff8c42;}.mobile-menu.active {  transform: translateY(0);}.mobile-nav-links li {  text-decoration: none;  width: 100%;}.mobile-nav-links li::marker {  content: '';  text-decoration: none;}.mobile-nav-links a {  color: white;  text-decoration: none;  font-weight: 500;  transition: all 0.3s ease;  position: relative;  padding-top: 1rem;  padding-bottom: 1rem;  display: block;  border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.hero {  height: 100vh;  display: flex;  align-items: center;  position: relative;  background: radial-gradient(circle at 30% 40%, rgba(255, 107, 53, 0.15) 0%, transparent 50%),    radial-gradient(circle at 70% 80%, rgba(247, 147, 30, 0.15) 0%, transparent 50%),    linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  overflow: hidden;}.bg-shapes {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 1;}.floating-shape {  position: absolute;  border-radius: 50%;  background: linear-gradient(45deg, rgba(255, 107, 53, 0.1), rgba(247, 147, 30, 0.1));  animation: float 8s ease-in-out infinite;  backdrop-filter: blur(1px);}.floating-shape:nth-child(1) {  width: 80px;  height: 80px;  top: 20%;  left: 10%;  animation-delay: 0s;  animation-duration: 10s;}.floating-shape:nth-child(2) {  width: 120px;  height: 120px;  top: 60%;  left: 80%;  animation-delay: 2s;  animation-duration: 12s;}.floating-shape:nth-child(3) {  width: 60px;  height: 60px;  top: 80%;  left: 20%;  animation-delay: 4s;  animation-duration: 8s;}.floating-shape:nth-child(4) {  width: 100px;  height: 100px;  top: 30%;  right: 10%;  animation-delay: 1s;  animation-duration: 14s;}.floating-shape:nth-child(5) {  width: 150px;  height: 150px;  top: 10%;  left: 60%;  animation-delay: 3s;  animation-duration: 16s;}.floating-shape:nth-child(6) {  width: 40px;  height: 40px;  top: 70%;  right: 30%;  animation-delay: 5s;  animation-duration: 9s;}.geometric-shape {  position: absolute;  background: linear-gradient(45deg, rgba(255, 107, 53, 0.08), rgba(247, 147, 30, 0.08));  border: 1px solid rgba(255, 107, 53, 0.2);  animation: rotate3d 15s linear infinite;}.cube {  width: 60px;  height: 60px;  top: 25%;  left: 5%;  transform: rotate(45deg);  animation-delay: 0s;}.diamond {  width: 80px;  height: 80px;  top: 50%;  right: 5%;  transform: rotate(45deg);  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);  animation-delay: 2s;}.hexagon {  width: 70px;  height: 70px;  top: 15%;  right: 25%;  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);  animation-delay: 4s;}.triangle {  width: 0;  height: 0;  border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-bottom: 52px solid rgba(255, 107, 53, 0.1);  top: 75%;  left: 70%;  animation-delay: 6s;}.particle {  position: absolute;  width: 4px;  height: 4px;  background: rgba(255, 107, 53, 0.6);  border-radius: 50%;  animation: particle-float 20s linear infinite;}.particle:nth-child(odd) {  background: rgba(247, 147, 30, 0.6);}.hero::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');  opacity: 0.1;  z-index: 1;}.hero-content {  max-width: 1400px;  margin: 0 auto;  padding: 0 2rem;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 4rem;  align-items: center;  position: relative;  z-index: 2;}.hero-text h1 {  font-size: 4rem;  font-weight: 800;  margin-bottom: 1.5rem;  background: linear-gradient(135deg, #ffffff 0%, var(--accent-color) 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  line-height: 1.05;  animation: slideInLeft 1s ease-out;  letter-spacing: -1px;}.hero-text p {  font-size: 1.25rem;  margin-bottom: 2rem;  color: var(--light-grey-color);  animation: slideInLeft 1s ease-out 0.3s both;  font-weight: 400;  line-height: 1.7;  letter-spacing: 0.2px;}.cta-button {  display: inline-flex;  align-items: center;  gap: 0.5rem;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  color: white;  padding: 1rem 2rem;  border: none;  border-radius: 50px;  font-size: 1.1rem;  font-weight: 600;  text-decoration: none;  transition: all 0.3s ease;  cursor: pointer;  box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);  animation: slideInLeft 1s ease-out 0.6s both;  letter-spacing: 0.5px;}.cta-button:hover {  transform: translateY(-3px);  box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);}.hero-visual {  position: relative;  display: flex;  justify-content: center;  align-items: center;  animation: slideInRight 1s ease-out;}.drilling-rig {  width: 400px;  height: 400px;  position: relative;  background: linear-gradient(45deg, #333, #555);  border-radius: 20px;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);  animation: float 6s ease-in-out infinite;  border: 2px solid rgba(255, 107, 53, 0.3);}.drilling-rig::before {  content: '⚡';  font-size: 8rem;  color: var(--accent-color);  animation: pulse 2s ease-in-out infinite;}@keyframes float {  0%,  100% {    transform: translateY(0px) rotate(0deg);  }  50% {    transform: translateY(-20px) rotate(5deg);  }}@keyframes pulse {  0%,  100% {    opacity: 1;    transform: scale(1);  }  50% {    opacity: 0.7;    transform: scale(1.1);  }}@keyframes rotate3d {  0% {    transform: rotateZ(0deg) rotateY(0deg);  }  100% {    transform: rotateZ(360deg) rotateY(360deg);  }}@keyframes particle-float {  0% {    transform: translateY(100vh) translateX(0px) rotate(0deg);    opacity: 0;  }  10% {    opacity: 1;  }  90% {    opacity: 1;  }  100% {    transform: translateY(-100px) translateX(100px) rotate(360deg);    opacity: 0;  }}@keyframes slideInLeft {  0% {    transform: translateX(-100px);    opacity: 0;  }  100% {    transform: translateX(0);    opacity: 1;  }}@keyframes slideInRight {  0% {    transform: translateX(100px);    opacity: 0;  }  100% {    transform: translateX(0);    opacity: 1;  }}.stats {  padding: 4rem 2rem;  background: rgba(255, 255, 255, 0.02);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);  border-top: 1px solid rgba(255, 255, 255, 0.1);}.stats-container {  max-width: 1400px;  margin: 0 auto;  display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  gap: 2rem;}.stat-card {  text-align: center;  padding: 2.5rem;  background: rgba(255, 255, 255, 0.04);  border-radius: 20px;  border: 1px solid rgba(255, 255, 255, 0.08);  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  position: relative;  overflow: hidden;}.stat-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 2px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.4s ease;}.stat-card:hover::before {  transform: scaleX(1);}.stat-number {  font-size: 3rem;  font-weight: 800;  color: var(--accent-color);  margin-bottom: 0.5rem;  letter-spacing: -1px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.stat-label {  font-size: 1.1rem;  color: var(--light-grey-color);  text-transform: uppercase;  letter-spacing: 1.5px;  font-weight: 500;}.services {  padding: 6rem 2rem;  background: linear-gradient(135deg, #1a1a1a 0%, #0a0a0a 100%);}.services-container {  max-width: 1400px;  margin: 0 auto;}.section-header {  text-align: center;  margin-bottom: 4rem;}.section-header h2 {  font-size: 3rem;  font-weight: 700;  margin-bottom: 1rem;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;  letter-spacing: -1px;}.section-header p {  font-size: 1.2rem;  color: var(--light-grey-color);}.services-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));  gap: 2rem;}.service-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 20px;  padding: 2.5rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  position: relative;  overflow: hidden;}.service-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 4px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.3s ease;}.service-card:hover::before {  transform: scaleX(1);}.service-card:hover {  transform: translateY(-10px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.3);}.service-icon {  font-size: 3rem;  margin-bottom: 1.5rem;  color: var(--accent-color);}.service-card h3 {  font-size: 1.5rem;  font-weight: 700;  margin-bottom: 1rem;  color: #ffffff;}.service-card p {  color: var(--light-grey-color);  line-height: 1.7;}.projects {  padding: 6rem 2rem;  background: radial-gradient(circle at 20% 80%, rgba(255, 107, 53, 0.05) 0%, transparent 50%),    radial-gradient(circle at 80% 20%, rgba(247, 147, 30, 0.05) 0%, transparent 50%),    linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);}.projects-container {  max-width: 1400px;  margin: 0 auto;}.projects-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));  gap: 3rem;}.project-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 25px;  overflow: hidden;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.5s ease;  position: relative;  cursor: pointer;}.project-card:hover {  transform: translateY(-15px) scale(1.02);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.4);  box-shadow: 0 25px 80px rgba(255, 107, 53, 0.2);}.project-image {  height: 250px;  background: linear-gradient(135deg, #333, #555);  position: relative;  overflow: hidden;}.project-image::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: linear-gradient(45deg, rgba(255, 107, 53, 0.1), rgba(247, 147, 30, 0.1));  opacity: 0;  transition: opacity 0.3s ease;}.project-card:hover .project-image::before {  opacity: 1;}.project-icon {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  font-size: 4rem;  color: var(--accent-color);  transition: all 0.3s ease;}.project-card:hover .project-icon {  transform: translate(-50%, -50%) scale(1.1);  color: #ffffff;}.project-status {  position: absolute;  top: 1rem;  right: 1rem;  background: rgba(255, 107, 53, 0.9);  color: white;  padding: 0.5rem 1rem;  border-radius: 20px;  font-size: 0.9rem;  font-weight: 600;  text-transform: uppercase;  letter-spacing: 0.5px;}.project-status.completed {  background: rgba(34, 197, 94, 0.9);}.project-status.ongoing {  background: rgba(255, 107, 53, 0.9);}.project-status.planned {  background: rgba(107, 114, 142, 0.9);}.project-content {  padding: 2.5rem;}.project-title {  font-size: 1.8rem;  font-weight: 700;  margin-bottom: 1rem;  color: #ffffff;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.project-location {  display: flex;  align-items: center;  gap: 0.5rem;  color: var(--accent-color);  font-weight: 600;  margin-bottom: 1rem;}.project-description {  color: var(--light-grey-color);  line-height: 1.7;  margin-bottom: 2rem;}.project-stats {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));  gap: 1.5rem;}.project-stat {  text-align: center;  padding: 1rem;  background: rgba(255, 255, 255, 0.05);  border-radius: 10px;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;}.project-stat:hover {  background: rgba(255, 107, 53, 0.1);  border-color: rgba(255, 107, 53, 0.3);}.project-stat-value {  font-size: 1.5rem;  font-weight: 700;  color: var(--accent-color);  margin-bottom: 0.5rem;}.project-stat-label {  font-size: 0.9rem;  color: var(--light-grey-color);  text-transform: uppercase;  letter-spacing: 0.5px;}.locations {  padding: 6rem 2rem;  background: radial-gradient(circle at 50% 50%, rgba(255, 107, 53, 0.05) 0%, transparent 70%),    linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  position: relative;  overflow: hidden;}.locations::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23333" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');  opacity: 0.1;}.locations-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 2;}.locations-header {  text-align: center;  margin-bottom: 4rem;}.locations-header h2 {  font-size: 3rem;  font-weight: 700;  margin-bottom: 1rem;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.locations-header p {  font-size: 1.2rem;  color: var(--light-grey-color);  margin-bottom: 2rem;}.locations-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 2rem;}.location-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 20px;  padding: 2.5rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  position: relative;  overflow: hidden;  display: flex;  flex-direction: column;  justify-content: space-between;}.location-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 4px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.3s ease;}.location-card:hover::before {  transform: scaleX(1);}.location-card:hover {  transform: translateY(-10px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.3);}.location-header {  display: flex;  align-items: center;  gap: 1rem;  margin-bottom: 1.5rem;}.location-flag {  width: 40px;  height: 30px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  border-radius: 5px;  display: flex;  align-items: center;  justify-content: center;  font-size: 1.2rem;}.location-name {  font-size: 1.5rem;  font-weight: 700;  color: #ffffff;}.location-details {  display: grid;  gap: 1rem;}.location-detail {  display: flex;  align-items: center;  gap: 0.5rem;  color: var(--light-grey-color);}.location-icon {  color: var(--accent-color);  font-size: 1.1rem;  min-width: 20px;}.location-stats {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;  margin-top: 1.5rem;  border-top: 1px solid rgba(255, 255, 255, 0.1);  width: 100%;}.location-stat {  margin-top: 1.5rem;  text-align: center;}.location-stat-number {  font-size: 1.5rem;  font-weight: 700;  color: var(--accent-color);  margin-bottom: 0.25rem;}.location-stat-label {  font-size: 0.9rem;  color: #888;  text-transform: uppercase;  letter-spacing: 0.5px;}.world-map {  position: relative;  width: 100%;  height: 500px;  background: linear-gradient(45deg, #1a1a1a, #2a2a2a);  border-radius: 25px;  margin-bottom: 4rem;  overflow: hidden;  border: 1px solid rgba(255, 255, 255, 0.1);}.map-overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: linear-gradient(45deg, rgba(255, 107, 53, 0.1) 0%, transparent 50%);  border-radius: 25px;}.dots-map {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  opacity: 0.4;}.continent {  position: absolute;}.continent-dot {  position: absolute;  width: 3px;  height: 3px;  background: rgba(255, 255, 255, 0.3);  border-radius: 50%;  transition: all 0.3s ease;}.continent-dot.active {  background: rgba(255, 107, 53, 0.8);  box-shadow: 0 0 8px rgba(255, 107, 53, 0.5);}.continent-dot:hover {  background: rgba(255, 107, 53, 0.6);  transform: scale(1.5);}.location-pin {  position: absolute;  width: 20px;  height: 20px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  border-radius: 50%;  cursor: pointer;  transition: all 0.3s ease;  box-shadow: 0 0 20px rgba(255, 107, 53, 0.5);  animation: pulse-pin 2s ease-in-out infinite;}.location-pin:hover {  transform: scale(1.5);  box-shadow: 0 0 30px rgba(255, 107, 53, 0.8);}.location-pin::after {  content: '';  position: absolute;  top: 50%;  left: 50%;  width: 6px;  height: 6px;  background: white;  border-radius: 50%;  transform: translate(-50%, -50%);}.location-tooltip {  position: absolute;  background: rgba(0, 0, 0, 0.9);  color: white;  padding: 0.5rem 1rem;  border-radius: 8px;  font-size: 0.9rem;  white-space: nowrap;  pointer-events: none;  transform: translate(-50%, -100%);  margin-top: -10px;  opacity: 0;  transition: opacity 0.3s ease;  z-index: 10;}.location-tooltip::after {  content: '';  position: absolute;  top: 100%;  left: 50%;  transform: translateX(-50%);  border: 5px solid transparent;  border-top-color: rgba(0, 0, 0, 0.9);}.location-pin:hover .location-tooltip {  opacity: 1;  z-index: 5000;}.north-america {  top: 20%;  left: 15%;  width: 30%;  height: 40%;}.south-america {  top: 50%;  left: 28%;  width: 15%;  height: 35%;}.europe {  top: 20%;  left: 48%;  width: 12%;  height: 25%;}.africa {  top: 35%;  left: 48%;  width: 12%;  height: 35%;}.asia {  top: 15%;  left: 58%;  width: 25%;  height: 35%;}.australia {  top: 65%;  left: 75%;  width: 10%;  height: 15%;}@keyframes pulse-pin {  0%,  100% {    box-shadow: 0 0 20px rgba(255, 107, 53, 0.5),      0 0 0 0 rgba(255, 107, 53, 0.4);  }  50% {    box-shadow: 0 0 30px rgba(255, 107, 53, 0.8),      0 0 0 15px rgba(255, 107, 53, 0);  }}.pin-usa {  top: 35%;  left: 25%;}.pin-brazil {  top: 65%;  left: 35%;}.pin-norway {  top: 20%;  left: 52%;}.pin-russia {  top: 25%;  left: 70%;}.pin-saudi {  top: 45%;  left: 60%;}.pin-australia {  top: 75%;  left: 80%;}.pin-canada {  top: 25%;  left: 22%;}.pin-nigeria {  top: 52%;  left: 50%;}.technology {  padding: 6rem 2rem;  background: rgba(255, 107, 53, 0.05);}.tech-container {  max-width: 1400px;  margin: 0 auto;  display: grid;  grid-template-columns: 1fr 1fr;  gap: 4rem;  align-items: center;}.tech-content h2 {  font-size: 2.5rem;  font-weight: 700;  margin-bottom: 2rem;  color: #ffffff;}.tech-features {  display: grid;  gap: 1.5rem;}.tech-feature {  display: flex;  align-items: center;  gap: 1rem;  padding: 1rem;  background: rgba(255, 255, 255, 0.05);  border-radius: 10px;  transition: all 0.3s ease;}.tech-feature:hover {  background: rgba(255, 107, 53, 0.1);  transform: translateX(10px);}.tech-feature-icon {  font-size: 1.5rem;  color: var(--accent-color);  min-width: 30px;}.tech-visual {  position: relative;  height: 400px;  background: linear-gradient(45deg, #333, #555);  border-radius: 20px;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;}.pipeline-animation {  width: 100%;  height: 100%;  position: relative;  background: repeating-linear-gradient(45deg,      var(--accent-color),      var(--accent-color) 10px,      var(--secondary-accent-color) 10px,      var(--secondary-accent-color) 20px);  opacity: 0.1;  animation: pipeline-flow 3s linear infinite;}@keyframes pipeline-flow {  0% {    transform: translateX(-20px);  }  100% {    transform: translateX(20px);  }}.sustainability {  padding: 6rem 2rem;  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  position: relative;}.sustainability::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: radial-gradient(circle at 20% 30%, rgba(34, 197, 94, 0.1) 0%, transparent 50%),    radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);  pointer-events: none;}.sustainability-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 2;}.sustainability-header {  text-align: center;  margin-bottom: 4rem;}.sustainability-header h2 {  font-size: 3rem;  font-weight: 700;  margin-bottom: 1rem;  background: linear-gradient(45deg, #22c55e, #3b82f6);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.sustainability-header p {  font-size: 1.2rem;  color: var(--light-grey-color);  max-width: 800px;  margin: 0 auto;}.sustainability-content {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 4rem;  align-items: center;  margin-bottom: 4rem;}.sustainability-text {  display: grid;  gap: 2rem;}.sustainability-feature {  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  padding: 2rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  position: relative;}.sustainability-feature::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 3px;  background: linear-gradient(45deg, #22c55e, #3b82f6);  border-radius: 15px 15px 0 0;  transform: scaleX(0);  transition: transform 0.3s ease;}.sustainability-feature:hover::before {  transform: scaleX(1);}.sustainability-feature:hover {  transform: translateY(-5px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(34, 197, 94, 0.3);}.sustainability-feature-header {  display: flex;  align-items: center;  gap: 1rem;  margin-bottom: 1rem;}.sustainability-feature-icon {  font-size: 2rem;  color: #22c55e;}.sustainability-feature h3 {  font-size: 1.3rem;  font-weight: 700;  color: #ffffff;}.sustainability-feature p {  color: var(--light-grey-color);  line-height: 1.7;}.sustainability-visual {  position: relative;  height: 500px;  background: linear-gradient(135deg, #22c55e, #3b82f6);  border-radius: 20px;  display: flex;  align-items: center;  justify-content: center;  overflow: hidden;}.earth-animation {  width: 200px;  height: 200px;  background: radial-gradient(circle at 30% 30%, #22c55e, #059669);  border-radius: 50%;  position: relative;  animation: rotate 20s linear infinite;  box-shadow: 0 0 50px rgba(34, 197, 94, 0.3);}.earth-animation::before {  content: '';  position: absolute;  top: 20%;  left: 20%;  width: 60%;  height: 60%;  background: radial-gradient(circle, #3b82f6, #1d4ed8);  border-radius: 50%;  opacity: 0.7;}.earth-animation::after {  content: '';  position: absolute;  top: 10%;  right: 10%;  width: 30%;  height: 30%;  background: rgba(255, 255, 255, 0.2);  border-radius: 50%;  animation: pulse 3s ease-in-out infinite;}@keyframes rotate {  0% {    transform: rotate(0deg);  }  100% {    transform: rotate(360deg);  }}.sustainability-metrics {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  gap: 2rem;  margin-top: 4rem;}.metric-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  padding: 2rem;  text-align: center;  border: 1px solid rgba(34, 197, 94, 0.2);  transition: all 0.3s ease;  position: relative;  overflow: hidden;}.metric-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: linear-gradient(45deg, rgba(34, 197, 94, 0.1), rgba(59, 130, 246, 0.1));  transform: translateY(100%);  transition: transform 0.3s ease;}.metric-card:hover::before {  transform: translateY(0);}.metric-card:hover {  transform: translateY(-5px);  border-color: rgba(34, 197, 94, 0.4);}.metric-icon {  font-size: 2.5rem;  margin-bottom: 1rem;  color: #22c55e;  position: relative;  z-index: 2;}.metric-number {  font-size: 2.5rem;  font-weight: 800;  color: #22c55e;  margin-bottom: 0.5rem;  position: relative;  z-index: 2;}.metric-label {  font-size: 1rem;  color: var(--light-grey-color);  text-transform: uppercase;  letter-spacing: 1px;  position: relative;  z-index: 2;}.metric-description {  font-size: 0.9rem;  color: #888;  margin-top: 0.5rem;  position: relative;  z-index: 2;}.about {  padding: 6rem 2rem;  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  position: relative;  overflow: hidden;}.about::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: radial-gradient(circle at 70% 20%, rgba(255, 107, 53, 0.05) 0%, transparent 50%);  z-index: 1;}.about-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 2;}.about-content {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 4rem;  align-items: center;  margin-bottom: 4rem;}.about-text h2 {  font-size: 3rem;  font-weight: 700;  margin-bottom: 1.5rem;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.about-text p {  font-size: 1.1rem;  line-height: 1.8;  color: var(--light-grey-color);  margin-bottom: 1.5rem;}.about-text .highlight {  color: var(--accent-color);  font-weight: 600;}.about-visual {  position: relative;  height: 400px;  background: rgba(255, 255, 255, 0.05);  border-radius: 20px;  overflow: hidden;  border: 1px solid rgba(255, 255, 255, 0.1);}.about-visual::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: linear-gradient(45deg,      rgba(255, 107, 53, 0.1) 0%,      rgba(247, 147, 30, 0.1) 50%,      rgba(255, 107, 53, 0.1) 100%);  animation: energy-flow 4s ease-in-out infinite;}@keyframes energy-flow {  0%,  100% {    opacity: 0.3;    transform: scale(1);  }  50% {    opacity: 0.6;    transform: scale(1.05);  }}.about-visual-content {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  text-align: center;  z-index: 2;}.about-visual-icon {  font-size: 4rem;  color: var(--accent-color);  margin-bottom: 1rem;  animation: pulse 2s ease-in-out infinite;}.about-visual-text {  font-size: 1.2rem;  font-weight: 600;  color: #ffffff;}.leadership-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));  gap: 2rem;  margin-top: 3rem;}.leadership-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  padding: 2rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  text-align: center;  position: relative;  overflow: hidden;}.leadership-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 3px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.3s ease;}.leadership-card:hover::before {  transform: scaleX(1);}.leadership-card:hover {  transform: translateY(-5px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.3);}.leadership-avatar {  width: 80px;  height: 80px;  border-radius: 50%;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  display: flex;  align-items: center;  justify-content: center;  margin: 0 auto 1rem;  font-size: 2rem;  color: white;  font-weight: 700;}.leadership-card h4 {  font-size: 1.3rem;  font-weight: 700;  color: #ffffff;  margin-bottom: 0.5rem;}.leadership-card .role {  color: var(--accent-color);  font-size: 0.9rem;  font-weight: 600;  margin-bottom: 1rem;  text-transform: uppercase;  letter-spacing: 1px;}.leadership-card p {  color: var(--light-grey-color);  font-size: 0.9rem;  line-height: 1.6;}.values-section {  margin-top: 4rem;  text-align: center;}.values-section h3 {  font-size: 2rem;  font-weight: 700;  margin-bottom: 2rem;  color: #ffffff;}.values-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 2rem;}.value-item {  padding: 1.5rem;  background: rgba(255, 107, 53, 0.05);  border-radius: 10px;  border: 1px solid rgba(255, 107, 53, 0.2);  transition: all 0.3s ease;}.value-item:hover {  transform: translateY(-3px);  background: rgba(255, 107, 53, 0.1);  border-color: rgba(255, 107, 53, 0.4);}.value-icon {  font-size: 2.5rem;  margin-bottom: 1rem;  color: var(--accent-color);}.value-item h4 {  font-size: 1.2rem;  font-weight: 700;  color: #ffffff;  margin-bottom: 0.5rem;}.value-item p {  color: var(--light-grey-color);  font-size: 0.9rem;  line-height: 1.5;}.certifications {  padding: 6rem 2rem;  background: radial-gradient(circle at 50% 50%, rgba(255, 107, 53, 0.05) 0%, transparent 70%),    linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);}.certifications-container {  max-width: 1400px;  margin: 0 auto;}.certifications-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 2rem;  margin-bottom: 4rem;}.cert-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 20px;  padding: 2.5rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  position: relative;  overflow: hidden;  cursor: pointer;}.cert-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 4px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.3s ease;}.cert-card:hover::before {  transform: scaleX(1);}.cert-card:hover {  transform: translateY(-10px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.3);  box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);}.cert-badge {  display: inline-flex;  align-items: center;  justify-content: center;  width: 80px;  height: 80px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  border-radius: 50%;  font-size: 2rem;  color: white;  margin-bottom: 1.5rem;  position: relative;  overflow: hidden;}.cert-badge::before {  content: '';  position: absolute;  top: 50%;  left: 50%;  width: 120%;  height: 120%;  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);  transform: translate(-50%, -50%) rotate(45deg);  animation: shine 3s ease-in-out infinite;}@keyframes shine {  0%,  100% {    opacity: 0;  }  50% {    opacity: 1;  }}.cert-card h3 {  font-size: 1.3rem;  font-weight: 700;  margin-bottom: 0.5rem;  color: #ffffff;}.cert-type {  font-size: 0.9rem;  color: var(--accent-color);  font-weight: 600;  text-transform: uppercase;  letter-spacing: 1px;  margin-bottom: 1rem;}.cert-card p {  color: var(--light-grey-color);  line-height: 1.6;  margin-bottom: 1.5rem;}.cert-status {  display: inline-flex;  align-items: center;  gap: 0.5rem;  padding: 0.5rem 1rem;  background: rgba(34, 197, 94, 0.2);  border: 1px solid rgba(34, 197, 94, 0.3);  border-radius: 20px;  color: #22c55e;  font-size: 0.9rem;  font-weight: 600;}.cert-status::before {  content: '✓';  display: inline-block;  width: 16px;  height: 16px;  border-radius: 50%;  background: #22c55e;  color: white;  font-size: 0.8rem;  line-height: 16px;  text-align: center;}.compliance-badges {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 1.5rem;  margin-top: 3rem;}.compliance-badge {  display: flex;  align-items: center;  gap: 1rem;  padding: 1.5rem;  background: rgba(255, 255, 255, 0.03);  border: 1px solid rgba(255, 255, 255, 0.1);  border-radius: 15px;  transition: all 0.3s ease;}.compliance-badge:hover {  background: rgba(255, 107, 53, 0.05);  border-color: rgba(255, 107, 53, 0.2);  transform: translateY(-2px);}.compliance-icon {  font-size: 2rem;  color: var(--accent-color);}.compliance-info h4 {  color: #ffffff;  font-size: 1.1rem;  margin-bottom: 0.3rem;}.compliance-info p {  color: var(--light-grey-color);  font-size: 0.9rem;}.testimonials {  padding: 6rem 2rem;  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  position: relative;}.testimonials::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: radial-gradient(circle at 80% 20%, rgba(255, 107, 53, 0.05) 0%, transparent 50%),    radial-gradient(circle at 20% 80%, rgba(247, 147, 30, 0.05) 0%, transparent 50%);  pointer-events: none;}.testimonials-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 2;}.testimonials-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));  gap: 2rem;  margin-top: 4rem;}.testimonial-card {  background: rgba(255, 255, 255, 0.05);  border-radius: 20px;  padding: 2.5rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  position: relative;  overflow: hidden;}.testimonial-card::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 4px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  transform: scaleX(0);  transition: transform 0.3s ease;}.testimonial-card:hover::before {  transform: scaleX(1);}.testimonial-card:hover {  transform: translateY(-10px);  background: rgba(255, 255, 255, 0.08);  border-color: rgba(255, 107, 53, 0.3);  box-shadow: 0 20px 60px rgba(255, 107, 53, 0.1);}.quote-icon {  font-size: 3rem;  color: var(--accent-color);  margin-bottom: 1.5rem;  opacity: 0.7;}.testimonial-text {  font-size: 1.1rem;  line-height: 1.7;  color: #e0e0e0;  margin-bottom: 2rem;  font-style: italic;}.testimonial-author {  display: flex;  align-items: center;  gap: 1rem;}.author-avatar {  width: 60px;  height: 60px;  border-radius: 50%;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  display: flex;  align-items: center;  justify-content: center;  font-size: 1.5rem;  font-weight: 700;  color: white;  flex-shrink: 0;}.author-info h4 {  color: #ffffff;  font-size: 1.1rem;  font-weight: 600;  margin-bottom: 0.3rem;}.author-info p {  color: var(--light-grey-color);  font-size: 0.9rem;}.company-logo {  position: absolute;  top: 2rem;  right: 2rem;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.1);  border-radius: 8px;  display: flex;  align-items: center;  justify-content: center;  font-size: 1.2rem;  color: var(--accent-color);  opacity: 0.6;}.contact {  padding: 6rem 2rem;  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);  position: relative;  overflow: hidden;}.contact::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: radial-gradient(circle at 20% 30%, rgba(255, 107, 53, 0.1) 0%, transparent 70%),    radial-gradient(circle at 80% 70%, rgba(247, 147, 30, 0.1) 0%, transparent 70%);  pointer-events: none;}.contact-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 2;}.contact-content {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 4rem;  align-items: center;}.contact-info h2 {  font-size: 2.5rem;  font-weight: 700;  margin-bottom: 1.5rem;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.contact-info p {  font-size: 1.1rem;  color: var(--light-grey-color);  margin-bottom: 3rem;  line-height: 1.7;}.contact-methods {  display: grid;  gap: 2rem;}.contact-method {  display: flex;  align-items: center;  gap: 1.5rem;  padding: 1.5rem;  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;}.contact-method:hover {  background: rgba(255, 107, 53, 0.1);  border-color: rgba(255, 107, 53, 0.3);  transform: translateY(-2px);}.contact-method-icon {  font-size: 2rem;  color: var(--accent-color);  min-width: 40px;}.contact-method-content h3 {  font-size: 1.2rem;  font-weight: 600;  margin-bottom: 0.5rem;  color: #ffffff;}.contact-method-content p {  color: var(--light-grey-color);  margin: 0;}.contact-form {  background: rgba(255, 255, 255, 0.05);  padding: 2.5rem;  border-radius: 20px;  border: 1px solid rgba(255, 255, 255, 0.1);  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);}.contact-form h3 {  font-size: 1.5rem;  font-weight: 700;  margin-bottom: 2rem;  color: #ffffff;  text-align: center;}.form-group {  margin-bottom: 1.5rem;}.form-row {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 1rem;}.form-group label {  display: block;  margin-bottom: 0.5rem;  color: #ffffff;  font-weight: 500;}.form-group input,.form-group select,.form-group textarea {  width: 100%;  padding: 1rem;  background: rgba(255, 255, 255, 0.1);  border: 1px solid rgba(255, 255, 255, 0.2);  border-radius: 10px;  color: #ffffff;  font-size: 1rem;  transition: all 0.3s ease;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {  outline: none;  border-color: var(--accent-color);  background: rgba(255, 107, 53, 0.1);  box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.2);}.form-group input::placeholder,.form-group textarea::placeholder {  color: #888;}.form-group textarea {  resize: vertical;  min-height: 120px;}.form-group select {  cursor: pointer;}.form-group select option {  background: #1a1a1a;  color: #ffffff;}.submit-btn {  width: 100%;  padding: 1rem 2rem;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  color: white;  border: none;  border-radius: 50px;  font-size: 1.1rem;  font-weight: 600;  cursor: pointer;  transition: all 0.3s ease;  box-shadow: 0 10px 30px rgba(255, 107, 53, 0.3);}.submit-btn:hover {  transform: translateY(-2px);  box-shadow: 0 15px 40px rgba(255, 107, 53, 0.4);}.submit-btn:active {  transform: translateY(0);}.news {  padding: 6rem 2rem;  background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);  position: relative;  overflow: hidden;}.news::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: radial-gradient(circle at 80% 20%, rgba(247, 147, 30, 0.05) 0%, transparent 50%);  pointer-events: none;}.news-container {  max-width: 1400px;  margin: 0 auto;  position: relative;  z-index: 1;}.news-header {  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 4rem;}.news-header h2 {  font-size: 3rem;  font-weight: 700;  background: linear-gradient(45deg, #ffffff, var(--accent-color));  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-clip: text;}.news-tabs {  display: flex;  gap: 1rem;  background: rgba(255, 255, 255, 0.05);  border-radius: 50px;  padding: 0.5rem;  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);}.news-tab {  padding: 0.8rem 1.5rem;  background: transparent;  border: none;  color: var(--light-grey-color);  font-weight: 500;  border-radius: 25px;  cursor: pointer;  transition: all 0.3s ease;  white-space: nowrap;}.news-tab.active {  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  color: white;  transform: scale(1.05);}.news-tab:hover:not(.active) {  color: var(--accent-color);  background: rgba(255, 107, 53, 0.1);}.news-grid {  display: grid;  grid-template-columns: 2fr 1fr;  gap: 2rem;  margin-bottom: 3rem;}.featured-news {  background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.05) 100%);  border-radius: 20px;  padding: 2rem;  border: 1px solid rgba(255, 107, 53, 0.2);  position: relative;  overflow: hidden;  transition: all 0.3s ease;}.featured-news:hover {  transform: translateY(-5px);  box-shadow: 0 20px 40px rgba(255, 107, 53, 0.2);}.featured-news::before {  content: '';  position: absolute;  top: 0;  left: 0;  right: 0;  height: 4px;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));}.news-badge {  display: inline-block;  background: linear-gradient(45deg, var(--accent-color), var(--secondary-accent-color));  color: white;  padding: 0.5rem 1rem;  border-radius: 20px;  font-size: 0.8rem;  font-weight: 600;  margin-bottom: 1rem;  text-transform: uppercase;  letter-spacing: 1px;}.featured-news h3 {  font-size: 1.8rem;  font-weight: 700;  margin-bottom: 1rem;  color: #ffffff;  line-height: 1.3;}.news-meta {  display: flex;  align-items: center;  gap: 1rem;  margin-bottom: 1.5rem;  color: var(--light-grey-color);  font-size: 0.9rem;}.news-date {  display: flex;  align-items: center;  gap: 0.5rem;}.news-author {  display: flex;  align-items: center;  gap: 0.5rem;}.featured-news p {  color: var(--light-grey-color);  line-height: 1.7;  margin-bottom: 1.5rem;}.read-more {  display: inline-flex;  align-items: center;  gap: 0.5rem;  color: var(--accent-color);  text-decoration: none;  font-weight: 600;  transition: all 0.3s ease;}.read-more:hover {  color: var(--secondary-accent-color);  transform: translateX(5px);}.news-sidebar {  display: flex;  flex-direction: column;  gap: 1.5rem;}.news-item {  background: rgba(255, 255, 255, 0.05);  border-radius: 15px;  padding: 1.5rem;  border: 1px solid rgba(255, 255, 255, 0.1);  transition: all 0.3s ease;  cursor: pointer;}.news-item:hover {  background: rgba(255, 107, 53, 0.1);  border-color: rgba(255, 107, 53, 0.3);  transform: translateX(5px);}.news-item h4 {  color: #ffffff;  font-size: 1.1rem;  font-weight: 600;  margin-bottom: 0.5rem;  line-height: 1.3;}.news-item .news-meta {  margin-bottom: 0;  font-size: 0.8rem;}.news-ticker {  background: rgba(255, 107, 53, 0.1);  border-radius: 15px;  padding: 1.5rem;  border: 1px solid rgba(255, 107, 53, 0.2);  position: relative;  overflow: hidden;}.ticker-header {  display: flex;  align-items: center;  gap: 0.5rem;  margin-bottom: 1rem;  color: var(--accent-color);  font-weight: 600;}.ticker-content {  display: flex;  animation: scroll-ticker 30s linear infinite;  gap: 2rem;}.ticker-item {  color: var(--light-grey-color);  white-space: nowrap;  min-width: max-content;}@keyframes scroll-ticker {  0% {    transform: translateX(100%);  }  100% {    transform: translateX(-100%);  }}.footer {  background: #0a0a0a;  padding: 4rem 2rem 2rem;  border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer-container {  max-width: 1400px;  margin: 0 auto;  display: grid;  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));  gap: 2rem;}.footer-section h3 {  color: var(--accent-color);  margin-bottom: 1rem;  font-size: 1.2rem;}.footer-section ul {  list-style: none;}.footer-section ul li {  margin-bottom: 0.5rem;}.footer-section ul li a {  color: var(--light-grey-color);  text-decoration: none;  transition: color 0.3s ease;}.footer-section ul li a:hover {  color: var(--accent-color);}.footer-bottom {  text-align: center;  padding-top: 2rem;  margin-top: 2rem;  border-top: 1px solid rgba(255, 255, 255, 0.1);  color: #666;}@media screen and (max-width: 1024px) {  .nav-links {    display: none;  }  .nav {    padding: 1rem 1.5rem;  }  .mobile-menu-btn {    display: block;  }  .mobile-menu {    display: block;  }  .mobile-menu-btn {    display: block;  }  .mobile-menu {    display: block;  }  .mobile-nav-links {    list-style: none;    padding: 0;    margin: 0;  }  .mobile-nav-links li {    border-bottom: 1px solid rgba(255, 255, 255, 0.1);  }  .mobile-nav-links a {    padding: 1rem;    font-size: 1.5rem;        font-weight: 500;        color: var(--light-grey-color);    text-decoration: none;    min-height: 44px;        line-height: 1.2;    transition: background-color 0.3s ease;  }  .footer-section ul li a {    padding-bottom: 1rem;    font-size: 1.2rem;        font-weight: 500;        color: var(--light-grey-color);    text-decoration: none;    min-height: 44px;        line-height: 1.2;    transition: background-color 0.3s ease;  }  .hero {    padding-top: 9rem;    padding-bottom: 3rem;    height: fit-content;  }  .hero-content {    grid-template-columns: 1fr;    text-align: center;  }  .hero-text h1 {    font-size: 2.5rem;  }  .hero-text p {    font-size: 1.1rem;  }  .floating-shape {    opacity: 0.5;  }  .geometric-shape {    opacity: 0.3;  }  .world-map {    height: 350px;  }  .sustainability-visual,  .about-visual {    height: 300px;  }  .earth-animation {    width: 150px;    height: 150px;  }  .contact-content {    grid-template-columns: 1fr;    gap: 2rem;  }  .section-header h2,  .sustainability-header h2,  .locations-header h2,  .tech-content h2,  .contact-info h2,  .news-header h2,  .about-text h2 {    font-size: 2rem;  }  .certifications-grid,  .compliance-badges,  .testimonials-grid,  .news-grid,  .form-row,  .about-content,  .locations-grid,  .tech-container,  .sustainability-content,  .projects-grid {    grid-template-columns: 1fr;  }  .testimonial-card {    padding: 2rem;  }  .featured-news h3 {    font-size: 1.1rem;  }  .news-header {    flex-direction: column;    gap: 2rem;    text-align: center;  }  .news-tabs {    flex-wrap: wrap;  }}@media screen and (max-width: 320px) {  body {    font-size: 1rem !important;  }  .logo {    font-size: 1rem;  }  .nav {    padding: 0.5rem 1rem;  }  .mobile-menu {    padding: 0.2rem;  }  .mobile-menu-btn {    border: none;    padding: .2rem;  }  #mobile-menu-close {    display: none;  }  .mobile-nav-links a {    padding: .2rem;  }  .hero-text h1,  .news-header h2 {    font-size: 1.5rem;  }  .section-header h2,  .sustainability-header h2,  .locations-header h2,  .sustainability-feature h3,  .leadership-card h4,  .leadership-avatar,  .cert-card h3,  .author-avatar,  .author-info h4,  .contact-method-content h3,  .contact-form h3,  .featured-news h3,  .news-item h4 {    font-size: 1.1rem;  }  .hero-text p {    font-size: 1.0rem;  }  .cta-button,  .contact-info p {    font-size: 0.9rem;  }  .drilling-rig {    width: 150px;    height: 150px;  }  .drilling-rig::before {    font-size: 3rem;  }  .tech-content h2 {    font-size: 1.1rem;    font-weight: 500;  }  .service-card h3 {    font-size: 1.1rem;  }  .location-detail,  .cert-card,  .compliance-badge {    text-align: center;  }  .location-stats {    grid-template-columns: 1fr;  }  .stats-container,  .tech-container,  .tech-features,  .sustainability-content,  .sustainability-text,  .sustainability-metrics,  .metric-card,  .services-grid,  .projects-grid,  .leadership-grid,  .compliance-badges,  .contact-methods,  .contact-content {    grid-template-columns: 1fr;  }  .stat-card,  .service-card,  .project-card,  .location-card,  .sustainability-feature,  .metric-card,  .leadership-card,  .cert-card,  .testimonial-card,  .project-content,  .contact,  .contact-content,  .featured-news,  .news-item,  .news-ticker,  .compliance-badge {    padding: 0.5rem;  }  .contact-method,  .contact-form {    max-width: 90vw;    padding: 0.5rem;    flex-direction: column;  }  .tech-feature,  .sustainability-feature-header {    max-width: 80vw;    flex-direction: column;  }  .compliance-badge,  .testimonial-author,  .news-meta,  .location-header,  .location-detail {    flex-direction: column;  }  .sustainability-visual {    height: 200px;  }  .tech-visual {    max-width: 80vw;    height: 100px;  }  .world-map {    display: none;  }  .earth-animation {    width: 70px;    height: 70px;  }}@media screen and (min-width: 321px) and (max-width: 480px) {  .hero-text h1 {    font-size: 2.0rem;  }  .logo {    font-size: 1.5rem;  }  .mobile-menu-btn {    border: none;    padding: 0.5rem;  }  #mobile-menu-close {    display: none;  }  .mobile-nav-links a {    padding: 0.5rem;  }  .drilling-rig {    width: 250px;    height: 250px;  }  .drilling-rig::before {    font-size: 5rem;  }  .location-detail,  .cert-card,  .compliance-badge {    text-align: center;  }  .stats-container,  .tech-container,  .tech-features,  .sustainability-content,  .sustainability-text,  .sustainability-metrics,  .metric-card,  .services-grid,  .projects-grid,  .project-stats,  .leadership-grid,  .compliance-badges,  .contact-methods,  .contact-content {    grid-template-columns: 1fr;  }  .stat-card,  .service-card,  .project-card,  .location-card,  .sustainability-feature,  .metric-card,  .leadership-card,  .cert-card,  .testimonial-card,  .project-content,  .contact,  .contact-content,  .featured-news,  .news-item,  .news-ticker,  .compliance-badge {    padding: 1.5rem;  }  .contact-method,  .contact-form {    flex-direction: column;    padding: 1.5rem;    text-align: center;  }  .contact-method-content {    width: 100%;  }  .tech-visual {    max-width: 80vw;    height: 200px;  }  .world-map {    display: none;  }}@media screen and (min-width: 481px) and (max-width: 768px) {  .hero-text h1 {    font-size: 2.2rem;  }  .stats-container {    grid-template-columns: 1fr;  }  .drilling-rig {    width: 300px;    height: 300px;  }  .drilling-rig::before {    font-size: 6rem;  }  .locations-grid {    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));  }}@media screen and (min-width: 769px) and (max-width: 1024px) {  .drilling-rig {    width: 350px;    height: 350px;  }  .locations-grid {    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));  }}@media screen and (min-width: 1025px) {}@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-resolution: 192dpi) {  body {    font-smooth: auto;    -webkit-font-smoothing: antialiased;  }  .hero-text h1 {    font-weight: 900;  }  .service-icon,  .tech-feature-icon {    transform: scale(1.01);  }}@media screen and (-webkit-min-device-pixel-ratio: 3),screen and (min-resolution: 288dpi) {  body {    font-smooth: auto;    -webkit-font-smoothing: antialiased;  }  .hero-text h1 {    font-weight: 900;  }  .service-icon,  .tech-feature-icon {    transform: scale(1.01);  }}