{"id":170,"date":"2026-09-04T14:00:35","date_gmt":"2026-09-04T10:30:35","guid":{"rendered":"https:\/\/weknowiran.com\/new\/?page_id=170"},"modified":"2026-09-04T14:03:03","modified_gmt":"2026-09-04T10:33:03","slug":"import-export-iran","status":"publish","type":"page","link":"https:\/\/weknowiran.com\/new\/import-export-iran\/","title":{"rendered":"import export iran"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"170\" class=\"elementor elementor-170\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd181ca e-con-full e-flex e-con e-parent\" data-id=\"dd181ca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7852ea9 elementor-widget elementor-widget-html\" data-id=\"7852ea9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Export &amp; Import in Iran | Trade Routes, Ports &amp; Logistics \u2014 We Know Iran<\/title>\n<meta name=\"description\" content=\"Iran at the heart of world routes: exports, imports, ports, the INSTC corridor, free zones, market data and logistics \u2014 in plain English by We Know Iran.\">\n<style>\n  :root{\n    --gold:#c9a227;\n    --gold-light:#f0d47a;\n    --gold-pale:#ffe9a8;\n    --bg:#0e0b09;\n    --panel:#141110;\n    --card1:#1c1712;\n    --card2:#120f0c;\n    --ink:#f2ede4;\n    --ink-soft:#e9e2d4;\n    --muted:#b9b1a2;\n    --faint:#8d867a;\n    --line:rgba(201,162,39,.22);\n    --line-strong:rgba(201,162,39,.6);\n    --radius:1.1rem;\n  }\n  *{box-sizing:border-box;margin:0;padding:0;}\n  html{scroll-behavior:smooth;}\n  body{\n    font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n    background:var(--bg);\n    color:var(--ink);\n    line-height:1.7;\n    overflow-x:hidden;\n  }\n  h1,h2,h3,h4{font-family:Georgia,\"Times New Roman\",Times,serif;line-height:1.25;letter-spacing:.01em;}\n  a{color:inherit;}\n  ::-webkit-scrollbar{width:10px;height:8px;}\n  ::-webkit-scrollbar-track{background:#161210;}\n  ::-webkit-scrollbar-thumb{background:linear-gradient(#c9a227,#8a6d1a);border-radius:10px;}\n\n  main{display:block;}\n  .wrap{max-width:1200px;margin:0 auto;padding:0 1.25rem;}\n  @media(min-width:640px){.wrap{padding:0 2rem;}}\n  @media(min-width:1024px){.wrap{padding:0 3rem;}}\n\n  section{padding:5.5rem 0;}\n  @media(max-width:640px){section{padding:4rem 0;}}\n\n  .gold-text{\n    background:linear-gradient(92deg,#f7dd85 5%,#c9a227 45%,#f7dd85 90%);\n    -webkit-background-clip:text;background-clip:text;color:transparent;\n  }\n  .label{\n    letter-spacing:.28em;font-size:.72rem;text-transform:uppercase;\n    color:var(--gold-light);font-weight:600;margin-bottom:.9rem;\n  }\n  .sec-title{font-size:clamp(1.7rem,4vw,2.7rem);font-weight:700;color:#f6f0e0;margin-bottom:1rem;}\n  .sec-sub{color:var(--muted);max-width:46rem;font-size:1.02rem;}\n  .center{text-align:center;}\n  .center .sec-sub{margin:0 auto;}\n  .divider{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.25rem 0 0;}\n  .divider-center{width:84px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:1.25rem auto 0;}\n  .sec-head{margin-bottom:3rem;}\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    min-height:100vh;display:flex;align-items:center;justify-content:center;\n    text-align:center;position:relative;padding:6rem 1.25rem 5rem;\n    background:\n      radial-gradient(900px 480px at 50% -8%,rgba(201,162,39,.22),transparent 65%),\n      radial-gradient(700px 500px at 85% 110%,rgba(120,70,20,.18),transparent 60%),\n      linear-gradient(180deg,rgba(14,11,9,.55) 0%,rgba(14,11,9,.78) 55%,rgba(14,11,9,.98) 100%),\n      repeating-linear-gradient(45deg,rgba(201,162,39,.05) 0 2px,transparent 2px 26px),\n      #0e0b09;\n  }\n  .hero-inner{max-width:56rem;margin:0 auto;position:relative;z-index:2;}\n  .hero-badge{\n    display:inline-flex;align-items:center;gap:.55rem;\n    border:1px solid var(--line-strong);border-radius:999px;\n    padding:.45rem 1.15rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;\n    color:var(--gold-pale);background:rgba(201,162,39,.08);margin-bottom:1.4rem;\n  }\n  .hero-badge .dot{width:8px;height:8px;border-radius:50%;background:#7ee2a8;box-shadow:0 0 10px #7ee2a8;}\n  .hero h1{font-size:clamp(2.2rem,6.4vw,4.2rem);font-weight:800;margin-bottom:1.2rem;}\n  .hero p.lead{color:var(--ink-soft);font-size:clamp(1rem,2.4vw,1.25rem);font-weight:300;max-width:46rem;margin:0 auto 1rem;}\n  .hero p.lead strong{color:var(--gold-pale);font-weight:600;}\n  .hero .quote{font-family:Georgia,serif;font-style:italic;color:var(--gold-light);font-size:clamp(.95rem,2.2vw,1.1rem);margin-bottom:2rem;}\n  .btnrow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.6rem;}\n  .btn{\n    display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;\n    padding:.95rem 2rem;border-radius:999px;font-size:.85rem;font-weight:700;\n    letter-spacing:.14em;text-transform:uppercase;transition:all .3s ease;cursor:pointer;border:1px solid transparent;\n  }\n  .btn-solid{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;box-shadow:0 12px 32px -8px rgba(201,162,39,.55);}\n  .btn-solid:hover{background:linear-gradient(120deg,#ffe9a8,#e8c85a);color:#000;transform:translateY(-3px);box-shadow:0 18px 40px -8px rgba(201,162,39,.7);}\n  .btn-ghost{border-color:rgba(240,212,122,.6);color:var(--gold-pale);background:rgba(201,162,39,.06);}\n  .btn-ghost:hover{background:var(--gold);border-color:var(--gold);color:#14100a;transform:translateY(-3px);}\n  .chips{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;}\n  .chip{\n    font-size:.8rem;color:var(--ink-soft);border:1px solid var(--line);\n    background:rgba(255,255,255,.03);border-radius:999px;padding:.42rem 1rem;\n  }\n  .chip b{color:var(--gold-light);}\n  .scroll-hint{position:absolute;bottom:1.6rem;left:50%;transform:translateX(-50%);color:rgba(240,212,122,.75);font-size:1.6rem;animation:bob 2.2s infinite;}\n  @keyframes bob{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,10px);}}\n\n  \/* ---------- STATS STRIP ---------- *\/\n  .stats{background:rgba(0,0,0,.35);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0;}\n  .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);text-align:center;}\n  @media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr);}}\n  .stat{padding:1.8rem 1rem;border-left:1px solid rgba(201,162,39,.12);}\n  .stat:first-child{border-left:none;}\n  @media(max-width:767px){.stat:nth-child(3){border-left:none;}.stat{border-top:1px solid rgba(201,162,39,.12);}.stat:nth-child(1),.stat:nth-child(2){border-top:none;}}\n  .stat .num{font-family:Georgia,serif;font-size:1.9rem;font-weight:700;color:var(--gold-light);}\n  .stat .cap{font-size:.82rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:.25rem;}\n\n  \/* ---------- CARDS ---------- *\/\n  .grid{display:grid;gap:1.4rem;grid-template-columns:1fr;}\n  @media(min-width:600px){.grid.cols-4,.grid.cols-5{grid-template-columns:repeat(2,1fr);}}\n  @media(min-width:1024px){\n    .grid.cols-5{grid-template-columns:repeat(3,1fr);}\n    .grid.cols-4{grid-template-columns:repeat(4,1fr);}\n    .grid.cols-3{grid-template-columns:repeat(3,1fr);}\n  }\n  @media(min-width:1280px){.grid.cols-5{grid-template-columns:repeat(5,1fr);}}\n  .card{\n    background:linear-gradient(160deg,var(--card1),var(--card2));\n    border:1px solid rgba(201,162,39,.16);border-radius:var(--radius);\n    overflow:hidden;cursor:pointer;position:relative;\n    transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;\n  }\n  .card:hover,.card:focus-visible{\n    transform:translateY(-10px) scale(1.015);border-color:var(--line-strong);\n    box-shadow:0 25px 50px -12px rgba(0,0,0,.7),0 0 0 1px rgba(201,162,39,.35);\n    outline:none;\n  }\n  .visual{\n    height:150px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;\n    color:var(--gold-light);\n    background:\n      radial-gradient(320px 160px at 50% 120%,rgba(201,162,39,.35),transparent 70%),\n      linear-gradient(140deg,#241c10,#14100a 60%,#1d1508);\n    border-bottom:1px solid rgba(201,162,39,.15);\n  }\n  .visual::after{\n    content:\"\";position:absolute;inset:0;opacity:.16;\n    background:repeating-linear-gradient(45deg,transparent 0 14px,rgba(240,212,122,.5) 14px 15px);\n  }\n  .visual svg{width:58px;height:58px;position:relative;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transition:transform .5s ease;}\n  .card:hover .visual svg{transform:scale(1.15) rotate(-3deg);}\n  .card-body{padding:1.4rem 1.35rem 1.5rem;}\n  .card-body h3{font-size:1.18rem;color:#f7ecc8;margin-bottom:.5rem;}\n  .card:hover .card-body h3{color:var(--gold-pale);}\n  .card-body p{font-size:.88rem;color:var(--muted);margin-bottom:1rem;min-height:3.2em;}\n  .more{font-size:.85rem;font-weight:600;color:var(--gold-light);display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.04em;}\n  .card:hover .more{color:var(--gold-pale);}\n  .more .arrow{transition:transform .35s ease;}\n  .card:hover .more .arrow{transform:translateX(6px);}\n  .group-sub{font-family:Georgia,serif;font-size:1.3rem;color:#f3e7c6;margin:2.8rem 0 1.3rem;display:flex;align-items:center;gap:.8rem;}\n  .group-sub::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,var(--line-strong),transparent);}\n\n  \/* ---------- TIMELINE ---------- *\/\n  .timeline-sec{background:rgba(0,0,0,.32);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);}\n  .tl-scroll{overflow-x:auto;padding:1rem .25rem 1.6rem;}\n  .tl-grid{position:relative;display:grid;grid-template-columns:repeat(8,minmax(160px,1fr));gap:.9rem;min-width:1080px;}\n  .tl-line{position:absolute;top:11px;left:0;right:0;height:3px;border-radius:3px;\n    background:linear-gradient(90deg,transparent,#c9a227 8%,#c9a227 92%,transparent);}\n  .tl-item{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;border-radius:.8rem;padding:.2rem;}\n  .tl-item:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px;}\n  .tl-dot{width:22px;height:22px;border-radius:50%;background:var(--bg);border:3px solid var(--gold);\n    z-index:1;margin-bottom:1rem;transition:all .35s ease;}\n  .tl-item:hover .tl-dot{background:var(--gold);box-shadow:0 0 0 8px rgba(201,162,39,.18);transform:scale(1.18);}\n  .tl-num{font-size:.7rem;letter-spacing:.2em;color:var(--gold-light);text-transform:uppercase;margin-bottom:.3rem;}\n  .tl-card{\n    background:linear-gradient(160deg,var(--card1),var(--card2));\n    border:1px solid rgba(201,162,39,.16);border-radius:.9rem;padding:.9rem .7rem;width:100%;\n    transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;\n  }\n  .tl-item:hover .tl-card{transform:translateY(-8px);border-color:var(--line-strong);box-shadow:0 18px 36px -12px rgba(0,0,0,.65);}\n  .tl-card h4{font-size:.95rem;color:#f5e9c8;margin-bottom:.3rem;font-family:Georgia,serif;}\n  .tl-card p{font-size:.76rem;color:var(--muted);line-height:1.55;}\n  .swipe-note{text-align:center;color:var(--faint);font-size:.8rem;margin-top:.4rem;letter-spacing:.08em;}\n  @media(min-width:1100px){.swipe-note{display:none;}}\n\n  \/* ---------- AUDIO ---------- *\/\n  .audio-sec{position:relative;}\n  .pulse-stage{text-align:center;margin-bottom:2.2rem;}\n  .pulse-btn{\n    position:relative;width:132px;height:132px;border-radius:50%;cursor:pointer;border:1px solid var(--line-strong);\n    background:radial-gradient(circle at 35% 30%,#3a2c12,#171106 70%);\n    color:var(--gold-pale);display:inline-flex;align-items:center;justify-content:center;\n    transition:transform .3s ease,box-shadow .3s ease;\n  }\n  .pulse-btn:hover{transform:scale(1.05);box-shadow:0 0 45px rgba(201,162,39,.45);}\n  .pulse-btn svg{width:46px;height:46px;z-index:2;position:relative;}\n  .pulse-btn .ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(201,162,39,.7);animation:pulse 2.2s ease-out infinite;}\n  .pulse-btn .ring.r2{animation-delay:1.1s;}\n  @keyframes pulse{0%{transform:scale(1);opacity:.9;}100%{transform:scale(1.65);opacity:0;}}\n  .pulse-cap{margin-top:1.2rem;color:var(--ink-soft);font-size:1rem;}\n  .pulse-cap small{display:block;color:var(--faint);font-size:.82rem;margin-top:.3rem;}\n  .player{\n    max-width:640px;margin:0 auto;background:linear-gradient(165deg,#1e1811,#12100c);\n    border:1px solid var(--line-strong);border-radius:1.3rem;padding:1.8rem;position:relative;overflow:hidden;\n    box-shadow:0 30px 60px -20px rgba(0,0,0,.75),0 0 0 1px rgba(201,162,39,.12);\n    animation:rise .5s ease;\n  }\n  @keyframes rise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}\n  .player .wm{\n    position:absolute;top:46%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);\n    font-size:3rem;font-weight:800;letter-spacing:.2em;color:rgba(201,162,39,.09);\n    pointer-events:none;white-space:nowrap;text-transform:lowercase;\n  }\n  .player .brand{\n    display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;\n    color:#0f0c06;background:linear-gradient(120deg,#e8c85a,#c9a227);border-radius:999px;padding:.3rem .95rem;font-weight:800;margin-bottom:1.1rem;\n  }\n  .player h3{color:#f6ecca;font-size:1.25rem;margin-bottom:.2rem;position:relative;}\n  .player .psub{color:var(--muted);font-size:.85rem;margin-bottom:1.2rem;position:relative;}\n  .p-controls{display:flex;align-items:center;gap:1rem;position:relative;}\n  .play-btn{\n    flex:0 0 auto;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;\n    background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;font-size:1.35rem;\n    display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;\n  }\n  .play-btn:hover{transform:scale(1.08);box-shadow:0 0 26px rgba(201,162,39,.6);color:#000;}\n  .p-mid{flex:1;}\n  .p-times{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-bottom:.35rem;font-variant-numeric:tabular-nums;}\n  .p-times span:last-child{color:var(--gold-light);}\n  input[type=range].seek{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:rgba(201,162,39,.25);outline:none;cursor:pointer;}\n  input[type=range].seek::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;box-shadow:0 0 10px rgba(201,162,39,.7);}\n  input[type=range].seek::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#f0d47a;border:2px solid #7a5f14;}\n  .p-row{display:flex;align-items:center;gap:.8rem;margin-top:1rem;flex-wrap:wrap;position:relative;}\n  .p-row .vol{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.8rem;}\n  input[type=range].volr{-webkit-appearance:none;width:110px;height:5px;border-radius:5px;background:rgba(201,162,39,.25);cursor:pointer;}\n  input[type=range].volr::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e8c85a;}\n  input[type=range].volr::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#e8c85a;border:none;}\n  .rate-btn{background:rgba(201,162,39,.1);border:1px solid var(--line);color:var(--gold-pale);border-radius:999px;padding:.32rem .9rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .25s ease;}\n  .rate-btn:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n  .p-note{margin-top:1.1rem;font-size:.78rem;color:var(--faint);position:relative;}\n  .p-note code{color:var(--gold-light);background:rgba(201,162,39,.1);padding:.1rem .45rem;border-radius:.35rem;font-size:.75rem;word-break:break-all;}\n  .p-error{margin-top:.8rem;font-size:.82rem;color:#ffb4a8;background:rgba(160,40,30,.14);border:1px solid rgba(255,120,100,.3);border-radius:.6rem;padding:.6rem .9rem;display:none;position:relative;}\n  .file-load{margin-top:1rem;position:relative;font-size:.8rem;color:var(--muted);}\n  .file-load label{display:inline-block;margin-top:.4rem;padding:.5rem 1.2rem;border:1px dashed rgba(240,212,122,.55);border-radius:999px;color:var(--gold-pale);cursor:pointer;font-size:.78rem;letter-spacing:.06em;transition:all .25s ease;}\n  .file-load label:hover{background:rgba(201,162,39,.15);color:#fff;}\n  .file-load input{display:none;}\n\n  \/* ---------- CTA ---------- *\/\n  .cta-panel{\n    position:relative;border-radius:1.6rem;overflow:hidden;text-align:center;\n    padding:clamp(2.5rem,6vw,4.5rem) clamp(1.4rem,5vw,4rem);\n    background:\n      radial-gradient(600px 300px at 50% 0%,rgba(201,162,39,.28),transparent 65%),\n      linear-gradient(165deg,#231a0d,#100d08 70%);\n    border:1px solid var(--line-strong);\n    box-shadow:0 40px 90px -30px rgba(0,0,0,.8),inset 0 0 80px rgba(201,162,39,.06);\n  }\n  .cta-panel::before{content:\"\";position:absolute;inset:10px;border:1px dashed rgba(201,162,39,.3);border-radius:1.1rem;pointer-events:none;}\n  .cta-panel h2{font-size:clamp(1.8rem,4.6vw,3rem);color:#f9f0d8;margin-bottom:1rem;position:relative;}\n  .cta-panel>p{color:var(--ink-soft);max-width:42rem;margin:0 auto 2.2rem;position:relative;}\n  .cta-btns{display:flex;gap:1.1rem;justify-content:center;flex-wrap:wrap;position:relative;margin-bottom:1.8rem;}\n  .cta-call,.cta-wa{\n    display:inline-flex;align-items:center;gap:.9rem;text-decoration:none;border-radius:1.1rem;\n    padding:1.05rem 1.7rem;transition:transform .3s ease,box-shadow .3s ease;min-width:270px;justify-content:center;\n  }\n  .cta-call{background:linear-gradient(120deg,#f0d47a,#c9a227);color:#171106;box-shadow:0 16px 40px -10px rgba(201,162,39,.6);}\n  .cta-call:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 24px 55px -10px rgba(201,162,39,.8);color:#000;}\n  .cta-wa{background:rgba(20,120,70,.25);border:1px solid rgba(80,220,140,.5);color:#c9f5d8;}\n  .cta-wa:hover{transform:translateY(-4px) scale(1.02);background:rgba(30,160,90,.4);color:#fff;box-shadow:0 20px 45px -12px rgba(40,200,110,.5);}\n  .cta-call .t1,.cta-wa .t1{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;display:block;}\n  .cta-call .t2,.cta-wa .t2{font-size:1.15rem;font-weight:800;display:block;letter-spacing:.02em;}\n  .cta-ico{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(0,0,0,.22);}\n  .cta-ico svg{width:24px;height:24px;}\n  .cta-meta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;position:relative;}\n  .cta-meta span{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.35rem .95rem;background:rgba(0,0,0,.3);}\n  .cta-meta b{color:var(--gold-light);}\n  .disclaimer{margin-top:2.5rem;font-size:.76rem;color:var(--faint);max-width:44rem;margin-left:auto;margin-right:auto;}\n\n  \/* ---------- MODAL ---------- *\/\n  #modal{\n    position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;\n    padding:1rem;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);\n    opacity:0;pointer-events:none;transition:opacity .3s ease;\n  }\n  #modal.show{opacity:1;pointer-events:auto;}\n  .panel{\n    position:relative;background:var(--panel);border:1px solid rgba(201,162,39,.3);border-radius:1.3rem;\n    max-width:46rem;width:100%;max-height:88vh;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.8);\n    transform:scale(.92) translateY(26px);opacity:0;transition:all .35s cubic-bezier(.2,.8,.2,1);\n    display:flex;flex-direction:column;\n  }\n  #modal.show .panel{transform:scale(1) translateY(0);opacity:1;}\n  .modal-close{\n    position:absolute;top:.9rem;right:.9rem;z-index:5;width:42px;height:42px;border-radius:50%;\n    background:rgba(0,0,0,.6);border:1px solid rgba(240,212,122,.5);color:var(--gold-pale);\n    font-size:1.4rem;cursor:pointer;line-height:1;transition:all .25s ease;\n  }\n  .modal-close:hover{background:var(--gold);color:#14100a;border-color:var(--gold);}\n  .modal-visual{\n    min-height:170px;display:flex;align-items:center;justify-content:center;gap:1rem;flex:0 0 auto;\n    color:var(--gold-light);padding:2.2rem 1.5rem 1.6rem;\n    background:radial-gradient(420px 200px at 50% 130%,rgba(201,162,39,.4),transparent 70%),linear-gradient(140deg,#262012,#12100a 65%);\n    border-bottom:1px solid rgba(201,162,39,.2);text-align:center;\n  }\n  .modal-visual svg{width:64px;height:64px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55));}\n  .modal-body{overflow-y:auto;padding:1.8rem clamp(1.3rem,4vw,2.6rem) 2.2rem;}\n  .modal-body::-webkit-scrollbar{width:8px;}\n  .modal-body::-webkit-scrollbar-thumb{background:#c9a227;border-radius:8px;}\n  #mEra{color:var(--gold-light);font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.5rem;font-weight:700;}\n  #mTitle{color:#f8efdb;font-size:clamp(1.35rem,3.4vw,1.9rem);margin-bottom:1.1rem;}\n  #mText{color:#d9d2c2;font-size:.95rem;}\n  #mText p{margin-bottom:1rem;}\n  #mText p:last-child{margin-bottom:0;}\n  #mText strong{color:var(--gold-pale);}\n  #mText ul{margin:0 0 1rem 1.2rem;}\n  #mText li{margin-bottom:.45rem;}\n  #mText em{color:var(--gold-light);}\n  .modal-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem;padding-top:1.5rem;border-top:1px solid rgba(201,162,39,.2);}\n  .modal-cta a{flex:1;min-width:200px;text-align:center;text-decoration:none;border-radius:.9rem;padding:.85rem 1rem;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:all .25s ease;}\n  .m-call{background:linear-gradient(120deg,#e8c85a,#c9a227);color:#171106;}\n  .m-call:hover{color:#000;filter:brightness(1.1);transform:translateY(-2px);}\n  .m-wa{border:1px solid rgba(80,220,140,.55);color:#c9f5d8;}\n  .m-wa:hover{background:rgba(30,160,90,.3);color:#fff;transform:translateY(-2px);}\n\n  \/* ---------- FLOATING DOCK ---------- *\/\n  .dock{position:fixed;right:1rem;bottom:1rem;z-index:500;display:flex;flex-direction:column;gap:.7rem;}\n  .dock a{\n    width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;\n    transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 28px rgba(0,0,0,.55);\n  }\n  .dock a:hover{transform:scale(1.12);}\n  .dock a svg{width:26px;height:26px;}\n  .dock .d-call{background:linear-gradient(140deg,#f0d47a,#c9a227);color:#171106;}\n  .dock .d-wa{background:#1faa59;color:#fff;}\n\n  \/* ---------- REVEAL ---------- *\/\n  .reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);}\n  .reveal.in-view{opacity:1;transform:translateY(0);}\n\n  :focus-visible{outline:2px solid var(--gold-light);outline-offset:3px;}\n  @media (prefers-reduced-motion:reduce){\n    *,*::before,*::after{animation:none!important;transition:none!important;}\n    html{scroll-behavior:auto;}\n    .reveal{opacity:1;transform:none;}\n  }\n<\/style>\n<\/head>\n<body>\n\n<main>\n\n  <!-- ================= HERO ================= -->\n  <section class=\"hero\" id=\"top\">\n    <div class=\"hero-inner reveal in-view\">\n      <span class=\"hero-badge\"><span class=\"dot\"><\/span> Exports &nbsp;\u00b7&nbsp; Imports &nbsp;\u00b7&nbsp; Logistics<\/span>\n      <p class=\"label\">Ports \u00b7 Corridors \u00b7 Markets \u00b7 Free Zones<\/p>\n      <h1><span class=\"gold-text\">Iran at the Heart of World Routes<\/span><\/h1>\n      <p class=\"lead\">Exports, imports, markets and logistics \u2014 <strong>from the saffron fields of Qaenat to the container terminals of St. Petersburg<\/strong>. Iran is not just the origin of goods; Iran is the road itself.<\/p>\n      <p class=\"quote\">Geography is destiny \u2014 and Iran sits exactly where yesterday's Silk Road meets today's North\u2013South and East\u2013West corridors.<\/p>\n      <div class=\"btnrow\">\n        <a class=\"btn btn-solid\" href=\"#contact\">Request a Market Report<\/a>\n        <a class=\"btn btn-ghost\" href=\"#trade\">Explore Trade &amp; Routes<\/a>\n      <\/div>\n      <div class=\"chips\">\n        <span class=\"chip\"><b>Caspian Sea<\/b> &nbsp;to the Indian Ocean<\/span>\n        <span class=\"chip\"><b>Silk Road<\/b> &nbsp;reborn as INSTC<\/span>\n        <span class=\"chip\"><b>24h<\/b> &nbsp;Response time<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"scroll-hint\" aria-hidden=\"true\">&#8595;<\/div>\n  <\/section>\n\n  <!-- ================= STATS ================= -->\n  <div class=\"stats\">\n    <div class=\"wrap\">\n      <div class=\"stats-grid reveal\">\n        <div class=\"stat\"><div class=\"num\">85%+<\/div><div class=\"cap\">Containers via Shahid Rajaee<\/div><\/div>\n        <div class=\"stat\"><div class=\"num\">7,200 km<\/div><div class=\"cap\">INSTC Ship\u2013Rail\u2013Road Network<\/div><\/div>\n        <div class=\"stat\"><div class=\"num\">~18 Days<\/div><div class=\"cap\">Mumbai to Moscow, Ideally<\/div><\/div>\n        <div class=\"stat\"><div class=\"num\">#1<\/div><div class=\"cap\">Saffron, Pistachios &amp; Carpets<\/div><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- ================= TRADE FOUNDATIONS ================= -->\n  <section id=\"intro\">\n    <div class=\"wrap\">\n      <div class=\"sec-head center reveal\">\n        <p class=\"label\">The Big Picture<\/p>\n        <h2 class=\"sec-title\">Why Iran Matters to World Trade<\/h2>\n        <div class=\"divider-center\"><\/div>\n        <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Iran is no longer just an oil country \u2014 it is a natural logistics hub between the largest consumer markets on Earth. Select any card for the full picture.<\/p>\n      <\/div>\n      <div class=\"grid cols-5\">\n\n        <article class=\"card reveal\" data-popup=\"overview\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about Iran as a trade crossroads\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>The Crossroads<\/h3>\n            <p>Russia, India, China and the Gulf \u2014 Iran connects them all.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"card reveal\" data-popup=\"snapshot\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about what Iran trades\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V10M10 20V4M16 20v-8M21 20H3\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>What Iran Trades<\/h3>\n            <p>Oil, polymers, steel, saffron, fruit \u2014 the export basket.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"card reveal\" data-popup=\"ports\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about ports\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"2.2\"\/><path d=\"M12 7v13M5 13a7 7 0 0 0 14 0\"\/><path d=\"M4 16l-1.5 4L6 18.5M20 16l1.5 4L18 18.5\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Ports &amp; Gateways<\/h3>\n            <p>Rajaee, Chabahar, Anzali \u2014 doors to three seas.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"card reveal\" data-popup=\"corridors\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about the INSTC corridor\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><path d=\"M7 19h7a4 4 0 0 0 0-8H9a4 4 0 0 1 0-8h8\" stroke-dasharray=\"3 2\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>The INSTC Corridor<\/h3>\n            <p>Mumbai to Moscow in ~18 days via Iran.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"card reveal\" data-popup=\"zones\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about free zones\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Free Zones<\/h3>\n            <p>Kish, Qeshm, Arvand, Maku \u2014 windows for trade.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= CARGO JOURNEY TIMELINE ================= -->\n  <section id=\"process\" class=\"timeline-sec\">\n    <div class=\"wrap\">\n      <div class=\"sec-head center reveal\">\n        <p class=\"label\">Follow the Cargo<\/p>\n        <h2 class=\"sec-title\">A Shipment's Journey in 8 Stages<\/h2>\n        <div class=\"divider-center\"><\/div>\n        <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">From the saffron fields of Qaenat to a caf\u00e9 on Nevsky Prospekt \u2014 select each stage to follow the cargo.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"wrap\">\n      <div class=\"tl-scroll reveal\">\n        <div class=\"tl-grid\">\n          <div class=\"tl-line\" aria-hidden=\"true\"><\/div>\n\n          <div class=\"tl-item\" data-popup=\"step1\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 1 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 01<\/p><h4>Sourcing<\/h4><p>Dawn harvest in Qaenat's fields.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step2\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 2 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 02<\/p><h4>Packing<\/h4><p>Vacuum-sealed to protect aroma.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step3\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 3 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 03<\/p><h4>Customs<\/h4><p>Documents, certificates, clearance.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step4\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 4 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 04<\/p><h4>Shahid Rajaee<\/h4><p>Loaded onto container ships.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step5\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 5 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 05<\/p><h4>Sea Leg<\/h4><p>Hormuz to Mumbai in ~4 days.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step6\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 6 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 06<\/p><h4>Rail North<\/h4><p>Tehran to Anzali via INSTC.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step7\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 7 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 07<\/p><h4>Caspian Crossing<\/h4><p>Anzali to Astrakhan by ship.<\/p><\/div>\n          <\/div>\n          <div class=\"tl-item\" data-popup=\"step8\" tabindex=\"0\" role=\"button\" aria-label=\"Stage 8 details\">\n            <div class=\"tl-dot\"><\/div>\n            <div class=\"tl-card\"><p class=\"tl-num\">Stage 08<\/p><h4>Last Mile<\/h4><p>Day 14: St. Petersburg delivery.<\/p><\/div>\n          <\/div>\n\n        <\/div>\n      <\/div>\n      <p class=\"swipe-note\">Swipe sideways to follow all 8 stages &#8594;<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- ================= PRODUCTS & MARKETS ================= -->\n  <section id=\"trade\">\n    <div class=\"wrap\">\n      <div class=\"sec-head center reveal\">\n        <p class=\"label\">Goods &amp; Routes<\/p>\n        <h2 class=\"sec-title\">Flagship Exports, Markets &amp; Logistics<\/h2>\n        <div class=\"divider-center\"><\/div>\n        <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">What Iran sells, who buys it, and how it moves. Select any card for the full guide.<\/p>\n      <\/div>\n\n      <h3 class=\"group-sub reveal\">Flagship Exports<\/h3>\n      <div class=\"grid cols-4\">\n        <article class=\"card reveal\" data-popup=\"saffron\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about saffron pistachios and carpets\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21v-8\"\/><path d=\"M12 13c-4 0-7-2.5-7-6 3 0 6 1 7 3-1-3 0-6 3-7 0 4-1 7-3 8 2-1 5-1 7 1-2 3-5 1-7 1z\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Saffron, Nuts &amp; Carpets<\/h3>\n            <p>World-number-one brands with ancient roots.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"petrochem\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about petrochemicals\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V10l5-6v17\"\/><path d=\"M9 21V4l5 5v12\"\/><path d=\"M14 21v-9l6 3v6z\"\/><path d=\"M2 21h20\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Petrochemicals<\/h3>\n            <p>Methanol, urea, polymers \u2014 regional giant.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"steel\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about steel and minerals\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l9 5-9 5-9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Steel &amp; Minerals<\/h3>\n            <p>A top-10 steelmaker with vast reserves.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"food\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about fruits and foodstuffs\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Fruit &amp; Foodstuffs<\/h3>\n            <p>Fresh and dried harvests for four markets.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <h3 class=\"group-sub reveal\">Markets &amp; Moving Goods<\/h3>\n      <div class=\"grid cols-4\">\n        <article class=\"card reveal\" data-popup=\"markets\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about trading partners\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Trading Partners<\/h3>\n            <p>India, Russia, the Gulf, Turkey, Eurasia.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"customs\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about customs and documents\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h7M9 17h7\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Customs &amp; Documents<\/h3>\n            <p>Tariffs, certificates and clearance steps.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"compliance\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about compliant trading\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Compliant Trading<\/h3>\n            <p>Due diligence, lawful routes, clean paperwork.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"freight\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about freight and forwarding\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"10\" rx=\"1\"\/><path d=\"M16 10h4l3 3v3h-7z\"\/><circle cx=\"7.5\" cy=\"18\" r=\"1.8\"\/><circle cx=\"17.5\" cy=\"18\" r=\"1.8\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Freight &amp; Forwarding<\/h3>\n            <p>Sea, rail, road, air \u2014 choosing the best mix.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= KNOWLEDGE GUIDES ================= -->\n  <section id=\"guide\" style=\"background:rgba(0,0,0,.22);border-top:1px solid rgba(201,162,39,.1);border-bottom:1px solid rgba(201,162,39,.1);\">\n    <div class=\"wrap\">\n      <div class=\"sec-head center reveal\">\n        <p class=\"label\">Learn &amp; Source<\/p>\n        <h2 class=\"sec-title\">Knowledge, Stories &amp; Reports<\/h2>\n        <div class=\"divider-center\"><\/div>\n        <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Films, books and data to master Iranian trade \u2014 plus the saffron story and custom market reports.<\/p>\n      <\/div>\n      <div class=\"grid cols-4\">\n        <article class=\"card reveal\" data-popup=\"resources\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about learning resources\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5L2 9l10 4 10-4z\"\/><path d=\"M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5\"\/><path d=\"M22 9v6\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Films, Books &amp; Data<\/h3>\n            <p>Channels, essential reads and trade statistics.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"story\" tabindex=\"0\" role=\"button\" aria-label=\"Read the saffron story\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>The Saffron Story<\/h3>\n            <p>Qaenat to St. Petersburg in 14 days.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"reports\" tabindex=\"0\" role=\"button\" aria-label=\"Read more about custom market reports\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V10M10 20V4M16 20v-8M21 20H3\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Custom Market Reports<\/h3>\n            <p>Data, partners and optimal routes for you.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n        <article class=\"card reveal\" data-popup=\"faq\" tabindex=\"0\" role=\"button\" aria-label=\"Read frequently asked questions\">\n          <div class=\"visual\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5z\"\/><path d=\"M9 12h.01M12.5 12h.01M16 12h.01\"\/><\/svg><\/div>\n          <div class=\"card-body\">\n            <h3>Questions Traders Ask<\/h3>\n            <p>Samples, MOQs, timing, payments \u2014 answered.<\/p>\n            <span class=\"more\">Read More <span class=\"arrow\">&#8594;<\/span><\/span>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ================= VOICE INTRODUCTION ================= -->\n  <section id=\"listen\" class=\"audio-sec\">\n    <div class=\"wrap\">\n      <div class=\"sec-head center reveal\">\n        <p class=\"label\">Listen<\/p>\n        <h2 class=\"sec-title\">Hear the Story of the Routes<\/h2>\n        <div class=\"divider-center\"><\/div>\n        <p class=\"sec-sub\" style=\"margin-top:1.2rem;\">Tap the golden button below to open our exclusive voice guide to Iranian trade routes.<\/p>\n      <\/div>\n\n      <div class=\"pulse-stage reveal\">\n        <button class=\"pulse-btn\" id=\"pulseBtn\" aria-label=\"Open voice introduction player\" aria-expanded=\"false\">\n          <span class=\"ring\"><\/span><span class=\"ring r2\"><\/span>\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"3\" width=\"6\" height=\"11\" rx=\"3\"\/><path d=\"M5 11a7 7 0 0 0 14 0\"\/><path d=\"M12 18v3\"\/><\/svg>\n        <\/button>\n        <p class=\"pulse-cap\">Tap to open the voice player<small>Exclusive audio guide \u00b7 English<\/small><\/p>\n      <\/div>\n\n      <div class=\"player\" id=\"playerCard\" hidden>\n        <div class=\"wm\" aria-hidden=\"true\">weknowiran<\/div>\n        <span class=\"brand\">weknowiran \u00b7 Exclusive<\/span>\n        <h3>Iran Trade Routes \u2014 Voice Guide<\/h3>\n        <p class=\"psub\">Ports, corridors and markets explained in a short exclusive audio.<\/p>\n        <div class=\"p-controls\">\n          <button class=\"play-btn\" id=\"playBtn\" aria-label=\"Play or pause audio\">&#9654;<\/button>\n          <div class=\"p-mid\">\n            <div class=\"p-times\"><span id=\"curTime\">0:00<\/span><span id=\"durTime\">--:--<\/span><\/div>\n            <input type=\"range\" class=\"seek\" id=\"seekBar\" min=\"0\" max=\"100\" value=\"0\" step=\"0.1\" aria-label=\"Seek audio position\">\n          <\/div>\n        <\/div>\n        <div class=\"p-row\">\n          <span class=\"vol\">&#128266; <input type=\"range\" class=\"volr\" id=\"volBar\" min=\"0\" max=\"1\" step=\"0.05\" value=\"0.9\" aria-label=\"Volume\"><\/span>\n          <button class=\"rate-btn\" id=\"rateBtn\" aria-label=\"Change playback speed\">Speed: 1x<\/button>\n        <\/div>\n        <p class=\"p-note\">Audio file: <code id=\"audioUrlLabel\">https:\/\/example.com\/your-audio.mp3<\/code><br>To use your own voice file, replace the <code>AUDIO_SRC<\/code> value in this page's script with your MP3 link.<\/p>\n        <p class=\"p-error\" id=\"audioError\">The demo audio link is a placeholder and could not be played. Please replace AUDIO_SRC with your real MP3 address.<\/p>\n        <div class=\"file-load\">Want to test the player right now?\n          <br><label for=\"filePick\">Load an MP3 from this device<input type=\"file\" id=\"filePick\" accept=\"audio\/*\"><\/label>\n        <\/div>\n        <audio id=\"voiceAudio\" preload=\"metadata\"><\/audio>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- ================= CONTACT CTA ================= -->\n  <section id=\"contact\" style=\"padding-top:2rem;\">\n    <div class=\"wrap\">\n      <div class=\"cta-panel reveal\">\n        <p class=\"label\">Custom Trade Intelligence<\/p>\n        <h2>Interested in Iran's Market <span class=\"gold-text\">or Its Transit Routes?<\/span><\/h2>\n        <p>The We Know Iran team provides custom reports with market data, introductions to verified local partners, and optimal logistics routes for your cargo. Contact us today.<\/p>\n        <div class=\"cta-btns\">\n          <a class=\"cta-call\" href=\"tel:+442086350694\">\n            <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg><\/span>\n            <span><span class=\"t1\">London Office \u2014 Call Now<\/span><span class=\"t2\" dir=\"ltr\">+44 20 8635 0694<\/span><\/span>\n          <\/a>\n          <a class=\"cta-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20am%20interested%20in%20Iranian%20trade%20and%20transit%20routes.\" target=\"_blank\" rel=\"noopener\">\n            <span class=\"cta-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><path d=\"M9.5 9.8c.5 2.5 3.2 5.2 5.7 5.7l1.3-1.3 2.3 1.2c-.5 1.7-1.6 2.4-3.2 2-3.5-.9-7.1-4.5-8-8-.4-1.6.3-2.7 2-3.2l1.2 2.3z\" stroke-width=\"1.3\"\/><\/svg><\/span>\n            <span><span class=\"t1\">WhatsApp \u2014 Fastest Reply<\/span><span class=\"t2\" dir=\"ltr\">+44 7780 807781<\/span><\/span>\n          <\/a>\n        <\/div>\n        <div class=\"cta-meta\">\n          <span><b>Mon\u2013Sat<\/b> \u00b7 9:00 \u2013 19:00 London time<\/span>\n          <span><b>English &amp; Persian<\/b> \u00b7 Market reports<\/span>\n          <span><b>Confidential<\/b> \u00b7 No obligation<\/span>\n        <\/div>\n        <p class=\"disclaimer\">General trade information only \u2014 routes, tariffs and transit conditions change with seasons and regulations. Contact us for current, shipment-specific advice.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<!-- ================= POPUP MODAL ================= -->\n<div id=\"modal\" role=\"dialog\" aria-modal=\"true\" aria-hidden=\"true\" aria-labelledby=\"mTitle\">\n  <div class=\"panel\">\n    <button class=\"modal-close\" id=\"modalClose\" aria-label=\"Close dialog\">&times;<\/button>\n    <div class=\"modal-visual\" id=\"modalVisual\" aria-hidden=\"true\"><\/div>\n    <div class=\"modal-body\">\n      <p id=\"mEra\"><\/p>\n      <h3 id=\"mTitle\"><\/h3>\n      <div id=\"mText\"><\/div>\n      <div class=\"modal-cta\">\n        <a class=\"m-call\" href=\"tel:+442086350694\">Call +44 20 8635 0694<\/a>\n        <a class=\"m-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20am%20interested%20in%20Iranian%20trade%20and%20transit%20routes.\" target=\"_blank\" rel=\"noopener\">WhatsApp Us<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ================= FLOATING CONTACT DOCK ================= -->\n<div class=\"dock\" aria-label=\"Quick contact\">\n  <a class=\"d-call\" href=\"tel:+442086350694\" aria-label=\"Call London office +44 20 8635 0694\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 10a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.6 2z\"\/><\/svg>\n  <\/a>\n  <a class=\"d-wa\" href=\"https:\/\/wa.me\/447780807781?text=Hello%2C%20I%20am%20interested%20in%20Iranian%20trade%20and%20transit%20routes.\" target=\"_blank\" rel=\"noopener\" aria-label=\"Chat on WhatsApp +44 7780 807781\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.5 8.5 0 0 1-12.4 7.5L3 21l2-5.4A8.5 8.5 0 1 1 21 11.5z\"\/><\/svg>\n  <\/a>\n<\/div>\n\n<script>\n\/* ============================================================\n   REPLACE WITH YOUR AUDIO FILE URL:\n   Put your MP3 link below (for example your uploaded voice file).\n   ============================================================ *\/\nvar AUDIO_SRC = \"https:\/\/example.com\/your-audio.mp3\";\n\n\/* ---------- Shared SVG icons for the popup banner ---------- *\/\nvar ICONS = {\n  globe: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18\"\/><path d=\"M12 3c2.5 2.6 3.9 5.7 3.9 9s-1.4 6.4-3.9 9c-2.5-2.6-3.9-5.7-3.9-9S9.5 5.6 12 3z\"\/><\/svg>',\n  chart: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 20V10M10 20V4M16 20v-8M21 20H3\"\/><\/svg>',\n  anchor: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"5\" r=\"2.2\"\/><path d=\"M12 7v13M5 13a7 7 0 0 0 14 0\"\/><\/svg>',\n  route: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><path d=\"M7 19h7a4 4 0 0 0 0-8H9a4 4 0 0 1 0-8h8\" stroke-dasharray=\"3 2\"\/><\/svg>',\n  pin: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-7-6-7-11a7 7 0 0 1 14 0c0 5-7 11-7 11z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg>',\n  flower: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21v-8\"\/><path d=\"M12 13c-4 0-7-2.5-7-6 3 0 6 1 7 3-1-3 0-6 3-7 0 4-1 7-3 8 2-1 5-1 7 1-2 3-5 1-7 1z\"\/><\/svg>',\n  box: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 8l9-5 9 5v8l-9 5-9-5z\"\/><path d=\"M3 8l9 5 9-5M12 13v8\"\/><\/svg>',\n  file: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h7M9 17h7\"\/><\/svg>',\n  check: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M8.5 12.5l2.5 2.5 4.5-5.5\"\/><\/svg>',\n  train: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3\" width=\"14\" height=\"14\" rx=\"3\"\/><path d=\"M5 10h14\"\/><circle cx=\"9\" cy=\"13.5\" r=\".8\" fill=\"currentColor\"\/><circle cx=\"15\" cy=\"13.5\" r=\".8\" fill=\"currentColor\"\/><path d=\"M8 17l-2 4M16 17l2 4\"\/><\/svg>',\n  factory: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V10l5-6v17\"\/><path d=\"M9 21V4l5 5v12\"\/><path d=\"M14 21v-9l6 3v6z\"\/><path d=\"M2 21h20\"\/><\/svg>',\n  layers: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3l9 5-9 5-9-5z\"\/><path d=\"M3 13l9 5 9-5\"\/><\/svg>',\n  bowl: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16a8 8 0 0 1-16 0z\"\/><path d=\"M9 12c0-2 1-3 1-5M14 12c0-2 1-3 1-5\"\/><path d=\"M7 20h10\"\/><\/svg>',\n  shield: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2l8 3v6c0 5-3.5 9-8 11-4.5-2-8-6-8-11V5z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>',\n  truck: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"6\" width=\"13\" height=\"10\" rx=\"1\"\/><path d=\"M16 10h4l3 3v3h-7z\"\/><circle cx=\"7.5\" cy=\"18\" r=\"1.8\"\/><circle cx=\"17.5\" cy=\"18\" r=\"1.8\"\/><\/svg>',\n  book: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5L2 9l10 4 10-4z\"\/><path d=\"M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5\"\/><path d=\"M22 9v6\"\/><\/svg>',\n  scroll: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2h9l5 5v15H6z\"\/><path d=\"M14 2v6h6\"\/><path d=\"M9 13h4M9 17h7\"\/><\/svg>',\n  chat: '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a8 8 0 0 1-8 8H4l2-3a8 8 0 1 1 15-5z\"\/><path d=\"M9 12h.01M12.5 12h.01M16 12h.01\"\/><\/svg>'\n};\n\n\/* ================= CONTENT DATABASE ================= *\/\nvar contentData = {\n\noverview: {\n  era: \"The Big Picture\", title: \"Iran: The Bridge Between Seas\", icon: \"globe\",\n  text: \"<p><strong>Iran is no longer just an oil country \u2014 it is a natural logistics hub in the middle of the world's largest consumer markets.<\/strong> To the north lie Russia and Eurasia; to the south, open waters and the energy route; to the east, India and China; to the west, a 400-million-strong market across the Middle East and Turkey.<\/p><p>This geography makes Iran the <strong>bridge between the Caspian Sea and the Indian Ocean<\/strong> \u2014 a bridge no other country can replace. Yesterday's Silk Road has returned as today's North\u2013South and East\u2013West corridors, and Iran stands exactly where they cross.<\/p><p>We Know Iran believes one thing above all: <strong>understanding the Iranian market is impossible without understanding its logistics.<\/strong> Every product that reaches you \u2014 from saffron to polymers \u2014 carries a story of distance, routes and corridors. We tell that story.<\/p>\"\n},\nsnapshot: {\n  era: \"Trade Profile\", title: \"What Iran Exports & Imports\", icon: \"chart\",\n  text: \"<p><strong>Iran's export basket is far wider than most outsiders imagine.<\/strong> Hydrocarbons and refined products rest on some of the largest proven reserves on Earth \u2014 but beside them stand petrochemicals and polymers (methanol, urea, polypropylene) where Iran ranks among the region's biggest exporters, alongside steel, where the country sits among the world's top ten producers.<\/p><p>Agriculture carries the flag of quality: <strong>Iran is the world's largest producer of saffron and a global leader in pistachios, with Persian carpets remaining the unmatched luxury brand of floor art.<\/strong> Fresh and dried fruits flow to India, Russia, the Persian Gulf states and Europe, while imports centre on machinery, industrial inputs, grains, pharmaceuticals and consumer goods that feed a market of 85 million people.<\/p><p>For exact figures by product and destination, professionals turn to <strong>ITC Trade Map, the OEC observatory and official IRICA customs statistics<\/strong> \u2014 all listed in our Resources guide below.<\/p>\"\n},\nports: {\n  era: \"Gateways\", title: \"Ports: Shahid Rajaee, Chabahar & the North\", icon: \"anchor\",\n  text: \"<p><strong>Shahid Rajaee Port at Bandar Abbas is the beating heart of Iranian sea trade.<\/strong> Around 85 to 90 percent of the country's container traffic passes through it \u2014 some 40 berths with capacity above 6 million TEU, making it the largest container port of the eastern Middle East and the gateway where warm waters meet world shipping.<\/p><p><strong>Chabahar, on the Oman Sea, is Iran's only oceanic port<\/strong> \u2014 the golden gate giving Afghanistan and Central Asia access to open waters, and home to India's decade-long investment in the Shahid Beheshti terminal. To the north, <strong>Anzali and Amirabad on the Caspian<\/strong> form the throat connecting Iran to Russia and the Volga corridor.<\/p><p>Together with the <strong>Ports and Maritime Organization (PMO)<\/strong> development programmes, these gateways turn geography into throughput \u2014 and every export story on this page passes through one of them.<\/p>\"\n},\ncorridors: {\n  era: \"Corridors\", title: \"The North\u2013South Corridor (INSTC)\", icon: \"route\",\n  text: \"<p><strong>The International North\u2013South Transport Corridor is a 7,200-kilometre ship\u2013rail\u2013road network linking Mumbai to Moscow through Iranian ports, rails and roads.<\/strong> In ideal conditions the journey takes only about 18 days \u2014 roughly half the traditional Suez Canal route \u2014 and in 2024 around 27 million tons of cargo moved along this corridor.<\/p><p>The logic is simple: containers land at southern ports, ride Iranian railways north through the Alborz mountains to Caspian ports like Anzali, cross the Caspian by feeder ship to Astrakhan, and continue by rail into Russia and beyond. <strong>Every kilometre runs through \u2014 and depends on \u2014 Iran.<\/strong><\/p><p>Our saffron story below follows this exact corridor in real time: 14 days from field to St. Petersburg, against more than a month via the long sea route around two continents.<\/p>\"\n},\nzones: {\n  era: \"Market Entry\", title: \"Free Zones: Kish, Qeshm, Arvand & Maku\", icon: \"pin\",\n  text: \"<p><strong>Iran's free zones are the windows through which goods and capital enter the economy.<\/strong> Kish and Qeshm islands in the Persian Gulf combine trade, tourism and energy services; Arvand on the Iraqi border serves the west; Maku opens the gate toward Turkey and Europe \u2014 each with simplified customs, tax incentives and investment facilities.<\/p><p>For foreign businesses, the zones offer the gentlest landing: <strong>easier registration, warehousing, re-export platforms and direct access to regional markets<\/strong> without immediately entering mainland regulatory complexity.<\/p><p>Choosing the right zone \u2014 island, border or transit-oriented \u2014 depends on your cargo, your customers and your route. That matching exercise is exactly what our custom market reports deliver.<\/p>\"\n},\n\nstep1: {\n  era: \"Stage 01 \u00b7 Qaenat\", title: \"Sourcing: Dawn in the Saffron Fields\", icon: \"flower\",\n  text: \"<p>Five in the morning, autumn mist still sitting on the purple blossoms of <strong>Qaenat<\/strong>. Haj Kazem picks the freshly opened flowers with fingers numb from the desert cold. He knows these red stigmas are not a mere spice \u2014 they are the red gold of a soil that has found its way to the world along the Silk Road for centuries.<\/p><p>Every export begins here: <strong>verified origin, contracted farmers, laboratory-tested grades.<\/strong> Authenticity is decided in the field, long before any container is sealed.<\/p>\"\n},\nstep2: {\n  era: \"Stage 02 \u00b7 Packing\", title: \"Quality & Vacuum-Sealed Packing\", icon: \"box\",\n  text: \"<p>Half the harvest travels south in refrigerated trucks after <strong>vacuum packing under strict standards<\/strong> \u2014 moisture, colour strength and purity certified, because aroma is the product and air is its enemy.<\/p><p>Export lesson: <strong>packaging is compliance.<\/strong> Grades, labels, certificates of origin and phytosanitary papers prepared now decide whether customs later waves you through or holds you back.<\/p>\"\n},\nstep3: {\n  era: \"Stage 03 \u00b7 Documents\", title: \"Customs & Clearance\", icon: \"file\",\n  text: \"<p>In a modern supply-chain office in Tehran, Arash watches an interactive map glowing with lines across the Caspian, the Gulf, the Indian Ocean and the North\u2013South rails. The consignment \u2014 bound for organic chains in northern Russia and India \u2014 clears <strong>IRICA export procedures<\/strong>: declarations, tariff preferences, inspections and release orders.<\/p><p>This is the stage amateurs underestimate: <strong>one missing certificate costs more than the freight it rides on.<\/strong> Professionals prepare the file before the cargo moves.<\/p>\"\n},\nstep4: {\n  era: \"Stage 04 \u00b7 Bandar Abbas\", title: \"Shahid Rajaee: The Warm-Water Gate\", icon: \"anchor\",\n  text: \"<p>At <strong>Shahid Rajaee Port<\/strong>, giant gantry cranes move containers in seconds like iron giants. The first half of the cargo boards container ships bound through the Strait of Hormuz \u2014 the throat of world energy \u2014 toward the open sea.<\/p><p>With around 85\u201390 percent of national container traffic, Rajaee is where Iranian exports meet world shipping lanes: <strong>scale, frequency and connections no other Iranian port can match.<\/strong><\/p>\"\n},\nstep5: {\n  era: \"Stage 05 \u00b7 Arabian Sea\", title: \"Sea Leg: Hormuz to Mumbai in Days\", icon: \"globe\",\n  text: \"<p>Sailing from Hormuz, the vessels reach <strong>Nhava Sheva (Mumbai) in only about 4 days<\/strong>. Indian buyers receive authentic Iranian saffron before its aroma has faded even slightly \u2014 speed as a quality strategy, not just a cost one.<\/p><p>The traditional Suez-routed alternative would take around 45 days. <strong>Proximity is Iran's quiet superpower<\/strong> for every market ringing the Indian Ocean.<\/p>\"\n},\nstep6: {\n  era: \"Stage 06 \u00b7 INSTC Rail\", title: \"Flying on Rails: Tehran to Anzali\", icon: \"train\",\n  text: \"<p>The second half of the cargo \u2014 bound for snowy St. Petersburg \u2014 rides the <strong>North\u2013South corridor rails<\/strong>: freight trains crossing the Alborz mountains and the rice fields of Gilan down to <strong>Anzali on the Caspian shore<\/strong>.<\/p><p>Arash's words to his team: this cargo is not only about time, it is about <strong>protecting quality and authenticity<\/strong> \u2014 and Iran's living pulse beats along these rails.<\/p>\"\n},\nstep7: {\n  era: \"Stage 07 \u00b7 Caspian Sea\", title: \"Caspian Crossing to Astrakhan\", icon: \"route\",\n  text: \"<p>At Anzali the containers transfer to a <strong>Caspian feeder vessel<\/strong>, cutting through blue waters toward the Russian port of <strong>Astrakhan<\/strong> \u2014 the corridor's northern hinge between ship and rail.<\/p><p>Sea, rail, Caspian, rail again: <strong>four modes, one corridor, zero oceans to circle.<\/strong> What would have wandered the seas for over a month is already approaching its destination.<\/p>\"\n},\nstep8: {\n  era: \"Stage 08 \u00b7 Day 14\", title: \"Last Mile: A Caf\u00e9 on Nevsky Prospekt\", icon: \"check\",\n  text: \"<p>Exactly on the fourteenth day, the cargo unloads at central St. Petersburg. Next morning, in an elegant caf\u00e9 on <strong>Nevsky Prospekt<\/strong>, a chef opens a stylish tin embossed with the mark of Iranian authenticity. The sharp, magical aroma of Qaenat saffron fills the snowy Russian air. He smiles: how did it arrive so fresh, so fast?<\/p><p>The answer is simple \u2014 yet it rests on thousands of kilometres of infrastructure, rails, ships and will: <strong>Iran was not just the origin of the goods; Iran was the road itself.<\/strong><\/p>\"\n},\n\nsaffron: {\n  era: \"Signature Goods\", title: \"Saffron, Pistachios & Persian Carpets\", icon: \"flower\",\n  text: \"<p><strong>Three products, one global reputation: number one in the world.<\/strong> Iranian saffron \u2014 the red gold of Khorasan \u2014 dominates world production and defines quality grading everywhere. Iranian pistachios, led by the round smiles of Kerman orchards, anchor the global nut trade. And the <strong>Persian carpet remains the most prestigious floor art on Earth<\/strong>, with Tabriz, Kashan, Qom and tribal Qashqai each weaving a regional signature.<\/p><p>For importers, the rules are consistent: <strong>verify origin, demand laboratory grades, agree Incoterms and payment terms in writing, and start with samples before scaling.<\/strong> Adulteration is the ancient enemy of all three trades \u2014 reputable suppliers welcome testing because their product passes it.<\/p><p>These goods built the Silk Road brand of Iran centuries ago; modern logistics simply delivers them faster. See our Saffron Story guide for the full field-to-caf\u00e9 journey.<\/p>\"\n},\npetrochem: {\n  era: \"Industry\", title: \"Petrochemicals & Polymers\", icon: \"factory\",\n  text: \"<p><strong>Iran is among the Middle East's largest petrochemical exporters<\/strong> \u2014 methanol, urea, ammonia, polyethylene and polypropylene flowing from the giant complexes of Assaluyeh and Mahshahr to Asia and beyond. Sitting on vast hydrocarbon reserves, the country converts gas into value-added polymers at continental scale.<\/p><p>Buyers work through established trading structures with strict product specifications, SGS-style inspection, and shipment terms matched to bulk, break-bulk or container parcels. <strong>Specifications, certificates of quality and load-port supervision<\/strong> are the non-negotiables of every contract.<\/p><p>Because this sector touches the most regulated layers of international trade, <strong>compliance review comes before negotiation<\/strong> \u2014 lawful structures, documented counterparties and clean paperwork from the first email. Ask us for a current market snapshot before you commit.<\/p>\"\n},\nsteel: {\n  era: \"Industry\", title: \"Steel & Mineral Wealth\", icon: \"layers\",\n  text: \"<p><strong>Iran ranks among the world's top ten steel producers<\/strong>, with integrated giants and a growing export footprint in billets, slabs and finished products across the region. Beneath the furnaces lies the deeper story: copper, iron ore, zinc, lead, chromite and decorative stone in reserves that explorers are still mapping.<\/p><p>Minerals trade runs on <strong>assays, offtake structures and long-term relationships<\/strong> \u2014 mine visits, independent inspection, staged payments against documents, and logistics planned from pit to port before prices are even discussed.<\/p><p>For serious buyers we arrange verified introductions, reserve and licence checks, and route planning through the most economical export gate. <strong>In minerals, diligence is the product.<\/strong><\/p>\"\n},\nfood: {\n  era: \"Harvests\", title: \"Fruits, Dates & Dried Harvests\", icon: \"bowl\",\n  text: \"<p><strong>Four climates, twelve months of harvest.<\/strong> Iran exports fresh and dried fruits to India, Russia, the Persian Gulf and Europe: dates from Bam and the south, barberries and jujubes from Khorasan, apples, pomegranates, kiwis from the Caspian belt, raisins, figs and a rainbow of dried fruits from every province.<\/p><p>Perishables trade is a <strong>cold-chain discipline<\/strong>: harvest timing, pre-cooling, refrigerated trucks, port cold storage and vessel schedules choreographed to the day. Dried goods reward grading, moisture control and packaging that survives long hauls looking premium.<\/p><p>Seasonality rules everything \u2014 <strong>buy the calendar, not just the commodity.<\/strong> Our reports track harvest windows, price curves and the fastest corridor for each product and destination.<\/p>\"\n},\nmarkets: {\n  era: \"Destinations\", title: \"Trading Partners & Target Markets\", icon: \"globe\",\n  text: \"<p><strong>Iran trades on four compass points.<\/strong> East: India and China absorb petrochemicals, saffron, nuts and minerals. North: Russia and Eurasia buy foodstuffs and construction materials while supplying grains and machinery. South and west: the Persian Gulf states, Iraq, Turkey and the wider Middle East \u2014 a 400-million-consumer neighbourhood \u2014 take everything from dairy to building materials.<\/p><p>Each market has its own taste, paperwork and payment culture: <strong>Gulf buyers prize speed and presentation, Russian buyers prize cold-chain reliability, Indian buyers prize grading and volume consistency.<\/strong> One product, four playbooks.<\/p><p>Choosing where to sell \u2014 or source \u2014 starts with data, not instinct. Our custom reports map demand, competition, pricing and entry requirements market by market.<\/p>\"\n},\ncustoms: {\n  era: \"Procedures\", title: \"Customs, Tariffs & Documents\", icon: \"file\",\n  text: \"<p><strong>Iranian customs (IRICA) runs a codified clearance system<\/strong> \u2014 declarations, HS classification, valuation, inspection and release \u2014 with published tariff preferences and official statistics. The classic document set applies: commercial invoice, packing list, bill of lading, certificate of origin, plus product-specific certificates (phytosanitary, health, standard) depending on cargo.<\/p><p>Experienced traders prepare the file <strong>before shipment<\/strong>: correct HS codes, consistent values across documents, pre-checked certificates and a reliable clearing agent at the port of entry. Most delays trace back to paperwork mismatches, not policy.<\/p><p>Rules evolve, so verify current requirements per shipment \u2014 or let us verify them for you as part of a managed import or export file.<\/p>\"\n},\ncompliance: {\n  era: \"Due Diligence\", title: \"Compliant, Documented Trading\", icon: \"shield\",\n  text: \"<p><strong>Professional Iran trade is built on diligence.<\/strong> International restrictions touch banking, shipping, insurance and certain goods \u2014 so lawful traders verify counterparties, screen products and sectors, choose permitted payment and logistics channels, and document every step. Compliance is not an obstacle to trade; it is the licence for it.<\/p><p>Our approach is straightforward: <strong>assess before you commit.<\/strong> We review your product, route and partners, flag what needs enhanced checks, structure contracts with protective clauses, and keep the paper trail audit-ready.<\/p><p>Trade with Iran rewards the careful and punishes the casual. Be careful \u2014 and be welcome.<\/p>\"\n},\nfreight: {\n  era: \"Movement\", title: \"Freight & Forwarding: Sea, Rail, Road, Air\", icon: \"truck\",\n  text: \"<p><strong>Every mode has its Iranian stronghold.<\/strong> Sea dominates volume through Shahid Rajaee and Chabahar; rail shines along the INSTC spine; road carries regional trade to Iraq, Turkey and Central Asia with unmatched flexibility; air freight via Tehran's Imam Khomeini airport serves high-value, time-critical cargo like saffron samples and pharmaceuticals.<\/p><p>The art is in the mix: <strong>sea-rail combinations to Russia, sea-road to Central Asia, road networks to neighbours, air for urgency.<\/strong> Transit time, cost per kilo, cold-chain needs and cargo value decide the blend \u2014 never habit.<\/p><p>We design the route around your cargo, not around a forwarder's favourite port, and introduce vetted freight partners for execution. <strong>The cheapest route is the one that arrives intact and on time.<\/strong><\/p>\"\n},\n\nresources: {\n  era: \"Knowledge\", title: \"Films, Books & Data We Recommend\", icon: \"book\",\n  text: \"<p><strong>Master Iranian trade through the best lenses available.<\/strong> On video: the <strong>IRISL Group channel<\/strong> (Iran's national shipping line \u2014 port and fleet documentaries), the <strong>Ports and Maritime Organization (PMO)<\/strong> channel (Rajaee, Chabahar and Anzali development reports), <strong>Logistics and Supply Chain TV<\/strong> (professional Middle-East freight analysis), <strong>Caspian News<\/strong> (English-language Eurasian trade coverage), and Iranian field vloggers documenting Chabahar's special zone and border markets. Our branding tip stands: combine them into a playlist titled <em>Iranian Trade Routes 101<\/em> for non-Persian audiences.<\/p><p>On paper: Peter Frankopan's <strong>The New Silk Roads<\/strong> and <strong>Silk Roads: A New History of the World<\/strong> (Eurasia's return, with shining Iran chapters), Robert Kaplan's <strong>Monsoon<\/strong> (the Oman Sea, Hormuz and Chabahar in future geopolitics), Daniel Yergin's <strong>The Prize<\/strong> (oil, supply chains and the Strait of Hormuz) \u2014 plus Iranian university texts on supply-chain management and foreign trade for Persian-language researchers.<\/p><p>On data: <strong>ITC Trade Map<\/strong> (official export\/import statistics by product and destination), the <strong>OEC Observatory<\/strong> (visual trade profiles), <strong>IRICA customs<\/strong> (tariffs and official figures), the <strong>PMO<\/strong> (port performance), Iran's <strong>Trade Promotion Organization<\/strong> (target markets and facilitation), <strong>Tejarat News<\/strong> (daily Persian-language market analysis) and <strong>Caspian News<\/strong> in English.<\/p>\"\n},\nstory: {\n  era: \"Narrative\", title: \"Red Seeds: From Qaenat to St. Petersburg\", icon: \"scroll\",\n  text: \"<p>Five in the morning, autumn mist on the purple saffron blossoms of <strong>Qaenat<\/strong>. Haj Kazem picks flowers with fingers numb from the desert cold \u2014 red stigmas that have travelled the Silk Road for centuries. But the real story begins hundreds of kilometres away, where Arash studies a glowing map of the Caspian, the Gulf, the Indian Ocean and the North\u2013South rails. This consignment serves restaurant chains in northern Russia and India. <em>This cargo is not only about time,<\/em> he tells his team, <em>it is about protecting quality and authenticity \u2014 we use the living pulse of Iran.<\/em><\/p><p>Station one: <strong>Shahid Rajaee<\/strong>. Vacuum-packed cargo rides refrigerated trucks south, gantry cranes swing containers aboard, and ships sail through Hormuz to <strong>Nhava Sheva, Mumbai \u2014 in about 4 days<\/strong>. Station two: the <strong>INSTC<\/strong>. The second half rides rail over the Alborz, past Gilan's rice fields to <strong>Anzali<\/strong>, crosses the Caspian to <strong>Astrakhan<\/strong>, and rolls on to St. Petersburg \u2014 <strong>unloaded on day 14<\/strong>, against more than a month via the long way round.<\/p><p>Next morning on <strong>Nevsky Prospekt<\/strong>, a chef opens a tin stamped with Iranian authenticity; the aroma of Qaenat fills the snowy air. <em>How did it arrive so fresh, so fast?<\/em> The message for every We Know Iran reader: <strong>traders and travellers of the world should know \u2014 Iran is the crossroads of cultures and cargo, where the ancient art of the farmer meets the pulsing veins of global logistics.<\/strong><\/p>\"\n},\nreports: {\n  era: \"Services\", title: \"Custom Market & Logistics Reports\", icon: \"chart\",\n  text: \"<p><strong>Is your business interested in the Iranian market or its transit routes?<\/strong> The We Know Iran team prepares custom reports with market data, verified local-partner introductions and optimal logistics routes \u2014 scoped to your product, your volumes and your destination.<\/p><p>Typical reports cover <strong>demand and pricing, competitor mapping, regulatory and tariff requirements, partner shortlists with verification, and two or three routed options<\/strong> with time-versus-cost comparisons. One document, every answer, ready for your board.<\/p><p>Contact us today \u2014 tell us your product and your target, and receive a proposal for your report within days.<\/p>\"\n},\nfaq: {\n  era: \"FAQ\", title: \"Questions Traders Ask First\", icon: \"chat\",\n  text: \"<p><strong>Can I start with samples?<\/strong> Yes \u2014 reputable suppliers expect it. Agree sample terms, testing standards and timelines in writing; serious sellers welcome laboratory verification because their goods pass it.<\/p><p><strong>What about minimum orders, timing and payment?<\/strong> MOQs vary by product \u2014 containers for commodities, kilograms for saffron. Transit times range from days (Gulf, Mumbai) to about two weeks (Russia via INSTC) in good conditions. Payment structures must be lawful and documented; <strong>we map the compliant route for your transaction before money moves.<\/strong><\/p><p><strong>How do I find trustworthy partners?<\/strong> Through verification, not luck: registration checks, reference trades, staged commitments and contracts with protective clauses. <strong>Still unsure?<\/strong> Ask us directly on WhatsApp \u2014 a real trade specialist replies.<\/p>\"\n}\n\n};\n\n\/* ================= MODAL LOGIC ================= *\/\n(function(){\n  var modal = document.getElementById('modal');\n  var mEra = document.getElementById('mEra');\n  var mTitle = document.getElementById('mTitle');\n  var mText = document.getElementById('mText');\n  var mVisual = document.getElementById('modalVisual');\n  var closeBtn = document.getElementById('modalClose');\n  var lastFocus = null;\n\n  function openPopup(key, opener){\n    var data = contentData[key];\n    if(!data) return;\n    lastFocus = opener || document.activeElement;\n    mEra.textContent = data.era || '';\n    mTitle.textContent = data.title || '';\n    mText.innerHTML = data.text || '';\n    mVisual.innerHTML = ICONS[data.icon] || ICONS.globe;\n    modal.classList.add('show');\n    modal.setAttribute('aria-hidden','false');\n    document.body.style.overflow = 'hidden';\n    var body = modal.querySelector('.modal-body');\n    if(body) body.scrollTop = 0;\n    closeBtn.focus();\n  }\n  function closePopup(){\n    modal.classList.remove('show');\n    modal.setAttribute('aria-hidden','true');\n    document.body.style.overflow = '';\n    if(lastFocus && lastFocus.focus) lastFocus.focus();\n  }\n\n  document.addEventListener('click', function(e){\n    var t = e.target.closest('[data-popup]');\n    if(t){ openPopup(t.getAttribute('data-popup'), t); return; }\n    if(e.target === modal){ closePopup(); }\n  });\n  document.addEventListener('keydown', function(e){\n    if(e.key === 'Escape' && modal.classList.contains('show')) closePopup();\n    if((e.key === 'Enter' || e.key === ' ') && e.target && e.target.hasAttribute && e.target.hasAttribute('data-popup')){\n      e.preventDefault();\n      openPopup(e.target.getAttribute('data-popup'), e.target);\n    }\n  });\n  closeBtn.addEventListener('click', closePopup);\n})();\n\n\/* ================= SCROLL REVEAL ================= *\/\n(function(){\n  var els = document.querySelectorAll('.reveal');\n  if(!('IntersectionObserver' in window)){\n    els.forEach(function(el){ el.classList.add('in-view'); });\n    return;\n  }\n  var io = new IntersectionObserver(function(entries){\n    entries.forEach(function(en){\n      if(en.isIntersecting){ en.target.classList.add('in-view'); io.unobserve(en.target); }\n    });\n  }, {threshold: 0.12});\n  els.forEach(function(el){ io.observe(el); });\n})();\n\n\/* ================= CUSTOM AUDIO PLAYER ================= *\/\n(function(){\n  var pulseBtn = document.getElementById('pulseBtn');\n  var playerCard = document.getElementById('playerCard');\n  var audio = document.getElementById('voiceAudio');\n  var playBtn = document.getElementById('playBtn');\n  var seekBar = document.getElementById('seekBar');\n  var volBar = document.getElementById('volBar');\n  var rateBtn = document.getElementById('rateBtn');\n  var curTime = document.getElementById('curTime');\n  var durTime = document.getElementById('durTime');\n  var errBox = document.getElementById('audioError');\n  var filePick = document.getElementById('filePick');\n  var urlLabel = document.getElementById('audioUrlLabel');\n  var rates = [1, 1.25, 1.5, 2];\n  var rateIdx = 0;\n\n  urlLabel.textContent = AUDIO_SRC;\n  audio.src = AUDIO_SRC;\n  audio.volume = 0.9;\n\n  function fmt(s){\n    if(!isFinite(s) || s < 0) return '--:--';\n    s = Math.floor(s);\n    var m = Math.floor(s \/ 60), r = s % 60;\n    return m + ':' + (r < 10 ? '0' : '') + r;\n  }\n  function setPlayingUI(playing){\n    playBtn.innerHTML = playing ? '&#10074;&#10074;' : '&#9654;';\n    playBtn.setAttribute('aria-label', playing ? 'Pause audio' : 'Play audio');\n  }\n\n  pulseBtn.addEventListener('click', function(){\n    var isHidden = playerCard.hasAttribute('hidden');\n    if(isHidden){\n      playerCard.removeAttribute('hidden');\n      pulseBtn.setAttribute('aria-expanded','true');\n      playerCard.scrollIntoView({behavior:'smooth', block:'nearest'});\n    } else {\n      playerCard.setAttribute('hidden','');\n      pulseBtn.setAttribute('aria-expanded','false');\n      audio.pause();\n      setPlayingUI(false);\n    }\n  });\n\n  playBtn.addEventListener('click', function(){\n    errBox.style.display = 'none';\n    if(audio.paused){\n      var p = audio.play();\n      if(p && p.catch){ p.catch(function(){ errBox.style.display = 'block'; setPlayingUI(false); }); }\n    } else {\n      audio.pause();\n    }\n  });\n  audio.addEventListener('play', function(){ setPlayingUI(true); });\n  audio.addEventListener('pause', function(){ setPlayingUI(false); });\n  audio.addEventListener('loadedmetadata', function(){ durTime.textContent = fmt(audio.duration); });\n  audio.addEventListener('durationchange', function(){ durTime.textContent = fmt(audio.duration); });\n  audio.addEventListener('timeupdate', function(){\n    curTime.textContent = fmt(audio.currentTime);\n    if(audio.duration && isFinite(audio.duration)){\n      seekBar.value = (audio.currentTime \/ audio.duration) * 100;\n    }\n  });\n  audio.addEventListener('ended', function(){ setPlayingUI(false); seekBar.value = 0; });\n  audio.addEventListener('error', function(){\n    if(audio.getAttribute('src')){ errBox.style.display = 'block'; }\n    durTime.textContent = '--:--';\n  });\n  seekBar.addEventListener('input', function(){\n    if(audio.duration && isFinite(audio.duration)){\n      audio.currentTime = (parseFloat(seekBar.value) \/ 100) * audio.duration;\n    }\n  });\n  volBar.addEventListener('input', function(){ audio.volume = parseFloat(volBar.value); });\n  rateBtn.addEventListener('click', function(){\n    rateIdx = (rateIdx + 1) % rates.length;\n    audio.playbackRate = rates[rateIdx];\n    rateBtn.textContent = 'Speed: ' + rates[rateIdx] + 'x';\n  });\n  filePick.addEventListener('change', function(){\n    if(filePick.files && filePick.files[0]){\n      var url = URL.createObjectURL(filePick.files[0]);\n      audio.src = url;\n      errBox.style.display = 'none';\n      urlLabel.textContent = filePick.files[0].name + ' (loaded from this device for testing)';\n      audio.play().catch(function(){});\n    }\n  });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Export &amp; Import in Iran | Trade Routes, Ports &amp; Logistics \u2014 We Know Iran Exports &nbsp;\u00b7&nbsp; Imports &nbsp;\u00b7&nbsp; Logistics Ports \u00b7 Corridors \u00b7 Markets \u00b7 Free Zones Iran at the Heart of World Routes Exports, imports, markets and logistics \u2014 from the saffron fields of Qaenat to the container terminals of St. Petersburg. Iran [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-170","page","type-page","status-publish","hentry"],"lang":"en","translations":{"en":170,"fa":451,"ar":605},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":4,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/170\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/pages\/170\/revisions\/174"}],"wp:attachment":[{"href":"https:\/\/weknowiran.com\/new\/wp-json\/wp\/v2\/media?parent=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}