/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* 1. Define Axia Stencil for headings */
@font-face {
  font-family: 'Axia Stencil';
  src: url('https://7519744.fs1.hubspotusercontent-na1.net/hubfs/7519744/Company%20Materials/Company%20Logos/AxiaStencilLight-Regular.otf') format('otf');
  font-style: normal;
  font-display: swap;
}

/* 2. Define Trasandina Extra Light for body */
@font-face {
  font-family: 'Trasandina Extra Light';
  src: url('https://7519744.fs1.hubspotusercontent-na1.net/hubfs/7519744/Company%20Materials/Company%20Logos/Trasandina%20W03%20ExtraLight.ttf') format('tff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

/* 3. Apply fonts */
body {
  font-family: 'Trasandina Extra Light', Arial, sans-serif;
  font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Axia Stencil', Arial, sans-serif;
  font-weight: 700;
}<div class="top-bar"></div>

<section class="hero">
  <img class="hero-bg" src="tank_containers_shaded.jpg" alt="Chemical tank containers at port" onerror="this.style.display='none'">
  <div class="hero-overlay"></div>
  <div class="hero-content">
    <p class="hero-eyebrow">Mariner Logistics &mdash; 2026 Chemical Industry Report</p>
    <h1 class="hero-title">Chemical Logistics:<br><span class="accent">A Perfect Storm</span></h1>
    <p class="hero-sub">Tariffs. Regulatory pressure. Carrier risk. Three forces are converging on chemical supply chains at once &mdash; and most shippers aren&rsquo;t ready for what&rsquo;s coming.</p>
    <a href="#contact" class="cta-btn">Contact Mariner</a>
  </div>
</section>

<div class="ticker" aria-hidden="true">
  <div class="ticker-track">
    <span>Tariff Disruption</span><span class="dot">&bull;</span>
    <span>Carrier Compliance Risk</span><span class="dot">&bull;</span>
    <span>Regulatory Pressure</span><span class="dot">&bull;</span>
    <span>Chemical Supply Chain</span><span class="dot">&bull;</span>
    <span>Managed Transportation</span><span class="dot">&bull;</span>
    <span>Perfect Storm 2026</span><span class="dot">&bull;</span>
    <span>Tariff Disruption</span><span class="dot">&bull;</span>
    <span>Carrier Compliance Risk</span><span class="dot">&bull;</span>
    <span>Regulatory Pressure</span><span class="dot">&bull;</span>
    <span>Chemical Supply Chain</span><span class="dot">&bull;</span>
    <span>Managed Transportation</span><span class="dot">&bull;</span>
    <span>Perfect Storm 2026</span><span class="dot">&bull;</span>
  </div>
</div>

<section class="stats">
  <p class="section-label">The Numbers Don&rsquo;t Lie</p>
  <div class="stats-grid">
    <div class="stat-card">
      <div class="stat-num">25%</div>
      <div class="stat-lbl">Average tariff increase on chemical imports under current policy</div>
    </div>
    <div class="stat-card">
      <div class="stat-num">40%</div>
      <div class="stat-lbl">Of chemical carriers lack full hazmat compliance documentation</div>
    </div>
    <div class="stat-card">
      <div class="stat-num">3&times;</div>
      <div class="stat-lbl">Higher freight cost volatility for chemical vs. general freight in 2026</div>
    </div>
    <div class="stat-card">
      <div class="stat-num">$2.1B</div>
      <div class="stat-lbl">Estimated earnings impact across top U.S. chemical producers from tariff exposure</div>
    </div>
  </div>
</section>

<div class="body-wrap">
  <div class="two-col">

    <div class="col-left">
      <h2>Three Forces. <em>One Window</em> to Act.</h2>
      <p>Chemical logistics has always demanded more than standard freight management. Hazmat compliance, carrier vetting, regulatory documentation &mdash; the baseline requirements are already higher than any other vertical.</p>
      <p>Now add a tariff environment that changes week to week, a carrier base under compliance pressure, and regulators with renewed appetite for enforcement. The window to get ahead of this is narrow.</p>
      <p>The shippers who come out of 2026 in a strong position won&rsquo;t be the ones who reacted fastest. They&rsquo;ll be the ones who had the right partner in place before the storm hit.</p>
    </div>

    <div class="col-right">
      <ul class="threat-list">
        <li>
          <div class="t-num">01</div>
          <div class="t-body">
            <strong>Tariff Volatility</strong>
            <span>New and shifting tariffs are disrupting established chemical import lanes, forcing shippers to reprice contracts mid-cycle and find alternative sourcing routes with little lead time.</span>
          </div>
        </li>
        <li>
          <div class="t-num">02</div>
          <div class="t-body">
            <strong>Carrier Compliance Risk</strong>
            <span>A significant portion of carriers handling chemical freight are operating with outdated hazmat certifications or incomplete documentation &mdash; exposing shippers to liability and shipment delays.</span>
          </div>
        </li>
        <li>
          <div class="t-num">03</div>
          <div class="t-body">
            <strong>Regulatory Pressure</strong>
            <span>EPA and DOT enforcement activity is rising. Shippers without a managed transportation partner who tracks compliance in real time are flying blind on their own exposure.</span>
          </div>
        </li>
      </ul>
    </div>

  </div>
</div>

<section class="form-section" id="contact">
  <div class="form-wrap">

    <div class="form-intro">
      <h2>Talk to <span>Mariner</span><br>Before the Storm Hits</h2>
      <p>Mariner specializes in managed transportation for complex chemical supply chains. Our team understands the compliance requirements, carrier landscape, and tariff dynamics that general freight brokers don&rsquo;t.</p>
      <p style="margin-top:16px;">Tell us about your freight and we&rsquo;ll tell you exactly where you&rsquo;re exposed &mdash; and how to fix it.</p>
    </div>

    <div class="hs-form-zone">
      <!-- Replace this with a HubSpot form module or form embed -->
      [ Paste your HubSpot form embed here ]
    </div>

  </div>
</section>