<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Royal Global Energy</title>
	<atom:link href="https://royalglobalenergy.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://royalglobalenergy.com</link>
	<description>Royal Global Energy provides reliable, high-quality supply solutions for petroleum and petrochemical products. We offer flexible spot and term contracts.</description>
	<lastBuildDate>Thu, 20 Aug 2026 06:08:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://royalglobalenergy.com/storage/2026/05/RoyalGlobalEnergy-Logo-150x150.png</url>
	<title>Royal Global Energy</title>
	<link>https://royalglobalenergy.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Logistics</title>
		<link>https://royalglobalenergy.com/logistics/</link>
		
		<dc:creator><![CDATA[Royal-Core-Dev]]></dc:creator>
		<pubDate>Wed, 19 Aug 2026 10:00:04 +0000</pubDate>
				<category><![CDATA[SHIPPING & CHARTERING]]></category>
		<category><![CDATA[Logistics]]></category>
		<guid isPermaLink="false">https://royalglobalenergy.com/?p=31499</guid>

					<description><![CDATA[Logistics is the process of planning, managing, transporting, storing, and delivering goods from their origin to their final destination — connecting manufacturers, suppliers, traders, ports, warehouses, and customers across international markets.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="31499" class="elementor elementor-31499" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-aad2505 e-con-full wd-section-stretch e-flex e-con e-parent" data-id="aad2505" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-3960b9c elementor-widget elementor-widget-html" data-id="3960b9c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Logistics Guide: Global Shipping, Freight &amp; Supply Chain</title>
<meta name="description" content="Logistics explained: sea, road, air &amp; rail freight, costs, and supply-chain technology. Get a clear guide to global shipping — then talk to our team.">
<link rel="canonical" href="https://www.royalglobalenergy.com/blog/logistics-global-shipping-freight/">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">

<!-- Article Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Logistics: The Complete Guide to Global Shipping, Freight & Supply Chain",
  "description": "Learn how logistics works, including global shipping, freight, transportation, cargo tracking, supply chains, costs, and international logistics solutions.",
  "author": { "@type": "Organization", "name": "Royal Global Energy" },
  "publisher": { "@type": "Organization", "name": "Royal Global Energy" },
  "mainEntityOfPage": "https://www.royalglobalenergy.com/blog/logistics-global-shipping-freight/",
  "image": "https://www.royalglobalenergy.com/images/global-logistics-cargo-transportation.jpg"
}
</script>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "What is logistics?",
      "acceptedAnswer": { "@type": "Answer", "text": "Logistics is the process of planning, managing, transporting, storing, and delivering goods from their point of origin to their final destination, including the information flow needed to coordinate that movement." }
    },
    {
      "@type": "Question",
      "name": "What are the main types of logistics transportation?",
      "acceptedAnswer": { "@type": "Answer", "text": "The four main modes are sea freight, road freight, air freight, and rail freight. Each is suited to different cargo types, budgets, and delivery timelines." }
    },
    {
      "@type": "Question",
      "name": "Why is logistics important for international trade?",
      "acceptedAnswer": { "@type": "Answer", "text": "Logistics affects cost, delivery time, inventory, and customer satisfaction. Poor logistics can cause delays, damaged cargo, customs problems, and lost business, so efficient logistics is central to competitive global trade." }
    },
    {
      "@type": "Question",
      "name": "What affects logistics costs?",
      "acceptedAnswer": { "@type": "Answer", "text": "Logistics costs depend on cargo type, weight and volume, origin and destination, shipping method, fuel prices, freight rates, port charges, customs duties, insurance, storage, packaging, and delivery distance." }
    },
    {
      "@type": "Question",
      "name": "How much of global trade moves by sea freight?",
      "acceptedAnswer": { "@type": "Answer", "text": "According to UN Trade and Development (UNCTAD), maritime transport carries more than 80% of goods traded worldwide by volume, making sea freight the backbone of international logistics." }
    },
    {
      "@type": "Question",
      "name": "How do I choose a logistics partner?",
      "acceptedAnswer": { "@type": "Answer", "text": "Evaluate international coverage, freight rates, transit time, port network, cargo tracking, customs expertise, insurance options, handling capabilities, documentation, and reliability — not price alone." }
    }
  ]
}
</script>

<style>
  /* Everything below is scoped under .lg-scope so it can never leak out
     onto a header, banner, or any other element outside this block. */
  .lg-scope{
    --lg-bg:#F5F7F9;
    --lg-card:#FFFFFF;
    --lg-heading:#0F1E33;
    --lg-accent:#1A2FEE;
    --lg-accent-tint:#E9EBFD;
    --lg-body:#3D3D3D;
    --lg-muted:#6E7887;
    --lg-hairline:#DDE2E8;
    --lg-radius:2px;

    position:relative;
    isolation:isolate;
    z-index:0;
    overflow:hidden;
    margin:0;
    background:var(--lg-bg);
    color:var(--lg-body);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .lg-scope *{ box-sizing:border-box; }

  @media (prefers-reduced-motion: reduce){
    .lg-scope *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }

  .lg-scope h1, .lg-scope h2, .lg-scope h3, .lg-scope h4{font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:0.01em; margin:0; color:var(--lg-heading);}
  .lg-scope .lg-mono{font-family:'IBM Plex Mono',monospace;}
  .lg-scope a:not(.lg-btn){color:var(--lg-accent);}
  .lg-scope ::selection{background:var(--lg-accent); color:#fff;}
  .lg-scope :focus-visible{ outline:2px solid var(--lg-accent); outline-offset:3px; }
  .lg-scope strong{ color:var(--lg-heading); }

  .lg-wrap{max-width:1100px; margin:0 auto; padding:0 32px;}
  @media (max-width:640px){ .lg-wrap{padding:0 20px;} }

  .lg-eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--lg-accent);
    display:flex; align-items:center; gap:10px;
  }
  .lg-eyebrow::before{content:''; width:22px; height:1px; background:var(--lg-accent);}

  /* ================= HERO ================= */
  .lg-hero{
    position:relative; z-index:1;
    padding:80px 32px 90px;
    max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;
  }
  @media (max-width:900px){ .lg-hero{grid-template-columns:1fr; padding:60px 20px 50px; gap:44px;} }

  .lg-hero h1{
    font-size:clamp(38px,5.4vw,60px);
    line-height:1.02;
    text-transform:uppercase;
    color:var(--lg-heading);
  }
  .lg-hero h1 .lg-accent-text{ color:var(--lg-accent); }
  .lg-hero-sub{ margin-top:24px; font-size:17px; color:var(--lg-muted); max-width:48ch; }
  .lg-hero-meta{ margin-top:34px; display:flex; gap:28px; flex-wrap:wrap; }
  .lg-hero-meta div{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--lg-muted); text-transform:uppercase; letter-spacing:0.08em;}
  .lg-hero-meta span{display:block; color:var(--lg-accent); font-size:20px; margin-top:4px; font-weight:600; font-family:'Inter',sans-serif;}

  .lg-cta-row{ margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;}
  .lg-btn{
    font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:0.05em; text-transform:uppercase;
    padding:14px 26px; border-radius:var(--lg-radius); text-decoration:none;
    display:inline-flex; align-items:center; gap:10px; cursor:pointer; border:1px solid transparent;
    transition:transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .lg-scope .lg-btn-primary{ background:var(--lg-accent); color:#fff; font-weight:600;}
  .lg-scope .lg-btn-primary:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(26,47,238,0.4);}
  .lg-scope .lg-btn-ghost{ border-color:var(--lg-hairline); color:var(--lg-heading);}
  .lg-scope .lg-btn-ghost:hover{ border-color:var(--lg-accent); color:var(--lg-accent);}

  /* ---- hero visual: route map ---- */
  .lg-hero-visual{ position:relative; z-index:1; height:380px; }
  .lg-route-svg{ width:100%; height:100%; overflow:visible; }
  .lg-route-line{ stroke-dasharray:8 7; animation:lg-dash 1.4s linear infinite; }
  @keyframes lg-dash{ to{ stroke-dashoffset:-30; } }
  .lg-route-dot{ animation:lg-blip 2.2s ease-in-out infinite; }
  .lg-route-dot:nth-child(2){ animation-delay:0.5s; }
  .lg-route-dot:nth-child(3){ animation-delay:1s; }
  @keyframes lg-blip{ 0%,100%{ opacity:0.35; r:4; } 50%{ opacity:1; r:6; } }

  /* ================= SECTION SHARED ================= */
  .lg-scope section{ position:relative; z-index:1; padding:90px 0; border-top:1px solid var(--lg-hairline); }
  .lg-scope section.lg-no-line{ border-top:none; }
  .lg-section-head{ margin-bottom:56px; max-width:64ch; }
  .lg-section-head h2{ font-size:clamp(30px,4.2vw,44px); margin-top:14px; text-transform:uppercase; }
  .lg-section-head p{ color:var(--lg-muted); margin-top:16px; font-size:16px; }

  .lg-reveal{ opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
  .lg-reveal.lg-in{ opacity:1; transform:translateY(0); }

  /* ================= DEFINITION QUOTE ================= */
  .lg-quote{
    border-left:3px solid var(--lg-accent); padding:8px 0 8px 26px; margin:36px 0 0;
    font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:clamp(20px,2.6vw,28px);
    color:var(--lg-heading); line-height:1.3; text-transform:none;
  }

  /* ================= FLOW DIAGRAM (signature) ================= */
  .lg-flow-panel{ background:var(--lg-card); border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); padding:44px 36px; overflow-x:auto; }
  @media (max-width:640px){ .lg-flow-panel{ padding:28px 20px; } }
  .lg-flow-title{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px; margin-bottom:34px;}
  .lg-flow-title h3{ font-size:22px; text-transform:uppercase; }
  .lg-flow-title .lg-hint{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--lg-muted); }
  .lg-flow{ display:flex; align-items:center; min-width:760px; }
  .lg-flow-step{ display:flex; flex-direction:column; align-items:center; flex-shrink:0; width:100px; text-align:center; }
  .lg-flow-step .lg-node{
    width:44px; height:44px; border-radius:50%; background:var(--lg-accent-tint); border:1.5px solid var(--lg-accent);
    display:flex; align-items:center; justify-content:center; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--lg-accent); font-weight:600;
  }
  .lg-flow-step .lg-flabel{ margin-top:10px; font-size:11.5px; color:var(--lg-heading); font-weight:600; line-height:1.25; }
  .lg-flow-connector{ flex:1; height:2px; background:repeating-linear-gradient(90deg, var(--lg-accent) 0 6px, transparent 6px 13px); margin:0 -2px 26px; min-width:24px; }

  /* ================= TYPE GRID ================= */
  .lg-type-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--lg-hairline); border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); overflow:hidden;}
  @media (max-width:720px){ .lg-type-grid{ grid-template-columns:1fr; } }
  .lg-type-card{ background:var(--lg-card); padding:38px 34px; transition:background 0.25s ease; position:relative;}
  .lg-type-card:hover{ background:var(--lg-accent-tint); }
  .lg-type-card .lg-num{ font-family:'IBM Plex Mono',monospace; color:var(--lg-accent); font-size:13px; letter-spacing:0.1em;}
  .lg-type-card h3{ font-size:26px; text-transform:uppercase; margin-top:10px; }
  .lg-type-card p{ color:var(--lg-muted); font-size:14.5px; margin-top:12px; }
  .lg-type-card .lg-tags{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
  .lg-type-card .lg-tags span{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--lg-body); border:1px solid var(--lg-hairline); padding:4px 9px; border-radius:20px; text-transform:uppercase; letter-spacing:0.04em; background:var(--lg-bg);}

  /* ================= STAT STRIP ================= */
  .lg-stat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--lg-hairline); border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); overflow:hidden; }
  @media (max-width:720px){ .lg-stat-grid{ grid-template-columns:1fr; } }
  .lg-stat-card{ background:var(--lg-card); padding:36px 30px; }
  .lg-stat-num{ font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(34px,4vw,48px); color:var(--lg-accent); line-height:1; }
  .lg-stat-label{ margin-top:12px; font-size:14px; color:var(--lg-body); }
  .lg-stat-src{ margin-top:10px; font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--lg-muted); text-transform:uppercase; letter-spacing:0.04em; }

  /* ================= FACTOR CHIPS / TAGS ================= */
  .lg-factor-strip{ display:flex; flex-wrap:wrap; gap:14px; }
  .lg-factor-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:12px 20px; border:1px solid var(--lg-hairline);
    border-radius:30px; color:var(--lg-body); background:var(--lg-card); transition:all 0.2s ease; cursor:default;
  }
  .lg-factor-chip:hover{ border-color:var(--lg-accent); color:var(--lg-accent); transform:translateY(-2px); }

  /* ================= TWO COLUMN (why it matters) ================= */
  .lg-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
  @media (max-width:760px){ .lg-two-col{ grid-template-columns:1fr; } }
  .lg-panel{ border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); padding:30px 28px; background:var(--lg-card); }
  .lg-panel h4{ font-size:20px; text-transform:uppercase; }
  .lg-panel ul{ margin:16px 0 0; padding:0; list-style:none; }
  .lg-panel li{ font-size:14.5px; color:var(--lg-body); padding:8px 0; border-top:1px solid var(--lg-hairline); display:flex; gap:9px; align-items:flex-start; }
  .lg-panel li:first-child{ border-top:none; }
  .lg-panel li::before{ content:''; width:6px; height:6px; border-radius:50%; background:var(--lg-accent); margin-top:7px; flex-shrink:0; }
  .lg-panel.lg-warn li::before{ background:#B0392A; }

  /* ================= ENERGY PRODUCTS ================= */
  .lg-product-strip{ display:flex; flex-wrap:wrap; gap:12px; }
  .lg-product-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:11px 18px; border:1px solid var(--lg-accent);
    border-radius:6px; color:var(--lg-accent); background:var(--lg-accent-tint); text-decoration:none; transition:all 0.2s ease;
  }
  .lg-product-chip:hover{ background:var(--lg-accent); color:#fff; }

  /* ================= TECH GRID ================= */
  .lg-tech-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--lg-hairline); border:1px solid var(--lg-hairline);}
  @media (max-width:960px){ .lg-tech-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .lg-tech-grid{ grid-template-columns:1fr; } }
  .lg-tech-item{ background:var(--lg-card); padding:28px 24px; }
  .lg-tech-item h4{ font-family:'Barlow Condensed',sans-serif; font-size:18px; text-transform:uppercase; color:var(--lg-heading); font-weight:600; margin:0;}
  .lg-tech-item .lg-bar{ width:26px; height:3px; background:var(--lg-accent); margin-bottom:14px; }

  /* ================= CHECKLIST ================= */
  .lg-checklist{ display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
  @media (max-width:640px){ .lg-checklist{ grid-template-columns:1fr; } }
  .lg-check-item{ display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-bottom:1px solid var(--lg-hairline); }
  .lg-check-item .lg-mark{
    width:22px; height:22px; border:1px solid var(--lg-accent); border-radius:4px; flex-shrink:0; margin-top:2px;
    display:flex; align-items:center; justify-content:center; color:var(--lg-accent); font-size:13px; line-height:1;
  }
  .lg-check-item span{ font-size:15px; color:var(--lg-heading); }
  .lg-checklist-note{ margin-top:22px; font-size:14px; color:var(--lg-muted); background:var(--lg-accent-tint); padding:16px 20px; border-radius:var(--lg-radius); }

  /* ================= TRENDS ================= */
  .lg-trend-strip{ display:flex; flex-wrap:wrap; gap:14px; }
  .lg-trend-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:12px 20px; border:1px solid var(--lg-hairline);
    border-radius:30px; color:var(--lg-body); background:var(--lg-card); transition:all 0.2s ease; cursor:default;
  }
  .lg-trend-chip:hover{ border-color:var(--lg-accent); color:var(--lg-accent); transform:translateY(-2px); }

  /* ================= FAQ ================= */
  .lg-faq{ border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); overflow:hidden; background:var(--lg-card); }
  .lg-faq-item{ border-top:1px solid var(--lg-hairline); }
  .lg-faq-item:first-child{ border-top:none; }
  .lg-faq-item summary{
    padding:22px 26px; cursor:pointer; font-family:'Barlow Condensed',sans-serif; font-weight:600; font-size:18px;
    color:var(--lg-heading); list-style:none; display:flex; justify-content:space-between; align-items:center; gap:16px;
  }
  .lg-faq-item summary::-webkit-details-marker{ display:none; }
  .lg-faq-item summary::after{ content:'+'; font-family:'IBM Plex Mono',monospace; font-size:20px; color:var(--lg-accent); flex-shrink:0; transition:transform 0.2s ease; }
  .lg-faq-item[open] summary::after{ transform:rotate(45deg); }
  .lg-faq-item .lg-faq-a{ padding:0 26px 24px; color:var(--lg-body); font-size:14.5px; max-width:70ch; }

  /* ================= SOURCES ================= */
  .lg-sources{ display:flex; flex-wrap:wrap; gap:12px; }
  .lg-source-chip{
    font-family:'IBM Plex Mono',monospace; font-size:12.5px; padding:10px 16px; border:1px solid var(--lg-hairline);
    border-radius:6px; color:var(--lg-accent); background:var(--lg-card); text-decoration:none; transition:all 0.2s ease;
  }
  .lg-source-chip:hover{ border-color:var(--lg-accent); background:var(--lg-accent-tint); }

  /* ================= INTERNAL LINKS ================= */
  .lg-link-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  @media (max-width:720px){ .lg-link-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width:480px){ .lg-link-grid{ grid-template-columns:1fr; } }
  .lg-link-card{
    border:1px solid var(--lg-hairline); border-radius:var(--lg-radius); padding:16px 18px; text-decoration:none;
    background:var(--lg-card); color:var(--lg-heading); font-size:14px; font-weight:600; transition:all 0.2s ease; display:flex; align-items:center; justify-content:space-between;
  }
  .lg-link-card:hover{ border-color:var(--lg-accent); color:var(--lg-accent); }

  /* ================= CTA ================= */
  .lg-cta-block{
    text-align:center; padding:80px 40px; background:var(--lg-accent-tint);
    border:1px solid var(--lg-hairline); border-radius:var(--lg-radius);
  }
  .lg-cta-block h2{ font-size:clamp(28px,4.6vw,44px); text-transform:uppercase; margin-top:14px;}
  .lg-cta-block p{ color:var(--lg-muted); max-width:56ch; margin:16px auto 0; }
  .lg-cta-block .lg-cta-row{ justify-content:center; margin-top:34px; }

  .lg-byline{ margin-top:26px; font-size:13.5px; color:var(--lg-muted); max-width:56ch; }
</style>
</head>
<body>

<div class="lg-scope">
<main>

  <!-- ================= HERO ================= -->
  <section class="lg-hero lg-no-line" style="border-top:none;">
    <div>
      <div class="lg-eyebrow">Global Trade &amp; Supply Chain</div>
      <h1>Logistics: The Complete Guide to Global Shipping, Freight &amp; Supply Chain</h1>
      <p class="lg-hero-sub"><strong>Logistics</strong> is the process of planning, managing, transporting, storing, and delivering goods from their origin to their final destination — connecting manufacturers, suppliers, traders, ports, warehouses, and customers across international markets.</p>
      <div class="lg-hero-meta">
        <div>Sea Freight Share<span>80%+ of trade</span></div>
        <div>Global Trade 2025<span>$35T+</span></div>
        <div>2024 Port Traffic<span>~920M TEU</span></div>
      </div>
      <div class="lg-cta-row">
        <a href="#lg-partner" class="lg-btn lg-btn-primary">Choosing a Partner ↓</a>
        <a href="#lg-types" class="lg-btn lg-btn-ghost">Browse Freight Types</a>
      </div>
    </div>
    <div class="lg-hero-visual">
      <svg class="lg-route-svg" viewBox="0 0 320 380" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Global logistics and international cargo transportation">
        <path d="M40 90 Q160 30 280 100 Q220 200 160 190 Q100 180 60 260 Q140 320 260 300" class="lg-route-line" stroke="#1A2FEE" stroke-width="2.5" fill="none" stroke-linecap="round"/>
        <circle class="lg-route-dot" cx="40" cy="90" r="5" fill="#0F1E33"/>
        <circle class="lg-route-dot" cx="160" cy="190" r="5" fill="#1A2FEE"/>
        <circle class="lg-route-dot" cx="260" cy="300" r="5" fill="#0F1E33"/>
        <text x="40" y="75" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="11" fill="#0F1E33" letter-spacing="1">ORIGIN</text>
        <text x="160" y="210" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="11" fill="#0F1E33" letter-spacing="1">PORT / CUSTOMS</text>
        <text x="260" y="320" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="11" fill="#0F1E33" letter-spacing="1">DESTINATION</text>
      </svg>
    </div>
  </section>

  <!-- ================= WHAT IS LOGISTICS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Fundamentals</div>
        <h2>What is logistics?</h2>
        <p><strong>Logistics</strong> involves managing the physical movement of products and the information required to move them efficiently. A typical international logistics process moves through several linked stages before goods reach the customer.</p>
      </div>
      <div class="lg-flow-panel">
        <div class="lg-flow-title">
          <h3>The International Logistics Chain</h3>
          <div class="lg-hint">Supplier → Delivery</div>
        </div>
        <div class="lg-flow">
          <div class="lg-flow-step"><div class="lg-node">01</div><div class="lg-flabel">Supplier</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">02</div><div class="lg-flabel">Transportation</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">03</div><div class="lg-flabel">Port</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">04</div><div class="lg-flabel">Customs</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">05</div><div class="lg-flabel">Int'l Freight</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">06</div><div class="lg-flabel">Dest. Port</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">07</div><div class="lg-flabel">Warehouse</div></div>
          <div class="lg-flow-connector"></div>
          <div class="lg-flow-step"><div class="lg-node">08</div><div class="lg-flabel">Final Delivery</div></div>
        </div>
      </div>
      <div class="lg-quote">"Deliver the right product, to the right place, at the right time, in the right condition, at the right cost."</div>
    </div>
  </section>

  <!-- ================= TYPES ================= -->
  <section id="lg-types" class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Freight Modes</div>
        <h2>Main types of logistics</h2>
        <p>Choosing the right transportation mode is one of the most important <strong>logistics</strong> decisions a business makes.</p>
      </div>
      <div class="lg-type-grid">
        <div class="lg-type-card">
          <div class="lg-num">01 / Sea Freight</div>
          <h3>Sea Freight</h3>
          <p>One of the most important methods of international transportation, particularly for large and heavy shipments like petroleum products, chemicals, and bulk commodities.</p>
          <div class="lg-tags"><span>Bulk Commodities</span><span>Containers</span><span>Petroleum</span></div>
        </div>
        <div class="lg-type-card">
          <div class="lg-num">02 / Road Freight</div>
          <h3>Road Freight</h3>
          <p>Connects ports, warehouses, factories, and customers — essential for domestic distribution, cross-border transport, and last-mile delivery.</p>
          <div class="lg-tags"><span>Last-Mile</span><span>Cross-Border</span></div>
        </div>
        <div class="lg-type-card">
          <div class="lg-num">03 / Air Freight</div>
          <h3>Air Freight</h3>
          <p>Used when speed matters more than cost — suited to high-value products, urgent shipments, electronics, pharmaceuticals, and time-sensitive cargo.</p>
          <div class="lg-tags"><span>High-Value</span><span>Time-Sensitive</span></div>
        </div>
        <div class="lg-type-card">
          <div class="lg-num">04 / Rail Freight</div>
          <h3>Rail Freight</h3>
          <p>Moves large volumes of cargo over long distances across major trade corridors, balancing capacity, speed, and cost.</p>
          <div class="lg-tags"><span>Long-Haul</span><span>High Volume</span></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= WHY LOGISTICS MATTERS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Impact</div>
        <h2>Why is logistics important?</h2>
        <p>Efficient <strong>logistics</strong> can directly affect a company's cost, delivery time, inventory, and competitiveness.</p>
      </div>
      <div class="lg-factor-strip" style="margin-bottom:30px;">
        <div class="lg-factor-chip">Cost</div>
        <div class="lg-factor-chip">Delivery Time</div>
        <div class="lg-factor-chip">Customer Satisfaction</div>
        <div class="lg-factor-chip">Inventory</div>
        <div class="lg-factor-chip">Competitiveness</div>
      </div>
      <div class="lg-two-col">
        <div class="lg-panel lg-warn">
          <h4>What Poor Logistics Causes</h4>
          <ul>
            <li>Delivery delays</li>
            <li>Higher transportation costs</li>
            <li>Damaged cargo</li>
            <li>Customs problems</li>
            <li>Inventory shortages</li>
            <li>Lost business opportunities</li>
          </ul>
        </div>
        <div class="lg-panel">
          <h4>What The LPI Measures</h4>
          <p style="font-size:14px; color:var(--lg-muted); margin:2px 0 0;">The <a href="https://lpi.worldbank.org/en/home" target="_blank" rel="noopener">World Bank's Logistics Performance Index</a> evaluates:</p>
          <ul>
            <li>Customs efficiency</li>
            <li>Infrastructure quality</li>
            <li>Ease of arranging shipments</li>
            <li>Logistics service quality</li>
            <li>Tracking &amp; tracing</li>
            <li>Delivery reliability</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= GLOBAL TRADE STATS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Scale</div>
        <h2>Global logistics &amp; international trade</h2>
        <p>Global trade reached <strong>more than $35 trillion in 2025</strong>, underscoring the scale of goods and services moving through international <strong>logistics</strong> networks every day.</p>
      </div>
      <div class="lg-stat-grid">
        <div class="lg-stat-card">
          <div class="lg-stat-num">80%+</div>
          <div class="lg-stat-label">of goods traded worldwide by volume move by maritime transport</div>
          <div class="lg-stat-src">UN Trade and Development</div>
        </div>
        <div class="lg-stat-card">
          <div class="lg-stat-num">920M</div>
          <div class="lg-stat-label">TEUs of container traffic handled by ports worldwide in 2024</div>
          <div class="lg-stat-src">UN Trade and Development</div>
        </div>
        <div class="lg-stat-card">
          <div class="lg-stat-num">$35T+</div>
          <div class="lg-stat-label">total value of global trade reached in 2025</div>
          <div class="lg-stat-src">UN Trade and Development</div>
        </div>
      </div>
      <p style="margin-top:20px; color:var(--lg-muted); font-size:14px;">A small delay at one stage — sourcing, documentation, freight, customs, storage, or delivery — can affect the entire supply chain.</p>
    </div>
  </section>

  <!-- ================= COST FACTORS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Procurement</div>
        <h2>What affects logistics costs?</h2>
        <p>International <strong>logistics costs</strong> depend on several factors, and for commodity trading, freight and handling costs can significantly influence the final delivered price.</p>
      </div>
      <div class="lg-factor-strip">
        <div class="lg-factor-chip">Cargo Type</div>
        <div class="lg-factor-chip">Weight &amp; Volume</div>
        <div class="lg-factor-chip">Origin &amp; Destination</div>
        <div class="lg-factor-chip">Shipping Method</div>
        <div class="lg-factor-chip">Fuel Prices</div>
        <div class="lg-factor-chip">Freight Rates</div>
        <div class="lg-factor-chip">Port Charges</div>
        <div class="lg-factor-chip">Customs Duties</div>
        <div class="lg-factor-chip">Insurance</div>
        <div class="lg-factor-chip">Storage</div>
        <div class="lg-factor-chip">Packaging</div>
        <div class="lg-factor-chip">Delivery Distance</div>
      </div>
    </div>
  </section>

  <!-- ================= ENERGY & PETROLEUM LOGISTICS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Specialized Cargo</div>
        <h2>Logistics for energy &amp; petroleum products</h2>
        <p>For petroleum products and energy commodities, <strong>logistics</strong> requires additional attention to cargo specifications, safety, storage, documentation, vessel compatibility, and regulatory requirements. The strategy should be designed around the specific product and destination, not a one-size-fits-all approach.</p>
      </div>
      <div class="lg-product-strip">
        <a href="/blog/bitumen-types-grades-uses/" class="lg-product-chip">Bitumen</a>
        <a href="/blog/fuel-oil-types-grades-uses/" class="lg-product-chip">Fuel Oil</a>
        <a href="/blog/fuel-oil-types-grades-uses/" class="lg-product-chip">VLSFO</a>
        <span class="lg-product-chip" style="cursor:default;">Sulphur</span>
        <span class="lg-product-chip" style="cursor:default;">LPG</span>
        <span class="lg-product-chip" style="cursor:default;">Naphtha</span>
        <span class="lg-product-chip" style="cursor:default;">Base Oil</span>
      </div>
    </div>
  </section>

  <!-- ================= TECHNOLOGY ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Digitalization</div>
        <h2>Technology in modern logistics</h2>
        <p>Modern <strong>logistics</strong> increasingly relies on digital tracking and real-time data. The World Bank notes that end-to-end supply-chain digitalization can significantly reduce port delays, particularly in emerging economies.</p>
      </div>
      <div class="lg-tech-grid">
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>GPS Tracking</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Cargo Tracking Systems</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Digital Documentation</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Warehouse Management</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Fleet Management</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Automated Notifications</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>Data Analytics</h4></div>
        <div class="lg-tech-item"><div class="lg-bar"></div><h4>AI-Based Optimization</h4></div>
      </div>
    </div>
  </section>

  <!-- ================= CHOOSING A PARTNER ================= -->
  <section id="lg-partner" class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Decision Guide</div>
        <h2>How to choose a logistics partner</h2>
        <p>Before selecting a <strong>logistics</strong> provider, consider the following.</p>
      </div>
      <div class="lg-checklist">
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>International coverage</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Freight rates</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Transit time</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Port network</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Cargo tracking</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Customs expertise</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Insurance options</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Handling capabilities</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Documentation</span></div>
        <div class="lg-check-item"><div class="lg-mark">✓</div><span>Reliability</span></div>
      </div>
      <div class="lg-checklist-note"><strong>A low freight price is not always the lowest total logistics cost.</strong> Reliability, delays, storage, handling, and customs issues can have a much larger impact on the final cost.</div>
    </div>
  </section>

  <!-- ================= FUTURE TRENDS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Outlook</div>
        <h2>The future of logistics</h2>
        <p>As global trade becomes more interconnected and complex, companies increasingly need <strong>logistics</strong> systems that are faster, more transparent, flexible, and reliable.</p>
      </div>
      <div class="lg-trend-strip">
        <div class="lg-trend-chip">Digital Tracking</div>
        <div class="lg-trend-chip">AI &amp; Automation</div>
        <div class="lg-trend-chip">Green Logistics</div>
        <div class="lg-trend-chip">Multimodal Transportation</div>
        <div class="lg-trend-chip">Supply Chain Resilience</div>
        <div class="lg-trend-chip">Real-Time Visibility</div>
      </div>
    </div>
  </section>

  <!-- ================= FAQ ================= -->
  <section id="lg-faq" class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Frequently Asked</div>
        <h2>Logistics FAQ</h2>
        <p>Quick, direct answers to the questions buyers and shippers ask most about <strong>logistics</strong>.</p>
      </div>
      <div class="lg-faq">
        <details class="lg-faq-item" open>
          <summary>What is logistics?</summary>
          <div class="lg-faq-a"><strong>Logistics is the process of planning, managing, transporting, storing, and delivering goods</strong> from their point of origin to their final destination, including the information flow needed to coordinate that movement.</div>
        </details>
        <details class="lg-faq-item">
          <summary>What are the main types of logistics transportation?</summary>
          <div class="lg-faq-a">The four main modes are <strong>sea freight, road freight, air freight, and rail freight.</strong> Each suits different cargo types, budgets, and delivery timelines — sea freight for bulk and heavy cargo, air freight for speed, road for last-mile, and rail for long-distance volume.</div>
        </details>
        <details class="lg-faq-item">
          <summary>Why is logistics important for international trade?</summary>
          <div class="lg-faq-a"><strong>Logistics directly affects cost, delivery time, inventory, and customer satisfaction.</strong> Poor logistics can cause delays, damaged cargo, customs problems, and lost business, which is why efficient logistics is central to staying competitive in global trade.</div>
        </details>
        <details class="lg-faq-item">
          <summary>What affects logistics costs?</summary>
          <div class="lg-faq-a">Logistics costs depend on <strong>cargo type, weight and volume, origin and destination, shipping method, fuel prices, freight rates, port charges, customs duties, insurance, storage, packaging, and delivery distance.</strong></div>
        </details>
        <details class="lg-faq-item">
          <summary>How much of global trade moves by sea freight?</summary>
          <div class="lg-faq-a">According to <a href="https://unctad.org/publication/review-maritime-transport-2025" target="_blank" rel="noopener">UN Trade and Development</a>, <strong>maritime transport carries more than 80% of goods traded worldwide by volume</strong>, making sea freight the backbone of international logistics.</div>
        </details>
        <details class="lg-faq-item">
          <summary>How do I choose a logistics partner?</summary>
          <div class="lg-faq-a">Evaluate <strong>international coverage, freight rates, transit time, port network, cargo tracking, customs expertise, insurance, handling capabilities, documentation, and reliability</strong> — a low freight price is not always the lowest total logistics cost.</div>
        </details>
      </div>
    </div>
  </section>

  <!-- ================= INTERNAL LINKS ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Related Reading</div>
        <h2>Explore related topics</h2>
      </div>
      <div class="lg-link-grid">
        <a class="lg-link-card" href="/blog/bitumen-types-grades-uses/">Bitumen Guide →</a>
        <a class="lg-link-card" href="/blog/fuel-oil-types-grades-uses/">Fuel Oil Guide →</a>
        <a class="lg-link-card" href="/blog/fuel-oil-types-grades-uses/">VLSFO Specifications →</a>
        <a class="lg-link-card" href="/products/sulphur/">Sulphur →</a>
        <a class="lg-link-card" href="/products/lpg/">LPG →</a>
        <a class="lg-link-card" href="/products/naphtha/">Naphtha →</a>
        <a class="lg-link-card" href="/products/petroleum-products/">Petroleum Products →</a>
        <a class="lg-link-card" href="/contact/">Contact Us →</a>
      </div>
    </div>
  </section>

  <!-- ================= SOURCES ================= -->
  <section class="lg-reveal">
    <div class="lg-wrap">
      <div class="lg-section-head">
        <div class="lg-eyebrow">Sources</div>
        <h2>References</h2>
      </div>
      <div class="lg-sources">
        <a class="lg-source-chip" href="https://unctad.org/publication/review-maritime-transport-2025" target="_blank" rel="noopener">UNCTAD — Review of Maritime Transport 2025 <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></a>
        <a class="lg-source-chip" href="https://lpi.worldbank.org/en/home" target="_blank" rel="noopener">World Bank — Logistics Performance Index <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></a>
      </div>
    </div>
  </section>

  <!-- ================= CTA ================= -->
  <section id="lg-cta" class="lg-reveal" style="padding-bottom:100px;">
    <div class="lg-wrap">
      <div class="lg-cta-block">
        <div class="lg-eyebrow" style="justify-content:center;">Need Global Logistics Support?</div>
        <h2>Cargo, freight, and delivery —<br>let's plan the route.</h2>
        <p>From cargo transportation and freight coordination to international delivery and supply-chain management, contact our commercial team to discuss your cargo, origin, destination, quantity, transportation method, and delivery requirements.</p>
        <div class="lg-cta-row">
          <a href="/contact/" class="lg-btn lg-btn-primary">Contact Commercial Team</a>
        </div>
        <p class="lg-byline">Written by the Royal Global Energy team, specializing in global logistics, energy commodities, petroleum products, international sourcing, freight coordination, and supply-chain solutions.</p>
      </div>
    </div>
  </section>

</main>
</div>

<script>
  (function(){
    var scope = document.querySelector('.lg-scope');
    if(!scope) return;

    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if(e.isIntersecting){ e.target.classList.add('lg-in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.12 });
    scope.querySelectorAll('.lg-reveal').forEach(function(el){ io.observe(el); });

    scope.querySelectorAll('a[href^="#lg-"]').forEach(function(link){
      link.addEventListener('click', function(ev){
        var target = scope.querySelector(link.getAttribute('href'));
        if(target){
          ev.preventDefault();
          target.scrollIntoView({ behavior:'smooth', block:'start' });
        }
      });
    });
  })();
</script>
</body>
</html>				</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Fuel Oil Buying Guide</title>
		<link>https://royalglobalenergy.com/fuel-oil-buying-guide/</link>
		
		<dc:creator><![CDATA[Royal-Core-Dev]]></dc:creator>
		<pubDate>Wed, 19 Aug 2026 07:33:07 +0000</pubDate>
				<category><![CDATA[fuel & feedstock]]></category>
		<category><![CDATA[Fuel]]></category>
		<category><![CDATA[Fuel Oil]]></category>
		<category><![CDATA[Fuel Oil Buying Guide]]></category>
		<guid isPermaLink="false">https://royalglobalenergy.com/?p=31463</guid>

					<description><![CDATA[Fuel Oil Buying Guide, The heavy fuel behind power plants, boilers, and the world's shipping fleet. A concise guide to grades, sulfur limits, specifications.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="31463" class="elementor elementor-31463" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-f71f2c0 e-con-full wd-section-stretch e-flex e-con e-parent" data-id="f71f2c0" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-32800a9 elementor-widget elementor-widget-html" data-id="32800a9" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fuel Oil: Types, Grades, Uses &amp; Buying Guide</title>
<meta name="description" content="Learn about fuel oil types, grades, specifications, applications, pricing factors, storage, transportation, and international procurement.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
  /* Everything below is scoped under .fo-scope so it can never leak out
     onto a header, banner, or any other element outside this block. */
  .fo-scope{
    --fo-bg:#F5F7F9;
    --fo-card:#FFFFFF;
    --fo-heading:#0F1E33;
    --fo-accent:#1A2FEE;
    --fo-accent-tint:#E9EBFD;
    --fo-body:#3D3D3D;
    --fo-muted:#6E7887;
    --fo-hairline:#DDE2E8;
    --fo-radius:2px;

    position:relative;
    isolation:isolate;
    z-index:0;
    overflow:hidden;
    margin:0;
    background:var(--fo-bg);
    color:var(--fo-body);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .fo-scope *{ box-sizing:border-box; }

  @media (prefers-reduced-motion: reduce){
    .fo-scope *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }

  .fo-scope h1, .fo-scope h2, .fo-scope h3{font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:0.01em; margin:0; color:var(--fo-heading);}
  .fo-scope .fo-mono{font-family:'IBM Plex Mono',monospace;}
  .fo-scope a:not(.fo-btn){color:var(--fo-accent);}
  .fo-scope ::selection{background:var(--fo-accent); color:#fff;}
  .fo-scope :focus-visible{ outline:2px solid var(--fo-accent); outline-offset:3px; }

  .fo-wrap{max-width:1100px; margin:0 auto; padding:0 32px;}
  @media (max-width:640px){ .fo-wrap{padding:0 20px;} }

  /* ---------- eyebrow / label ---------- */
  .fo-eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--fo-accent);
    display:flex; align-items:center; gap:10px;
  }
  .fo-eyebrow::before{content:''; width:22px; height:1px; background:var(--fo-accent);}

  /* ================= HERO ================= */
  .fo-hero{
    position:relative; z-index:1;
    padding:80px 32px 90px;
    max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;
  }
  @media (max-width:900px){ .fo-hero{grid-template-columns:1fr; padding:60px 20px 50px; gap:44px;} }

  .fo-hero h1{
    font-size:clamp(50px,7.6vw,88px);
    line-height:0.96;
    text-transform:uppercase;
    color:var(--fo-heading);
  }
  .fo-hero h1 .fo-accent-text{ color:var(--fo-accent); }
  .fo-hero-sub{
    margin-top:26px; font-size:17px; color:var(--fo-muted); max-width:46ch;
  }
  .fo-hero-meta{
    margin-top:34px; display:flex; gap:28px; flex-wrap:wrap;
  }
  .fo-hero-meta div{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--fo-muted); text-transform:uppercase; letter-spacing:0.08em;}
  .fo-hero-meta span{display:block; color:var(--fo-accent); font-size:20px; margin-top:4px; font-weight:600; font-family:'Inter',sans-serif;}

  .fo-cta-row{ margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;}
  .fo-btn{
    font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:0.05em; text-transform:uppercase;
    padding:14px 26px; border-radius:var(--fo-radius); text-decoration:none;
    display:inline-flex; align-items:center; gap:10px; cursor:pointer; border:1px solid transparent;
    transition:transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .fo-scope .fo-btn-primary{ background:var(--fo-accent); color:#fff; font-weight:600;}
  .fo-scope .fo-btn-primary:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(26,47,238,0.4);}
  .fo-scope .fo-btn-ghost{ border-color:var(--fo-hairline); color:var(--fo-heading);}
  .fo-scope .fo-btn-ghost:hover{ border-color:var(--fo-accent); color:var(--fo-accent);}

  /* ---- hero visual: tank / gauge graphic ---- */
  .fo-hero-visual{ position:relative; z-index:1; height:380px; }
  .fo-tank-svg{ width:100%; height:100%; overflow:visible; }
  .fo-flow{ stroke-dasharray:6 8; animation:fo-flow 1.6s linear infinite; }
  @keyframes fo-flow{ to{ stroke-dashoffset:-28; } }
  .fo-gauge-needle{ transform-origin:160px 250px; animation:fo-sweep 4s ease-in-out infinite; }
  @keyframes fo-sweep{
    0%,100%{ transform:rotate(-28deg); }
    50%{ transform:rotate(28deg); }
  }
  .fo-heat-wave{ animation:fo-wave 2.4s ease-in-out infinite; }
  @keyframes fo-wave{ 0%,100%{ opacity:0.25; } 50%{ opacity:0.7; } }

  /* ================= SECTION SHARED ================= */
  .fo-scope section{ position:relative; z-index:1; padding:90px 0; border-top:1px solid var(--fo-hairline); }
  .fo-scope section.fo-no-line{ border-top:none; }
  .fo-section-head{ margin-bottom:56px; max-width:60ch; }
  .fo-section-head h2{ font-size:clamp(32px,4.4vw,46px); margin-top:14px; text-transform:uppercase; }
  .fo-section-head p{ color:var(--fo-muted); margin-top:16px; font-size:16px; }

  .fo-reveal{ opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
  .fo-reveal.fo-in{ opacity:1; transform:translateY(0); }

  /* ================= CHARACTERISTIC CHIPS ================= */
  .fo-char-strip{ display:flex; flex-wrap:wrap; gap:14px; }
  .fo-char-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:12px 20px; border:1px solid var(--fo-hairline);
    border-radius:30px; color:var(--fo-body); background:var(--fo-card); transition:all 0.2s ease; cursor:default;
  }
  .fo-char-chip:hover{ border-color:var(--fo-accent); color:var(--fo-accent); transform:translateY(-2px); }

  /* ================= TYPE GRID ================= */
  .fo-type-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--fo-hairline); border:1px solid var(--fo-hairline); border-radius:var(--fo-radius); overflow:hidden;}
  @media (max-width:720px){ .fo-type-grid{ grid-template-columns:1fr; } }
  .fo-type-card{ background:var(--fo-card); padding:38px 34px; transition:background 0.25s ease; position:relative;}
  .fo-type-card:hover{ background:var(--fo-accent-tint); }
  .fo-type-card .fo-num{ font-family:'IBM Plex Mono',monospace; color:var(--fo-accent); font-size:13px; letter-spacing:0.1em;}
  .fo-type-card h3{ font-size:26px; text-transform:uppercase; margin-top:10px; }
  .fo-type-card p{ color:var(--fo-muted); font-size:14.5px; margin-top:12px; }
  .fo-type-card .fo-tags{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
  .fo-type-card .fo-tags span{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--fo-body); border:1px solid var(--fo-hairline); padding:4px 9px; border-radius:20px; text-transform:uppercase; letter-spacing:0.04em; background:var(--fo-bg);}

  /* ================= SULFUR SCALE (signature) ================= */
  .fo-sulfur-panel{ position:relative; background:var(--fo-card); border:1px solid var(--fo-hairline); border-radius:var(--fo-radius); padding:48px 40px; }
  @media (max-width:640px){ .fo-sulfur-panel{ padding:32px 22px; } }
  .fo-sulfur-title{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px; margin-bottom:40px;}
  .fo-sulfur-title h3{ font-size:24px; text-transform:uppercase; }
  .fo-sulfur-title .fo-hint{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--fo-muted); }

  .fo-sulfur-bars{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; height:200px; padding:0 10px; position:relative; }
  .fo-sulfur-col{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; flex:1; height:100%; }
  .fo-sulfur-bar{
    width:100%; max-width:64px; border-radius:4px 4px 0 0; background:linear-gradient(180deg, var(--fo-accent), #0F1E33);
    animation:fo-rise 1.2s cubic-bezier(.2,.8,.2,1) both;
  }
  .fo-sulfur-col:nth-child(2) .fo-sulfur-bar{ animation-delay:0.12s; }
  .fo-sulfur-col:nth-child(3) .fo-sulfur-bar{ animation-delay:0.24s; }
  @keyframes fo-rise{ from{ transform:scaleY(0); } to{ transform:scaleY(1); } }
  .fo-sulfur-bar{ transform-origin:bottom; }
  .fo-sulfur-pct{ font-family:'IBM Plex Mono',monospace; font-size:15px; color:var(--fo-heading); font-weight:600; margin-bottom:8px; }
  .fo-sulfur-label{ margin-top:14px; font-size:13px; color:var(--fo-heading); font-weight:600; text-align:center; }
  .fo-sulfur-sub{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--fo-muted); text-transform:uppercase; letter-spacing:0.05em; margin-top:2px; text-align:center; }

  .fo-imo-line{ position:absolute; left:0; right:0; border-top:2px dashed var(--fo-accent); opacity:0.55; }
  .fo-imo-tag{
    position:absolute; right:0; top:-11px; background:var(--fo-accent-tint); color:var(--fo-accent);
    font-family:'IBM Plex Mono',monospace; font-size:10px; padding:3px 8px; border-radius:20px; letter-spacing:0.04em; text-transform:uppercase;
  }
  .fo-sulfur-foot{ margin-top:26px; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--fo-muted); text-align:center; text-transform:uppercase; letter-spacing:0.05em; }

  /* ================= SPOTLIGHT VLSFO ================= */
  .fo-spotlight{
    display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center;
    background:var(--fo-card); border:1px solid var(--fo-accent); border-radius:var(--fo-radius);
    padding:56px; position:relative; overflow:hidden; isolation:isolate;
  }
  @media (max-width:860px){ .fo-spotlight{ grid-template-columns:1fr; padding:36px 24px; } }
  .fo-spotlight::before{
    content:'0.50%'; position:absolute; z-index:0; right:-10px; bottom:-40px; font-family:'Barlow Condensed',sans-serif; font-weight:700;
    font-size:140px; color:var(--fo-accent-tint); line-height:1; pointer-events:none;
  }
  .fo-spotlight > div{ position:relative; z-index:1; }
  .fo-spotlight-tag{ font-family:'IBM Plex Mono',monospace; color:var(--fo-accent); font-size:12px; letter-spacing:0.15em; text-transform:uppercase;}
  .fo-spotlight h3{ font-size:clamp(32px,4.4vw,46px); text-transform:uppercase; margin-top:10px; }
  .fo-spotlight ul{ margin:26px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:1fr; gap:12px; }
  .fo-spotlight li{ font-size:14px; color:var(--fo-body); display:flex; align-items:center; gap:9px; }
  .fo-spotlight li::before{ content:''; width:6px; height:6px; background:var(--fo-accent); flex-shrink:0; }
  .fo-spotlight p.fo-lead{ color:var(--fo-muted); margin-top:18px; font-size:15.5px; max-width:48ch; }

  /* ================= SPEC SHEET TABLE ================= */
  .fo-spec-sheet{ border:1px solid var(--fo-hairline); border-radius:var(--fo-radius); overflow:hidden; background:var(--fo-card); }
  .fo-spec-row{
    display:grid; grid-template-columns:220px 1fr; border-top:1px solid var(--fo-hairline);
    transition:background 0.2s ease;
  }
  .fo-spec-row:first-child{ border-top:none; }
  .fo-spec-row:hover{ background:var(--fo-accent-tint); }
  .fo-spec-row .fo-k{
    padding:20px 26px; font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--fo-accent);
    text-transform:uppercase; letter-spacing:0.05em; background:var(--fo-bg); border-right:1px solid var(--fo-hairline);
  }
  .fo-spec-row .fo-v{ padding:20px 26px; font-size:14.5px; color:var(--fo-body); display:flex; align-items:center; }
  @media (max-width:640px){
    .fo-spec-row{ grid-template-columns:1fr; }
    .fo-spec-row .fo-k{ border-right:none; border-bottom:1px solid var(--fo-hairline); }
  }

  /* ================= APPLICATIONS ================= */
  .fo-app-list{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--fo-hairline); border:1px solid var(--fo-hairline);}
  @media (max-width:960px){ .fo-app-list{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .fo-app-list{ grid-template-columns:1fr; } }
  .fo-app-item{ background:var(--fo-card); padding:32px 26px; }
  .fo-app-item h4{ font-family:'Barlow Condensed',sans-serif; font-size:20px; text-transform:uppercase; color:var(--fo-heading); font-weight:600; margin:0;}
  .fo-app-item p{ color:var(--fo-muted); font-size:13.5px; margin-top:10px; }
  .fo-app-item .fo-bar{ width:30px; height:3px; background:var(--fo-accent); margin-bottom:16px; }

  /* ================= PRICE FACTORS ================= */
  .fo-factor-strip{ display:flex; flex-wrap:wrap; gap:14px; }
  .fo-factor-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:12px 20px; border:1px solid var(--fo-hairline);
    border-radius:30px; color:var(--fo-body); background:var(--fo-card); transition:all 0.2s ease; cursor:default;
  }
  .fo-factor-chip:hover{ border-color:var(--fo-accent); color:var(--fo-accent); transform:translateY(-2px); }

  /* ================= STORAGE & TRANSPORT ================= */
  .fo-pack-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
  @media (max-width:960px){ .fo-pack-grid{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:560px){ .fo-pack-grid{ grid-template-columns:1fr; } }
  .fo-pack-card{ border:1px solid var(--fo-hairline); border-radius:var(--fo-radius); padding:28px 24px; background:var(--fo-card); }
  .fo-pack-card .fo-icon{ width:40px; height:40px; margin-bottom:18px; display:block; }
  .fo-pack-card h4{ font-family:'Barlow Condensed',sans-serif; font-size:20px; text-transform:uppercase; color:var(--fo-heading); font-weight:600; margin:0; }
  .fo-pack-card p{ color:var(--fo-muted); font-size:13.5px; margin-top:10px; }

  /* ================= FUEL OIL VS DIESEL ================= */
  .fo-vs{ display:grid; grid-template-columns:1fr auto 1fr; gap:0; align-items:stretch; border:1px solid var(--fo-hairline); border-radius:var(--fo-radius); overflow:hidden; background:var(--fo-card); }
  @media (max-width:720px){ .fo-vs{ grid-template-columns:1fr; } }
  .fo-vs-col{ padding:40px 36px; }
  .fo-vs-col:first-child{ border-right:1px solid var(--fo-hairline); }
  @media (max-width:720px){ .fo-vs-col:first-child{ border-right:none; border-bottom:1px solid var(--fo-hairline); } }
  .fo-vs-col .fo-vs-tag{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--fo-accent); text-transform:uppercase; letter-spacing:0.1em; }
  .fo-vs-col h4{ font-size:28px; text-transform:uppercase; margin-top:8px; }
  .fo-vs-col p{ color:var(--fo-muted); font-size:14.5px; margin-top:14px; }
  .fo-vs-divider{ display:flex; align-items:center; justify-content:center; padding:0 22px; font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--fo-muted); background:var(--fo-bg); }
  @media (max-width:720px){ .fo-vs-divider{ padding:12px 0; } }

  /* ================= CHECKLIST ================= */
  .fo-checklist{ display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
  @media (max-width:640px){ .fo-checklist{ grid-template-columns:1fr; } }
  .fo-check-item{ display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-bottom:1px solid var(--fo-hairline); }
  .fo-check-item .fo-mark{
    width:22px; height:22px; border:1px solid var(--fo-accent); border-radius:4px; flex-shrink:0; margin-top:2px;
    display:flex; align-items:center; justify-content:center; color:var(--fo-accent); font-size:13px; line-height:1;
  }
  .fo-check-item span{ font-size:15px; color:var(--fo-heading); }

  /* ================= CTA ================= */
  .fo-cta-block{
    text-align:center; padding:80px 40px; background:var(--fo-accent-tint);
    border:1px solid var(--fo-hairline); border-radius:var(--fo-radius);
  }
  .fo-cta-block h2{ font-size:clamp(30px,5vw,48px); text-transform:uppercase; margin-top:14px;}
  .fo-cta-block p{ color:var(--fo-muted); max-width:52ch; margin:16px auto 0; }
  .fo-cta-block .fo-cta-row{ justify-content:center; margin-top:34px; }
</style>
</head>
<body>

<div class="fo-scope">
<main>
  <!-- ================= HERO ================= -->
  <section class="fo-hero fo-no-line" style="border-top:none;">
    <div>
      <div class="fo-eyebrow">Fuel Oil Buying Guide</div>
      <h1>Fuel <span class="fo-accent-text">Oil</span><br>Explained</h1>
      <p class="fo-hero-sub">The heavy <b> fuel </b>behind power plants, boilers, and the world's shipping fleet. A concise guide to grades, sulfur limits, specifications, and what to check before you buy.</p>
      <div class="fo-hero-meta">
        <div>Primary Use<span>Marine &amp; Power</span></div>
        <div>IMO Sulfur Limit<span>0.50% m/m</span></div>
        <div>Source<span>Crude Residue</span></div>
      </div>
      <div class="fo-cta-row">
        <a href="https://royalglobalenergy.com/get-a-quote/" class="fo-btn fo-btn-primary">Order now</a>
        <a href="https://royalglobalenergy.com/fuel-feedstock/fuel-oil/" class="fo-btn fo-btn-ghost">Browse Grades</a>
      </div>
    </div>
    <div class="fo-hero-visual">
      <svg class="fo-tank-svg" viewBox="0 0 320 380" fill="none" xmlns="http://www.w3.org/2000/svg">
        <!-- storage tank -->
        <rect x="80" y="60" width="160" height="150" rx="6" fill="#FFFFFF" stroke="#DDE2E8" stroke-width="1.5"/>
        <ellipse cx="160" cy="60" rx="80" ry="14" fill="#FFFFFF" stroke="#DDE2E8" stroke-width="1.5"/>
        <path class="fo-heat-wave" d="M96 130 q8 -10 16 0 t16 0 t16 0 t16 0 t16 0 t16 0 t16 0" stroke="#1A2FEE" stroke-width="2" fill="none"/>
        <path class="fo-heat-wave" d="M96 155 q8 -10 16 0 t16 0 t16 0 t16 0 t16 0 t16 0 t16 0" stroke="#1A2FEE" stroke-width="2" fill="none" opacity="0.5"/>
        <text x="160" y="100" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="12" fill="#0F1E33" letter-spacing="2">STORAGE TANK</text>
        <!-- pipe -->
        <path class="fo-flow" d="M160 210 V250 H230" stroke="#1A2FEE" stroke-width="4" fill="none" stroke-linecap="round"/>
        <!-- gauge -->
        <circle cx="160" cy="250" r="0" fill="none"/>
        <g>
          <circle cx="230" cy="250" r="34" fill="#FFFFFF" stroke="#DDE2E8" stroke-width="1.5"/>
          <path d="M210 250 A20 20 0 0 1 250 250" stroke="#DDE2E8" stroke-width="3" fill="none"/>
          <line class="fo-gauge-needle" x1="230" y1="250" x2="230" y2="234" stroke="#0F1E33" stroke-width="2.5" stroke-linecap="round"/>
          <circle cx="230" cy="250" r="3" fill="#1A2FEE"/>
        </g>
        <text x="230" y="300" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="11" fill="#6E7887" letter-spacing="2">VISCOSITY</text>
        <text x="160" y="345" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="12" fill="#6E7887" letter-spacing="2">HEAVY FUEL OIL</text>
      </svg>
    </div>
  </section>

  <!-- ================= WHAT IS FUEL OIL ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Fundamentals</div>
        <h2>What is fuel oil?</h2>
        <p><b>Fuel oil</b> is produced primarily from crude oil refining and consists of heavier hydrocarbon fractions — ranging from lighter distillates to heavy residual fuel oils. Its key characteristics:</p>
      </div>
      <div class="fo-char-strip">
        <div class="fo-char-chip">Viscosity</div>
        <div class="fo-char-chip">Sulfur Content</div>
        <div class="fo-char-chip">Density</div>
        <div class="fo-char-chip">Flash Point</div>
        <div class="fo-char-chip">Water &amp; Sediment</div>
        <div class="fo-char-chip">Heating Value</div>
      </div>
    </div>
  </section>

  <!-- ================= TYPES ================= -->
  <section id="fo-types" class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Product Range</div>
        <h2>Main types of fuel oil</h2>
        <p>Four product families cover the bulk of global industrial and marine demand.</p>
      </div>
      <div class="fo-type-grid">
        <div class="fo-type-card">
          <div class="fo-num">01 / HFO</div>
          <h3>Heavy Fuel Oil</h3>
          <p>A high-viscosity residual product. Generally requires preheating before pumping or combustion.</p>
          <div class="fo-tags"><span>Boilers</span><span>Power Plants</span><span>Marine</span></div>
        </div>
        <div class="fo-type-card">
          <div class="fo-num">02 / LSFO</div>
          <h3>Low Sulfur Fuel Oil</h3>
          <p>Lower sulfur content than conventional heavy fuel oil, used where emissions regulations require cleaner fuel.</p>
          <div class="fo-tags"><span>Emissions Compliant</span></div>
        </div>
        <div class="fo-type-card">
          <div class="fo-num">03 / VLSFO</div>
          <h3>Very Low Sulfur Fuel Oil</h3>
          <p>Designed to comply with the IMO sulfur limit of 0.50% m/m under MARPOL Annex VI. Widely used in marine shipping.</p>
          <div class="fo-tags"><span>MARPOL Annex VI</span><span>Marine Shipping</span></div>
        </div>
        <div class="fo-type-card">
          <div class="fo-num">04 / Marine Fuel Oil</div>
          <h3>Marine Fuel Oil</h3>
          <p>Formulated for ships and marine engines, supplied according to applicable marine fuel specifications such as ISO 8217.</p>
          <div class="fo-tags"><span>ISO 8217</span></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= SULFUR SCALE (signature) ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Emissions Compliance</div>
        <h2>Reading the sulfur scale</h2>
        <p><b>Sulfur</b> content is the defining spec for marine fuel today. The IMO's global cap under MARPOL Annex VI sits at 0.50% m/m — VLSFO is built to sit at or below that line.</p>
      </div>
      <div class="fo-sulfur-panel">
        <div class="fo-sulfur-title">
          <h3>Typical Sulfur Content by Grade</h3>
          <div class="fo-hint">% m/m · illustrative</div>
        </div>
        <div class="fo-sulfur-bars">
          <div class="fo-imo-line" style="bottom:36px;"><span class="fo-imo-tag">IMO Limit · 0.50%</span></div>
          <div class="fo-sulfur-col">
            <div class="fo-sulfur-pct">~3.50%</div>
            <div class="fo-sulfur-bar" style="height:180px;"></div>
            <div class="fo-sulfur-label">HFO</div>
            <div class="fo-sulfur-sub">Conventional</div>
          </div>
          <div class="fo-sulfur-col">
            <div class="fo-sulfur-pct">~1.00%</div>
            <div class="fo-sulfur-bar" style="height:60px;"></div>
            <div class="fo-sulfur-label">LSFO</div>
            <div class="fo-sulfur-sub">Regulated Areas</div>
          </div>
          <div class="fo-sulfur-col">
            <div class="fo-sulfur-pct">≤0.50%</div>
            <div class="fo-sulfur-bar" style="height:32px;"></div>
            <div class="fo-sulfur-label">VLSFO</div>
            <div class="fo-sulfur-sub">IMO 2020 Compliant</div>
          </div>
        </div>
        <div class="fo-sulfur-foot">Lower sulfur → wider regulatory compliance, generally higher cost</div>
      </div>
    </div>
  </section>

  <!-- ================= SPOTLIGHT VLSFO ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-spotlight">
        <div>
          <div class="fo-spotlight-tag">Marine Compliance Grade</div>
          <h3>VLSFO</h3>
        </div>
        <div>
          <p class="fo-lead">Very Low <b>Sulfur</b> Fuel Oil is formulated to meet the IMO's global sulfur cap, making it the default choice for commercial vessels operating outside dedicated Emission Control Areas.</p>
          <ul>
            <li>Complies with MARPOL Annex VI, 0.50% m/m sulfur limit</li>
            <li>Widely available across major bunkering ports</li>
            <li>Typically supplied to ISO 8217 marine fuel specifications</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= SPECIFICATIONS ================= -->
  <section id="fo-specs" class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Data Sheet</div>
        <h2>Key specifications to check</h2>
        <p>The parameters that determine how a fuel oil performs — and whether it's compliant.</p>
      </div>
      <div class="fo-spec-sheet">
        <div class="fo-spec-row"><div class="fo-k">Sulfur Content</div><div class="fo-v">Important for emissions compliance</div></div>
        <div class="fo-spec-row"><div class="fo-k">Viscosity</div><div class="fo-v">Affects pumping and combustion</div></div>
        <div class="fo-spec-row"><div class="fo-k">Density</div><div class="fo-v">Important for fuel handling and energy calculations</div></div>
        <div class="fo-spec-row"><div class="fo-k">Flash Point</div><div class="fo-v">Important for safety</div></div>
        <div class="fo-spec-row"><div class="fo-k">Water &amp; Sediment</div><div class="fo-v">Affects fuel quality</div></div>
        <div class="fo-spec-row"><div class="fo-k">Ash Content</div><div class="fo-v">Important for combustion equipment</div></div>
        <div class="fo-spec-row"><div class="fo-k">Pour Point</div><div class="fo-v">Indicates low-temperature flow characteristics</div></div>
        <div class="fo-spec-row"><div class="fo-k">Net Calorific Value</div><div class="fo-v">Indicates usable energy content</div></div>
      </div>
      <p style="margin-top:20px; color:var(--fo-muted); font-size:14px;">A <strong style="color:var(--fo-heading);">Certificate of Analysis (COA)</strong> should be provided to confirm the product meets the agreed specification.</p>
    </div>
  </section>

  <!-- ================= APPLICATIONS ================= -->
  <section id="fo-uses" class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Applications</div>
        <h2>Where fuel oil is used</h2>
      </div>
      <div class="fo-app-list">
        <div class="fo-app-item">
          <div class="fo-bar"></div>
          <h4>Power Generation</h4>
          <p>Used as a fuel source in certain power plants and generators.</p>
        </div>
        <div class="fo-app-item">
          <div class="fo-bar"></div>
          <h4>Industrial Heating</h4>
          <p>Used in boilers, furnaces, kilns, and heating systems.</p>
        </div>
        <div class="fo-app-item">
          <div class="fo-bar"></div>
          <h4>Marine Transport</h4>
          <p>Powers large commercial vessels, subject to applicable emissions regulations.</p>
        </div>
        <div class="fo-app-item">
          <div class="fo-bar"></div>
          <h4>Industrial Operations</h4>
          <p>Provides high-energy combustion for heavy industrial processes.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= PRICE FACTORS ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Procurement</div>
        <h2>What affects fuel oil price?</h2>
        <p>For international purchases, shipping costs, loading port, destination, and quantity can significantly affect the final delivered price.</p>
      </div>
      <div class="fo-factor-strip">
        <div class="fo-factor-chip">Crude Oil Prices</div>
        <div class="fo-factor-chip">Sulfur Content</div>
        <div class="fo-factor-chip">Viscosity</div>
        <div class="fo-factor-chip">Grade</div>
        <div class="fo-factor-chip">Refinery Supply</div>
        <div class="fo-factor-chip">Demand</div>
        <div class="fo-factor-chip">Freight</div>
        <div class="fo-factor-chip">Origin</div>
      </div>
    </div>
  </section>

  <!-- ================= STORAGE & TRANSPORT ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Logistics</div>
        <h2>Storage &amp; transportation</h2>
        <p>Heavy fuel oils may require temperature-controlled storage and handling to maintain appropriate viscosity for pumping and transfer.</p>
      </div>
      <div class="fo-pack-grid">
        <div class="fo-pack-card">
          <svg class="fo-icon" viewBox="0 0 44 44" fill="none"><rect x="4" y="14" width="36" height="22" rx="2" stroke="#1A2FEE" stroke-width="2"/><path d="M4 22h36" stroke="#1A2FEE" stroke-width="2"/><path d="M14 14V8h16v6" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Bulk Tankers</h4>
          <p>Large-volume shipments for major industrial and marine buyers.</p>
        </div>
        <div class="fo-pack-card">
          <svg class="fo-icon" viewBox="0 0 44 44" fill="none"><rect x="6" y="12" width="32" height="20" rx="3" stroke="#1A2FEE" stroke-width="2"/><path d="M6 20h32" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>ISO Tanks</h4>
          <p>Standardized containers for intermodal transport and smaller volumes.</p>
        </div>
        <div class="fo-pack-card">
          <svg class="fo-icon" viewBox="0 0 44 44" fill="none"><rect x="10" y="8" width="24" height="28" rx="4" stroke="#1A2FEE" stroke-width="2"/><ellipse cx="22" cy="8" rx="12" ry="3" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Storage Tanks</h4>
          <p>Temperature-controlled tanks that keep heavy fuel oil pumpable.</p>
        </div>
        <div class="fo-pack-card">
          <svg class="fo-icon" viewBox="0 0 44 44" fill="none"><path d="M4 22h36" stroke="#1A2FEE" stroke-width="3" stroke-linecap="round"/><circle cx="14" cy="22" r="4" fill="#FFFFFF" stroke="#1A2FEE" stroke-width="2"/><circle cx="30" cy="22" r="4" fill="#FFFFFF" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Pipeline Systems</h4>
          <p>Fixed infrastructure for continuous large-scale delivery.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= FUEL OIL VS DIESEL ================= -->
  <section class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Comparison</div>
        <h2>Fuel oil vs. diesel</h2>
        <p>Both are petroleum fuels, but they're built for different equipment and applications.</p>
      </div>
      <div class="fo-vs">
        <div class="fo-vs-col">
          <div class="fo-vs-tag">Heavier / Residual</div>
          <h4>Fuel Oil</h4>
          <p>Generally heavier, commonly used for industrial heating, boilers, power generation, and marine applications. Often requires preheating for handling.</p>
        </div>
        <div class="fo-vs-divider">VS</div>
        <div class="fo-vs-col">
          <div class="fo-vs-tag">Lighter / Distillate</div>
          <h4>Diesel</h4>
          <p>Generally lighter, widely used in vehicles, generators, machinery, and diesel engines. Handles and combusts without preheating.</p>
        </div>
      </div>
      <p style="margin-top:20px; color:var(--fo-muted); font-size:14px;">The correct fuel depends on the equipment, required specification, and applicable regulations.</p>
    </div>
  </section>

  <!-- ================= BUYER CHECKLIST ================= -->
  <section id="fo-buy" class="fo-reveal">
    <div class="fo-wrap">
      <div class="fo-section-head">
        <div class="fo-eyebrow">Before You Order</div>
        <h2>What buyers should check</h2>
      </div>
      <div class="fo-checklist">
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Product grade</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Sulfur content</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Viscosity</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Density</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Flash point</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Water &amp; sediment</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Heating value</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Certificate of Analysis (COA)</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Applicable standard</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Quantity and origin</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Loading port &amp; destination</span></div>
        <div class="fo-check-item"><div class="fo-mark">✓</div><span>Delivery terms</span></div>
      </div>
    </div>
  </section>

  <!-- ================= CTA ================= -->
  <section id="fo-cta" class="fo-reveal" style="padding-bottom:100px;">
    <div class="fo-wrap">
      <div class="fo-cta-block">
        <div class="fo-eyebrow" style="justify-content:center;">Looking for Fuel Oil Supply?</div>
        <h2>HFO, LSFO, VLSFO, or Marine Fuel Oil —<br>tell us the spec.</h2>
        <p>Contact our commercial team with your required grade, quantity, destination, and delivery terms.</p>
        <div class="fo-cta-row">
          <a href="https://royalglobalenergy.com/contact-us/" class="fo-btn fo-btn-primary">Contact Commercial Team</a>
        </div>
      </div>
    </div>
  </section>
</main>
</div>

<script>
  (function(){
    var scope = document.querySelector('.fo-scope');
    if(!scope) return;

    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if(e.isIntersecting){ e.target.classList.add('fo-in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.12 });
    scope.querySelectorAll('.fo-reveal').forEach(function(el){ io.observe(el); });

    scope.querySelectorAll('a[href^="#fo-"]').forEach(function(link){
      link.addEventListener('click', function(ev){
        var target = scope.querySelector(link.getAttribute('href'));
        if(target){
          ev.preventDefault();
          target.scrollIntoView({ behavior:'smooth', block:'start' });
        }
      });
    });
  })();
</script>
</body>
</html>				</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Bitumen</title>
		<link>https://royalglobalenergy.com/bitumen2/</link>
		
		<dc:creator><![CDATA[Royal-Core-Dev]]></dc:creator>
		<pubDate>Sat, 15 Aug 2026 08:20:45 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://royalglobalenergy.com/rebuild/?p=31348</guid>

					<description><![CDATA[The binder beneath every road, roof, and pipeline coating. A concise guide to grades, specifications, applications, and what to check before you place an order.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="31348" class="elementor elementor-31348" data-elementor-post-type="post">
				<div class="elementor-element elementor-element-5279e57 e-con-full wd-section-stretch e-flex e-con e-parent" data-id="5279e57" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9f91d6b elementor-widget elementor-widget-html" data-id="9f91d6b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bitumen: Types, Grades, Uses &amp; Buying Guide</title>
<meta name="description" content="Learn about bitumen types, grades, specifications, applications, pricing factors, packaging, and international procurement in this concise bitumen guide.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>
  /* Everything below is scoped under .bmn-scope so it can never leak out
     onto a header, banner, or any other element outside this block. */
  .bmn-scope{
    --bmn-bg:#F5F7F9;
    --bmn-card:#FFFFFF;
    --bmn-heading:#0F1E33;
    --bmn-accent:#1A2FEE;
    --bmn-accent-tint:#E9EBFD;
    --bmn-body:#3D3D3D;
    --bmn-muted:#6E7887;
    --bmn-hairline:#DDE2E8;
    --bmn-radius:2px;

    position:relative;
    isolation:isolate;        /* contains stacking/z-index inside this block */
    z-index:0;
    overflow:hidden;          /* clips any decorative element that would spill out */
    margin:0;
    background:var(--bmn-bg);
    color:var(--bmn-body);
    font-family:'Inter',sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  .bmn-scope *{ box-sizing:border-box; }

  @media (prefers-reduced-motion: reduce){
    .bmn-scope *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important;}
  }

  .bmn-scope h1, .bmn-scope h2, .bmn-scope h3{font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:0.01em; margin:0; color:var(--bmn-heading);}
  .bmn-scope .bmn-mono{font-family:'IBM Plex Mono',monospace;}
  .bmn-scope a:not(.bmn-btn){color:var(--bmn-accent);}
  .bmn-scope ::selection{background:var(--bmn-accent); color:#fff;}
  .bmn-scope :focus-visible{ outline:2px solid var(--bmn-accent); outline-offset:3px; }

  .bmn-wrap{max-width:1100px; margin:0 auto; padding:0 32px;}
  @media (max-width:640px){ .bmn-wrap{padding:0 20px;} }

  /* ---------- eyebrow / label ---------- */
  .bmn-eyebrow{
    font-family:'IBM Plex Mono',monospace;
    font-size:12px; letter-spacing:0.18em; text-transform:uppercase;
    color:var(--bmn-accent);
    display:flex; align-items:center; gap:10px;
  }
  .bmn-eyebrow::before{content:''; width:22px; height:1px; background:var(--bmn-accent);}

  /* ================= HERO ================= */
  .bmn-hero{
    position:relative; z-index:1;
    padding:80px 32px 90px;
    max-width:1100px; margin:0 auto;
    display:grid; grid-template-columns:1.15fr 0.85fr; gap:56px; align-items:center;
  }
  @media (max-width:900px){ .bmn-hero{grid-template-columns:1fr; padding:60px 20px 50px; gap:44px;} }

  .bmn-hero h1{
    font-size:clamp(52px,8vw,92px);
    line-height:0.95;
    text-transform:uppercase;
    color:var(--bmn-heading);
  }
  .bmn-hero h1 .bmn-accent-text{ color:var(--bmn-accent); }
  .bmn-hero-sub{
    margin-top:26px; font-size:17px; color:var(--bmn-muted); max-width:46ch;
  }
  .bmn-hero-meta{
    margin-top:34px; display:flex; gap:28px; flex-wrap:wrap;
  }
  .bmn-hero-meta div{font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--bmn-muted); text-transform:uppercase; letter-spacing:0.08em;}
  .bmn-hero-meta span{display:block; color:var(--bmn-accent); font-size:20px; margin-top:4px; font-weight:600; font-family:'Inter',sans-serif;}

  .bmn-cta-row{ margin-top:38px; display:flex; gap:16px; flex-wrap:wrap;}
  .bmn-btn{
    font-family:'IBM Plex Mono',monospace; font-size:13px; letter-spacing:0.05em; text-transform:uppercase;
    padding:14px 26px; border-radius:var(--bmn-radius); text-decoration:none;
    display:inline-flex; align-items:center; gap:10px; cursor:pointer; border:1px solid transparent;
    transition:transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
  }
  .bmn-scope .bmn-btn-primary{ background:var(--bmn-accent); color:#fff; font-weight:600;}
  .bmn-scope .bmn-btn-primary:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 10px 24px -8px rgba(26,47,238,0.4);}
  .bmn-scope .bmn-btn-ghost{ border-color:var(--bmn-hairline); color:var(--bmn-heading);}
  .bmn-scope .bmn-btn-ghost:hover{ border-color:var(--bmn-accent); color:var(--bmn-accent);}

  /* ---- hero visual: drip / pour graphic ---- */
  .bmn-hero-visual{ position:relative; z-index:1; height:380px; }
  .bmn-pour-svg{ width:100%; height:100%; overflow:visible; }
  .bmn-drip{ animation:bmn-fall 3.2s ease-in infinite; }
  .bmn-drip:nth-child(2){ animation-delay:1.1s; }
  .bmn-drip:nth-child(3){ animation-delay:2.0s; }
  @keyframes bmn-fall{
    0%{ transform:translateY(0); opacity:0; }
    8%{ opacity:1; }
    75%{ opacity:1; }
    100%{ transform:translateY(160px); opacity:0; }
  }
  .bmn-pool{ animation:bmn-ripple 3s ease-in-out infinite; transform-origin:center; }
  @keyframes bmn-ripple{ 0%,100%{ opacity:0.55; } 50%{ opacity:0.9; } }

  /* ================= SECTION SHARED ================= */
  .bmn-scope section{ position:relative; z-index:1; padding:90px 0; border-top:1px solid var(--bmn-hairline); }
  .bmn-scope section.bmn-no-line{ border-top:none; }
  .bmn-section-head{ margin-bottom:56px; max-width:60ch; }
  .bmn-section-head h2{ font-size:clamp(32px,4.4vw,46px); margin-top:14px; text-transform:uppercase; }
  .bmn-section-head p{ color:var(--bmn-muted); margin-top:16px; font-size:16px; }

  .bmn-reveal{ opacity:0; transform:translateY(28px); transition:opacity 0.7s ease, transform 0.7s ease; }
  .bmn-reveal.bmn-in{ opacity:1; transform:translateY(0); }

  /* ================= BINDER FORMULA ================= */
  .bmn-formula{
    display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
    padding:44px 24px; background:var(--bmn-card); border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius);
    font-family:'IBM Plex Mono',monospace; font-size:15px; text-align:center;
  }
  .bmn-formula .bmn-term{ padding:14px 20px; border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius); background:var(--bmn-bg); color:var(--bmn-heading); }
  .bmn-formula .bmn-term.bmn-hi{ border-color:var(--bmn-accent); color:var(--bmn-accent); background:var(--bmn-accent-tint); }
  .bmn-formula .bmn-op{ color:var(--bmn-muted); font-size:20px; }

  /* ================= TYPE GRID ================= */
  .bmn-type-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--bmn-hairline); border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius); overflow:hidden;}
  @media (max-width:720px){ .bmn-type-grid{ grid-template-columns:1fr; } }
  .bmn-type-card{ background:var(--bmn-card); padding:38px 34px; transition:background 0.25s ease; position:relative;}
  .bmn-type-card:hover{ background:var(--bmn-accent-tint); }
  .bmn-type-card .bmn-num{ font-family:'IBM Plex Mono',monospace; color:var(--bmn-accent); font-size:13px; letter-spacing:0.1em;}
  .bmn-type-card h3{ font-size:26px; text-transform:uppercase; margin-top:10px; }
  .bmn-type-card p{ color:var(--bmn-muted); font-size:14.5px; margin-top:12px; }
  .bmn-type-card .bmn-tags{ margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
  .bmn-type-card .bmn-tags span{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--bmn-body); border:1px solid var(--bmn-hairline); padding:4px 9px; border-radius:20px; text-transform:uppercase; letter-spacing:0.04em; background:var(--bmn-bg);}

  /* ================= GRADE SPECTRUM ================= */
  .bmn-spectrum-panel{ position:relative; background:var(--bmn-card); border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius); padding:48px 40px; }
  @media (max-width:640px){ .bmn-spectrum-panel{ padding:32px 22px; } }
  .bmn-spectrum-title{ display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px; margin-bottom:36px;}
  .bmn-spectrum-title h3{ font-size:24px; text-transform:uppercase; }
  .bmn-spectrum-title .bmn-hint{ font-family:'IBM Plex Mono',monospace; font-size:12px; color:var(--bmn-muted); }

  .bmn-needle-rig{ display:flex; flex-direction:column; align-items:center; margin-bottom:26px; }
  .bmn-needle-stage{ position:relative; width:100%; max-width:520px; height:120px; }
  .bmn-sample-bar{
    position:absolute; z-index:1; left:0; right:0; bottom:0; height:34px;
    background:linear-gradient(180deg, #0F1E33, #0A1526);
    border-radius:6px 6px 3px 3px; border:1px solid var(--bmn-hairline);
  }
  .bmn-needle{
    position:absolute; z-index:2; left:50%; top:0; width:2px; height:64px;
    background:linear-gradient(180deg, var(--bmn-muted), var(--bmn-accent));
    transform:translateX(-50%);
    animation:bmn-penetrate 4s cubic-bezier(.4,0,.2,1) infinite;
  }
  .bmn-needle::after{ content:''; position:absolute; left:50%; bottom:-4px; width:6px; height:6px; background:var(--bmn-accent); border-radius:50%; transform:translateX(-50%); }
  @keyframes bmn-penetrate{
    0%,12%{ height:64px; }
    45%,60%{ height:96px; }
    88%,100%{ height:64px; }
  }
  .bmn-needle-label{ margin-top:10px; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--bmn-muted); text-transform:uppercase; letter-spacing:0.08em; }

  .bmn-grade-track{ position:relative; height:6px; border-radius:3px; background:linear-gradient(90deg,#C3C9F4,var(--bmn-accent) 60%,#0F1E33); margin:20px 0 14px; }
  .bmn-grade-ticks{ display:flex; justify-content:space-between; }
  .bmn-grade-tick{ text-align:center; flex:1; cursor:default; }
  .bmn-grade-tick .bmn-swatch{ width:12px; height:12px; margin:0 auto 10px; border-radius:50%; background:var(--bmn-card); border:2px solid var(--bmn-hairline); transition:all 0.25s ease; }
  .bmn-grade-tick.bmn-active .bmn-swatch{ border-color:var(--bmn-accent); background:var(--bmn-accent); box-shadow:0 0 0 4px var(--bmn-accent-tint); }
  .bmn-grade-tick .bmn-g{ font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--bmn-heading); font-weight:600; }
  .bmn-grade-tick .bmn-lbl{ font-size:10.5px; color:var(--bmn-muted); text-transform:uppercase; letter-spacing:0.05em; margin-top:2px; }
  .bmn-grade-tick.bmn-active .bmn-g{ color:var(--bmn-accent); }

  .bmn-spectrum-foot{ margin-top:30px; display:flex; justify-content:space-between; font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--bmn-muted); text-transform:uppercase; letter-spacing:0.06em;}

  /* ================= SPOTLIGHT 60/70 ================= */
  .bmn-spotlight{
    display:grid; grid-template-columns:0.9fr 1.1fr; gap:56px; align-items:center;
    background:var(--bmn-card); border:1px solid var(--bmn-accent); border-radius:var(--bmn-radius);
    padding:56px; position:relative; overflow:hidden; isolation:isolate;
  }
  @media (max-width:860px){ .bmn-spotlight{ grid-template-columns:1fr; padding:36px 24px; } }
  .bmn-spotlight::before{
    content:'60/70'; position:absolute; z-index:0; right:-10px; bottom:-40px; font-family:'Barlow Condensed',sans-serif; font-weight:700;
    font-size:180px; color:var(--bmn-accent-tint); line-height:1; pointer-events:none;
  }
  .bmn-spotlight > div{ position:relative; z-index:1; }
  .bmn-spotlight-tag{ font-family:'IBM Plex Mono',monospace; color:var(--bmn-accent); font-size:12px; letter-spacing:0.15em; text-transform:uppercase;}
  .bmn-spotlight h3{ font-size:clamp(38px,5vw,56px); text-transform:uppercase; margin-top:10px; }
  .bmn-spotlight ul{ margin:26px 0 0; padding:0; list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }
  .bmn-spotlight li{ font-size:14px; color:var(--bmn-body); display:flex; align-items:center; gap:9px; }
  .bmn-spotlight li::before{ content:''; width:6px; height:6px; background:var(--bmn-accent); flex-shrink:0; }
  .bmn-spotlight p.bmn-lead{ color:var(--bmn-muted); margin-top:18px; font-size:15.5px; max-width:48ch; }

  /* ================= SPEC SHEET TABLE ================= */
  .bmn-spec-sheet{ border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius); overflow:hidden; background:var(--bmn-card); }
  .bmn-spec-row{
    display:grid; grid-template-columns:200px 1fr; border-top:1px solid var(--bmn-hairline);
    transition:background 0.2s ease;
  }
  .bmn-spec-row:first-child{ border-top:none; }
  .bmn-spec-row:hover{ background:var(--bmn-accent-tint); }
  .bmn-spec-row .bmn-k{
    padding:22px 26px; font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--bmn-accent);
    text-transform:uppercase; letter-spacing:0.05em; background:var(--bmn-bg); border-right:1px solid var(--bmn-hairline);
  }
  .bmn-spec-row .bmn-v{ padding:22px 26px; font-size:14.5px; color:var(--bmn-body); display:flex; align-items:center; }
  @media (max-width:640px){
    .bmn-spec-row{ grid-template-columns:1fr; }
    .bmn-spec-row .bmn-k{ border-right:none; border-bottom:1px solid var(--bmn-hairline); }
  }

  /* ================= APPLICATIONS ================= */
  .bmn-app-list{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--bmn-hairline); border:1px solid var(--bmn-hairline);}
  @media (max-width:820px){ .bmn-app-list{ grid-template-columns:1fr; } }
  .bmn-app-item{ background:var(--bmn-card); padding:36px 30px; }
  .bmn-app-item h4{ font-family:'Barlow Condensed',sans-serif; font-size:22px; text-transform:uppercase; color:var(--bmn-heading); font-weight:600; margin:0;}
  .bmn-app-item p{ color:var(--bmn-muted); font-size:14px; margin-top:10px; }
  .bmn-app-item .bmn-bar{ width:34px; height:3px; background:var(--bmn-accent); margin-bottom:16px; }

  /* ================= PRICE FACTORS ================= */
  .bmn-factor-strip{ display:flex; flex-wrap:wrap; gap:14px; }
  .bmn-factor-chip{
    font-family:'IBM Plex Mono',monospace; font-size:13px; padding:12px 20px; border:1px solid var(--bmn-hairline);
    border-radius:30px; color:var(--bmn-body); background:var(--bmn-card); transition:all 0.2s ease; cursor:default;
  }
  .bmn-factor-chip:hover{ border-color:var(--bmn-accent); color:var(--bmn-accent); transform:translateY(-2px); }

  /* ================= PACKAGING ================= */
  .bmn-pack-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  @media (max-width:820px){ .bmn-pack-grid{ grid-template-columns:1fr; } }
  .bmn-pack-card{ border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius); padding:32px; background:var(--bmn-card); }
  .bmn-pack-card .bmn-icon{ width:44px; height:44px; margin-bottom:20px; display:block; }
  .bmn-pack-card h4{ font-family:'Barlow Condensed',sans-serif; font-size:22px; text-transform:uppercase; color:var(--bmn-heading); font-weight:600; margin:0; }
  .bmn-pack-card p{ color:var(--bmn-muted); font-size:14px; margin-top:10px; }

  /* ================= CHECKLIST ================= */
  .bmn-checklist{ display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
  @media (max-width:640px){ .bmn-checklist{ grid-template-columns:1fr; } }
  .bmn-check-item{ display:flex; align-items:flex-start; gap:14px; padding:16px 0; border-bottom:1px solid var(--bmn-hairline); }
  .bmn-check-item .bmn-mark{
    width:22px; height:22px; border:1px solid var(--bmn-accent); border-radius:4px; flex-shrink:0; margin-top:2px;
    display:flex; align-items:center; justify-content:center; color:var(--bmn-accent); font-size:13px; line-height:1;
  }
  .bmn-check-item span{ font-size:15px; color:var(--bmn-heading); }

  /* ================= CTA ================= */
  .bmn-cta-block{
    text-align:center; padding:80px 40px; background:var(--bmn-accent-tint);
    border:1px solid var(--bmn-hairline); border-radius:var(--bmn-radius);
  }
  .bmn-cta-block h2{ font-size:clamp(30px,5vw,48px); text-transform:uppercase; margin-top:14px;}
  .bmn-cta-block p{ color:var(--bmn-muted); max-width:52ch; margin:16px auto 0; }
  .bmn-cta-block .bmn-cta-row{ justify-content:center; margin-top:34px; }
</style>
</head>
<body>

<div class="bmn-scope">
<main>
  <!-- ================= HERO ================= -->
  <section class="bmn-hero bmn-no-line" style="border-top:none;">
    <div>
      <div class="bmn-eyebrow">Petroleum Commodities · Buying Guide</div>
      <h1>Bit<span class="bmn-accent-text">u</span>men<br>Explained</h1>
      <p class="bmn-hero-sub">The binder beneath every road, roof, and pipeline coating. A concise guide to grades, specifications, applications, and what to check before you place an order.</p>
      <div class="bmn-hero-meta">
        <div>Primary Use<span>Road &amp; Asphalt</span></div>
        <div>Common Grade<span>60/70</span></div>
        <div>Source<span>Crude Residue</span></div>
      </div>
      <div class="bmn-cta-row">
        <a href="#bmn-buy" class="bmn-btn bmn-btn-primary">Buyer Checklist ↓</a>
        <a href="#bmn-types" class="bmn-btn bmn-btn-ghost">Browse Grades</a>
      </div>
    </div>
    <div class="bmn-hero-visual">
      <svg class="bmn-pour-svg" viewBox="0 0 320 380" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="70" y="20" width="180" height="60" rx="4" fill="#FFFFFF" stroke="#DDE2E8"/>
        <text x="160" y="55" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="13" fill="#0F1E33" letter-spacing="2">CRUDE RESIDUE</text>
        <path class="bmn-drip" d="M155 82 q3 30 3 55" stroke="#1A2FEE" stroke-width="6" stroke-linecap="round"/>
        <path class="bmn-drip" d="M165 82 q-2 30 -2 55" stroke="#1A2FEE" stroke-width="5" stroke-linecap="round"/>
        <path class="bmn-drip" d="M160 82 q1 30 1 55" stroke="#5A6BF2" stroke-width="4" stroke-linecap="round"/>
        <ellipse class="bmn-pool" cx="160" cy="330" rx="90" ry="16" fill="#1A2FEE" opacity="0.55"/>
        <ellipse class="bmn-pool" cx="160" cy="330" rx="60" ry="10" fill="#0F1E33" opacity="0.25"/>
        <text x="160" y="365" text-anchor="middle" font-family="IBM Plex Mono, monospace" font-size="12" fill="#6E7887" letter-spacing="2">BINDER</text>
      </svg>
    </div>
  </section>

  <!-- ================= WHAT IS BITUMEN ================= -->
  <section class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Fundamentals</div>
        <h2>What is bitumen?</h2>
        <p>Bitumen is produced from the heavy residue left after refining crude oil. It acts as the binder that holds mineral aggregate together to form asphalt.</p>
      </div>
      <div class="bmn-formula">
        <div class="bmn-term bmn-hi">Bitumen</div>
        <div class="bmn-op">=</div>
        <div class="bmn-term">Binder</div>
        <div class="bmn-op" style="margin-left:20px;">·</div>
        <div class="bmn-term bmn-hi">Asphalt</div>
        <div class="bmn-op">=</div>
        <div class="bmn-term">Aggregates</div>
        <div class="bmn-op">+</div>
        <div class="bmn-term bmn-hi">Bitumen</div>
        <div class="bmn-op">+</div>
        <div class="bmn-term">Fillers</div>
      </div>
    </div>
  </section>

  <!-- ================= TYPES ================= -->
  <section id="bmn-types" class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Product Range</div>
        <h2>Main types of bitumen</h2>
        <p>Four product families cover the vast majority of global trade and industrial demand.</p>
      </div>
      <div class="bmn-type-grid">
        <div class="bmn-type-card">
          <div class="bmn-num">01 / Penetration Grade</div>
          <h3>Penetration Grade</h3>
          <p>Classified by penetration depth and hardness. The most widely traded form of bitumen worldwide.</p>
          <div class="bmn-tags"><span>40/50</span><span>60/70</span><span>80/100</span><span>100/120</span><span>160/220</span></div>
        </div>
        <div class="bmn-type-card">
          <div class="bmn-num">02 / PMB</div>
          <h3>Polymer Modified</h3>
          <p>Modified with polymers such as SBS for improved elasticity, rutting resistance, fatigue resistance, and temperature performance.</p>
          <div class="bmn-tags"><span>Highways</span><span>Bridges</span><span>Airports</span></div>
        </div>
        <div class="bmn-type-card">
          <div class="bmn-num">03 / Oxidized</div>
          <h3>Oxidized (Blown)</h3>
          <p>Produced by controlled air blowing. Suited to roofing, waterproofing, pipe coatings, sealants, and industrial applications.</p>
          <div class="bmn-tags"><span>Roofing</span><span>Waterproofing</span><span>Coatings</span></div>
        </div>
        <div class="bmn-type-card">
          <div class="bmn-num">04 / Emulsion</div>
          <h3>Bitumen Emulsion</h3>
          <p>A water-based bitumen product used for road maintenance, surface treatments, tack coats, and cold-mix applications.</p>
          <div class="bmn-tags"><span>Maintenance</span><span>Tack Coat</span><span>Cold-Mix</span></div>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= GRADE SPECTRUM (signature) ================= -->
  <section class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">The Penetration Test</div>
        <h2>Reading the grade spectrum</h2>
        <p>Penetration grade is measured by how far a standard needle sinks into a bitumen sample under fixed load, time, and temperature. Lower numbers mean a harder binder; higher numbers mean a softer one.</p>
      </div>
      <div class="bmn-spectrum-panel">
        <div class="bmn-spectrum-title">
          <h3>Penetration Grade Scale</h3>
          <div class="bmn-hint">ASTM D5 · 25°C · 100g · 5s</div>
        </div>
        <div class="bmn-needle-rig">
          <div class="bmn-needle-stage">
            <div class="bmn-needle"></div>
            <div class="bmn-sample-bar"></div>
          </div>
          <div class="bmn-needle-label">Needle depth animates the test in real time</div>
        </div>
        <div class="bmn-grade-track"></div>
        <div class="bmn-grade-ticks">
          <div class="bmn-grade-tick"><div class="bmn-swatch"></div><div class="bmn-g">40/50</div><div class="bmn-lbl">Hardest</div></div>
          <div class="bmn-grade-tick bmn-active"><div class="bmn-swatch"></div><div class="bmn-g">60/70</div><div class="bmn-lbl">Common</div></div>
          <div class="bmn-grade-tick"><div class="bmn-swatch"></div><div class="bmn-g">80/100</div><div class="bmn-lbl">Standard</div></div>
          <div class="bmn-grade-tick"><div class="bmn-swatch"></div><div class="bmn-g">100/120</div><div class="bmn-lbl">Softer</div></div>
          <div class="bmn-grade-tick"><div class="bmn-swatch"></div><div class="bmn-g">160/220</div><div class="bmn-lbl">Softest</div></div>
        </div>
        <div class="bmn-spectrum-foot"><span>Harder · More rigid</span><span>Softer · More flexible</span></div>
      </div>
    </div>
  </section>

  <!-- ================= SPOTLIGHT 60/70 ================= -->
  <section class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-spotlight">
        <div>
          <div class="bmn-spotlight-tag">Most Traded Grade</div>
          <h3>60/70</h3>
        </div>
        <div>
          <p class="bmn-lead">One of the most commonly traded paving grades internationally, offering a practical balance between hardness, flexibility, adhesion, and workability.</p>
          <ul>
            <li>Road construction</li>
            <li>Highways</li>
            <li>Asphalt production</li>
            <li>Airport pavements</li>
            <li>Infrastructure projects</li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= SPECIFICATIONS ================= -->
  <section id="bmn-specs" class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Data Sheet</div>
        <h2>Key specifications to check</h2>
        <p>Quality parameters that determine how a bitumen performs in the field.</p>
      </div>
      <div class="bmn-spec-sheet">
        <div class="bmn-spec-row"><div class="bmn-k">Penetration</div><div class="bmn-v">Indicates consistency and hardness</div></div>
        <div class="bmn-spec-row"><div class="bmn-k">Softening Point</div><div class="bmn-v">Indicates high-temperature behavior</div></div>
        <div class="bmn-spec-row"><div class="bmn-k">Ductility</div><div class="bmn-v">Measures stretching ability</div></div>
        <div class="bmn-spec-row"><div class="bmn-k">Viscosity</div><div class="bmn-v">Indicates resistance to flow</div></div>
        <div class="bmn-spec-row"><div class="bmn-k">Flash Point</div><div class="bmn-v">Important for safe handling</div></div>
        <div class="bmn-spec-row"><div class="bmn-k">Solubility</div><div class="bmn-v">Helps assess material composition</div></div>
      </div>
      <p style="margin-top:20px; color:var(--bmn-muted); font-size:14px;">Products should comply with the required <strong style="color:var(--bmn-heading);">ASTM, EN, AASHTO</strong>, or other applicable standards.</p>
    </div>
  </section>

  <!-- ================= APPLICATIONS ================= -->
  <section id="bmn-uses" class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Applications</div>
        <h2>Where bitumen is used</h2>
      </div>
      <div class="bmn-app-list">
        <div class="bmn-app-item">
          <div class="bmn-bar"></div>
          <h4>Road Construction</h4>
          <p>The largest application, where bitumen binds aggregates to produce durable asphalt.</p>
        </div>
        <div class="bmn-app-item">
          <div class="bmn-bar"></div>
          <h4>Roofing &amp; Waterproofing</h4>
          <p>Protects buildings, foundations, tunnels, and other structures against water penetration.</p>
        </div>
        <div class="bmn-app-item">
          <div class="bmn-bar"></div>
          <h4>Industrial</h4>
          <p>Used in coatings, sealants, pipe protection, adhesives, and corrosion-resistant materials.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= PRICE FACTORS ================= -->
  <section class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Procurement</div>
        <h2>What affects bitumen price?</h2>
        <p>For international buyers, shipping and packaging costs can significantly impact the final delivered price.</p>
      </div>
      <div class="bmn-factor-strip">
        <div class="bmn-factor-chip">Crude Oil Prices</div>
        <div class="bmn-factor-chip">Grade</div>
        <div class="bmn-factor-chip">Refinery Supply</div>
        <div class="bmn-factor-chip">Freight</div>
        <div class="bmn-factor-chip">Packaging</div>
        <div class="bmn-factor-chip">Origin</div>
        <div class="bmn-factor-chip">Demand</div>
      </div>
    </div>
  </section>

  <!-- ================= PACKAGING ================= -->
  <section class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Logistics</div>
        <h2>Packaging &amp; transportation</h2>
        <p>The appropriate method depends on quantity, destination, handling facilities, and product grade.</p>
      </div>
      <div class="bmn-pack-grid">
        <div class="bmn-pack-card">
          <svg class="bmn-icon" viewBox="0 0 44 44" fill="none"><rect x="4" y="14" width="36" height="22" rx="2" stroke="#1A2FEE" stroke-width="2"/><path d="M4 22h36" stroke="#1A2FEE" stroke-width="2"/><path d="M14 14V8h16v6" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Bulk</h4>
          <p>Large-volume shipments for tankers and industrial handling facilities.</p>
        </div>
        <div class="bmn-pack-card">
          <svg class="bmn-icon" viewBox="0 0 44 44" fill="none"><rect x="12" y="6" width="20" height="32" rx="9" stroke="#1A2FEE" stroke-width="2"/><path d="M12 16h20M12 28h20" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Steel Drums</h4>
          <p>Standard sealed drums for smaller volumes and long-distance freight.</p>
        </div>
        <div class="bmn-pack-card">
          <svg class="bmn-icon" viewBox="0 0 44 44" fill="none"><path d="M10 12h24l3 26H7l3-26Z" stroke="#1A2FEE" stroke-width="2"/><path d="M15 12V8a7 7 0 0 1 14 0v4" stroke="#1A2FEE" stroke-width="2"/></svg>
          <h4>Jumbo Bags</h4>
          <p>Bitubags for palletized handling, easier storage, and flexible delivery.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ================= BUYER CHECKLIST ================= -->
  <section id="bmn-buy" class="bmn-reveal">
    <div class="bmn-wrap">
      <div class="bmn-section-head">
        <div class="bmn-eyebrow">Before You Order</div>
        <h2>What buyers should check</h2>
      </div>
      <div class="bmn-checklist">
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Grade and specification</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Certificate of Analysis (COA)</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Penetration &amp; Softening Point</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Origin</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Packaging</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Quantity</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Loading port</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Destination</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Inspection requirements</span></div>
        <div class="bmn-check-item"><div class="bmn-mark">✓</div><span>Delivery terms</span></div>
      </div>
    </div>
  </section>

  <!-- ================= CTA ================= -->
  <section id="bmn-cta" class="bmn-reveal" style="padding-bottom:100px;">
    <div class="bmn-wrap">
      <div class="bmn-cta-block">
        <div class="bmn-eyebrow" style="justify-content:center;">Looking for Bitumen Supply?</div>
        <h2>60/70, 80/100, PMB, or Oxidized —<br>tell us the spec.</h2>
        <p>Contact our commercial team with your required grade, quantity, packaging, destination, and delivery terms.</p>
        <div class="bmn-cta-row">
          <a href="#" class="bmn-btn bmn-btn-primary">Contact Commercial Team</a>
        </div>
      </div>
    </div>
  </section>
</main>
</div>

<script>
  (function(){
    var scope = document.querySelector('.bmn-scope');
    if(!scope) return;

    // scroll reveal, scoped to this block only
    var io = new IntersectionObserver(function(entries){
      entries.forEach(function(e){
        if(e.isIntersecting){ e.target.classList.add('bmn-in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.12 });
    scope.querySelectorAll('.bmn-reveal').forEach(function(el){ io.observe(el); });

    // smooth in-page anchor scrolling, scoped to this block's own links only
    scope.querySelectorAll('a[href^="#bmn-"]').forEach(function(link){
      link.addEventListener('click', function(ev){
        var target = scope.querySelector(link.getAttribute('href'));
        if(target){
          ev.preventDefault();
          target.scrollIntoView({ behavior:'smooth', block:'start' });
        }
      });
    });
  })();
</script>
</body>
</html>				</div>
				</div>
				</div>
		]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
