:root{
  --navy:#06356d;
  --blue:#0b4f95;
  --teal:#1198a1;
  --teal-dark:#087b84;
  --ink:#10243d;
  --muted:#66768a;
  --light:#f4f8fa;
  --white:#fff;
}
*{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.7}
.navbar{min-height:82px;z-index:1000}.brand-logo{height:62px;width:auto;object-fit:contain}.nav-link{font-weight:600;color:#19324d!important}.nav-link:hover,.nav-link.active{color:var(--teal)!important}.dropdown-item:active{background:var(--teal)}
.btn-brand{background:var(--teal);border:1px solid var(--teal);color:#fff;font-weight:700;padding:.75rem 1.3rem;border-radius:4px}.btn-brand:hover{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}
.hero{margin-top:82px;position:relative;color:#fff;overflow:hidden}.hero-carousel,.hero-slide{min-height:760px}.hero-slide{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat}.tanker-slide-1{background-image:url("https://images.pexels.com/photos/19217421/pexels-photo-19217421/free-photo-of-oil-tanker-on-sea.jpeg?auto=compress&dpr=1&h=750&w=1260")}.tanker-slide-2{background-image:url("https://images.pexels.com/photos/1036866/pexels-photo-1036866.jpeg?auto=compress&dpr=1&h=750&w=1260")}.tanker-slide-3{background-image:url("https://images.pexels.com/photos/36563588/pexels-photo-36563588/free-photo-of-oil-tanker-at-sea-during-sunset.jpeg?auto=compress&dpr=1&h=750&w=1260")}.tanker-slide-4{background-image:url("https://images.unsplash.com/photo-1784910628362-a318f6dcf22d?auto=format&fit=crop&fm=jpg&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.1.0&q=60&w=3000")}.hero-slide-video{background:#031e3e}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-slide-video .hero-overlay{background:linear-gradient(90deg,rgba(3,30,62,.88),rgba(5,53,91,.62),rgba(0,115,125,.24))}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,30,62,.94),rgba(5,53,91,.72),rgba(0,115,125,.25))}.hero-slide:after{content:"";position:absolute;inset:auto -10% -220px 45%;height:420px;border:2px solid rgba(17,152,161,.5);transform:rotate(-8deg);border-radius:50%}.hero-content{position:relative;z-index:2}.hero .container{position:relative;z-index:2}.hero-carousel .carousel-indicators{z-index:5;bottom:35px}.hero-carousel .carousel-indicators button{width:38px;height:4px;border:0;margin:0 5px;border-radius:3px}.hero-carousel .carousel-control-prev,.hero-carousel .carousel-control-next{z-index:5;width:8%}.eyebrow,.section-kicker{display:inline-block;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--teal)}.hero .eyebrow{color:#8fe8ea}.hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.04;font-weight:800;max-width:900px;margin:18px 0}.hero h1 span{color:#5ed5d9}.hero p{font-size:1.2rem;max-width:720px;color:#e4edf5}
.section-padding{padding:105px 0}.intro{background:#fff}.section-heading{max-width:780px;margin:0 auto 20px}.section-heading h2,.intro h2,.commitment h2,.contact h2{font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.12;font-weight:800;margin:12px 0 20px}.section-heading h2 span,.intro h2 span,.commitment h2 span,.contact h2 span{color:var(--teal)}.section-heading p,.intro p,.commitment p,.contact p{color:var(--muted)}
.about-card{background:linear-gradient(145deg,var(--navy),#0b6880);color:#fff;border-radius:12px;padding:50px;min-height:400px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(5,53,91,.18)}.about-card:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-140px;bottom:-160px}.about-badge{width:68px;height:68px;display:grid;place-items:center;background:rgba(255,255,255,.12);border-radius:50%;font-size:1.5rem;color:#8fe8ea}.about-card h3{font-size:2rem;margin-top:30px}.about-card p{color:#d8edf0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px}.mini-grid div{background:rgba(255,255,255,.08);padding:13px;border-radius:6px;display:flex;gap:10px;align-items:center}.mini-grid i{color:#66dce0}.text-link{color:var(--teal);font-weight:800;text-decoration:none}.text-link i{margin-left:6px}
.services{background:var(--light)}.service-card{background:#fff;padding:35px 28px;height:100%;min-height:315px;border-bottom:3px solid transparent;box-shadow:0 10px 30px rgba(13,50,80,.05);transition:.3s}.service-card:hover{transform:translateY(-8px);border-bottom-color:var(--teal);box-shadow:0 20px 40px rgba(13,50,80,.1)}.icon-box{width:60px;height:60px;display:grid;place-items:center;background:#e7f7f8;color:var(--teal);font-size:1.4rem;border-radius:6px;margin-bottom:25px}.service-card h3{font-size:1.25rem}.service-card p{color:var(--muted);font-size:.94rem}.service-card a{color:var(--navy);font-weight:800;text-decoration:none}
.commitment{background:#fff}.commit-list{border-left:1px solid #dbe4ea}.commit-item{display:flex;gap:25px;padding:20px 0 20px 30px;position:relative}.commit-item span{color:var(--teal);font-weight:900;font-size:.85rem}.commit-item h4{margin:0 0 5px}.commit-item p{margin:0}
.team{background:var(--light)}.team-card{text-align:center;background:#fff;padding:22px;box-shadow:0 10px 25px rgba(13,50,80,.05)}.team-photo{height:220px;background:linear-gradient(145deg,#dcecef,#f6fafb);display:grid;place-items:center;color:#0b6c7b;font-size:4rem;margin-bottom:20px}.team-card h4{margin-bottom:2px}.team-card p{color:var(--muted);font-size:.9rem}
.cta{padding:55px 0;background:#fff}.cta-box{background:linear-gradient(110deg,var(--navy),#087b84);padding:50px 55px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:8px}.cta-box h2{font-size:2.2rem;margin:8px 0}.cta-box p{margin:0;color:#d8edf0}
.contact{background:var(--light)}.contact-info{margin-top:35px;display:grid;gap:20px}.contact-info>div{display:flex;gap:16px;align-items:center}.contact-info i{width:45px;height:45px;border-radius:50%;background:#dff4f5;color:var(--teal);display:grid;place-items:center}.contact-info small{display:block;color:var(--muted)}.contact-info strong{display:block}.contact-form{background:#fff;padding:35px;box-shadow:0 15px 40px rgba(13,50,80,.08)}.form-control{border:1px solid #d7e0e7;padding:14px 15px;border-radius:4px}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 .2rem rgba(17,152,161,.12)}.form-message{margin-top:15px;font-weight:700;color:var(--teal)}
.footer{background:#031e3e;color:#c9d7e5;padding:70px 0 20px}.footer-logo{width:260px;height:75px;object-fit:contain;object-position:left center;background:#fff;padding:4px;margin-bottom:15px}.footer p{max-width:420px}.footer h5{color:#fff;margin-bottom:18px}.footer a{display:block;color:#b9c9d8;text-decoration:none;margin:8px 0}.footer a:hover{color:#6de0e2}.socials{display:flex;gap:8px}.socials a{width:40px;height:40px;border:1px solid #36516c;display:grid;place-items:center;border-radius:4px}.footer-bottom{border-top:1px solid #1c3853;margin-top:45px;padding-top:18px;display:flex;justify-content:space-between;font-size:.85rem}
@media(max-width:991px){.brand-logo{height:55px}.navbar{min-height:70px}.hero{margin-top:70px}.hero-carousel,.hero-slide{min-height:700px}.hero-stats{gap:18px}.cta-box{flex-direction:column;align-items:flex-start}}
@media(max-width:575px){.section-padding{padding:75px 0}.about-card{padding:30px}.hero h1{font-size:2.7rem}.hero-stats{display:grid;grid-template-columns:1fr 1fr 1fr}.hero-stats div{padding-left:9px}.cta-box{padding:35px 25px}.footer-bottom{flex-direction:column;gap:8px}}