iuna

iuna

iuna - experimental mainnet-candidate protocol
git clone https://getiuna.org/git/iuna.git
Log | Files | Refs | README | LICENSE

index.html (31246B)


      1 <!doctype html>
      2 <html lang="en">
      3 <head>
      4   <meta charset="utf-8">
      5   <meta name="viewport" content="width=device-width, initial-scale=1">
      6   <meta name="color-scheme" content="dark">
      7   <meta name="theme-color" content="#0d0f10">
      8   <meta name="description" content="iuna is an experimental L1 cryptocurrency designed to keep network power temporary. Download it, run a node, and help test the network.">
      9   <meta name="robots" content="index, follow, max-image-preview:large">
     10   <link rel="canonical" href="https://getiuna.org/">
     11   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
     12   <link rel="icon" href="/favicon.ico" sizes="any">
     13   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
     14   <link rel="manifest" href="/site.webmanifest">
     15   <meta property="og:title" content="iuna — Network Power, Made Temporary">
     16   <meta property="og:description" content="An experimental L1 cryptocurrency exploring an open alternative to conventional Proof of Work and Proof of Stake.">
     17   <meta property="og:type" content="website">
     18   <meta property="og:url" content="https://getiuna.org/">
     19   <meta property="og:site_name" content="iuna">
     20   <meta property="og:locale" content="en_US">
     21   <meta property="og:image" content="https://getiuna.org/assets/og.png">
     22   <meta property="og:image:width" content="1200">
     23   <meta property="og:image:height" content="630">
     24   <meta property="og:image:type" content="image/png">
     25   <meta property="og:image:alt" content="iuna — Help test a different kind of network">
     26   <meta name="twitter:card" content="summary_large_image">
     27   <meta name="twitter:title" content="iuna — Network Power, Made Temporary">
     28   <meta name="twitter:description" content="An experimental L1 cryptocurrency designed to keep network power temporary. Run a node and help test it.">
     29   <meta name="twitter:image" content="https://getiuna.org/assets/og.png">
     30   <meta name="twitter:image:alt" content="iuna — Help test a different kind of network">
     31   <title>iuna — An Experimental L1 With Temporary Network Power</title>
     32   <script type="application/ld+json">
     33     {
     34       "@context": "https://schema.org",
     35       "@graph": [
     36         {
     37           "@type": "WebSite",
     38           "@id": "https://getiuna.org/#website",
     39           "url": "https://getiuna.org/",
     40           "name": "iuna",
     41           "description": "An experimental L1 cryptocurrency designed to keep network power temporary through open issuance, burns, and VDF-based pacing.",
     42           "inLanguage": "en"
     43         },
     44         {
     45           "@type": "SoftwareApplication",
     46           "@id": "https://getiuna.org/#software",
     47           "name": "iuna",
     48           "url": "https://getiuna.org/",
     49           "downloadUrl": "https://getiuna.org/downloads/",
     50           "applicationCategory": "FinanceApplication",
     51           "operatingSystem": "Linux, macOS, Windows",
     52           "isAccessibleForFree": true,
     53           "description": "Experimental node and wallet software for testing an L1 cryptocurrency designed to keep network power temporary."
     54         }
     55       ]
     56     }
     57   </script>
     58   <style>
     59     :root {
     60       color-scheme: dark;
     61       font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     62       background: #0d0f10;
     63       color: #edf2f5;
     64       --bg: #0d0f10;
     65       --panel: #15191b;
     66       --panel-2: #101315;
     67       --line: #273036;
     68       --muted: #a8b5bb;
     69       --text: #edf2f5;
     70       --green: #d5f55f;
     71       --cyan: #8de9cd;
     72       --blue: #8bdcff;
     73       --amber: #ffd070;
     74       --section-space: clamp(88px, 10vw, 132px);
     75       --radius: 12px;
     76       --radius-large: 16px;
     77     }
     78     * { box-sizing: border-box; }
     79     html {
     80       max-width: 100%;
     81       overflow-x: clip;
     82       scroll-behavior: smooth;
     83       scroll-padding-top: 64px;
     84     }
     85     body {
     86       margin: 0;
     87       max-width: 100%;
     88       overflow-x: clip;
     89       background:
     90         radial-gradient(circle at 12% 0%, rgba(141, 233, 205, .065), transparent 38rem),
     91         radial-gradient(circle at 88% 42%, rgba(139, 220, 255, .035), transparent 32rem),
     92         var(--bg);
     93       color: var(--text);
     94     }
     95     a { color: var(--green); text-decoration-thickness: 1px; text-underline-offset: 3px; }
     96     a:focus-visible { outline: 2px solid var(--green); outline-offset: 4px; border-radius: 4px; }
     97     code {
     98       color: #c7f5ea;
     99       overflow-wrap: anywhere;
    100       font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    101     }
    102     pre {
    103       max-width: 100%;
    104       margin: 0;
    105       overflow-x: auto;
    106       border: 1px solid var(--line);
    107       border-radius: 8px;
    108       padding: 14px;
    109       background: #0b0d0e;
    110       box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03);
    111     }
    112     .wrap { width: min(1240px, calc(100% - 64px)); margin: 0 auto; }
    113     .topbar {
    114       position: sticky;
    115       top: 0;
    116       z-index: 100;
    117       border-bottom: 1px solid rgba(39, 48, 54, .9);
    118       background: rgba(13, 15, 16, .82);
    119       backdrop-filter: blur(12px);
    120       box-shadow: 0 8px 28px rgba(0, 0, 0, .14);
    121     }
    122     .topbar .wrap {
    123       display: flex;
    124       justify-content: space-between;
    125       gap: 18px;
    126       align-items: center;
    127       min-height: 64px;
    128     }
    129     .brand { display: flex; gap: 10px; align-items: center; font-weight: 900; }
    130     .mark {
    131       width: 32px;
    132       height: 32px;
    133       display: grid;
    134       place-items: center;
    135       color: var(--green);
    136     }
    137     .mark svg { width: 24px; height: 24px; display: block; }
    138     nav { display: flex; gap: 16px; flex-wrap: wrap; color: var(--muted); font-size: 13px; font-weight: 750; }
    139     nav a { color: var(--muted); text-decoration: none; }
    140     nav a:hover { color: var(--green); }
    141     .hero {
    142       position: relative;
    143       isolation: isolate;
    144       padding: clamp(88px, 11vw, 136px) 0 clamp(96px, 12vw, 148px);
    145       overflow: hidden;
    146     }
    147     .hero::before {
    148       content: "";
    149       position: absolute;
    150       z-index: -1;
    151       inset: 0;
    152       opacity: .16;
    153       background-image:
    154         linear-gradient(rgba(141, 233, 205, .13) 1px, transparent 1px),
    155         linear-gradient(90deg, rgba(141, 233, 205, .13) 1px, transparent 1px);
    156       background-size: 72px 72px;
    157       -webkit-mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 68%, transparent 95%);
    158       mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 68%, transparent 95%);
    159       pointer-events: none;
    160     }
    161     .hero::after {
    162       content: "";
    163       position: absolute;
    164       z-index: -1;
    165       top: -2%;
    166       right: -10%;
    167       width: min(700px, 62vw);
    168       aspect-ratio: 1;
    169       border-radius: 50%;
    170       background: radial-gradient(circle, rgba(213, 245, 95, .18), rgba(141, 233, 205, .075) 42%, rgba(139, 220, 255, .025) 58%, transparent 72%);
    171       pointer-events: none;
    172     }
    173     .hero-grid {
    174       display: grid;
    175       grid-template-columns: minmax(0, 720px) minmax(290px, 1fr);
    176       gap: clamp(36px, 5vw, 72px);
    177       align-items: center;
    178     }
    179     .hero-grid > * { min-width: 0; }
    180     .eyebrow {
    181       display: inline-flex;
    182       gap: 8px;
    183       align-items: center;
    184       margin-bottom: 18px;
    185       color: var(--green);
    186       font-size: 12px;
    187       font-weight: 900;
    188       text-transform: uppercase;
    189     }
    190     .dot { width: 8px; height: 8px; border-radius: 999px; background: var(--green); box-shadow: 0 0 18px rgba(213, 245, 95, .75); }
    191     h1 {
    192       max-width: 820px;
    193       margin: 0 0 12px;
    194       font-size: clamp(50px, 7.5vw, 88px);
    195       font-weight: 820;
    196       line-height: .94;
    197       letter-spacing: -.045em;
    198       text-wrap: balance;
    199     }
    200     .pronunciation {
    201       margin: 0 0 20px;
    202       color: var(--muted);
    203       font-size: 15px;
    204       font-weight: 700;
    205     }
    206     h2 { margin: 0 0 12px; font-size: clamp(31px, 3.8vw, 42px); line-height: 1.05; letter-spacing: -.025em; text-wrap: balance; }
    207     h3 { margin: 0 0 8px; font-size: 16px; letter-spacing: 0; }
    208     p { max-width: 720px; color: #b7c3c9; font-size: 17px; line-height: 1.6; }
    209     .lead { max-width: 700px; color: #eef4f6; font-size: 21px; }
    210     .hero-support { max-width: 650px; margin-bottom: 0; }
    211     .actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
    212     .candidate-callout {
    213       position: relative;
    214       display: grid;
    215       gap: 16px;
    216       max-width: 370px;
    217       justify-self: end;
    218       border: 1px solid rgba(213, 245, 95, .3);
    219       border-radius: var(--radius-large);
    220       padding: 26px;
    221       background: linear-gradient(145deg, rgba(213, 245, 95, .12), rgba(21, 25, 27, .94) 58%);
    222       box-shadow: 0 28px 70px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .08);
    223     }
    224     .candidate-callout::before {
    225       content: "";
    226       position: absolute;
    227       top: 0;
    228       left: 50%;
    229       width: 72px;
    230       height: 3px;
    231       border-radius: 0 0 999px 999px;
    232       background: linear-gradient(90deg, var(--green), var(--cyan));
    233       transform: translateX(-50%);
    234       pointer-events: none;
    235     }
    236     .callout-kicker {
    237       display: inline-flex;
    238       width: fit-content;
    239       border: 1px solid rgba(141, 233, 205, .45);
    240       border-radius: 999px;
    241       padding: 4px 8px;
    242       color: var(--cyan);
    243       font-size: 11px;
    244       font-weight: 900;
    245       text-transform: uppercase;
    246     }
    247     .candidate-callout h2 {
    248       margin: 0;
    249       font-size: 32px;
    250       line-height: 1.02;
    251     }
    252     .candidate-callout p {
    253       margin: 0;
    254       color: #d8e2e6;
    255       font-size: 15px;
    256       line-height: 1.45;
    257     }
    258     .candidate-callout .actions { justify-content: center; margin-top: 2px; }
    259     .candidate-callout .button {
    260       width: min(100%, 200px);
    261       justify-content: center;
    262     }
    263     .button {
    264       display: inline-flex;
    265       align-items: center;
    266       gap: 8px;
    267       min-height: 42px;
    268       border: 1px solid var(--line);
    269       border-radius: 10px;
    270       padding: 0 14px;
    271       background: var(--panel);
    272       color: var(--text);
    273       font-size: 14px;
    274       font-weight: 850;
    275       text-decoration: none;
    276       transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
    277     }
    278     .button.primary { border-color: var(--green); background: var(--green); color: #11140c; }
    279     .button:hover { border-color: var(--green); transform: translateY(-1px); }
    280     .button.discord {
    281       border-color: rgba(88, 101, 242, .72);
    282       background: linear-gradient(180deg, rgba(88, 101, 242, .24), rgba(88, 101, 242, .14));
    283       color: #eef1ff;
    284       box-shadow: 0 10px 28px rgba(88, 101, 242, .16), inset 0 1px 0 rgba(255, 255, 255, .08);
    285     }
    286     .button.discord:hover {
    287       border-color: #8e99ff;
    288       background: linear-gradient(180deg, rgba(88, 101, 242, .34), rgba(88, 101, 242, .2));
    289       box-shadow: 0 12px 34px rgba(88, 101, 242, .22), inset 0 1px 0 rgba(255, 255, 255, .1);
    290     }
    291     .button-icon {
    292       width: 18px;
    293       height: 18px;
    294       flex: 0 0 auto;
    295       fill: currentColor;
    296     }
    297     .repo-link {
    298       color: var(--text);
    299       text-decoration: none;
    300     }
    301     .repo-link:hover { color: var(--green); }
    302     section {
    303       border-top: 1px solid rgba(39, 48, 54, .82);
    304       padding: var(--section-space) 0;
    305     }
    306     main section { position: relative; }
    307     .section-head {
    308       position: relative;
    309       display: grid;
    310       grid-template-columns: minmax(150px, .42fr) minmax(0, 1.58fr);
    311       column-gap: clamp(28px, 5vw, 72px);
    312       row-gap: 10px;
    313       align-items: start;
    314       margin-bottom: clamp(40px, 5vw, 64px);
    315     }
    316     .section-head .section-meta { grid-column: 1; grid-row: 1 / span 2; }
    317     .section-head h2, .section-head p { grid-column: 2; }
    318     .section-head p { margin: 0; max-width: 680px; font-size: 15px; }
    319     .section-meta { display: grid; gap: 18px; justify-items: start; }
    320     .section-icon {
    321       width: clamp(96px, 10vw, 136px);
    322       height: clamp(96px, 10vw, 136px);
    323       display: none;
    324       place-items: center;
    325       color: var(--cyan);
    326       opacity: .085;
    327       pointer-events: none;
    328     }
    329     .section-icon svg {
    330       width: 100%;
    331       height: 100%;
    332       fill: none;
    333       stroke: currentColor;
    334       stroke-width: 1.8;
    335       stroke-linecap: round;
    336       stroke-linejoin: round;
    337     }
    338     .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    339     .card {
    340       min-width: 0;
    341       border: 1px solid var(--line);
    342       border-radius: var(--radius);
    343       padding: 20px;
    344       background: rgba(21, 25, 27, .88);
    345     }
    346     .card p { margin: 0; font-size: 15px; }
    347     .card .button { margin-top: 16px; }
    348     .tag {
    349       display: inline-flex;
    350       margin-bottom: 12px;
    351       border: 1px solid #3b464d;
    352       border-radius: 999px;
    353       padding: 3px 8px;
    354       color: var(--muted);
    355       font-size: 11px;
    356       font-weight: 850;
    357       text-transform: uppercase;
    358     }
    359     .tag.green { border-color: rgba(213, 245, 95, .42); color: var(--green); }
    360     .tag.cyan { border-color: rgba(141, 233, 205, .4); color: var(--cyan); }
    361     .tag.blue { border-color: rgba(139, 220, 255, .4); color: var(--blue); }
    362     .tag.amber { border-color: rgba(255, 208, 112, .4); color: var(--amber); }
    363     .section-kicker {
    364       color: var(--green);
    365       font-size: 11px;
    366       font-weight: 900;
    367       letter-spacing: .08em;
    368       text-transform: uppercase;
    369     }
    370     .principle-list { border-top: 1px solid var(--line); }
    371     .principle-row {
    372       display: grid;
    373       grid-template-columns: minmax(130px, .58fr) minmax(190px, .9fr) minmax(0, 1.45fr);
    374       gap: 22px;
    375       align-items: baseline;
    376       border-bottom: 1px solid var(--line);
    377       padding: clamp(22px, 3vw, 34px) 0;
    378     }
    379     .principle-row .tag { width: fit-content; margin: 0; }
    380     .principle-row h3 { margin: 0; font-size: 18px; }
    381     .principle-row p { margin: 0; font-size: 15px; }
    382     .roadmap {
    383       position: relative;
    384       display: grid;
    385       gap: 0;
    386       max-width: 920px;
    387       margin: 0 auto;
    388       padding-left: 42px;
    389     }
    390     .roadmap::before {
    391       content: "";
    392       position: absolute;
    393       top: 13px;
    394       bottom: 13px;
    395       left: 11px;
    396       width: 2px;
    397       background: linear-gradient(to bottom, var(--green), var(--cyan) 52%, var(--line));
    398     }
    399     .roadmap-item {
    400       position: relative;
    401       display: grid;
    402       grid-template-columns: minmax(190px, .55fr) minmax(0, 1fr);
    403       gap: clamp(18px, 4vw, 48px);
    404       border-bottom: 1px solid var(--line);
    405       padding: 0 0 26px;
    406       margin-bottom: 26px;
    407     }
    408     .roadmap-item:last-child { margin-bottom: 0; }
    409     .roadmap-dot {
    410       position: absolute;
    411       top: 2px;
    412       left: -42px;
    413       width: 24px;
    414       height: 24px;
    415       display: grid;
    416       place-items: center;
    417       border: 2px solid var(--muted);
    418       border-radius: 999px;
    419       background: var(--bg);
    420       color: var(--text);
    421       font-size: 11px;
    422       font-weight: 900;
    423     }
    424     .roadmap-item.done .roadmap-dot { border-color: var(--green); color: var(--green); }
    425     .roadmap-item.now .roadmap-dot { border-color: var(--amber); color: var(--amber); box-shadow: 0 0 18px rgba(255, 208, 112, .2); }
    426     .roadmap-label { display: grid; gap: 7px; align-content: start; }
    427     .roadmap-status { color: var(--muted); font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
    428     .roadmap-item.done .roadmap-status { color: var(--green); }
    429     .roadmap-item.now .roadmap-status { color: var(--amber); }
    430     .roadmap-label h3 { margin: 0; font-size: 19px; }
    431     .roadmap-item p { margin: 0; font-size: 15px; }
    432     .roadmap-disclaimer { max-width: 920px; margin: 28px auto 0; color: var(--muted); font-size: 14px; }
    433     .mechanism-flow {
    434       display: grid;
    435       grid-template-columns: repeat(3, minmax(0, 1fr));
    436       border-top: 1px solid var(--line);
    437       border-bottom: 1px solid var(--line);
    438     }
    439     .mechanism-step { padding: 20px 22px; }
    440     .mechanism-step + .mechanism-step { border-left: 1px solid var(--line); }
    441     .mechanism-step:first-child { padding-left: 0; }
    442     .mechanism-step:last-child { padding-right: 0; }
    443     .mechanism-step p { margin: 0; font-size: 15px; }
    444     .mechanism-number { display: block; margin-bottom: 20px; color: var(--muted); font-size: 12px; font-weight: 900; }
    445     .community-panel {
    446       position: relative;
    447       width: min(880px, 100%);
    448       display: grid;
    449       grid-template-columns: minmax(0, 700px);
    450       justify-content: center;
    451       justify-items: center;
    452       gap: 0;
    453       align-items: center;
    454       overflow: hidden;
    455       margin: 0 auto;
    456       border: 1px solid rgba(141, 233, 205, .2);
    457       border-radius: var(--radius-large);
    458       padding: clamp(34px, 5vw, 54px);
    459       background: linear-gradient(135deg, rgba(141, 233, 205, .055), rgba(21, 25, 27, .9) 62%);
    460       text-align: center;
    461     }
    462     .community-panel::before {
    463       content: "";
    464       position: absolute;
    465       top: 0;
    466       left: 50%;
    467       width: 72px;
    468       height: 3px;
    469       border-radius: 0 0 999px 999px;
    470       background: linear-gradient(90deg, var(--green), var(--cyan));
    471       transform: translateX(-50%);
    472     }
    473     .community-panel .section-kicker { display: inline-block; margin-bottom: 14px; }
    474     .community-panel .section-icon {
    475       top: 24px;
    476       right: 28px;
    477       width: 104px;
    478       height: 104px;
    479     }
    480     .community-panel h2 { margin-bottom: 17px; font-size: clamp(34px, 4vw, 44px); }
    481     .community-panel p { margin: 0 auto; font-size: 15px; }
    482     .community-panel .actions { justify-content: center; margin-top: 30px; }
    483     .community-panel .button.discord {
    484       min-height: 40px;
    485       padding: 0 13px;
    486       box-shadow: 0 8px 22px rgba(88, 101, 242, .12), inset 0 1px 0 rgba(255, 255, 255, .07);
    487     }
    488     #roadmap { padding-bottom: clamp(64px, 7vw, 92px); }
    489     #community {
    490       border-top: 0;
    491       padding: 0;
    492     }
    493     .community-content { width: 100%; }
    494     .footer {
    495       margin-top: var(--section-space);
    496       border-top: 1px solid var(--line);
    497       padding: 26px 0;
    498       background: rgba(9, 11, 12, .48);
    499       color: #98a5ab;
    500       font-size: 14px;
    501     }
    502     .footer-inner {
    503       display: flex;
    504       justify-content: space-between;
    505       gap: 14px;
    506       flex-wrap: wrap;
    507     }
    508     @media (max-width: 820px) {
    509       .hero { padding: 76px 0 92px; }
    510       section { padding: 82px 0; }
    511       #roadmap { padding-bottom: 60px; }
    512       #community { padding: 0; }
    513       .footer { margin-top: 68px; }
    514       .hero-grid, .grid { grid-template-columns: 1fr; }
    515       .section-head { grid-template-columns: 1fr; row-gap: 8px; }
    516       .section-head .section-meta, .section-head h2, .section-head p { grid-column: 1; grid-row: auto; }
    517       .principle-row { grid-template-columns: 1fr; gap: 8px; align-items: start; }
    518       .mechanism-flow { grid-template-columns: 1fr; }
    519       .mechanism-step, .mechanism-step:first-child, .mechanism-step:last-child { padding: 18px 0; }
    520       .mechanism-step + .mechanism-step { border-top: 1px solid var(--line); border-left: 0; }
    521       .mechanism-number { margin-bottom: 10px; }
    522       .candidate-callout { max-width: none; justify-self: stretch; }
    523       .candidate-callout::before { left: 28px; transform: none; }
    524       nav { display: none; }
    525       .wrap { width: min(100% - 32px, 1240px); }
    526       h1 { font-size: clamp(36px, 11.5vw, 62px); }
    527       .lead { font-size: 19px; }
    528       .button { max-width: 100%; justify-content: center; }
    529       .community-panel { justify-items: stretch; text-align: left; }
    530       .community-panel::before { left: 28px; transform: none; }
    531       .community-panel .actions { width: 100%; }
    532       .community-panel .button { width: 100%; }
    533     }
    534     @media (min-width: 821px) {
    535       .section-icon {
    536         position: absolute;
    537         top: -22px;
    538         right: 0;
    539         display: grid;
    540       }
    541     }
    542     @media (max-width: 520px) {
    543       .roadmap-item { grid-template-columns: 1fr; gap: 10px; }
    544       .actions .button { width: 100%; }
    545       .candidate-callout { padding: 22px; }
    546     }
    547     @media (prefers-reduced-motion: reduce) {
    548       html { scroll-behavior: auto; }
    549       .button { transition: none; }
    550       .button:hover { transform: none; }
    551     }
    552   </style>
    553 </head>
    554 <body>
    555   <svg width="0" height="0" aria-hidden="true" focusable="false" style="position:absolute">
    556     <symbol id="discord-icon" viewBox="0 0 24 24">
    557       <path d="M19.54 5.34A16.9 16.9 0 0 0 15.35 4a11.7 11.7 0 0 0-.54 1.1 15.8 15.8 0 0 0-4.62 0A11.7 11.7 0 0 0 9.65 4a16.9 16.9 0 0 0-4.19 1.34C2.81 9.28 2.09 13.12 2.45 16.9A16.8 16.8 0 0 0 7.59 19.5a12.8 12.8 0 0 0 1.1-1.79 10.9 10.9 0 0 1-1.73-.83c.14-.1.28-.21.42-.32a12.1 12.1 0 0 0 9.24 0c.14.11.28.22.42.32-.55.32-1.13.6-1.74.83.32.63.69 1.23 1.1 1.79a16.8 16.8 0 0 0 5.15-2.6c.42-4.38-.72-8.18-2.01-11.56ZM9.32 14.57c-1 0-1.82-.92-1.82-2.04 0-1.13.8-2.05 1.82-2.05 1.02 0 1.84.92 1.82 2.05 0 1.12-.8 2.04-1.82 2.04Zm5.36 0c-1 0-1.82-.92-1.82-2.04 0-1.13.8-2.05 1.82-2.05 1.02 0 1.84.92 1.82 2.05 0 1.12-.8 2.04-1.82 2.04Z"></path>
    558     </symbol>
    559     <symbol id="idea-icon" viewBox="0 0 24 24"><path d="M6 14a6 6 0 0 1 12 0M12 4v3M2 13h3M19 13h3M4.5 7.2l2.1 2.1M19.5 7.2l-2.1 2.1"></path><path d="m2 21 6.5-8 4 4.5 3-3.5 6.5 7H2Z"></path></symbol>
    560     <symbol id="mechanism-icon" viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"></circle><path d="M12.2 2h-.4a2 2 0 0 0-2 2v.2a2 2 0 0 1-1 1.7l-.4.3a2 2 0 0 1-2 0l-.2-.1a2 2 0 0 0-2.7.7l-.2.4A2 2 0 0 0 4 9.9l.2.1a2 2 0 0 1 1 1.7v.6a2 2 0 0 1-1 1.7l-.2.1a2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.2-.1a2 2 0 0 1 2 0l.4.3a2 2 0 0 1 1 1.7v.2a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2v-.2a2 2 0 0 1 1-1.7l.4-.3a2 2 0 0 1 2 0l.2.1a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7l-.2-.1a2 2 0 0 1-1-1.7v-.6a2 2 0 0 1 1-1.7l.2-.1a2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.2.1a2 2 0 0 1-2 0l-.4-.3a2 2 0 0 1-1-1.7V4a2 2 0 0 0-2-2Z"></path></symbol>
    561     <symbol id="progress-icon" viewBox="0 0 24 24"><path d="m3 5 2 2 4-4M3 12l2 2 4-4M12 6h9M12 13h9M12 20h9"></path><rect x="3" y="18" width="4" height="4" rx=".75"></rect></symbol>
    562     <symbol id="community-icon" viewBox="0 0 24 24"><circle cx="12" cy="5" r="2.5"></circle><circle cx="5" cy="18" r="2.5"></circle><circle cx="19" cy="18" r="2.5"></circle><path d="m10.8 7.2-4.6 8.6M13.2 7.2l4.6 8.6M7.5 18h9"></path></symbol>
    563   </svg>
    564   <div class="topbar">
    565     <div class="wrap">
    566       <a class="brand repo-link" href="/"><span class="mark" aria-hidden="true"><svg viewBox="0 0 32 32" focusable="false"><circle cx="9.4" cy="7.6" r="2.8" fill="currentColor"></circle><path d="M9.4 13v7.1c0 3.7 2.9 6.4 6.6 6.4s6.6-2.7 6.6-6.4V13" fill="none" stroke="currentColor" stroke-width="4.2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><span>iuna</span></a>
    567       <nav aria-label="Page sections">
    568         <a href="#why">Why iuna</a>
    569         <a href="#how">How it works</a>
    570         <a href="#roadmap">Roadmap</a>
    571         <a href="/downloads/">Downloads</a>
    572       </nav>
    573     </div>
    574   </div>
    575   <header class="hero">
    576     <div class="wrap hero-grid">
    577       <div>
    578         <div class="eyebrow"><span class="dot"></span> Open experiment · Public testing</div>
    579         <h1>Cryptocurrency designed to keep power temporary.</h1>
    580         <p class="lead">iuna is an experimental L1 exploring a more open alternative to conventional Proof of Work and Proof of Stake by separating issuance, block selection, and timing.</p>
    581         <p class="hero-support">This is an experimental network under public testing—not a proven or production-ready system. Download the software, run an independent node, and report what you observe or where it fails.</p>
    582         <div class="actions">
    583           <a class="button primary" href="/downloads/">Download iuna</a>
    584           <a class="button" href="#why">Why iuna</a>
    585           <a class="button" href="#how">How it works</a>
    586           <a class="button" href="#roadmap">Roadmap</a>
    587         </div>
    588       </div>
    589       <aside class="candidate-callout" aria-label="Why participation matters now">
    590         <span class="callout-kicker">Mainnet candidate</span>
    591         <h2>We need people to test this network.</h2>
    592         <p>iuna needs independent nodes running across different devices and environments. Share your observations and failure reports so the experiment can be challenged in the open.</p>
    593         <div class="actions">
    594           <a class="button discord" href="https://discord.gg/wdk8cjkj2G" target="_blank" rel="noopener noreferrer"><svg class="button-icon" aria-hidden="true" focusable="false"><use href="#discord-icon"></use></svg><span>Join Discord</span></a>
    595         </div>
    596       </aside>
    597     </div>
    598   </header>
    599 
    600   <main>
    601     <section id="why">
    602       <div class="wrap">
    603         <div class="section-head">
    604           <div class="section-meta"><span class="section-icon" aria-hidden="true"><svg><use href="#idea-icon"></use></svg></span><span class="section-kicker">The idea</span></div>
    605           <h2>What are we trying to change?</h2>
    606           <p>Many networks give lasting influence to whoever already controls the most capital or mining scale. iuna tests a different balance: open coin issuance, lightweight finalization, and influence that expires.</p>
    607         </div>
    608         <div class="principle-list">
    609           <div class="principle-row">
    610             <span class="tag green">Temporary influence</span>
    611             <h3>No permanent seat at the table</h3>
    612             <p>Finalization power is paid for again each time. Past participation does not become a permanent claim on the network.</p>
    613           </div>
    614           <div class="principle-row">
    615             <span class="tag cyan">Open entry</span>
    616             <h3>New supply stays mineable</h3>
    617             <p>Anyone can search for proof-of-work mine actions. Issuance is kept separate from block finalization.</p>
    618           </div>
    619           <div class="principle-row">
    620             <span class="tag amber">Still unproven</span>
    621             <h3>An experiment, not a promise</h3>
    622             <p>The design is public so its assumptions can be tested, challenged, and improved with evidence.</p>
    623           </div>
    624         </div>
    625       </div>
    626     </section>
    627 
    628     <section id="how">
    629       <div class="wrap">
    630         <div class="section-head">
    631           <div class="section-meta"><span class="section-icon" aria-hidden="true"><svg><use href="#mechanism-icon"></use></svg></span><span class="section-kicker">Under the hood</span></div>
    632           <h2>Three mechanisms, three different jobs</h2>
    633           <p>iuna separates coin issuance, block selection, and timing instead of asking one scarce resource to control everything.</p>
    634         </div>
    635         <div class="mechanism-flow">
    636           <article class="mechanism-step">
    637             <span class="mechanism-number">01 · Issue</span>
    638             <h3>Proof of work creates IUNA</h3>
    639             <p>Open proof-of-work mine actions introduce new coins without deciding who finalizes the next block.</p>
    640           </article>
    641           <article class="mechanism-step">
    642             <span class="mechanism-number">02 · Select</span>
    643             <h3>Burns enter a block lottery</h3>
    644             <p>Nodes permanently spend IUNA for a temporary chance to finalize. That influence must be paid for again.</p>
    645           </article>
    646           <article class="mechanism-step">
    647             <span class="mechanism-number">03 · Time</span>
    648             <h3>A verifiable delay sets the pace</h3>
    649             <p>Sequential work creates a checkable clock and gives fallback finalizers a predictable way to take over.</p>
    650           </article>
    651         </div>
    652         <div class="actions">
    653           <a class="button" href="/git/iuna/file/docs/protocol.md.html">Read the full protocol</a>
    654         </div>
    655       </div>
    656     </section>
    657 
    658     <section id="roadmap">
    659       <div class="wrap">
    660         <div class="section-head">
    661           <div class="section-meta"><span class="section-icon" aria-hidden="true"><svg><use href="#progress-icon"></use></svg></span><span class="section-kicker">Building in public</span></div>
    662           <h2>A directional roadmap</h2>
    663           <p>Each phase expands the experiment only as participation and evidence develop.</p>
    664         </div>
    665         <div class="roadmap" aria-label="iuna milestones">
    666           <article class="roadmap-item done">
    667             <span class="roadmap-dot" aria-hidden="true">✓</span>
    668             <div class="roadmap-label"><span class="roadmap-status">Done · Devnet</span><h3>Development</h3></div>
    669             <p>Build the core protocol, establish liveness, and test baseline stability.</p>
    670           </article>
    671           <article class="roadmap-item now">
    672             <span class="roadmap-dot" aria-hidden="true">2</span>
    673             <div class="roadmap-label"><span class="roadmap-status">Now · 0–10,000 IUNA</span><h3>Hardening</h3></div>
    674             <p>Security, bug fixes, documentation, and wider public testing.</p>
    675           </article>
    676           <article class="roadmap-item">
    677             <span class="roadmap-dot" aria-hidden="true">3</span>
    678             <div class="roadmap-label"><span class="roadmap-status">10,000–25,000 IUNA</span><h3>Ecosystem</h3></div>
    679             <p>More nodes, atomic BTC swaps using HTLCs, and community testing.</p>
    680           </article>
    681           <article class="roadmap-item">
    682             <span class="roadmap-dot" aria-hidden="true">4</span>
    683             <div class="roadmap-label"><span class="roadmap-status">25,000–50,000 IUNA</span><h3>Market</h3></div>
    684             <p>A small P2P BTC swap marketplace, real users, and organic price discovery.</p>
    685           </article>
    686           <article class="roadmap-item">
    687             <span class="roadmap-dot" aria-hidden="true">5</span>
    688             <div class="roadmap-label"><span class="roadmap-status">50,000+ IUNA</span><h3>Exchange access</h3></div>
    689             <p>Explore CEX listings only after sufficient stability, security, participation, and organic demand.</p>
    690           </article>
    691         </div>
    692         <p class="roadmap-disclaimer">These milestones are directional, not promises, and may change as the experiment develops.</p>
    693       </div>
    694     </section>
    695 
    696     <section id="community">
    697       <div class="community-content">
    698         <div class="wrap">
    699           <div class="community-panel">
    700             <div>
    701               <span class="section-icon" aria-hidden="true"><svg><use href="#community-icon"></use></svg></span>
    702               <span class="section-kicker">A network is its participants</span>
    703               <h2>Bring a node, a question, or a way to break it.</h2>
    704               <p>Meet the people testing iuna, share what you observe, and help decide which evidence the candidate still needs.</p>
    705             </div>
    706             <div class="actions">
    707               <a class="button discord" href="https://discord.gg/wdk8cjkj2G" target="_blank" rel="noopener noreferrer"><svg class="button-icon" aria-hidden="true" focusable="false"><use href="#discord-icon"></use></svg><span>Join Discord</span></a>
    708               <a class="button primary" href="/downloads/">Download iuna</a>
    709             </div>
    710           </div>
    711         </div>
    712         <footer class="footer">
    713           <div class="wrap footer-inner">
    714             <span>iuna <span aria-hidden="true">·</span> an open cryptocurrency experiment</span>
    715             <span><a href="/downloads/">Downloads</a> · <a href="/git/iuna/">Source</a> · <a href="https://discord.gg/wdk8cjkj2G" target="_blank" rel="noopener noreferrer">Discord</a></span>
    716           </div>
    717         </footer>
    718       </div>
    719     </section>
    720   </main>
    721 </body>
    722 </html>