<!DOCTYPE html>
<html lang="en">
<head><base href="about:srcdoc"><script>(function(){function n(){parent.postMessage({t:'share:hash',h:location.hash},'*')}addEventListener('hashchange',n);addEventListener('message',function(e){if(e.source!==parent)return;var d=e.data||{};if(d.t==='share:setHash'&&typeof d.h==='string'&&d.h!==location.hash){location.hash=d.h}});addEventListener('DOMContentLoaded',function(){parent.postMessage({t:'share:ready',h:location.hash},'*')});})();</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Digitalization of SEZ registration and procedures in Central Asia</title>
<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=DM+Serif+Display&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
<style>
  :root {
    --bg: oklch(0.99 0.003 240);
    --fg: oklch(0.25 0.02 250);
    --muted: oklch(0.52 0.02 250);
    --accent: oklch(0.58 0.13 240);      /* UN blue family */
    --accent-deep: oklch(0.42 0.10 245);
    --border: oklch(0.90 0.01 240);
    --surface: oklch(0.97 0.006 240);
    --highlight: oklch(0.95 0.025 240);
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  body {
    background: var(--bg);
    color: var(--fg);
    font-family: "Source Sans 3", system-ui, sans-serif;
    font-size: 1rem;
    line-height: 1.55;
    padding: 3rem 2rem 2rem;
  }
  .page { max-width: 1180px; margin: 0 auto; }

  /* Header */
  .kicker {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--accent-deep);
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
  }
  .tag {
    border: 1px solid var(--accent);
    border-radius: 999px;
    padding: 0.05rem 0.7rem;
    font-size: 0.7rem;
    letter-spacing: 0.1em;
    color: var(--accent-deep);
    background: var(--highlight);
  }
  h1 {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-size: 2.441rem;
    line-height: 1.1;
    margin: 0.5rem 0 0.25rem;
  }
  .audience { font-size: 1rem; color: var(--muted); }
  header { border-bottom: 3px solid var(--accent); padding-bottom: 1.25rem; }

  /* Credibility strip */
  .cred {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 2.5rem;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--border);
    font-size: 0.85rem;
    color: var(--muted);
  }
  .cred span::before {
    content: "";
    display: inline-block;
    width: 7px; height: 7px;
    border: 1.5px solid var(--accent);
    border-radius: 50%;
    margin-right: 0.55rem;
    vertical-align: 1px;
  }

  /* Purpose */
  .purpose { margin: 1.75rem 0 2rem; max-width: 66rem; }
  .purpose h2 {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 0.5rem;
  }
  .purpose p { font-size: 1.25rem; line-height: 1.4; }
  .purpose p + p { margin-top: 0.4rem; }
  .purpose strong { color: var(--accent-deep); }

  /* Section titles */
  .section-title {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-size: 1.563rem;
    margin: 2.25rem 0 1rem;
  }

  /* Services grid */
  .services {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
  .service {
    border: 1px solid var(--border);
    background: var(--surface);
    padding: 1.5rem 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }
  .service-head { display: flex; align-items: center; gap: 0.9rem; }
  .num {
    width: 2.2rem; height: 2.2rem;
    border: 1.5px solid var(--accent);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--accent-deep);
    flex-shrink: 0;
  }
  .service h3 {
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.15;
  }
  .pic svg { display: block; }
  .pic .stroke { stroke: var(--accent-deep); stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }
  .pic .faint { stroke: var(--border); }
  .lead { font-weight: 600; }
  .service ul { list-style: none; display: flex; flex-direction: column; gap: 0.5rem; }
  .service li { padding-left: 1.1rem; position: relative; }
  .service li::before {
    content: "";
    position: absolute;
    left: 0; top: 0.55em;
    width: 0.5rem; height: 1.5px;
    background: var(--accent);
  }
  .quote {
    background: var(--highlight);
    border-left: 3px solid var(--accent);
    padding: 0.8rem 1rem;
    font-size: 1.05rem;
    line-height: 1.4;
  }
  .quote em { font-style: normal; font-weight: 700; color: var(--accent-deep); }
  a { color: var(--accent-deep); }
  .note { font-size: 0.9rem; color: var(--muted); margin-top: auto; }
  .proof {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--accent-deep);
    border-top: 1px solid var(--border);
    padding-top: 0.7rem;
    margin-top: auto;
  }
  .actors { display: flex; gap: 0.5rem; flex-wrap: wrap; }
  .actor {
    border: 1px solid var(--accent);
    border-radius: 999px;
    padding: 0.15rem 0.75rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--accent-deep);
    background: var(--bg);
  }

  /* Roadmap */
  .roadmap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
  }
  .step { padding-right: 1.25rem; position: relative; }
  .step + .step { padding-left: 0.25rem; }
  .step-line {
    position: absolute;
    top: 1.1rem;
    left: 0; right: 1.25rem;
    height: 1.5px;
    background: var(--border);
  }
  .step-head { display: flex; align-items: center; gap: 0.7rem; margin-bottom: 0.5rem; position: relative; }
  .step .num, .step h3 { background: var(--bg); }
  .step h3 { font-size: 1rem; font-weight: 700; padding-right: 0.5rem; }
  .step p { font-size: 0.9rem; color: var(--muted); }

  /* Collaboration */
  .collab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
  .collab-block {
    border-top: 3px solid var(--accent);
    padding-top: 0.8rem;
  }
  .collab-block h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.35rem; color: var(--accent-deep); }
  .collab-block p { font-size: 0.95rem; }
  .questions {
    margin-top: 1.5rem;
    background: var(--highlight);
    border: 1px solid var(--border);
    padding: 1rem 1.25rem;
    display: flex;
    gap: 1rem 2.5rem;
    flex-wrap: wrap;
    align-items: baseline;
  }
  .questions .tag { flex-shrink: 0; }
  .questions p { font-size: 1rem; font-weight: 600; }

  /* Footer */
  footer {
    margin-top: 2.25rem;
    padding-top: 1rem;
    border-top: 3px solid var(--accent);
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 2rem;
    flex-wrap: wrap;
  }
  .next { font-size: 1.05rem; }
  .next strong { color: var(--accent-deep); }
  .org { font-size: 0.85rem; color: var(--muted); }

  @media (max-width: 1000px) {
    .services, .collab { grid-template-columns: 1fr; }
    .roadmap { grid-template-columns: 1fr; gap: 1rem; }
    .step-line { display: none; }
    body { padding: 2rem 1.25rem; }
  }
  @media print {
    body { padding: 0; font-size: 9.5pt; }
    .services, .collab { gap: 0.75rem; }
    .service { padding: 1rem; }
    h1 { font-size: 20pt; }
    .purpose p { font-size: 11.5pt; }
    .section-title { margin: 1.25rem 0 0.6rem; }
  }
</style>
</head>
<body>
<div class="page">

  <header>
    <div class="kicker">UNCTAD · Digital Government Program <span class="tag">Basis for discussion</span></div>
    <h1>Digitalization of SEZ registration and procedures in Central Asia</h1>
    <div class="audience">Meeting with the WFZO Regional Office · July 2026</div>
  </header>

  <div class="cred">
    <span>Methods and tools used in more than 60 countries</span>
    <span>eRegistrations platform co-developed with Estonia</span>
    <span>Officials trained through the UN Digital Government Academy (with UNITAR)</span>
  </div>

  <div class="purpose">
    <h2>This conversation</h2>
    <p>A potential <strong>roadmap</strong> for supporting the digitalization of SEZ registration and related procedures, in <strong>Kazakhstan</strong> and across <strong>Central Asia</strong>.</p>
    <p>And the possible <strong>areas of collaboration</strong> between UNCTAD and the WFZO Regional Office.</p>
  </div>

  <h2 class="section-title">What UNCTAD can bring</h2>

  <div class="services">

    <!-- 01 Legal frameworks -->
    <section class="service">
      <div class="service-head">
        <div class="num">01</div>
        <h3>Simple laws for zones</h3>
      </div>
      <div class="pic">
        <svg width="120" height="56" viewBox="0 0 120 56" aria-hidden="true">
          <rect class="stroke" x="4" y="6" width="34" height="44" rx="2"></rect>
          <line class="stroke faint" x1="10" y1="14" x2="32" y2="14"></line>
          <line class="stroke faint" x1="10" y1="20" x2="32" y2="20"></line>
          <line class="stroke faint" x1="10" y1="26" x2="32" y2="26"></line>
          <line class="stroke faint" x1="10" y1="32" x2="32" y2="32"></line>
          <line class="stroke faint" x1="10" y1="38" x2="32" y2="38"></line>
          <line class="stroke faint" x1="10" y1="44" x2="26" y2="44"></line>
          <line class="stroke" x1="48" y1="28" x2="68" y2="28"></line>
          <polyline class="stroke" points="62,22 68,28 62,34"></polyline>
          <rect class="stroke" x="78" y="6" width="34" height="44" rx="2"></rect>
          <line class="stroke" x1="84" y1="18" x2="106" y2="18"></line>
          <line class="stroke" x1="84" y1="28" x2="106" y2="28"></line>
          <line class="stroke" x1="84" y1="38" x2="100" y2="38"></line>
        </svg>
      </div>
      <p class="lead">Reviewing the SEZ legal framework of each country.</p>
      <ul>
        <li>Understand the law as it stands.</li>
        <li>Simplify wherever the text allows it.</li>
        <li>Where no zone law exists, write a simple one from scratch.</li>
      </ul>
      <div class="quote">
        Drafting a zone law is <em>not a legal problem</em>. It is a business question:
        what does the country expect from the companies that will come,
        and what can it offer them?
      </div>
      <p class="note">
        Expected: jobs, revenue, technology transfer, and the returns most laws forget:
        skills, research, new institutional capacity.
        Offered: not only land and tax relief, but fast licensing, clear rules and stable conditions.
        Once both sides are clear, the law is short and easy to write.
      </p>
    </section>

    <!-- 02 Digitization -->
    <section class="service">
      <div class="service-head">
        <div class="num">02</div>
        <h3>Simplify, then digitize</h3>
      </div>
      <div class="pic">
        <svg width="120" height="56" viewBox="0 0 120 56" aria-hidden="true">
          <rect class="stroke faint" x="4" y="10" width="14" height="10" rx="1"></rect>
          <rect class="stroke faint" x="4" y="24" width="14" height="10" rx="1"></rect>
          <rect class="stroke faint" x="4" y="38" width="14" height="10" rx="1"></rect>
          <line class="stroke" x1="26" y1="15" x2="48" y2="26"></line>
          <line class="stroke" x1="26" y1="29" x2="48" y2="29"></line>
          <line class="stroke" x1="26" y1="43" x2="48" y2="32"></line>
          <rect class="stroke" x="56" y="10" width="56" height="34" rx="3"></rect>
          <line class="stroke" x1="74" y1="50" x2="94" y2="50"></line>
          <line class="stroke" x1="84" y1="44" x2="84" y2="50"></line>
          <circle class="stroke" cx="66" cy="27" r="4"></circle>
          <line class="stroke" x1="76" y1="24" x2="104" y2="24"></line>
          <line class="stroke" x1="76" y1="31" x2="98" y2="31"></line>
        </svg>
      </div>
      <p class="lead">Turning zone procedures into simple online services.</p>
      <ul>
        <li>Simplification first: remove steps, then digitize what remains.</li>
        <li>One digital counter for applications, permits and renewals.</li>
        <li>For the three actors every zone law recognizes:</li>
      </ul>
      <div class="actors">
        <span class="actor">Developers</span>
        <span class="actor">Occupants</span>
        <span class="actor">Service providers</span>
      </div>
      <div class="quote">
        The procedure should become <em>so simple</em> that the zone's website
        does not need to explain it. The website shows the offer:
        which zones, what benefits for enterprises, and where they are.
      </div>
      <p class="proof">Already done in Jamaica: developer procedures digitized,
        and <a href="https://jseza.eregistrations.dev/zones-dashboard">every zone on one map</a>,
        as easy to explore as a booking site.</p>
    </section>

    <!-- 03 Configurable regional system -->
    <section class="service">
      <div class="service-head">
        <div class="num">03</div>
        <h3>One configurable system for the region</h3>
      </div>
      <div class="pic">
        <svg width="120" height="56" viewBox="0 0 120 56" aria-hidden="true">
          <rect class="stroke" x="4" y="8" width="52" height="40" rx="3"></rect>
          <line class="stroke faint" x1="12" y1="20" x2="48" y2="20"></line>
          <circle class="stroke" cx="34" cy="20" r="3.5"></circle>
          <line class="stroke faint" x1="12" y1="30" x2="48" y2="30"></line>
          <circle class="stroke" cx="20" cy="30" r="3.5"></circle>
          <line class="stroke faint" x1="12" y1="40" x2="48" y2="40"></line>
          <circle class="stroke" cx="42" cy="40" r="3.5"></circle>
          <line class="stroke" x1="64" y1="28" x2="78" y2="14"></line>
          <line class="stroke" x1="64" y1="28" x2="78" y2="28"></line>
          <line class="stroke" x1="64" y1="28" x2="78" y2="42"></line>
          <rect class="stroke" x="82" y="8" width="30" height="12" rx="2"></rect>
          <rect class="stroke" x="82" y="22" width="30" height="12" rx="2"></rect>
          <rect class="stroke" x="82" y="36" width="30" height="12" rx="2"></rect>
        </svg>
      </div>
      <p class="lead">A standard zone procedure and system, configurable for any free zone in Central Asia.</p>
      <ul>
        <li>One template: the simplest rational path from application to authorization.</li>
        <li>Each country configures institutions, fees and controls, without rebuilding.</li>
        <li>Companies find the same clear process in every member zone.</li>
      </ul>
      <p class="note">
        Not a copy of what exists elsewhere: procedures designed to be simple and
        rational, then adapted to each country's law.
      </p>
    </section>

  </div>

  <h2 class="section-title">A possible roadmap</h2>

  <div class="roadmap">
    <div class="step-line"></div>
    <div class="step">
      <div class="step-head"><div class="num">1</div><h3>Kazakhstan first</h3></div>
      <p>Review the SEZ legal framework and pick one zone to start with.</p>
    </div>
    <div class="step">
      <div class="step-head"><div class="num">2</div><h3>One visible result</h3></div>
      <p>Simplify and digitize one registration procedure end to end, developers first, as in Jamaica.</p>
    </div>
    <div class="step">
      <div class="step-head"><div class="num">3</div><h3>Extend</h3></div>
      <p>All procedures of the zone, for developers, occupants and service providers.</p>
    </div>
    <div class="step">
      <div class="step-head"><div class="num">4</div><h3>Regionalize</h3></div>
      <p>The configurable template, offered to every zone in Central Asia.</p>
    </div>
  </div>

  <h2 class="section-title">Possible areas of collaboration</h2>

  <div class="collab">
    <div class="collab-block">
      <h3>The WFZO Regional Office can bring the zones</h3>
      <p>Identifies the member countries and zones ready to start, and convenes them at regional level.</p>
    </div>
    <div class="collab-block">
      <h3>UNCTAD can bring the method and the tools</h3>
      <p>Legal review, simplification, the eRegistrations platform, and training through the UN Digital Government Academy.</p>
    </div>
    <div class="collab-block">
      <h3>Together</h3>
      <p>A pilot in Kazakhstan, then a regional workshop to show the results to member zones.</p>
    </div>
  </div>

  <div class="questions">
    <span class="tag">To discuss</span>
    <p>Which member zones would volunteer first?</p>
    <p>What role does the Regional Office want: convener, co-owner of the regional template, or both?</p>
  </div>

  <footer>
    <p class="next"><strong>A good way to start:</strong> one country, one zone, one procedure digitized, then show it to the region.</p>
    <p class="org">UNCTAD · Digital Government Program · July 2026</p>
  </footer>

</div>
</body>
</html>