:root {
            --accent: #34ced3;
            --text: #1a1a1a;
            --bg: #ffffff;
            --sub: #f9f9f9;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: var(--text); background: var(--bg); word-break: break-word; }
        
        /* Layout components */
        .knot { padding: 20px 0; border-bottom: 1px solid #eee; background: #fff; }
        .vane { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
        .sign img { height: 32px; display: block; }
        .datum { display: flex; flex-wrap: wrap; gap: 24px; }
        .tether { text-decoration: none; color: #666; font-weight: 500; padding: 8px 0; transition: color 0.35s ease; }
        .tether:hover, .tether.active { color: var(--accent); }
        
        .vessel { max-width: 1200px; margin: 0 auto; padding: 80px 20px; }
        .orbit { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
        .prime { display: flex; flex-wrap: wrap; gap: 60px; align-items: center; }
        .haven { padding: 60px; background: var(--sub); border-radius: 24px; margin-bottom: 40px; }
        
        /* Typography */
        .mark { font-size: 3rem; font-weight: 800; line-height: 1.1; margin-bottom: 24px; color: #000; }
        .script { font-size: 1.125rem; color: #555; max-width: 600px; }
        
        /* Components */
        .folio { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; }
        .leaf { padding: 30px; border: 1px solid #eee; border-radius: 16px; transition: transform 0.35s ease, box-shadow 0.35s ease; }
        .leaf:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .pulse { display: inline-block; padding: 16px 32px; background: var(--accent); color: #fff; border-radius: 12px; font-weight: 600; text-decoration: none; margin-top: 20px; }
        .nudge { display: block; font-size: 0.9rem; color: var(--accent); margin-top: 10px; }
        
        /* Footer */
        .coda { background: #1a1a1a; color: #fff; padding: 60px 0; margin-top: 80px; }
        .finale { max-width: 1200px; margin: 0 auto; padding: 0 20px; text-align: center; }
        
        /* Responsive */
        @media (max-width: 768px) {
            .prime { flex-direction: column; text-align: center; }
            .datum { justify-content: center; }
            .mark { font-size: 2rem; }
        }

.vane-knot {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: var(--text);
}
.vane-knot,
.vane-knot *,
.vane-knot *::before,
.vane-knot *::after {
    box-sizing: border-box;
}

.vane-knot [role="navigation"],
.vane-knot div,
.vane-knot section,
.vane-knot article,
.vane-knot aside,
.vane-knot p,
.vane-knot h1,
.vane-knot h2,
.vane-knot h3,
.vane-knot h4,
.vane-knot h5,
.vane-knot h6,
.vane-knot a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

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

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

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

.vane-knot a.vane-tether {
    --aisite-shell-nav-padding: 0;
    --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;
}

.vane-knot a.vane-tether,
.vane-knot a.vane-tether:hover,
.vane-knot a.vane-tether:focus,
.vane-knot a.vane-tether:active,
.vane-knot a.vane-tether.active,
.vane-knot a.vane-tether[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);
}

.vane-knot{ padding: 0 40px; border-bottom: 1px solid #eee; background: #fff; position: sticky; top: 0; z-index: 100; }

.vane-knot .vane-vane{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 20px 0; }

.vane-knot .vane-sign{ width: 120px; }

.vane-knot .vane-sign img{ width: 100%; display: block; }

.vane-knot .vane-datum{ display: flex; flex-wrap: wrap; gap: 20px; }

.vane-knot .vane-tether{ text-decoration: none; color: #666; font-weight: 500; font-size: 15px; transition: 0.35s ease; }

.vane-knot .vane-tether:hover, .vane-knot .vane-tether.active{ color: #34ced3; }

.coda-tier {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: var(--text);
}
.coda-tier,
.coda-tier *,
.coda-tier *::before,
.coda-tier *::after {
    box-sizing: border-box;
}

.coda-tier [role="navigation"],
.coda-tier div,
.coda-tier section,
.coda-tier article,
.coda-tier aside,
.coda-tier p,
.coda-tier h1,
.coda-tier h2,
.coda-tier h3,
.coda-tier h4,
.coda-tier h5,
.coda-tier h6,
.coda-tier a {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

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

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

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

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

.coda-tier .coda-tether{ text-decoration: none; color: #666; font-weight: 500; font-size: 15px; transition: 0.35s ease; }

.coda-tier .coda-tether:hover, .coda-tier .coda-tether.active{ color: #34ced3; }

.coda-tier{ padding: 40px; text-align: center; color: #888; font-size: 0.9rem; border-top: 1px solid #eee; }