:root {
      --primary: #3d7fe7;
      --primary-dark: #2762c3;
      --primary-light: #ecf3fe;
      --surface: #ffffff;
      --bg: #f8fafc;
      --text: #334155;
      --heading: #0f172a;
      --border: #e2e8f0;
      --radius: 12px;
      --radius-sm: 8px;
      --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
      --shadow-md: 0 12px 32px rgba(61, 127, 231, 0.08);
      --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.12);
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
      background-color: var(--bg);
      color: var(--text);
      line-height: 1.7;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
    }

    a {
      color: var(--primary);
      text-decoration: none;
      transition: all 0.15s ease;
    }

    a:hover {
      color: var(--primary-dark);
    }

    .seal {
      background-color: rgba(255, 255, 255, 0.9);
      backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border);
      position: sticky;
      top: 0;
      z-index: 1000;
      padding: 16px 0;
    }

    .shell {
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    .glyph {
      display: flex;
      align-items: center;
      min-width: 0;
    }

    .glyph img {
      height: 36px;
      width: auto;
      display: block;
    }

    .orbit {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 24px;
      min-width: 0;
    }

    .crest {
      font-weight: 500;
      color: var(--text);
      padding: 6px 12px;
      border-radius: var(--radius-sm);
      transition: all 0.15s ease;
      white-space: nowrap;
    }

    .crest:hover,
    .crest.active {
      color: var(--primary);
      background-color: var(--primary-light);
      font-weight: 600;
    }

    .nexus {
      display: block;
      width: 100%;
    }

    .zenith {
      background: linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);
      padding: 80px 0 64px;
      border-bottom: 1px solid var(--border);
    }

    .zenith .shell {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 48px;
    }

    .vault {
      flex: 1;
      min-width: 320px;
      word-break: break-word;
      overflow-wrap: break-word;
    }

    .beacon {
      padding: 72px 0;
      background-color: var(--surface);
      border-bottom: 1px solid var(--border);
    }

    .bond {
      color: var(--heading);
      font-weight: 800;
      letter-spacing: -0.02em;
      word-break: break-word;
      white-space: normal;
    }

    h1.bond {
      font-size: clamp(2.2rem, 4.5vw, 3.6rem);
      line-height: 1.2;
      margin-bottom: 20px;
    }

    h2.bond {
      font-size: clamp(1.6rem, 3vw, 2.2rem);
      line-height: 1.3;
      margin-bottom: 16px;
      text-align: center;
    }

    h3.bond {
      font-size: 1.25rem;
      line-height: 1.4;
      margin-bottom: 10px;
    }

    .spark {
      font-size: 1.125rem;
      color: var(--text);
      margin-bottom: 32px;
      line-height: 1.7;
      word-break: break-word;
    }

    .spark-sub {
      text-align: center;
      max-width: 760px;
      margin: 0 auto 48px auto;
      color: #64748b;
    }

    .flock {
      display: flex;
      flex-wrap: wrap;
      gap: 24px;
      width: 100%;
    }

    .trigger {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 28px;
      border-radius: var(--radius-sm);
      font-weight: 600;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.15s ease;
      min-width: 0;
      border: 1px solid transparent;
      word-break: keep-all;
    }

    .pulse {
      background-color: var(--primary);
      color: #ffffff;
      box-shadow: 0 4px 14px rgba(61, 127, 231, 0.35);
    }

    .pulse:hover {
      background-color: var(--primary-dark);
      color: #ffffff;
      transform: translateY(-2px);
      box-shadow: 0 6px 20px rgba(61, 127, 231, 0.45);
    }

    .ping {
      background-color: var(--surface);
      color: var(--heading);
      border-color: var(--border);
      box-shadow: var(--shadow-sm);
    }

    .ping:hover {
      border-color: var(--primary);
      color: var(--primary);
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
    }

    .route {
      background-color: var(--primary-light);
      color: var(--primary);
    }

    .route:hover {
      background-color: #dbe7fd;
      color: var(--primary-dark);
      transform: translateY(-2px);
    }

    .soar {
      padding: 80px 0;
      background-color: var(--bg);
      border-bottom: 1px solid var(--border);
    }

    .packet {
      background-color: var(--surface);
      border-radius: var(--radius);
      padding: 32px;
      border: 1px solid var(--border);
      box-shadow: var(--shadow-sm);
      transition: all 0.15s ease;
      flex: 1 1 calc(50% - 24px);
      min-width: 280px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .packet:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
      border-color: #cbd5e1;
    }

    .prose {
      width: 52px;
      height: 52px;
      border-radius: var(--radius-sm);
      background-color: var(--primary-light);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      color: var(--primary);
      flex-shrink: 0;
    }

    .prose svg {
      width: 28px;
      height: 28px;
      fill: currentColor;
    }

    .vector {
      flex: 1;
      min-width: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .vector-wire {
      width: 100%;
      max-width: 480px;
      background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
      border: 1px solid var(--border);
      border-radius: var(--radius);
      padding: 24px;
      box-shadow: var(--shadow-lg);
    }

    .scroll {
      width: 100%;
      background-color: var(--surface);
      border-radius: var(--radius);
      border: 1px solid var(--border);
      overflow: hidden;
      box-shadow: var(--shadow-md);
      margin-top: 32px;
    }

    .ribbon {
      display: flex;
      flex-wrap: wrap;
      background-color: #f1f5f9;
      padding: 16px 24px;
      font-weight: 700;
      color: var(--heading);
      border-bottom: 1px solid var(--border);
    }

    .node {
      display: flex;
      flex-wrap: wrap;
      padding: 20px 24px;
      border-bottom: 1px solid var(--border);
      align-items: center;
      transition: background-color 0.15s ease;
    }

    .node:last-child {
      border-bottom: none;
    }

    .node:hover {
      background-color: #f8fafc;
    }

    .col-left {
      flex: 1 1 200px;
      font-weight: 600;
      color: var(--heading);
      min-width: 0;
    }

    .col-mid {
      flex: 1.5 1 240px;
      color: var(--text);
      min-width: 0;
    }

    .col-right {
      flex: 1.5 1 240px;
      color: var(--text);
      min-width: 0;
    }

    .locus {
      padding: 80px 0;
      background-color: var(--bg);
    }

    .memo {
      background-color: var(--surface);
      border-radius: var(--radius-sm);
      padding: 20px;
      border: 1px solid var(--border);
      flex: 1 1 calc(25% - 24px);
      min-width: 220px;
      box-shadow: var(--shadow-sm);
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .memo-key {
      display: inline-block;
      background-color: #f1f5f9;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      padding: 4px 10px;
      font-family: monospace;
      font-weight: 700;
      color: var(--heading);
      font-size: 0.95rem;
      margin-bottom: 12px;
      width: fit-content;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    }

    .memo-desc {
      font-size: 0.95rem;
      color: var(--text);
      line-height: 1.5;
    }

    .glide {
      background-color: #0f172a;
      color: #94a3b8;
      padding: 64px 0 32px;
      border-top: 1px solid #1e293b;
    }

    .bedrock {
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 24px;
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: space-between;
    }

    .echo {
      flex: 1 1 300px;
      min-width: 0;
    }

    .echo-brand {
      font-size: 1.5rem;
      font-weight: 800;
      color: #ffffff;
      margin-bottom: 16px;
    }

    .echo-desc {
      font-size: 0.95rem;
      line-height: 1.6;
      color: #94a3b8;
      margin-bottom: 24px;
    }

    .anchor {
      display: flex;
      flex-wrap: wrap;
      gap: 32px;
      flex: 1 1 400px;
      justify-content: flex-end;
      min-width: 0;
    }

    .anchor-flock {
      display: flex;
      flex-direction: column;
      gap: 12px;
      min-width: 140px;
    }

    .anchor-bond {
      color: #ffffff;
      font-weight: 600;
      margin-bottom: 8px;
      font-size: 1rem;
    }

    .anchor-crest {
      color: #94a3b8;
      font-size: 0.95rem;
      transition: color 0.15s ease;
    }

    .anchor-crest:hover {
      color: var(--primary-light);
    }

    .bedrock-bottom {
      max-width: 1180px;
      margin: 48px auto 0;
      padding: 24px 24px 0;
      border-top: 1px solid #1e293b;
      text-align: center;
      font-size: 0.875rem;
      color: #64748b;
    }

    @media (max-width: 768px) {
      .seal {
        padding: 12px 0;
      }
      .orbit {
        gap: 12px;
        margin-top: 12px;
        width: 100%;
        justify-content: center;
      }
      .zenith {
        padding: 48px 0 40px;
      }
      .zenith .shell {
        gap: 32px;
      }
      .packet {
        flex: 1 1 100%;
      }
      .memo {
        flex: 1 1 calc(50% - 16px);
      }
      .anchor {
        justify-content: flex-start;
      }
      .col-left, .col-mid, .col-right {
        flex: 1 1 100%;
        margin-bottom: 6px;
      }
      .ribbon {
        display: none;
      }
      .node {
        padding: 16px;
        gap: 8px;
      }
    }

.orbit-seal {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    word-break: keep-all;
    color: var(--dark-muted);
}
.orbit-seal,
.orbit-seal *,
.orbit-seal *::before,
.orbit-seal *::after {
    box-sizing: border-box;
}

.orbit-seal nav,
.orbit-seal div,
.orbit-seal section,
.orbit-seal article,
.orbit-seal aside,
.orbit-seal p,
.orbit-seal h1,
.orbit-seal h2,
.orbit-seal h3,
.orbit-seal h4,
.orbit-seal h5,
.orbit-seal h6,
.orbit-seal a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.orbit-seal p,
.orbit-seal h1,
.orbit-seal h2,
.orbit-seal h3,
.orbit-seal h4,
.orbit-seal h5,
.orbit-seal h6 {
    text-decoration: none;
}

.orbit-seal img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.orbit-seal {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.orbit-seal a.orbit-crest {
    --aisite-shell-nav-padding: 8px 16px;
    --aisite-shell-nav-margin: 0;
    --aisite-shell-nav-line-height: normal;
    --aisite-shell-nav-display: inline;
    --aisite-shell-nav-height: auto;
    --aisite-shell-nav-min-height: auto;
}

.orbit-seal a.orbit-crest,
.orbit-seal a.orbit-crest:hover,
.orbit-seal a.orbit-crest:focus,
.orbit-seal a.orbit-crest:active,
.orbit-seal a.orbit-crest.active,
.orbit-seal a.orbit-crest[aria-current="page"] {
    background: transparent;
    border: none;
    border-bottom: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    padding: var(--aisite-shell-nav-padding, 0);
    margin: var(--aisite-shell-nav-margin, 0);
    line-height: var(--aisite-shell-nav-line-height, normal);
    display: var(--aisite-shell-nav-display, inline);
    height: var(--aisite-shell-nav-height, auto);
    min-height: var(--aisite-shell-nav-min-height, auto);
}

.orbit-seal .orbit-shell{
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 24px;
            width: 100%;
            min-width: 0;
        }

.orbit-seal{
            background-color: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid #e2e8f0;
            position: sticky;
            top: 0;
            z-index: 100;
        }

.orbit-seal .orbit-shell{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            height: 72px;
        }

.orbit-seal .orbit-glyph{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            min-width: 0;
        }

.orbit-seal .orbit-glyph img{
            height: 38px;
            width: auto;
            display: block;
        }

.orbit-seal .orbit-orbit{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 12px;
        }

.orbit-seal .orbit-crest{
            padding: 8px 16px;
            border-radius: 8px;
            font-weight: 500;
            color: #334155;
            font-size: 15px;
            transition: all 0.15s ease;
        }

.orbit-seal .orbit-crest:hover{
            color: #3d7fe7;
            background-color: #ecf3fe;
        }

.orbit-seal .orbit-crest.active{
            color: #3d7fe7;
            background-color: #ecf3fe;
            font-weight: 600;
        }

@media (max-width: 768px){.orbit-seal .orbit-shell{
                height: auto;
                padding-top: 16px;
                padding-bottom: 16px;
                flex-direction: column;
                gap: 16px;
            }

.orbit-seal .orbit-orbit{
                width: 100%;
                justify-content: center;
                gap: 6px;
            }

.orbit-seal .orbit-crest{
                padding: 6px 12px;
                font-size: 14px;
            }}

.orbit-seal {
    background: rgb(255, 255, 255);
    background-image: none;
}

.echo-glide {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    word-break: keep-all;
    color: var(--dark-muted);
}
.echo-glide,
.echo-glide *,
.echo-glide *::before,
.echo-glide *::after {
    box-sizing: border-box;
}

.echo-glide nav,
.echo-glide div,
.echo-glide section,
.echo-glide article,
.echo-glide aside,
.echo-glide p,
.echo-glide h1,
.echo-glide h2,
.echo-glide h3,
.echo-glide h4,
.echo-glide h5,
.echo-glide h6,
.echo-glide a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.echo-glide p,
.echo-glide h1,
.echo-glide h2,
.echo-glide h3,
.echo-glide h4,
.echo-glide h5,
.echo-glide h6 {
    text-decoration: none;
}

.echo-glide img {
    display: block;
    max-width: 100%;
    height: auto;
    border: 0;
}

.echo-glide {
    box-shadow: none;
    filter: none;
    text-shadow: none;
    background-image: none;
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
}

.echo-glide a,
.echo-glide a:hover,
.echo-glide a:focus,
.echo-glide a:active {
    background: transparent;
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

.echo-glide .echo-shell{
            max-width: 1180px;
            margin: 0 auto;
            padding: 0 24px;
            width: 100%;
            min-width: 0;
        }

.echo-glide{
            background-color: #0f172a;
            color: #94a3b8;
            padding: 64px 0 32px;
            border-top: 1px solid #1e293b;
        }

.echo-glide .echo-glide-flock{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 40px;
            margin-bottom: 48px;
        }

.echo-glide .echo-anchor{
            flex: 1 1 300px;
            min-width: 240px;
        }

.echo-glide .echo-anchor-bond{
            color: #ffffff;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 16px;
            letter-spacing: -0.01em;
        }

.echo-glide .echo-anchor-spark{
            font-size: 14px;
            line-height: 1.6;
            color: #94a3b8;
        }

.echo-glide .echo-bedrock{
            flex: 1 1 200px;
            min-width: 160px;
        }

.echo-glide .echo-bedrock-bond{
            color: #ffffff;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 16px;
        }

.echo-glide .echo-bedrock-chain{
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 10px;
        }

.echo-glide .echo-bedrock-crest{
            color: #94a3b8;
            font-size: 14px;
            transition: color 0.15s ease;
        }

.echo-glide .echo-bedrock-crest:hover{
            color: #ffffff;
        }

.echo-glide .echo-echo{
            text-align: center;
            padding-top: 32px;
            border-top: 1px solid #1e293b;
            font-size: 14px;
            color: #64748b;
        }