<!doctype html>

<head>

<title>Import Risk Intelligence | ImportRiskReport.com</title>

<style>

:root{

--bg:#050a14;

--text:#eef3ff;

--muted:rgba(238,243,255,.75);

--line:rgba(255,255,255,.12);

--btn:#2f6fed;

--btn2:#1f4ed8;

--shadow:0 16px 40px rgba(0,0,0,.35);

--radius:16px;

--max:1100px;

--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;

}

*{box-sizing:border-box}

html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font)}

a{color:inherit;text-decoration:none}

.container{max-width:var(--max);margin:0 auto;padding:0 18px}

header{

position:sticky;top:0;z-index:50;

background:rgba(6,12,24,.65);

backdrop-filter:blur(10px);

border-bottom:1px solid var(--line);

}

.nav{

height:64px;

display:flex;

align-items:center;

justify-content:space-between;

}

.brand{

display:flex;align-items:center;gap:10px;font-weight:900;

}

.logo{

width:34px;height:34px;border-radius:10px;

background:linear-gradient(135deg,#1f6fff,#00c2ff);

display:grid;place-items:center;

box-shadow:var(--shadow);

font-weight:900;

}

.links{display:flex;gap:18px;align-items:center}

.links a{color:var(--muted);font-weight:700;font-size:14px}

.links a:hover{color:var(--text)}

.btn{

padding:12px 16px;

border-radius:12px;

background:var(--btn);

color:white;

font-weight:900;

border:1px solid rgba(255,255,255,.12);

box-shadow:var(--shadow);

}

.btn:hover{background:var(--btn2)}

.btn.secondary{

background:transparent;

border:1px solid rgba(255,255,255,.18);

box-shadow:none;

}

.btn.secondary:hover{background:rgba(255,255,255,.06)}

.hero{

min-height:72vh;

display:flex;

align-items:center;

position:relative;

background:

linear-gradient(180deg,rgba(9,14,26,.65),rgba(9,14,26,.9)),

url("https://images.unsplash.com/photo-1475823678248-624fc6f85785?auto=format&fit=crop&w=2400&q=70")

center/cover no-repeat;

}

.hero::after{

content:"";

position:absolute;inset:0;

background:radial-gradient(700px 450px at 20% 35%,rgba(47,111,237,.18),transparent 60%);

}

.hero-inner{position:relative;z-index:2;padding:56px 0}

.kicker{

color:rgba(255,255,255,.75);

font-weight:800;

letter-spacing:.1em;

text-transform:uppercase;

font-size:12px;

}

h1{

margin:14px 0 10px;

font-size:clamp(34px,5vw,58px);

line-height:1.05;

}

.sub{

max-width:720px;

font-size:18px;

color:var(--muted);

}

.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

section{

padding:64px 0;

border-top:1px solid var(--line);

}

.panel{

background:rgba(255,255,255,.05);

border:1px solid var(--line);

border-radius:var(--radius);

padding:36px;

}

h2{margin-top:0;font-size:28px}

ul{margin:0;padding-left:18px}

li{margin:8px 0;color:var(--muted)}

footer{

padding:40px 0;

text-align:center;

color:var(--muted);

font-size:14px;

border-top:1px solid var(--line);

}

</style>

</head>

<body>

Import Risk Intelligence

</div>

<a href="#about">About</a>

<a href="#coverage">Coverage</a>

<a href="#contact" class="btn secondary">Contact</a>

</div>

</header>

<div class="kicker">Supply Chain Intelligence</div>

<h1>Import & Supply Chain Risk Intelligence</h1>

Independent risk monitoring for U.S. importers.

Focused on ports, origin countries, and geopolitical disruption.

</p>

<a href="#contact" class="btn">Request Coverage</a>

<a href="#about" class="btn secondary">Learn More</a>

</div>

</section>

<h2>About</h2>

Import Risk Intelligence provides independent early-warning monitoring for

companies exposed to port congestion, geopolitical risk, regulatory shifts,

and supply chain instability.

</p>

</div>

</section>

<h2>What We Monitor</h2>

<ul>

<li>Global port disruptions</li>

<li>Country-level geopolitical risk</li>

<li>Product-specific exposure</li>

<li>Trade, sanctions, and regulatory signals</li>

</ul>

</div>

</section>

<h2>Contact</h2>

Email: <strong>importriskreport@yourdomain.com</strong>

</p>

</div>

</section>

</footer>

</body>

</html>