@idp.global/catalog 1.2.0 → 2.0.0

package/dist_ts_web/elements/idp-landing-page.js

@@ -37,6 +37,7 @@ import { idpElementStyles } from './tokens.js';
 import './idp-badge.js';
 import './idp-button.js';
 import './idp-icon.js';
+import './idp-screenshot-placeholder.js';
 import './idp-landing-hero.js';
 let IdpLandingPage = (() => {
     let _classDecorators = [customElement('idp-landing-page')];
@@ -53,564 +54,752 @@ let IdpLandingPage = (() => {
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
         static demo = () => html `<idp-landing-page></idp-landing-page>`;
-        static demoGroups = ['idp.global v3 full pages'];
+        static demoGroups = ['idp.global v5 full pages'];
         static styles = [
             ...idpElementStyles,
             css `
       :host {
         display: block;
-        background: var(--idp-bg);
+        background: var(--idp-card);
         color: var(--idp-fg);
       }
       .page {
         min-height: 100vh;
-        background: var(--idp-bg);
+        background: var(--idp-card);
       }
-      nav {
-        position: sticky;
-        top: 0;
-        z-index: 20;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 24px;
-        height: 56px;
+      .wrap {
+        max-width: 1024px;
+        margin: 0 auto;
+        padding: 0 22px;
+      }
+      .wrap-wide {
         max-width: 1240px;
         margin: 0 auto;
-        padding: 0 32px;
-        border-bottom: 1px solid var(--idp-border-soft);
-        background: color-mix(in srgb, var(--idp-bg), transparent 14%);
-        backdrop-filter: blur(14px) saturate(140%);
+        padding: 0 22px;
       }
+
+      /* Nav */
       .nav-shell {
         position: sticky;
         top: 0;
-        z-index: 20;
-        border-bottom: 1px solid var(--idp-border-soft);
-        background: color-mix(in srgb, var(--idp-bg), transparent 14%);
+        z-index: 50;
+        border-bottom: 0.5px solid var(--idp-border-soft);
+        background: var(--idp-nav-bg);
+        backdrop-filter: saturate(180%) blur(20px);
+        -webkit-backdrop-filter: saturate(180%) blur(20px);
+      }
+      nav {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        height: 48px;
+        max-width: 1024px;
+        margin: 0 auto;
+        padding: 0 22px;
       }
       .logo {
         display: inline-flex;
         align-items: center;
-        gap: 8px;
-        font-family: var(--idp-display);
-        font-size: 16px;
-        font-weight: 700;
-        letter-spacing: -0.015em;
+        font-size: 19px;
+        font-weight: 600;
+        letter-spacing: -0.02em;
+        color: var(--idp-fg);
+        text-decoration: none;
       }
       .logo-dot {
         width: 6px;
         height: 6px;
-        border-radius: 999px;
+        margin: 0 1px 5px;
+        border-radius: 50%;
         background: var(--idp-accent);
-        box-shadow: 0 0 12px var(--idp-accent);
+        align-self: flex-end;
       }
-      .links, .actions {
+      .nav-links {
         display: flex;
-        align-items: center;
-        gap: 6px;
+        gap: 4px;
       }
-      .links a {
-        padding: 6px 12px;
-        border-radius: 5px;
+      .nav-links a {
+        padding: 4px 11px;
+        border-radius: 6px;
         color: var(--idp-fg-3);
         font-size: 13px;
         text-decoration: none;
       }
-      .links a:hover {
-        background: var(--idp-muted);
+      .nav-links a:hover {
         color: var(--idp-fg);
       }
-      .status {
-        display: inline-flex;
+      .actions {
+        display: flex;
         align-items: center;
-        gap: 6px;
-        margin-right: 8px;
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-      }
-      .live-dot {
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        background: var(--idp-ok);
-        box-shadow: 0 0 8px var(--idp-ok);
+        gap: 8px;
       }
-      .wrap {
-        max-width: 1240px;
-        margin: 0 auto;
-        padding: 0 32px;
+      .nav-signin {
+        color: var(--idp-accent);
+        font-size: 13px;
+        cursor: pointer;
       }
-      .proof, .section, .manifesto, .cta, footer {
-        border-bottom: 1px solid var(--idp-border-soft);
+      .nav-signin:hover {
+        text-decoration: underline;
       }
+
+      /* Proof */
       .proof {
-        padding: 56px 0;
+        padding: 64px 0;
+        text-align: center;
       }
       .proof-label {
         margin-bottom: 28px;
-        color: var(--idp-muted-fg);
-        text-align: center;
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        letter-spacing: 0.12em;
-        text-transform: uppercase;
+        color: var(--idp-fg-3);
+        font-size: 14px;
       }
       .proof-row {
-        display: grid;
-        grid-template-columns: repeat(6, 1fr);
-        gap: 24px;
-        place-items: center;
-        opacity: 0.72;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        gap: 16px 48px;
       }
       .proof-name {
         color: var(--idp-fg-3);
-        font-family: var(--idp-display);
-        font-size: 18px;
-        font-weight: 700;
+        font-size: 22px;
+        font-weight: 600;
         letter-spacing: -0.02em;
+        opacity: 0.82;
       }
+
+      /* Sections */
       .section {
-        padding: 120px 0;
+        padding: 110px 0;
       }
       .section.alt {
-        background: var(--idp-bg-2);
+        background: var(--idp-bg);
       }
       .section-head {
-        max-width: 760px;
+        max-width: 720px;
         margin: 0 auto 64px;
         text-align: center;
       }
       .eyebrow {
-        display: inline-flex;
-        align-items: center;
-        gap: 8px;
-        margin-bottom: 16px;
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        letter-spacing: 0.1em;
-        text-transform: uppercase;
+        margin-bottom: 6px;
+        color: var(--idp-accent);
+        font-size: 19px;
+        font-weight: 600;
+        letter-spacing: -0.01em;
       }
-      .eyebrow::before, .eyebrow::after {
-        content: '';
-        width: 24px;
-        height: 1px;
-        background: var(--idp-border-strong);
+      .eyebrow.sm {
+        color: var(--idp-fg-3);
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.06em;
+        text-transform: uppercase;
       }
-      h2, h3, q {
+      h2 {
         margin: 0;
         font-family: var(--idp-display);
-        letter-spacing: -0.03em;
-      }
-      h2 {
         font-size: clamp(36px, 4.5vw, 56px);
-        line-height: 1.05;
-      }
-      em {
-        color: var(--idp-accent-hover);
-        font-family: var(--idp-serif);
-        font-style: italic;
-        font-weight: 400;
+        font-weight: 700;
+        line-height: 1.07;
+        letter-spacing: -0.025em;
       }
       .lede {
-        max-width: 640px;
-        margin: 20px auto 0;
+        margin-top: 18px;
         color: var(--idp-fg-3);
-        font-size: 17px;
-        line-height: 1.55;
+        font-size: clamp(18px, 1.6vw, 21px);
+        line-height: 1.45;
+      }
+      em {
+        color: var(--idp-accent);
+        font-style: normal;
       }
+
+      /* Bento */
       .bento {
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         gap: 16px;
       }
-      .tile, .tier, .chain-panel, .terminal {
-        border: 1px solid var(--idp-border-soft);
-        border-radius: 12px;
-        background: var(--idp-bg-2);
-      }
       .tile {
-        padding: 28px;
+        display: flex;
+        flex-direction: column;
+        padding: 34px;
+        border: 0.5px solid var(--idp-border-soft);
+        border-radius: 28px;
+        background: var(--idp-card);
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.04);
+      }
+      .tile.col-3 {
+        grid-column: span 3;
+      }
+      .tile.col-2 {
+        grid-column: span 2;
+      }
+      .tile.tall {
+        grid-row: span 1;
       }
-      .tile.col-2 { grid-column: span 2; }
-      .tile.col-3 { grid-column: span 3; }
-      .tile.tall { grid-row: span 2; }
       .tile-tag {
-        display: inline-flex;
-        align-items: center;
-        gap: 6px;
-        margin-bottom: 14px;
+        margin-bottom: 10px;
         color: var(--idp-accent-hover);
-        font-family: var(--idp-mono);
-        font-size: 10.5px;
+        font-size: 13px;
         font-weight: 600;
-        letter-spacing: 0.06em;
-        text-transform: uppercase;
-      }
-      .tile-tag::before {
-        content: '';
-        width: 6px;
-        height: 6px;
-        border-radius: 999px;
-        background: var(--idp-accent);
+        letter-spacing: -0.01em;
       }
       .tile h3 {
-        margin-bottom: 10px;
-        font-size: 24px;
-        line-height: 1.15;
+        margin: 0 0 10px;
+        font-family: var(--idp-display);
+        font-size: 28px;
+        font-weight: 700;
+        line-height: 1.1;
+        letter-spacing: -0.025em;
       }
-      .tile p, .tier li, .chain-step p {
+      .tile p {
+        max-width: 42ch;
+        margin: 0;
         color: var(--idp-fg-3);
-        font-size: 14px;
-        line-height: 1.55;
+        font-size: 16px;
+        line-height: 1.45;
       }
-      .approval-stack {
-        display: grid;
-        gap: 6px;
+      .tile-visual {
         margin-top: 22px;
       }
-      .approval-row {
-        display: grid;
-        grid-template-columns: 28px 1fr auto;
-        gap: 12px;
-        align-items: center;
-        padding: 10px 12px;
-        border: 1px solid var(--idp-border-soft);
-        border-left: 2px solid var(--idp-accent);
-        border-radius: 6px;
-        background: var(--idp-bg);
-      }
-      .avatar {
-        width: 28px;
-        height: 28px;
-        display: grid;
-        place-items: center;
-        border: 1px solid var(--idp-border);
-        border-radius: 50%;
-        background: var(--idp-card-2);
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 10px;
-        font-weight: 700;
-      }
-      .approval-row strong {
-        display: block;
-        color: var(--idp-fg);
-        font-size: 12.5px;
+      .tile-foot {
+        margin-top: auto;
+        padding-top: 16px;
+        color: var(--idp-fg-3);
+        font-size: 13px;
         font-weight: 500;
       }
-      .approval-row span.meta {
-        color: color-mix(in srgb, var(--idp-muted-fg), transparent 30%);
-        font-family: var(--idp-mono);
-        font-size: 10.5px;
-      }
-      .identity-card {
-        position: relative;
-        overflow: hidden;
-        margin-top: 22px;
-        border: 1px solid var(--idp-border);
-        border-radius: 10px;
-        padding: 20px;
-        background: linear-gradient(140deg, var(--idp-card) 0%, var(--idp-bg) 100%);
-      }
-      .identity-card::after {
-        content: '';
-        position: absolute;
-        top: -100px;
-        right: -80px;
-        width: 240px;
-        height: 240px;
-        border-radius: 50%;
-        background: radial-gradient(circle, rgba(0,105,242,0.4), transparent 65%);
-      }
-      .identity-card > * {
-        position: relative;
-        z-index: 1;
-      }
-      .chip {
-        width: 32px;
-        height: 24px;
-        margin: 18px 0 14px;
-        border-radius: 3px;
-        background: linear-gradient(135deg, #93bbfd 0%, #0050b9 80%);
-      }
-      .mono {
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 10.5px;
-      }
-      .metric {
-        margin-top: 8px;
-        background: linear-gradient(180deg, var(--idp-fg) 0%, var(--idp-muted-fg) 110%);
-        background-clip: text;
-        color: transparent;
+      .tile-metric {
+        margin-top: auto;
+        padding-top: 18px;
         font-family: var(--idp-display);
         font-size: 64px;
         font-weight: 700;
         letter-spacing: -0.04em;
         line-height: 1;
       }
-      .metric span {
+      .tile-metric .unit {
+        margin-left: 2px;
+        color: var(--idp-fg-3);
         font-size: 24px;
+        font-weight: 600;
       }
       .devices-row {
         display: grid;
         grid-template-columns: repeat(4, 1fr);
-        gap: 8px;
+        gap: 10px;
         margin-top: 22px;
       }
       .dev-cell {
-        padding: 14px 10px;
-        border: 1px solid var(--idp-border-soft);
-        border-radius: 6px;
-        background: var(--idp-bg);
+        padding: 16px 8px;
+        border: 0.5px solid var(--idp-border-soft);
+        border-radius: 16px;
+        background: var(--idp-bg-2);
         text-align: center;
       }
       .dev-icon {
-        width: 32px;
-        height: 32px;
-        display: inline-flex;
-        align-items: center;
+        display: flex;
         justify-content: center;
         margin-bottom: 8px;
-        border: 1px solid rgba(96,165,250,0.35);
-        border-radius: 9px;
-        color: var(--idp-accent-hover);
+        color: var(--idp-accent);
       }
       .dev-name {
-        color: var(--idp-fg);
-        font-size: 12px;
-        font-weight: 500;
+        font-size: 14px;
+        font-weight: 600;
       }
       .dev-sub {
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 10px;
+        margin-top: 1px;
+        color: var(--idp-fg-3);
+        font-size: 11px;
       }
-      .chain-grid, .dev-grid {
+
+      /* On-chain */
+      .chain-grid {
         display: grid;
-        grid-template-columns: 1fr 1fr;
+        grid-template-columns: 1.05fr 1fr;
         gap: 48px;
-      }
-      .chain-steps {
-        display: grid;
-        gap: 28px;
+        align-items: start;
       }
       .chain-step {
         display: grid;
-        grid-template-columns: 70px 1fr;
+        grid-template-columns: 52px 1fr;
         gap: 16px;
-        padding-bottom: 24px;
-        border-bottom: 1px solid var(--idp-border-soft);
+        padding-bottom: 26px;
       }
-      .chain-step > div {
+      .chain-step + .chain-step {
+        border-top: 0.5px solid var(--idp-border-soft);
+        padding-top: 26px;
+      }
+      .chain-step .num {
+        padding-top: 4px;
         color: var(--idp-accent-hover);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        font-weight: 600;
-        letter-spacing: 0.08em;
+        font-size: 13px;
+        font-weight: 700;
+        letter-spacing: 0.02em;
+      }
+      .chain-step h4 {
+        margin: 0 0 6px;
+        font-family: var(--idp-display);
+        font-size: 24px;
+        font-weight: 700;
+        letter-spacing: -0.02em;
+      }
+      .chain-step p {
+        margin: 0;
+        color: var(--idp-fg-3);
+        font-size: 16px;
+        line-height: 1.5;
       }
       .chain-panel {
         overflow: hidden;
-        background: var(--idp-bg);
+        border: 0.5px solid var(--idp-border-soft);
+        border-radius: 22px;
+        background: var(--idp-bg-2);
+        box-shadow: 0 10px 30px -14px rgba(0, 0, 0, 0.12);
       }
-      .chain-head {
+      .chain-panel-head {
         display: flex;
+        align-items: center;
         justify-content: space-between;
-        padding: 14px 18px;
-        border-bottom: 1px solid var(--idp-border-soft);
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        letter-spacing: 0.08em;
+        padding: 16px 18px;
+        border-bottom: 0.5px solid var(--idp-border-soft);
+      }
+      .chain-panel-head .ttl {
+        color: var(--idp-fg-3);
+        font-size: 12px;
+        font-weight: 600;
+        letter-spacing: 0.04em;
         text-transform: uppercase;
       }
       .chain-block {
-        display: grid;
-        grid-template-columns: auto 1fr auto;
+        display: flex;
+        align-items: center;
         gap: 12px;
-        margin: 8px 14px;
-        padding: 14px 16px;
-        border: 1px solid var(--idp-border-soft);
-        border-radius: 8px;
-        color: var(--idp-muted-fg);
+        padding: 12px 18px;
         font-family: var(--idp-mono);
-        font-size: 11px;
+        font-size: 12px;
+      }
+      .chain-block + .chain-block {
+        border-top: 0.5px solid var(--idp-border-soft);
+      }
+      .chain-block.is-idp {
+        background: var(--idp-accent-soft);
+      }
+      .blk-num {
+        width: 88px;
+        flex-shrink: 0;
+        color: var(--idp-fg-3);
+      }
+      .blk-hash {
+        flex: 1;
+        min-width: 0;
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        color: var(--idp-fg);
+      }
+      .blk-tag {
+        padding: 2px 8px;
+        border-radius: var(--idp-radius-pill);
+        font-family: var(--idp-font);
+        font-size: 10px;
+        font-weight: 700;
       }
-      .chain-block.idp {
-        border-left: 2px solid var(--idp-accent);
+      .blk-tag.cnf {
+        background: var(--idp-ok-bg);
+        color: var(--idp-ok);
+      }
+      .blk-tag.idp {
         background: var(--idp-accent-soft);
+        color: var(--idp-accent-hover);
+      }
+      .chain-foot {
+        padding: 20px;
+        border-top: 0.5px solid var(--idp-border-soft);
+        background: var(--idp-card);
+      }
+      .chain-foot .lab {
+        margin-bottom: 8px;
+        color: var(--idp-accent-hover);
+        font-size: 11px;
+        font-weight: 600;
+        letter-spacing: 0.04em;
+        text-transform: uppercase;
+      }
+      .chain-foot .quote {
+        color: var(--idp-fg);
+        font-size: 18px;
+        font-weight: 500;
+        line-height: 1.5;
+        letter-spacing: -0.01em;
       }
+
+      /* Pricing */
       .tiers {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
-        gap: 16px;
+        gap: 20px;
+        align-items: start;
       }
       .tier {
         position: relative;
-        display: flex;
-        flex-direction: column;
-        padding: 28px;
+        padding: 34px 30px;
+        border: 0.5px solid var(--idp-border-soft);
+        border-radius: 24px;
+        background: var(--idp-card);
+        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
       }
       .tier.featured {
-        border-color: var(--idp-accent);
-        background: linear-gradient(180deg, var(--idp-accent-soft) 0%, var(--idp-bg-2) 40%);
+        border: 1.5px solid var(--idp-accent);
+        box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.22);
+      }
+      .tier-ribbon {
+        position: absolute;
+        top: -12px;
+        left: 30px;
+        padding: 4px 12px;
+        border-radius: var(--idp-radius-pill);
+        background: var(--idp-accent);
+        color: var(--idp-accent-fg);
+        font-size: 12px;
+        font-weight: 600;
       }
       .tier-name {
-        margin-bottom: 10px;
-        color: var(--idp-muted-fg);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        letter-spacing: 0.08em;
-        text-transform: uppercase;
+        color: var(--idp-accent-hover);
+        font-size: 13px;
+        font-weight: 600;
+        letter-spacing: -0.01em;
+      }
+      .tier h3 {
+        margin: 6px 0 18px;
+        font-family: var(--idp-display);
+        font-size: 24px;
+        font-weight: 700;
+        letter-spacing: -0.02em;
       }
       .price {
-        margin: 12px 0 20px;
         font-family: var(--idp-display);
-        font-size: 40px;
+        font-size: 48px;
         font-weight: 700;
+        letter-spacing: -0.04em;
       }
-      .tier ul {
-        flex: 1;
-        margin: 0 0 24px;
-        padding-left: 20px;
+      .price .sub {
+        color: var(--idp-fg-3);
+        font-size: 15px;
+        font-weight: 500;
+        letter-spacing: -0.01em;
+      }
+      .price-note {
+        margin: 6px 0 20px;
+        color: var(--idp-fg-3);
+        font-size: 13px;
+      }
+      .tier-list {
+        list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: 11px;
+        margin: 0 0 26px;
+        padding: 0;
+      }
+      .tier-list li {
+        position: relative;
+        padding-left: 26px;
+        color: var(--idp-fg-3);
+        font-size: 15px;
+        line-height: 1.4;
+      }
+      .tier-list li::before {
+        content: '';
+        position: absolute;
+        left: 0;
+        top: 5px;
+        width: 16px;
+        height: 16px;
+        border-radius: 50%;
+        background: var(--idp-ok);
+        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
+        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;
+      }
+      .tier idp-button {
+        display: block;
+      }
+      .tier idp-button::part(button) {
+        width: 100%;
+      }
+
+      /* Developers */
+      .dev-grid {
+        display: grid;
+        grid-template-columns: 1fr 1.05fr;
+        gap: 56px;
+        align-items: center;
+      }
+      .dev-text h3 {
+        margin: 0 0 16px;
+        font-family: var(--idp-display);
+        font-size: clamp(30px, 3.4vw, 42px);
+        font-weight: 700;
+        line-height: 1.1;
+        letter-spacing: -0.025em;
       }
       .dev-text p {
+        max-width: 46ch;
+        margin: 0 0 14px;
         color: var(--idp-fg-3);
+        font-size: 17px;
+        line-height: 1.5;
       }
-      .tags {
+      .dev-tags {
         display: flex;
         flex-wrap: wrap;
-        gap: 6px;
-        margin: 18px 0 22px;
+        gap: 8px;
+        margin: 22px 0 26px;
       }
-      .tags span {
-        padding: 4px 10px;
-        border: 1px solid var(--idp-border);
-        border-radius: 999px;
+      .dev-tag {
+        padding: 5px 12px;
+        border: 0.5px solid var(--idp-border-soft);
+        border-radius: var(--idp-radius-pill);
         background: var(--idp-bg-2);
         color: var(--idp-fg-3);
-        font-family: var(--idp-mono);
-        font-size: 10.5px;
+        font-size: 12px;
+        font-weight: 500;
+        white-space: nowrap;
+      }
+      .dev-actions {
+        display: flex;
+        gap: 18px;
+        flex-wrap: wrap;
+        align-items: center;
       }
       .terminal {
         overflow: hidden;
-        background: var(--idp-bg);
+        border: 0.5px solid rgba(255, 255, 255, 0.08);
+        border-radius: 18px;
+        background: var(--idp-term-bg);
+        box-shadow: 0 30px 70px -24px rgba(0, 0, 0, 0.45);
       }
       .term-bar {
         display: flex;
-        gap: 6px;
-        padding: 10px 14px;
-        border-bottom: 1px solid var(--idp-border-soft);
+        align-items: center;
+        gap: 8px;
+        padding: 12px 14px;
+        border-bottom: 0.5px solid rgba(255, 255, 255, 0.08);
+        background: rgba(255, 255, 255, 0.04);
       }
       .tdot {
-        width: 11px;
-        height: 11px;
+        width: 12px;
+        height: 12px;
         border-radius: 50%;
       }
-      .red { background: #ff5f57; }
-      .yellow { background: #ffbd2e; }
-      .green { background: #28c840; }
-      pre {
-        min-height: 300px;
-        margin: 0;
-        padding: 22px 24px;
-        color: var(--idp-fg-3);
+      .term-bar .name {
+        margin-left: 8px;
+        color: rgba(255, 255, 255, 0.5);
+        font-family: var(--idp-mono);
+        font-size: 11px;
+      }
+      .term-bar .shell {
+        margin-left: auto;
+        color: rgba(255, 255, 255, 0.35);
+        font-family: var(--idp-mono);
+        font-size: 10px;
+      }
+      .term-body {
+        padding: 20px;
+        color: rgba(255, 255, 255, 0.85);
         font-family: var(--idp-mono);
         font-size: 13px;
         line-height: 1.85;
       }
-      .manifesto, .cta {
-        padding: 120px 0;
+      .t-dim {
+        color: rgba(255, 255, 255, 0.4);
+      }
+      .t-acc {
+        color: #6cb6ff;
+      }
+      .t-w {
+        color: #fff;
+      }
+      .t-ok {
+        color: #41d97e;
+      }
+      .t-am {
+        color: #ffb340;
+      }
+      .t-cur {
+        display: inline-block;
+        width: 8px;
+        height: 15px;
+        background: #6cb6ff;
+        vertical-align: -2px;
+        animation: blink 1.1s steps(1) infinite;
+      }
+      @keyframes blink {
+        50% {
+          opacity: 0;
+        }
+      }
+
+      /* Manifesto */
+      .manifesto {
+        padding: 130px 0;
+        background: var(--idp-bg);
         text-align: center;
       }
-      q {
+      .manifesto q {
         display: block;
-        max-width: 980px;
+        max-width: 16ch;
         margin: 0 auto;
-        font-family: var(--idp-serif);
-        font-size: clamp(32px, 4vw, 48px);
-        font-style: italic;
-        line-height: 1.2;
+        font-family: var(--idp-display);
+        font-size: clamp(28px, 3.6vw, 46px);
+        font-weight: 600;
+        line-height: 1.18;
+        letter-spacing: -0.025em;
         quotes: none;
       }
-      q::before, q::after {
+      .manifesto q::before,
+      .manifesto q::after {
         content: none;
       }
+      .manifesto-cite {
+        margin-top: 28px;
+        color: var(--idp-fg-3);
+        font-size: 14px;
+      }
+
+      /* CTA */
       .cta {
-        position: relative;
-        overflow: hidden;
+        padding: 130px 0;
+        text-align: center;
       }
-      .cta::before {
-        content: '';
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        width: 800px;
-        height: 600px;
-        transform: translate(-50%, -50%);
-        background: radial-gradient(ellipse, rgba(59,130,246,0.15) 0%, transparent 60%);
-      }
-      .cta .wrap {
-        position: relative;
+      .cta h2 {
+        font-size: clamp(40px, 5vw, 64px);
+        line-height: 1.05;
       }
       .cta p {
         max-width: 560px;
-        margin: 24px auto 32px;
+        margin: 20px auto 32px;
         color: var(--idp-fg-3);
+        font-size: 19px;
+        line-height: 1.45;
       }
+      .cta-actions {
+        display: flex;
+        gap: 26px;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+      }
+
+      /* Footer */
       footer {
-        padding: 64px 0 28px;
-        border-bottom: 0;
+        padding: 48px 0 36px;
+        border-top: 0.5px solid var(--idp-border-soft);
+        background: var(--idp-bg);
+        color: var(--idp-fg-3);
+        font-size: 12px;
       }
       .footer-cols {
         display: grid;
         grid-template-columns: 2fr 1fr 1fr 1fr;
-        gap: 48px;
-        margin-bottom: 48px;
+        gap: 32px;
+        padding-bottom: 32px;
       }
-      .footer-brand p, .footer-col a, .footer-bottom {
-        color: var(--idp-muted-fg);
+      .footer-brand p {
+        max-width: 36ch;
+        margin: 14px 0;
+        color: var(--idp-fg-3);
         font-size: 13px;
+        line-height: 1.5;
       }
-      .footer-col {
-        display: grid;
-        gap: 9px;
+      .footer-status {
+        display: inline-flex;
+        align-items: center;
+        gap: 7px;
+        color: var(--idp-fg-3);
+        font-size: 12px;
       }
       .footer-col h4 {
+        margin: 0 0 12px;
+        color: var(--idp-fg);
+        font-size: 12px;
+        font-weight: 600;
+      }
+      .footer-col ul {
+        list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: 9px;
         margin: 0;
+        padding: 0;
+      }
+      .footer-col a {
         color: var(--idp-fg-3);
-        font-family: var(--idp-mono);
-        font-size: 11px;
-        letter-spacing: 0.1em;
-        text-transform: uppercase;
+        text-decoration: none;
+        cursor: pointer;
+      }
+      .footer-col a:hover {
+        color: var(--idp-fg);
       }
       .footer-bottom {
         display: flex;
+        align-items: center;
         justify-content: space-between;
-        padding-top: 22px;
-        border-top: 1px solid var(--idp-border-soft);
-        font-family: var(--idp-mono);
-        font-size: 11px;
+        gap: 12px;
+        padding-top: 24px;
+        border-top: 0.5px solid var(--idp-border-soft);
+        flex-wrap: wrap;
+      }
+      .footer-bottom .links {
+        display: flex;
+        gap: 18px;
+      }
+      .footer-bottom .links a {
+        color: var(--idp-fg-3);
+        text-decoration: none;
+        cursor: pointer;
+      }
+      .footer-bottom .links a:hover {
+        color: var(--idp-fg);
+      }
+
+      .live-dot {
+        width: 7px;
+        height: 7px;
+        border-radius: 50%;
+        background: var(--idp-ok);
+        display: inline-block;
+      }
+
+      @media (max-width: 940px) {
+        .nav-links {
+          display: none;
+        }
+        .bento {
+          grid-template-columns: 1fr;
+        }
+        .tile.col-3,
+        .tile.col-2 {
+          grid-column: span 1;
+        }
+        .chain-grid,
+        .dev-grid,
+        .tiers {
+          grid-template-columns: 1fr;
+        }
+        .footer-cols {
+          grid-template-columns: 1fr 1fr;
+        }
       }
-      @media (max-width: 1100px) {
-        .links { display: none; }
-        .bento { grid-template-columns: repeat(2, 1fr); }
-        .tile.col-2, .tile.col-3 { grid-column: span 2; }
-        .chain-grid, .dev-grid { grid-template-columns: 1fr; }
-        .tiers { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }
-        .footer-cols { grid-template-columns: 1fr 1fr; }
-      }
-      @media (max-width: 720px) {
-        nav, .wrap { padding-left: 20px; padding-right: 20px; }
-        .status, .actions .ghost { display: none; }
-        .proof-row { grid-template-columns: repeat(2, 1fr); }
-        .bento { grid-template-columns: 1fr; }
-        .tile.col-2, .tile.col-3 { grid-column: span 1; }
-        .section, .manifesto, .cta { padding: 80px 0; }
-        .footer-cols { grid-template-columns: 1fr; }
+      @media (max-width: 640px) {
+        .section {
+          padding: 80px 0;
+        }
+        .manifesto,
+        .cta {
+          padding: 90px 0;
+        }
+        .footer-cols {
+          grid-template-columns: 1fr;
+        }
       }
     `,
         ];
@@ -618,57 +807,396 @@ let IdpLandingPage = (() => {
             return html `
       <div class="nav-shell">
         <nav>
-          <div class="logo">idp<span class="logo-dot"></span>global</div>
-          <div class="links"><a href="#product">Product</a><a href="#features">Features</a><a href="#chain">On-chain</a><a href="#pricing">Pricing</a><a href="#developers">Developers</a></div>
-          <div class="actions"><span class="status"><span class="live-dot"></span>All systems normal</span><idp-button variant="ghost" size="sm">Sign in</idp-button><idp-button variant="accent" size="sm">Claim identity</idp-button></div>
+          <a class="logo" href="#">idp<span class="logo-dot"></span>global</a>
+          <div class="nav-links">
+            <a href="#product">Product</a>
+            <a href="#features">Features</a>
+            <a href="#chain">On-chain</a>
+            <a href="#pricing">Pricing</a>
+            <a href="#developers">Developers</a>
+          </div>
+          <div class="actions">
+            <a class="nav-signin">Sign in</a>
+            <idp-button variant="accent" size="sm">Claim identity</idp-button>
+          </div>
         </nav>
       </div>
+    `;
+        }
+        renderProof() {
+            const names = ['Lossless', 'design.estate', 'Holopin', 'Cardano', 'Spotter', 'Catalyst'];
+            return html `
+      <section class="proof">
+        <div class="wrap-wide">
+          <div class="proof-label">Trusted by teams shipping identity at every scale</div>
+          <div class="proof-row">${names.map((nameArg) => html `<div class="proof-name">${nameArg}</div>`)}</div>
+        </div>
+      </section>
     `;
         }
         renderFeatures() {
+            const devices = [
+                ['iPhone', 'lucide:smartphone', 'Push · NFC'],
+                ['Watch', 'lucide:watch', '⌘↩ approve'],
+                ['iPad', 'lucide:tablet', 'Split-view'],
+                ['Mac', 'lucide:laptop', 'Menu-bar'],
+            ];
             return html `
-      <section class="section" id="features">
-        <div class="wrap">
-          <div class="section-head"><div class="eyebrow">Capabilities</div><h2>Native on every screen <em>you already carry.</em></h2><p class="lede">Approvals on iPhone. Tap-to-auth via NFC. Lock-screen actions on Apple Watch. The same identity, one tap away on any device.</p></div>
+      <section class="section alt" id="features">
+        <div class="wrap-wide">
+          <div class="section-head">
+            <div class="eyebrow">Capabilities</div>
+            <h2>Native on every screen you already carry.</h2>
+            <p class="lede">
+              Approvals on iPhone. Tap-to-auth via NFC. Lock-screen actions on Apple Watch. The same identity, one tap
+              away on any device.
+            </p>
+          </div>
           <div class="bento">
-            <div class="tile col-3 tall"><div class="tile-tag">Push approvals</div><h3>Approve or deny <em>in one tap.</em></h3><p>Every login, OAuth grant, and sensitive action triggers a real-time approval.</p><div class="approval-stack">${['GitHub OAuth|repo:read - 2 min ago|approved|ok', 'CLI login - MacBook Pro|Berlin - just now|pending|accent', 'Unknown device|Lagos - 1 hr ago|denied|error', 'NFC tap - door 4F|HQ - 12 min ago|approved|ok'].map((rowArg) => { const row = rowArg.split('|'); return html `<div class="approval-row"><div class="avatar">${row[0].slice(0, 2).toUpperCase()}</div><div><strong>${row[0]}</strong><span class="meta">${row[1]}</span></div><idp-badge variant=${row[3]}>${row[2]}</idp-badge></div>`; })}</div></div>
-            <div class="tile col-3"><div class="tile-tag">NFC tap-to-auth</div><h3>Tap to <em>authenticate.</em></h3><p>Hold your phone to any compatible reader. Identity token exchanges in under a second.</p><div class="identity-card"><h3>Alex Mercer</h3><div class="mono">@alexmercer - Personal</div><div class="chip"></div><div class="mono">did:idp:0x4a3f...c819</div></div></div>
-            <div class="tile col-3"><div class="tile-tag">Four platforms</div><h3>iPhone, Watch, iPad, Mac.</h3><p>Every device you carry is a trusted authenticator.</p><div class="devices-row">${[
-                ['iPhone', 'phone'],
-                ['Watch', 'smartphone-nfc'],
-                ['iPad', 'device'],
-                ['Mac', 'monitor'],
-            ].map((deviceArg) => html `<div class="dev-cell"><div class="dev-icon"><idp-icon name=${deviceArg[1]} size="18"></idp-icon></div><div class="dev-name">${deviceArg[0]}</div><div class="dev-sub">trusted</div></div>`)}</div><div class="mono" style="margin-top:14px">One approval, anywhere - synchronized end-to-end.</div></div>
-            <div class="tile col-2"><div class="tile-tag">Average approval</div><h3>Sub-second auth.</h3><p>Push delivery, biometric prompt, and signed response under a second.</p><div class="metric">0.8<span>sec</span></div></div>
-            <div class="tile col-2"><div class="tile-tag">Audit-grade</div><h3>Every action, <em>on the record.</em></h3><p>Tamper-evident audit trail per identity and organization.</p></div>
-            <div class="tile col-2"><div class="tile-tag">Recovery</div><h3>Lose a phone? Not your identity.</h3><p>Multi-device recovery or social-recovery quorum. No vendor lockout.</p></div>
+            <div class="tile col-3 tall">
+              <div class="tile-tag">Push approvals</div>
+              <h3>Approve or deny in one tap.</h3>
+              <p>
+                Every login, OAuth grant, and sensitive action triggers a real-time approval. Full context — who, where,
+                why — before you decide.
+              </p>
+              <div class="tile-visual">
+                <idp-screenshot-placeholder
+                  variant="tile"
+                  label="Approval inbox"
+                  meta="push approval list UI"
+                ></idp-screenshot-placeholder>
+              </div>
+            </div>
+
+            <div class="tile col-3">
+              <div class="tile-tag">NFC tap-to-auth</div>
+              <h3>Tap to authenticate.</h3>
+              <p>
+                Hold your iPhone to any compatible reader. Identity token exchanges in under a second, signed by your
+                on-device key.
+              </p>
+              <div class="tile-visual">
+                <idp-screenshot-placeholder
+                  variant="tile-short"
+                  label="Identity card"
+                  meta="NFC tap-to-auth credential"
+                ></idp-screenshot-placeholder>
+              </div>
+            </div>
+
+            <div class="tile col-3">
+              <div class="tile-tag">Four platforms</div>
+              <h3>iPhone, Watch, iPad, Mac.</h3>
+              <p>
+                Every device you carry is a trusted authenticator. Approve from a complication on your wrist or a popover
+                in your menu bar.
+              </p>
+              <div class="devices-row">
+                ${devices.map((deviceArg) => html `
+                    <div class="dev-cell">
+                      <div class="dev-icon"><idp-icon name=${deviceArg[1]} .size=${22}></idp-icon></div>
+                      <div class="dev-name">${deviceArg[0]}</div>
+                      <div class="dev-sub">${deviceArg[2]}</div>
+                    </div>
+                  `)}
+              </div>
+              <div class="tile-foot">One approval, anywhere — synchronised end-to-end.</div>
+            </div>
+
+            <div class="tile col-2">
+              <div class="tile-tag">Average approval</div>
+              <h3>Sub-second auth.</h3>
+              <p>Push delivery, biometric prompt, and signed response — under a second, ninety-fifth percentile.</p>
+              <div class="tile-metric">0.8<span class="unit">sec</span></div>
+            </div>
+
+            <div class="tile col-2">
+              <div class="tile-tag">Audit-grade</div>
+              <h3>Every action, on the record.</h3>
+              <p>Tamper-evident audit trail per identity, per org. Filter, export, and replay. Cryptographically signed.</p>
+              <div class="tile-foot">SOC 2 · ISO 27001 · GDPR-aligned</div>
+            </div>
+
+            <div class="tile col-2">
+              <div class="tile-tag">Recovery</div>
+              <h3>Lose a phone? Not your identity.</h3>
+              <p>Multi-device recovery via your other authenticators or a social-recovery quorum. The Cardano ledger is your safety net.</p>
+              <div class="tile-foot">No vendor can lock you out.</div>
+            </div>
           </div>
         </div>
       </section>
     `;
         }
         renderChain() {
+            const steps = [
+                [
+                    '01 / 03',
+                    'Immutable record',
+                    'Your identity hash is written to Cardano at creation and on every key rotation. The ledger is tamper-proof by design and replicated across thousands of nodes.',
+                ],
+                [
+                    '02 / 03',
+                    'Synced on every change',
+                    'Profile updates, device additions, and revocations are anchored to the chain — not just stored on idp.global servers. The chain is the source of truth.',
+                ],
+                [
+                    '03 / 03',
+                    'Independently verifiable',
+                    'Anyone — any wallet, any resolver, any client — can verify your identity directly against the public ledger. No dependency on us.',
+                ],
+            ];
             return html `
-      <section class="section alt" id="chain"><div class="wrap"><div class="section-head"><div class="eyebrow">Cardano-anchored</div><h2>Your identity outlives <em>any single server.</em></h2><p class="lede">Every identity is anchored to the Cardano mainnet, independently verifiable and recoverable.</p></div><div class="chain-grid"><div class="chain-steps">${[['01 / 03', 'Immutable record', 'Your identity hash is written to Cardano at creation and on every key rotation.'], ['02 / 03', 'Synced on every change', 'Profile updates, device additions, and revocations are anchored to the chain.'], ['03 / 03', 'Independently verifiable', 'Any compatible resolver can verify your identity directly against the public ledger.']].map((stepArg) => html `<div class="chain-step"><div>${stepArg[0]}</div><section><h3>${stepArg[1]}</h3><p>${stepArg[2]}</p></section></div>`)}</div><div class="chain-panel"><div class="chain-head"><span>Cardano mainnet</span><idp-badge variant="accent">live</idp-badge></div>${['#9 841 220', '#9 841 221', '#9 841 222', '#9 841 223'].map((blockArg, indexArg) => html `<div class="chain-block ${indexArg === 1 || indexArg === 2 ? 'idp' : ''}"><span>${blockArg}</span><span>${indexArg === 1 ? 'did:idp:0x4a3f...c819' : indexArg === 2 ? 'did:idp:0x9b12...f034' : 'confirmed block'}</span><strong>${indexArg === 1 || indexArg === 2 ? 'idp.global' : 'confirmed'}</strong></div>`)}</div></div></div></section>
+      <section class="section" id="chain">
+        <div class="wrap-wide">
+          <div class="section-head">
+            <div class="eyebrow">Cardano-anchored</div>
+            <h2>Your identity outlives any single server.</h2>
+            <p class="lede">
+              Every identity is anchored to the Cardano mainnet — independently verifiable, independently recoverable,
+              immune to a single point of failure.
+            </p>
+          </div>
+          <div class="chain-grid">
+            <div>
+              ${steps.map((stepArg) => html `
+                  <div class="chain-step">
+                    <div class="num">${stepArg[0]}</div>
+                    <div><h4>${stepArg[1]}</h4><p>${stepArg[2]}</p></div>
+                  </div>
+                `)}
+            </div>
+            <div class="chain-panel">
+              <div class="chain-panel-head">
+                <span class="ttl">Cardano mainnet</span>
+                <idp-badge variant="accent"><span class="live-dot"></span>block #9 841 223</idp-badge>
+              </div>
+              <div style="padding: 6px 0;">
+                <div class="chain-block">
+                  <span class="blk-num">#9 841 220</span><span class="blk-hash">a3f8d2c19…4e712b</span
+                  ><span class="blk-tag cnf">confirmed</span>
+                </div>
+                <div class="chain-block is-idp">
+                  <span class="blk-num">#9 841 221</span>
+                  <span class="blk-hash">did:idp:0x4a3f…c819 <idp-badge variant="accent">key rotation</idp-badge></span>
+                  <span class="blk-tag idp">idp.global</span>
+                </div>
+                <div class="chain-block is-idp">
+                  <span class="blk-num">#9 841 222</span>
+                  <span class="blk-hash">did:idp:0x9b12…f034 <idp-badge variant="accent">identity created</idp-badge></span>
+                  <span class="blk-tag idp">idp.global</span>
+                </div>
+                <div class="chain-block">
+                  <span class="blk-num">#9 841 223</span><span class="blk-hash">e7c412a88…91d3f</span
+                  ><span class="blk-tag cnf">confirmed</span>
+                </div>
+              </div>
+              <div class="chain-foot">
+                <div class="lab">If we disappear?</div>
+                <div class="quote">
+                  Your identity record stays on Cardano. Any compatible resolver can verify and recover it. There is no
+                  lock-in.
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
     `;
         }
         renderPricing() {
             const tiers = [
-                ['Personal', 'For one person.', '$0', ['One portable identity', 'Push approval on devices', 'NFC tap-to-authenticate', 'Anchored on Cardano'], 'Claim your identity'],
-                ['Family & Org', 'For teams under 1,000.', '$0', ['Multi-member organization', 'Role-based access control', 'Shared OAuth client registry', 'Full audit trail'], 'Start an organization'],
-                ['Enterprise', 'Above $1M ARR.', 'Fair', ['Self-hosted and air-gap deployable', 'Compliance and audit support', 'Global admin across orgs', 'Priority SLA'], 'Talk to us'],
+                {
+                    name: 'Personal',
+                    headline: 'For one person.',
+                    price: '$0',
+                    sub: ' / forever',
+                    note: 'No credit card. No upgrades. Yours.',
+                    items: [
+                        'One portable identity across every service',
+                        'Push approval on iPhone, Watch, iPad, Mac',
+                        'NFC tap-to-authenticate',
+                        'Anchored on Cardano permanently',
+                        'Recovery via your other devices',
+                    ],
+                    cta: 'Claim your identity',
+                    variant: 'tint',
+                    featured: false,
+                },
+                {
+                    name: 'Family & Org',
+                    headline: 'For teams under 1,000.',
+                    price: '$0',
+                    sub: ' / up to 1k users',
+                    note: 'Households, hobby projects, growing teams.',
+                    items: [
+                        'Multi-member organisation with shared namespace',
+                        'Role-based access control & delegated permissions',
+                        'Shared OAuth client registry',
+                        'Full audit trail per organisation',
+                        'SSO & SCIM included, no upsell',
+                    ],
+                    cta: 'Start an organisation',
+                    variant: 'accent',
+                    featured: true,
+                },
+                {
+                    name: 'Enterprise',
+                    headline: 'Above $1M ARR.',
+                    price: 'Fair',
+                    sub: ' contribution',
+                    note: 'Free until your org passes one million ARR.',
+                    items: [
+                        'Self-hosted & air-gap deployable',
+                        'Compliance & audit support (SOC 2, ISO 27001)',
+                        'Global admin across orgs',
+                        'Identity recovery service for end users',
+                        'Priority engineering & SLA',
+                    ],
+                    cta: 'Talk to us',
+                    variant: 'tint',
+                    featured: false,
+                },
             ];
-            return html `<section class="section" id="pricing"><div class="wrap"><div class="section-head"><div class="eyebrow">Pricing</div><h2>The same identity, <em>at every scale.</em></h2><p class="lede">Free for the first thousand users. Fair contribution above that. No hard paywalls.</p></div><div class="tiers">${tiers.map((tierArg, indexArg) => html `<div class="tier ${indexArg === 1 ? 'featured' : ''}"><div class="tier-name">${tierArg[0]}</div><h3>${tierArg[1]}</h3><div class="price">${tierArg[2]}</div><ul>${tierArg[3].map((itemArg) => html `<li>${itemArg}</li>`)}</ul><idp-button variant=${indexArg === 1 ? 'accent' : 'ghost'}>${tierArg[4]}</idp-button></div>`)}</div></div></section>`;
+            return html `
+      <section class="section alt" id="pricing">
+        <div class="wrap-wide">
+          <div class="section-head">
+            <div class="eyebrow">Pricing</div>
+            <h2>The same identity, at every scale.</h2>
+            <p class="lede">
+              From a solo developer to a thirty-thousand-person enterprise. Free for the first thousand users. Fair
+              contribution above that. No hard paywalls.
+            </p>
+          </div>
+          <div class="tiers">
+            ${tiers.map((tierArg) => html `
+                <div class="tier ${tierArg.featured ? 'featured' : ''}">
+                  ${tierArg.featured ? html `<div class="tier-ribbon">Most popular</div>` : html ``}
+                  <div class="tier-name">${tierArg.name}</div>
+                  <h3>${tierArg.headline}</h3>
+                  <div class="price">${tierArg.price}<span class="sub">${tierArg.sub}</span></div>
+                  <div class="price-note">${tierArg.note}</div>
+                  <ul class="tier-list">${tierArg.items.map((itemArg) => html `<li>${itemArg}</li>`)}</ul>
+                  <idp-button variant=${tierArg.variant}>${tierArg.cta}</idp-button>
+                </div>
+              `)}
+          </div>
+        </div>
+      </section>
+    `;
         }
         renderDevelopers() {
+            const tags = ['MIT licensed', 'OAuth 2 / OIDC', 'Self-hostable', 'Air-gappable', 'Cardano native', 'SOC 2'];
             return html `
-      <section class="section alt" id="developers"><div class="wrap dev-grid"><div class="dev-text"><div class="eyebrow">For developers</div><h2>No black boxes <em>in your identity stack.</em></h2><p>idp.global is fully open source and MIT licensed. Read the cryptography. Verify the Cardano sync. Run it on your own metal.</p><div class="tags">${['MIT licensed', 'OAuth 2 / OIDC', 'Self-hostable', 'Air-gappable', 'Cardano native', 'SOC 2'].map((tagArg) => html `<span>${tagArg}</span>`)}</div><idp-button variant="accent">View source</idp-button></div><div class="terminal"><div class="term-bar"><span class="tdot red"></span><span class="tdot yellow"></span><span class="tdot green"></span></div><pre><code>$ idp identity create
-OK Identity created - did:idp:0x4a3f...c819
-OK Confirmed on-chain - permanent
-
-$ idp login github.com
-OK Push sent - iPhone 15 Pro
-OK Approved - Watch - 0.8s</code></pre></div></div></section>
+      <section class="section" id="developers">
+        <div class="wrap-wide">
+          <div class="dev-grid">
+            <div class="dev-text">
+              <div class="eyebrow">For developers</div>
+              <h3>No black boxes in your identity stack.</h3>
+              <p>
+                idp.global is fully open source and MIT licensed. Read the cryptography. Verify the Cardano sync. Run it
+                on your own metal.
+              </p>
+              <p>One CLI. Standard OAuth 2 &amp; OIDC. Native SDKs for Node, Python, Swift, Kotlin, Go, Rust.</p>
+              <div class="dev-tags">${tags.map((tagArg) => html `<span class="dev-tag">${tagArg}</span>`)}</div>
+              <div class="dev-actions">
+                <idp-button variant="accent" icon="lucide:github">View on GitHub</idp-button>
+                <idp-button variant="link">Read the docs</idp-button>
+              </div>
+            </div>
+            <div class="terminal">
+              <div class="term-bar">
+                <span class="tdot" style="background:#ff5f57"></span>
+                <span class="tdot" style="background:#ffbd2e"></span>
+                <span class="tdot" style="background:#28c840"></span>
+                <span class="name">~/idp-cli</span>
+                <span class="shell">zsh</span>
+              </div>
+              <div class="term-body">
+                <div><span class="t-dim">$</span> <span class="t-acc">idp</span> <span class="t-w">identity create</span></div>
+                <div><span class="t-dim">›</span> Generating Ed25519 keypair…</div>
+                <div><span class="t-ok">✓</span> Identity created · <span class="t-acc">did:idp:0x4a3f…c819</span></div>
+                <div><span class="t-dim">›</span> Anchoring to Cardano mainnet…</div>
+                <div><span class="t-acc">◆</span> tx submitted · <span class="t-dim">block #9 841 222</span></div>
+                <div><span class="t-ok">✓</span> Confirmed on-chain · <span class="t-w">permanent</span></div>
+                <div>&nbsp;</div>
+                <div><span class="t-dim">$</span> <span class="t-acc">idp</span> <span class="t-w">login github.com</span></div>
+                <div><span class="t-ok">✓</span> Push sent · <span class="t-am">iPhone 15 Pro</span></div>
+                <div><span class="t-ok">✓</span> Approved · <span class="t-dim">⌘↩ on Watch · 0.8s</span></div>
+                <div>
+                  <span class="t-ok">✓</span> Token issued · <span class="t-acc">scope</span><span class="t-dim">:</span>
+                  <span class="t-w">openid profile</span>
+                </div>
+                <div><span class="t-dim">$</span> <span class="t-cur"></span></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    `;
+        }
+        renderManifesto() {
+            return html `
+      <section class="manifesto">
+        <div class="wrap">
+          <div class="eyebrow sm" style="margin-bottom: 24px;">Why we built this</div>
+          <q>Identity should not be a product the user is sold. It should be a permanent <em>fact</em>, owned by the person it describes.</q>
+          <div class="manifesto-cite">— Editorial · vol. III · idp.global</div>
+        </div>
+      </section>
+    `;
+        }
+        renderCta() {
+            return html `
+      <section class="cta">
+        <div class="wrap">
+          <h2>Claim your identity.<br />Free, forever.</h2>
+          <p>
+            Sixty seconds to claim, anchored to Cardano on submission. No credit card. No vendor lock-in. Yours, even if
+            we disappear.
+          </p>
+          <div class="cta-actions">
+            <idp-button variant="accent" size="lg">Claim your identity</idp-button>
+            <idp-button variant="link" size="lg">Read the manifesto</idp-button>
+          </div>
+        </div>
+      </section>
+    `;
+        }
+        renderFooter() {
+            const cols = [
+                ['Product', ['For individuals', 'For organisations', 'Enterprise', 'Cardano sync', 'Changelog']],
+                ['Developers', ['Documentation', 'API reference', 'Self-hosting', 'SDKs', 'GitHub']],
+                ['Company', ['Manifesto', 'Blog', 'Security', 'Privacy', 'Terms']],
+            ];
+            return html `
+      <footer>
+        <div class="wrap-wide">
+          <div class="footer-cols">
+            <div class="footer-brand">
+              <a class="logo" href="#">idp<span class="logo-dot"></span>global</a>
+              <p>
+                An open identity provider for everyone — from individuals to enterprises. Anchored on Cardano. Built in
+                the open. Yours forever.
+              </p>
+              <div class="footer-status"><span class="live-dot"></span>All systems normal · 99.99%</div>
+            </div>
+            ${cols.map((colArg) => html `
+                <div class="footer-col">
+                  <h4>${colArg[0]}</h4>
+                  <ul>${colArg[1].map((linkArg) => html `<li><a>${linkArg}</a></li>`)}</ul>
+                </div>
+              `)}
+          </div>
+          <div class="footer-bottom">
+            <span>© 2026 idp.global · MIT · Anchored to Cardano</span>
+            <span class="links"><a>Status</a><a>Twitter</a><a>GitHub</a><a>Discord</a></span>
+          </div>
+        </div>
+      </footer>
     `;
         }
         render() {
@@ -676,11 +1204,14 @@ OK Approved - Watch - 0.8s</code></pre></div></div></section>
       <div class="page">
         ${this.renderNav()}
         <idp-landing-hero></idp-landing-hero>
-        <section class="proof"><div class="wrap"><div class="proof-label">Built for identity at every scale</div><div class="proof-row">${['Open Source', 'Self-hostable', 'Cardano anchored', 'OIDC ready', 'Passkey first', 'Free for everyone'].map((nameArg) => html `<div class="proof-name">${nameArg}</div>`)}</div></div></section>
-        ${this.renderFeatures()}${this.renderChain()}${this.renderPricing()}${this.renderDevelopers()}
-        <section class="manifesto"><div class="wrap"><div class="eyebrow">Why we built this</div><q>Identity should not be a product the user is sold.<br/>It should be a permanent <em>fact</em>, owned by the person it describes.</q></div></section>
-        <section class="cta"><div class="wrap"><h2>Claim your identity.<br/><em>Free, forever.</em></h2><p>Sixty seconds to claim, anchored to Cardano on submission. No credit card. No vendor lock-in.</p><idp-button variant="accent" size="lg">Claim your identity</idp-button></div></section>
-        <footer><div class="wrap"><div class="footer-cols"><div class="footer-brand"><div class="logo">idp<span class="logo-dot"></span>global</div><p>An open identity provider for everyone. Anchored on Cardano. Built in the open. Yours forever.</p></div><div class="footer-col"><h4>Product</h4><a>For individuals</a><a>For organizations</a><a>Cardano sync</a></div><div class="footer-col"><h4>Developers</h4><a>Documentation</a><a>Self-hosting</a><a>SDKs</a></div><div class="footer-col"><h4>Company</h4><a>Manifesto</a><a>Security</a><a>Privacy</a></div></div><div class="footer-bottom"><span>© 2026 idp.global - MIT - Anchored to Cardano</span><span>Source - Community</span></div></div></footer>
+        ${this.renderProof()}
+        ${this.renderFeatures()}
+        ${this.renderChain()}
+        ${this.renderPricing()}
+        ${this.renderDevelopers()}
+        ${this.renderManifesto()}
+        ${this.renderCta()}
+        ${this.renderFooter()}
       </div>
     `;
         }
@@ -691,4 +1222,4 @@ OK Approved - Watch - 0.8s</code></pre></div></div></section>
     return IdpLandingPage = _classThis;
 })();
 export { IdpLandingPage };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWxhbmRpbmctcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtbGFuZGluZy1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8saUJBQWlCLENBQUM7QUFDekIsT0FBTyxlQUFlLENBQUM7QUFDdkIsT0FBTyx1QkFBdUIsQ0FBQztJQVNsQixjQUFjOzRCQUQxQixhQUFhLENBQUMsa0JBQWtCLENBQUM7Ozs7c0JBQ0UsV0FBVzs4QkFBbkIsU0FBUSxXQUFXOzs7O1lBQS9DLDZLQWdvQkM7Ozs7UUEvbkJRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLHVDQUF1QyxDQUFDO1FBQ2hFLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBRWpELE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsR0FBRyxnQkFBZ0I7WUFDbkIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWxhbmRpbmctcGFnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtbGFuZGluZy1wYWdlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8saUJBQWlCLENBQUM7QUFDekIsT0FBTyxlQUFlLENBQUM7QUFDdkIsT0FBTyxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLHVCQUF1QixDQUFDO0lBU2xCLGNBQWM7NEJBRDFCLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQzs7OztzQkFDRSxXQUFXOzhCQUFuQixTQUFRLFdBQVc7Ozs7WUFBL0MsNktBOHBDQzs7OztRQTdwQ1EsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsdUNBQXVDLENBQUM7UUFDaEUsTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFFakQsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLGdCQUFnQjtZQUNuQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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