*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#030303;color:#fff}
a{text-decoration:none;color:inherit}
.topbar{height:55px;background:#050505;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between}
.top-info{display:flex;gap:30px;padding-left:30px;font-size:15px;color:#eee}
.quote-top{height:55px;background:#e20f17;display:flex;align-items:center;padding:0 38px;font-weight:900;letter-spacing:.4px}
.header{height:150px;background:#030303;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #111;position:sticky;top:0;z-index:50}
.logo-card{background:#fff;border-radius:6px;padding:10px 18px;display:flex;align-items:center;box-shadow:0 0 20px rgba(255,255,255,.14)}
.logo-card img{height:105px;width:auto;max-width:430px;object-fit:contain;display:block}
nav{display:flex;gap:30px;font-size:14px;font-weight:900}
nav a{position:relative;padding:52px 0}
nav a.active,nav a:hover{color:#e20f17}
nav a.active:after,nav a:hover:after{content:"";position:absolute;bottom:40px;left:0;width:42px;height:3px;background:#e20f17}
.hero{min-height:720px;background:linear-gradient(90deg,rgba(0,0,0,.95),rgba(0,0,0,.58),rgba(0,0,0,.18)),url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=1900&q=90') center/cover no-repeat;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;padding:50px 34px;position:relative}
.hero:after{content:"MSC";position:absolute;right:210px;bottom:170px;font-size:88px;letter-spacing:18px;font-weight:900;color:rgba(255,255,255,.76);text-shadow:0 6px 20px #000}
.hero-left{position:relative;z-index:2;max-width:750px}
.hero h1{font-size:78px;line-height:.95;text-transform:uppercase;font-weight:1000;letter-spacing:-1px}
.hero h1 span{color:#e20f17}
.hero p{font-size:22px;line-height:1.45;margin-top:26px;max-width:610px}
.hero strong{display:block;font-size:24px;margin-top:22px}
.main-btn{display:inline-block;margin-top:30px;background:#e20f17;padding:18px 32px;border-radius:4px;font-weight:900}
.quote-form{position:relative;z-index:3;background:rgba(5,5,5,.88);border:1px solid #555;border-radius:8px;padding:28px;max-width:435px;justify-self:end;box-shadow:0 12px 40px rgba(0,0,0,.75)}
.quote-form h2{font-size:27px;margin-bottom:18px}
.quote-form h2:after{content:"";display:block;width:70px;height:3px;background:#e20f17;margin-top:8px}
.quote-form input,.quote-form textarea,.quote-form select{width:100%;background:#070707;border:1px solid #666;color:#fff;padding:13px;border-radius:4px;margin-bottom:12px;font-size:14px}
.quote-form textarea{height:70px;resize:none}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quote-form button{width:100%;background:#e20f17;border:0;color:#fff;padding:18px;border-radius:4px;font-size:17px;font-weight:900}
.quick{height:115px;background:#030303;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111;border-bottom:1px solid #222}
.quick div{display:flex;align-items:center;justify-content:center;gap:24px;border-right:1px solid #444}
.quick div:last-child{border-right:0}
.quick span{font-size:44px;color:#e20f17}
.quick b{font-size:19px;line-height:1.35}
.partners{background:#f8f8f8;color:#000;padding:28px 0 34px;overflow:hidden}
.partners h2{text-align:center;font-size:17px;display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:20px;font-weight:1000}
.partners h2 span{display:inline-block;width:72px;height:2px;background:#e20f17}
.logo-slider{overflow:hidden}
.logo-track{display:inline-flex;white-space:nowrap;animation:slide 18s linear infinite}
.carrier{height:76px;min-width:245px;border-left:1px solid #bbb;background:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:1000;letter-spacing:-1px}
.carrier:first-child{border-left:0}
.msc{font-size:50px;color:#000}
.hapag{color:#153b86}
.cma{color:#193573}
.maersk{color:#111}
.oocl{color:#d71920}
.zim{color:#17448c}
.carrier:before{content:"";width:34px;height:34px;border-radius:6px;background:#e20f17;margin-right:12px}
.msc:before{display:none}
.hapag:before{background:#153b86;clip-path:polygon(0 50%,35% 0,100% 0,65% 50%,100% 100%,35% 100%)}
.cma:before{background:transparent;border:5px solid #e20f17;border-left-color:transparent;border-right-color:transparent;border-radius:50%}
.maersk:before{background:#32aee7}
.oocl:before{background:#d71920;border-radius:50%}
.zim:before{background:#17448c}
@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.services{background:#050505;padding:42px 38px 28px}
.services h2{font-size:32px;margin-bottom:20px}
.services h2:after{content:"";display:block;width:60px;height:4px;background:#e20f17;margin-top:6px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.service-grid article{background:#0b0b0b;border:1px solid #262626;border-radius:5px;overflow:hidden;box-shadow:0 0 25px #000}
.service-img{height:230px;background-size:cover;background-position:center}
.ship{background-image:url('https://images.unsplash.com/photo-1519003722824-194d4455a60c?auto=format&fit=crop&w=900&q=85')}
.cars{background-image:url('https://images.unsplash.com/photo-1591768793355-74d04bb6608f?auto=format&fit=crop&w=900&q=85')}
.freight{background-image:url('https://images.unsplash.com/photo-1578575437130-527eed3abbec?auto=format&fit=crop&w=900&q=85')}
.service-info{display:flex;align-items:center;gap:18px;padding:18px}
.service-icon{width:78px;height:78px;background:#e20f17;display:flex;align-items:center;justify-content:center;font-size:38px;flex-shrink:0}
.service-info h3{font-size:22px;margin-bottom:8px}
.service-info p{font-size:14px;color:#ddd;line-height:1.55}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:0 42px;border-top:1px solid #262626;border-bottom:1px solid #262626}
.stats div{text-align:center;padding:30px 12px;border-right:1px solid #333}
.stats div:last-child{border-right:0}
.stats span{font-size:36px;color:#e20f17}
.stats strong{display:block;color:#e20f17;font-size:42px;margin:8px 0;font-weight:1000}
.stats p{font-size:13px}
.priority{max-width:850px;margin:36px auto 55px;border:1px solid #e20f17;padding:28px 35px;display:flex;gap:35px;align-items:center;justify-content:center}
.priority b{color:#e20f17;font-size:23px}
.priority p{font-size:20px}
.about{padding:55px 42px;background:#080808;border-top:1px solid #181818}
.about h2{font-size:38px;margin-bottom:12px}
.about p{max-width:800px;color:#ddd;line-height:1.7}
footer{background:#020202;text-align:center;padding:40px;border-top:1px solid #222;color:#aaa}
footer img{height:120px;max-width:420px;object-fit:contain;background:#fff;border-radius:6px;padding:10px;margin-bottom:12px}
@media(max-width:900px){
.topbar,.header{height:auto;display:block;padding:12px 18px}.top-info{display:block;padding:0}.top-info span{display:block;margin:6px 0}.quote-top{display:inline-flex;height:auto;margin-top:8px}.logo-card img{height:90px;max-width:100%}nav{flex-wrap:wrap;gap:15px;margin-top:12px}.hero{grid-template-columns:1fr;min-height:auto;padding:40px 20px}.hero h1{font-size:45px}.hero:after{font-size:40px;right:20px;bottom:330px}.quote-form{justify-self:stretch;max-width:100%}.two{grid-template-columns:1fr}.quick,.service-grid,.stats{grid-template-columns:1fr;height:auto}.quick div{padding:22px}.carrier{min-width:200px;font-size:25px}.priority{display:block;margin:25px 20px}.services{padding:30px 20px}}