:root {
  --primary-color: hsl(85, 77%, 45%);
  --secondary-color: hsl(144, 62%, 42%);
  --bg-color: hsl(85, 7%, 97%);
  --text-color: hsl(85, 10%, 7%);
  --text-muted: hsl(85, 5%, 42%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
  --nav-height: 64px;
  --max-width: 1200px;
  --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --wm-primary: hsl(85, 77%, 45%);
  --wm-primary-light: hsl(85, 77%, 60%);
  --wm-secondary: hsl(144, 62%, 45%);
  --wm-secondary-light: hsl(144, 62%, 60%);
  --wm-dark: hsl(85, 10%, 7%);
  --wm-bg: hsl(85, 7%, 97%);
  --wm-surface: #ffffff;
  --wm-surface-alt: hsl(85, 5%, 94%);
  --wm-text: hsl(85, 10%, 7%);
  --wm-text-muted: hsl(85, 5%, 40%);
  --wm-border: hsl(85, 5%, 88%);
  --wm-radius: 12px;
  --wm-radius-sm: 8px;
  --wm-radius-xs: 6px;
  --wm-primary-hover: hsl(85, 77%, 38%);
  --wm-secondary-hover: hsl(144, 62%, 38%);
  --wm-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --wm-shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --wm-shadow-lg: 0 8px 24px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.05);
  --page-bg: hsl(85, 7%, 97%);
  --surface: hsl(85,5%,100%);
  --surface-alt: hsl(85,4%,94%);
  --text-primary: hsl(85,10%,7%);
  --text-secondary: hsl(85,6%,38%);
  --accent: hsl(85,77%,42%);
  --accent-light: hsl(85,77%,60%);
  --accent-bg: hsl(85,50%,95%);
  --secondary: hsl(144,62%,42%);
  --secondary-light: hsl(144,62%,60%);
  --border: hsl(85,6%,88%);
  --border-light: hsl(85,6%,92%);
  --radius-xl: 28px;
  --shadow-xl: 0 16px 48px rgba(0,0,0,.12);
  --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC",sans-serif;
  --max-w: 1200px;
  --section-gap: 100px;
  --gs-primary: hsl(85, 77%, 60%);
  --gs-primary-dark: hsl(85, 70%, 42%);
  --gs-secondary: hsl(144, 62%, 60%);
  --gs-secondary-dark: hsl(144, 55%, 40%);
  --gs-text: hsl(85, 10%, 7%);
  --gs-text-muted: hsl(85, 5%, 40%);
  --gs-bg: hsl(85, 7%, 97%);
  --gs-surface: #ffffff;
  --gs-surface-alt: hsl(85, 5%, 94%);
  --gs-border: hsl(85, 5%, 88%);
  --gs-code-bg: hsl(220, 10%, 14%);
  --gs-code-text: hsl(85, 60%, 72%);
  --gs-radius: 14px;
  --gs-radius-sm: 8px;
  --gs-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
  --gs-shadow-lg: 0 4px 16px rgba(0,0,0,0.08), 0 12px 40px rgba(0,0,0,0.06);
  --page-primary: hsl(85, 77%, 60%);
  --page-primary-light: hsl(85, 60%, 92%);
  --page-secondary: hsl(144, 62%, 60%);
  --page-secondary-light: hsl(144, 40%, 92%);
  --page-surface: #ffffff;
  --page-surface-alt: hsl(85, 5%, 93%);
  --page-text: hsl(85, 10%, 7%);
  --page-text-muted: hsl(85, 5%, 40%);
  --page-border: hsl(85, 5%, 85%);
  --page-radius: 14px;
  --page-radius-sm: 8px;
  --page-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04);
  --page-shadow-lg: 0 4px 16px rgba(0,0,0,0.08), 0 12px 40px rgba(0,0,0,0.06);
  --page-primary-dark: hsl(85, 70%, 38%);
  --page-text-light: hsl(85, 5%, 55%);
  --page-radius-lg: 16px;
  --page-secondary-dark: hsl(144, 55%, 35%);
  --faq-primary: hsl(85, 77%, 60%);
  --faq-primary-dark: hsl(85, 70%, 38%);
  --faq-secondary: hsl(144, 62%, 60%);
  --faq-secondary-dark: hsl(144, 55%, 35%);
  --faq-text: hsl(85, 10%, 7%);
  --faq-text-muted: hsl(85, 5%, 40%);
  --faq-bg: hsl(85, 7%, 97%);
  --faq-surface: #ffffff;
  --faq-surface-alt: hsl(85, 5%, 93%);
  --faq-border: hsl(85, 5%, 85%);
  --faq-code-bg: hsl(220, 10%, 14%);
  --faq-code-text: hsl(85, 60%, 70%);
  --faq-radius: 14px;
  --faq-radius-sm: 8px;
}

*,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.index *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.index .yawnClip{
    position: relative;
    overflow: hidden;
    background: linear-gradient(160deg, hsl(85, 10%, 8%) 0%, hsl(85, 12%, 14%) 50%, hsl(144, 15%, 12%) 100%);
    padding: 100px 24px 80px;
    text-align: center;
    color: #fff;
    }
    main.index .yawnClip::before{
    content: "";
    position: absolute;
    top: -40%;
    left: -20%;
    width: 80%;
    height: 120%;
    background: radial-gradient(ellipse, hsla(85, 77%, 55%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }
    main.index .yawnClip::after{
    content: "";
    position: absolute;
    bottom: -30%;
    right: -15%;
    width: 60%;
    height: 100%;
    background: radial-gradient(ellipse, hsla(144, 62%, 50%, 0.06) 0%, transparent 70%);
    pointer-events: none;
    }
    main.index .galeShot{
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    }
    main.index .yawnClip h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    }
    main.index .yawnClip h1 span{
    background: linear-gradient(135deg, var(--wm-primary-light), var(--wm-secondary-light));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.index .blitzMark{
    font-size: 1.1rem;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.72);
    max-width: 620px;
    margin: 0 auto 36px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .slateJaw{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.index .tuskBend{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 32px;
    background: linear-gradient(135deg, var(--wm-primary), var(--wm-secondary));
    color: hsl(85, 10%, 7%);
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px hsla(85, 77%, 50%, 0.3);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .tuskBend:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(85, 77%, 50%, 0.4);
    }
    main.index .irk_loop{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 32px;
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .irk_loop:hover{
    background: hsla(0, 0%, 100%, 0.14);
    border-color: hsla(0, 0%, 100%, 0.25);
    }
    main.index .kelpRing{
    margin-top: 28px;
    font-size: 0.85rem;
    color: hsla(0, 0%, 100%, 0.45);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .kelpRing span{
    margin: 0 8px;
    }
    main.index .uncoil{
    padding: 80px 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .riftEdge{
    background: var(--wm-surface-alt, hsl(85, 5%, 93%));
    }
    main.index .coven{
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .plumSway{
    text-align: center;
    margin-bottom: 52px;
    }
    main.index .plumSway h2{
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    color: var(--wm-text, #1a1c0f);
    letter-spacing: -0.01em;
    margin-bottom: 12px;
    }
    main.index .plumSway p{
    font-size: 1rem;
    color: var(--wm-text-muted, #636356);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
    }
    main.index .huskTone{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }
    main.index .bx9_coal{
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-border, hsl(85, 5%, 85%));
    border-radius: var(--wm-radius, 16px);
    padding: 32px 28px;
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.index .bx9_coal:hover{
    transform: translateY(-3px);
    box-shadow: 0 8px 30px hsla(85, 10%, 10%, 0.07);
    }
    main.index .waspKit{
    width: 44px;
    height: 44px;
    border-radius: var(--wm-radius-sm, 10px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: linear-gradient(135deg, hsla(85, 77%, 55%, 0.12), hsla(144, 62%, 55%, 0.1));
    }
    main.index .waspKit svg{
    width: 22px;
    height: 22px;
    stroke: var(--wm-primary, hsl(85, 77%, 45%));
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.index .bx9_coal h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--wm-text, #1a1c0f);
    margin-bottom: 10px;
    }
    main.index .bx9_coal p{
    font-size: 0.9rem;
    color: var(--wm-text-muted, #636356);
    line-height: 1.6;
    }
    main.index .zenPod{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    }
    main.index .aplCore{
    border-radius: var(--wm-radius, 16px);
    overflow: hidden;
    border: 1px solid var(--wm-border, hsl(85, 5%, 85%));
    box-shadow: 0 4px 24px hsla(85, 10%, 10%, 0.06);
    }
    main.index .aplCore img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    }
    main.index .veldSpin h2{
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    font-weight: 800;
    color: var(--wm-text, #1a1c0f);
    margin-bottom: 16px;
    letter-spacing: -0.01em;
    }
    main.index .veldSpin p{
    font-size: 0.95rem;
    color: var(--wm-text-muted, #636356);
    line-height: 1.7;
    margin-bottom: 14px;
    }
    main.index .veldSpin ul{
    list-style: none;
    padding: 0;
    margin-bottom: 24px;
    }
    main.index .veldSpin ul li{
    position: relative;
    padding-left: 22px;
    font-size: 0.9rem;
    color: var(--wm-text, #1a1c0f);
    line-height: 2;
    }
    main.index .veldSpin ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--wm-primary, hsl(85, 77%, 45%));
    }
    main.index .quasar_7{
    color: var(--wm-primary, hsl(85, 77%, 45%));
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.index .quasar_7:hover{
    border-bottom-color: var(--wm-primary, hsl(85, 77%, 45%));
    }
    main.index .xuPeak{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.index .elmGrip{
    text-align: center;
    padding: 36px 24px;
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-border, hsl(85, 5%, 85%));
    border-radius: var(--wm-radius, 16px);
    }
    main.index .loomArc{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--wm-primary), var(--wm-secondary));
    color: hsl(85, 10%, 7%);
    font-size: 1.2rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    }
    main.index .elmGrip h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--wm-text, #1a1c0f);
    margin-bottom: 10px;
    }
    main.index .elmGrip p{
    font-size: 0.88rem;
    color: var(--wm-text-muted, #636356);
    line-height: 1.6;
    }
    main.index .wm-cta-banner{
    background: linear-gradient(160deg, hsl(85, 10%, 8%), hsl(144, 12%, 14%));
    border-radius: var(--wm-radius, 16px);
    padding: 56px 40px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    }
    main.index .wm-cta-banner::before{
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 60%;
    height: 150%;
    background: radial-gradient(ellipse, hsla(85, 77%, 55%, 0.07) 0%, transparent 70%);
    pointer-events: none;
    }
    main.index .wm-cta-banner h2{
    font-size: clamp(1.4rem, 3vw, 1.9rem);
    font-weight: 800;
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
    }
    main.index .wm-cta-banner p{
    font-size: 1rem;
    color: hsla(0, 0%, 100%, 0.68);
    margin-bottom: 28px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    position: relative;
    z-index: 1;
    }
    main.index .wm-cta-banner .tuskBend{
    position: relative;
    z-index: 1;
    }
    main.index .wm-info-row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 52px;
    }
    main.index .wm-info-item{
    text-align: center;
    padding: 28px 16px;
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-border, hsl(85, 5%, 85%));
    border-radius: var(--wm-radius-sm, 10px);
    }
    main.index .wm-info-val{
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--wm-text, #1a1c0f);
    margin-bottom: 4px;
    }
    main.index .wm-info-label{
    font-size: 0.82rem;
    color: var(--wm-text-muted, #636356);
    }
    main.index .wm-footer{
    background: hsl(85, 10%, 7%);
    color: hsla(0, 0%, 100%, 0.5);
    padding: 40px 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .wm-footer-inner{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.index .wm-footer-brand{
    font-size: 1.1rem;
    font-weight: 700;
    color: hsla(0, 0%, 100%, 0.8);
    }
    main.index .wm-footer-copy{
    font-size: 0.82rem;
    }
    main.index .wm-footer-links{
    display: flex;
    gap: 20px;
    list-style: none;
    }
    main.index .wm-footer-links a{
    color: hsla(0, 0%, 100%, 0.45);
    text-decoration: none;
    font-size: 0.82rem;
    transition: color 0.2s;
    }
    main.index .wm-footer-links a:hover{
    color: hsla(0, 0%, 100%, 0.75);
    }
    @media (max-width: 900px) {main.index .huskTone, main.index .xuPeak{
    grid-template-columns: 1fr 1fr;
    }
    main.index .zenPod{
    grid-template-columns: 1fr;
    gap: 28px;
    }
    main.index .wm-info-row{
    grid-template-columns: 1fr 1fr;
    }}
    @media (max-width: 600px) {main.index .yawnClip{ padding: 72px 20px 56px; }
    main.index .uncoil{ padding: 56px 20px; }
    main.index .huskTone, main.index .xuPeak{
    grid-template-columns: 1fr;
    }
    main.index .wm-info-row{
    grid-template-columns: 1fr 1fr;
    }
    main.index .wm-cta-banner{ padding: 40px 24px; }
    main.index .wm-footer-inner{ flex-direction: column; text-align: center; }}
    main.index .moltShade{
    background: hsl(85, 10%, 7%);
    color: hsl(85, 10%, 72%);
    padding: 64px 24px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }
    main.index .fawnStep{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    gap: 64px;
    padding-bottom: 48px;
    border-bottom: 1px solid hsla(85, 10%, 100%, 0.08);
    }
    main.index .umber{
    flex: 0 0 280px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.index .yarRow{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.index .zinc8{
    margin: 0;
    color: hsl(85, 5%, 50%);
    font-size: 14px;
    line-height: 1.6;
    max-width: 240px;
    }
    main.index .jibSail{
    flex: 1;
    display: flex;
    gap: 48px;
    justify-content: flex-end;
    }
    main.index .orbWeave{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 140px;
    }
    main.index .xeno_drift{
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    }
    main.index .dapple_fin{
    color: hsl(85, 5%, 55%);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
    width: fit-content;
    }
    main.index .dapple_fin:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    }
    main.index .vixPulse{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    gap: 16px;
    }
    main.index .cragMelt{
    font-size: 13px;
    color: hsl(85, 5%, 42%);
    flex: 0 1 auto;
    }
    main.index .nectarVow{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.index .wryGlaze{
    color: hsl(85, 5%, 50%);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s ease;
    }
    main.index .wryGlaze:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    }
    main.index .amberTwist{
    color: hsl(85, 5%, 30%);
    font-size: 13px;
    user-select: none;
    }
    @media (max-width: 768px) {main.index .moltShade{
    padding: 48px 20px 0;
    }
    main.index .fawnStep{
    flex-direction: column;
    gap: 40px;
    }
    main.index .umber{
    flex: 0 0 auto;
    }
    main.index .jibSail{
    flex-direction: column;
    gap: 32px;
    justify-content: flex-start;
    }
    main.index .orbWeave{
    min-width: 0;
    }
    main.index .vixPulse{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 0;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.download *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.download{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--wm-text, #1a1c0f);
    background: var(--wm-bg, #f6f6f4);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
    
    main.download .weftJab{
    padding: 80px 24px 64px;
    text-align: center;
    background: linear-gradient(168deg, hsl(85, 15%, 12%) 0%, hsl(85, 20%, 8%) 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    }
    main.download .weftJab::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(85, 77%, 50%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.download .mossGrit{
    display: inline-block;
    background: hsla(85, 77%, 50%, 0.15);
    color: hsl(85, 77%, 60%);
    font-size: 13px;
    font-weight: 600;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    }
    main.download .weftJab h1{
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    margin-bottom: 14px;
    letter-spacing: -0.02em;
    }
    main.download .kiteFlux{
    font-size: 17px;
    color: hsla(0, 0%, 100%, 0.7);
    max-width: 560px;
    margin: 0 auto 36px;
    line-height: 1.7;
    }
    main.download .nip_trace{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.download .muskFold{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--wm-primary, hsl(85, 77%, 45%));
    color: hsl(85, 10%, 7%);
    font-size: 16px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: var(--wm-radius, 12px);
    text-decoration: none;
    transition: background 0.2s, transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 4px 16px hsla(85, 77%, 45%, 0.3);
    cursor: pointer;
    border: none;
    }
    main.download .muskFold:hover{
    background: var(--wm-primary-hover, hsl(85, 77%, 38%));
    transform: translateY(-1px);
    box-shadow: 0 6px 20px hsla(85, 77%, 45%, 0.4);
    }
    main.download .dewSprig{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(0, 0%, 100%, 0.1);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 14px 28px;
    border-radius: var(--wm-radius, 12px);
    text-decoration: none;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    transition: background 0.2s, border-color 0.2s;
    }
    main.download .dewSprig:hover{
    background: hsla(0, 0%, 100%, 0.15);
    border-color: hsla(0, 0%, 100%, 0.35);
    }
    main.download .jadeScrim{
    margin-top: 28px;
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.5);
    }
    main.download .jadeScrim span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    }
    
    main.download .hazeNub{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    main.download .elfSpool{
    padding: 64px 0;
    }
    main.download .oxBolt{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: -0.01em;
    }
    main.download .ignFlare{
    font-size: 15px;
    color: var(--wm-text-muted, #666);
    margin-bottom: 36px;
    }
    
    main.download .frogNest{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
    }
    main.download .gust_vim{
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-border, #e2e2de);
    border-radius: var(--wm-radius, 12px);
    padding: 28px;
    transition: box-shadow 0.2s, border-color 0.2s;
    position: relative;
    }
    main.download .gust_vim:hover{
    box-shadow: var(--wm-shadow-md, 0 4px 12px rgba(0,0,0,0.08));
    border-color: hsla(85, 77%, 45%, 0.3);
    }
    main.download .jolt5{
    border-color: var(--wm-primary, hsl(85, 77%, 45%));
    box-shadow: 0 0 0 1px var(--wm-primary, hsl(85, 77%, 45%));
    }
    main.download .knotWisp{
    position: absolute;
    top: -1px;
    right: 20px;
    background: var(--wm-primary, hsl(85, 77%, 45%));
    color: hsl(85, 10%, 7%);
    font-size: 11px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 0 0 6px 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    }
    main.download .urchinMaw{
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 18px;
    }
    main.download .nixGrain{
    width: 44px;
    height: 44px;
    border-radius: var(--wm-radius-sm, 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.download .nixGrain svg{
    width: 24px;
    height: 24px;
    }
    main.download .lureMint{ background: hsla(85, 77%, 45%, 0.12); color: var(--wm-primary); }
    main.download .petalCram{ background: hsla(144, 62%, 45%, 0.12); color: var(--wm-secondary); }
    main.download .rampCurl{ background: hsla(40, 90%, 55%, 0.12); color: hsl(40, 90%, 42%); }
    main.download .gust_vim h3{
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 3px;
    }
    main.download .grillPop{
    font-size: 13px;
    color: var(--wm-text-muted, #666);
    }
    main.download .yelpCask{
    font-size: 14px;
    color: var(--wm-text-muted, #666);
    margin-bottom: 18px;
    line-height: 1.65;
    }
    main.download .blotFume{
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-bottom: 20px;
    font-size: 13px;
    color: var(--wm-text-muted, #666);
    }
    main.download .blotFume span{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    }
    main.download .fuze_knot{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    }
    main.download .dint_hew{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 20px;
    border-radius: var(--wm-radius-sm, 8px);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
    cursor: pointer;
    border: none;
    }
    main.download .larkDim{
    background: var(--wm-primary, hsl(85, 77%, 45%));
    color: hsl(85, 10%, 7%);
    }
    main.download .larkDim:hover{
    background: var(--wm-primary-hover, hsl(85, 77%, 38%));
    transform: translateY(-1px);
    }
    main.download .ivyDart{
    background: transparent;
    color: var(--wm-text, #1a1c0f);
    border: 1px solid var(--wm-border, #e2e2de);
    }
    main.download .ivyDart:hover{
    border-color: var(--wm-primary, hsl(85, 77%, 45%));
    background: hsla(85, 77%, 45%, 0.06);
    }
    main.download .qr_shift{
    background: var(--wm-secondary, hsl(144, 62%, 45%));
    color: #fff;
    }
    main.download .qr_shift:hover{
    background: var(--wm-secondary-hover, hsl(144, 62%, 38%));
    transform: translateY(-1px);
    }
    
    main.download .dl-process{
    padding: 48px 0;
    }
    main.download .dl-process-img-wrap{
    border-radius: var(--wm-radius, 12px);
    overflow: hidden;
    border: 1px solid var(--wm-border, #e2e2de);
    box-shadow: var(--wm-shadow-md);
    margin-bottom: 20px;
    }
    main.download .dl-process-img-wrap img{
    width: 100%;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover;
    }
    main.download .dl-process-caption{
    font-size: 13px;
    color: var(--wm-text-muted, #666);
    text-align: center;
    }
    
    main.download .dl-info-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }
    main.download .dl-info-block{
    background: var(--wm-surface, #fff);
    border: 1px solid var(--wm-border, #e2e2de);
    border-radius: var(--wm-radius, 12px);
    padding: 24px;
    }
    main.download .dl-info-block h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.download .dl-info-block ul{
    list-style: none;
    padding: 0;
    }
    main.download .dl-info-block li{
    font-size: 14px;
    color: var(--wm-text-muted, #666);
    padding: 5px 0;
    padding-left: 18px;
    position: relative;
    line-height: 1.6;
    }
    main.download .dl-info-block li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--wm-primary, hsl(85, 77%, 45%));
    }
    
    main.download .dl-checksum{
    background: var(--wm-surface-alt, #f2f2ef);
    border-radius: var(--wm-radius, 12px);
    padding: 24px;
    margin-top: 32px;
    }
    main.download .dl-checksum h3{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    }
    main.download .dl-checksum p{
    font-size: 14px;
    color: var(--wm-text-muted, #666);
    margin-bottom: 12px;
    line-height: 1.65;
    }
    main.download .dl-checksum code{
    display: block;
    background: hsl(85, 10%, 14%);
    color: hsl(85, 77%, 65%);
    padding: 14px 18px;
    border-radius: var(--wm-radius-sm, 8px);
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 13px;
    overflow-x: auto;
    line-height: 1.5;
    }
    
    main.download .dl-links-bar{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    padding: 32px 0 0;
    font-size: 14px;
    }
    main.download .dl-links-bar a{
    color: var(--wm-primary, hsl(85, 77%, 45%));
    text-decoration: none;
    font-weight: 500;
    transition: color 0.15s;
    }
    main.download .dl-links-bar a:hover{
    color: var(--wm-primary-hover, hsl(85, 77%, 38%));
    text-decoration: underline;
    }
    main.download .dl-links-bar span{
    color: var(--wm-border, #e2e2de);
    }
    
    main.download .dl-footer{
    background: hsl(85, 12%, 10%);
    color: hsla(0, 0%, 100%, 0.5);
    padding: 40px 24px;
    margin-top: 0;
    }
    main.download .dl-footer-inner{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.download .dl-footer-brand{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    }
    main.download .dl-footer-brand small{
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.35);
    margin-top: 2px;
    }
    main.download .dl-footer-links{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    }
    main.download .dl-footer-links a{
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.15s;
    }
    main.download .dl-footer-links a:hover{
    color: hsla(0, 0%, 100%, 0.8);
    }
    main.download .dl-footer-copy{
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    }
    
    @media (max-width: 640px) {main.download .weftJab{ padding: 56px 20px 48px; }
    main.download .weftJab h1{ font-size: 1.75rem; }
    main.download .nip_trace{ flex-direction: column; align-items: center; }
    main.download .muskFold, main.download .dewSprig{ width: 100%; max-width: 300px; justify-content: center; }
    main.download .frogNest{ grid-template-columns: 1fr; }
    main.download .dl-info-grid{ grid-template-columns: 1fr; }
    main.download .elfSpool{ padding: 48px 0; }
    main.download .fuze_knot{ flex-direction: column; }
    main.download .dint_hew{ justify-content: center; }
    main.download .dl-footer-inner{ flex-direction: column; text-align: center; }
    main.download .dl-footer-links{ justify-content: center; }}
    main.download .axlePry{
    background: hsl(85, 10%, 8%);
    padding: 48px 24px 32px;
    margin-top: 80px; color: #ffffff;}
    main.download .x4plank{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }
    main.download .echoLatch{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.download .stumpVeil{
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.download .tideGlyph{
    font-size: 0.875rem;
    color: hsl(85, 5%, 55%);
    margin: 0;
    }
    main.download .zorb{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    }
    main.download .vow_silk{
    font-size: 0.875rem;
    color: hsl(85, 5%, 65%);
    text-decoration: none;
    transition: var(--transition, all 0.25s ease);
    padding: 4px 6px;
    border-radius: var(--radius-sm, 6px);
    }
    main.download .vow_silk:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    }
    main.download .hx2{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: hsl(85, 5%, 30%);
    flex-shrink: 0; color: #ffffff;}
    main.download .cuspRake{
    font-size: 0.8rem;
    color: hsl(85, 5%, 38%);
    margin: 8px 0 0;
    }
    @media (max-width: 600px) {main.download .axlePry{
    padding: 36px 16px 24px;
    margin-top: 56px;
    }
    main.download .zorb{
    gap: 8px;
    }
    main.download .vow_silk{
    font-size: 0.8125rem;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.features *, main.features *::before, main.features *::after{box-sizing:border-box;margin:0;padding:0}
    main.features{font-family:var(--font-sans);color:var(--text-primary);background:var(--page-bg);line-height:1.7;-webkit-font-smoothing:antialiased}
    main.features .nexus{max-width:var(--max-w);margin:0 auto;padding:0 24px}
    
    main.features .gnarPith{padding:80px 0 60px;text-align:center}
    main.features .lychPin{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--accent-bg);border:1px solid hsl(85,40%,82%);border-radius:100px;font-size:.8rem;color:var(--accent);font-weight:600;margin-bottom:24px}
    main.features .lychPin svg{width:14px;height:14px}
    main.features .gnarPith h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;line-height:1.25;letter-spacing:-.02em;max-width:800px;margin:0 auto 20px;color:var(--text-primary)}
    main.features .gnarPith h1 span{background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
    main.features .snagPulp{font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin:0 auto 36px;line-height:1.8}
    main.features .yoke7{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
    main.features .uxDawn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--accent),var(--secondary));color:#fff;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all .25s;box-shadow:0 4px 16px hsla(85,77%,42%,.3)}
    main.features .uxDawn:hover{transform:translateY(-2px);box-shadow:0 6px 24px hsla(85,77%,42%,.4)}
    main.features .uxDawn svg{width:18px;height:18px}
    main.features .dw8_slab{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--surface);color:var(--text-primary);font-size:.95rem;font-weight:600;border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all .25s}
    main.features .dw8_slab:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}
    
    main.features .zestClaw{padding:0 0 var(--section-gap)}
    main.features .mx_swirl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
    main.features .ashDrip{background:var(--surface);padding:32px 24px;text-align:center}
    main.features .iota_rev{font-size:1.8rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}
    main.features .wombSilt{font-size:.85rem;color:var(--text-muted);margin-top:4px}
    
    main.features .coltHaze{padding-bottom:var(--section-gap)}
    main.features .nubFleck{text-align:center;margin-bottom:56px}
    main.features .nubFleck h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.01em;margin-bottom:12px}
    main.features .nubFleck p{font-size:.95rem;color:var(--text-secondary);max-width:560px;margin:0 auto}
    main.features .jibeMoss{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    main.features .obsidian{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:32px 28px;transition:all .3s}
    main.features .obsidian:hover{border-color:hsl(85,40%,82%);box-shadow:var(--shadow-md);transform:translateY(-3px)}
    main.features .ember{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:var(--accent-bg)}
    main.features .ember svg{width:24px;height:24px;color:var(--accent)}
    main.features .obsidian h3{font-size:1.05rem;font-weight:700;margin-bottom:10px}
    main.features .obsidian p{font-size:.88rem;color:var(--text-secondary);line-height:1.75}
    main.features .vaultCrux{display:inline-block;margin-top:14px;padding:3px 10px;background:var(--accent-bg);color:var(--accent);font-size:.72rem;font-weight:600;border-radius:100px}
    
    main.features .pyre_cob{padding-bottom:var(--section-gap)}
    main.features .cobalt{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:64px}
    main.features .cobalt:last-child{margin-bottom:0}
    main.features .cobalt.emitGust{direction:rtl}
    main.features .cobalt.emitGust>*{direction:ltr}
    main.features .velvet{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-lg)}
    main.features .velvet img{width:100%;height:100%;object-fit:cover;display:block}
    main.features .phantom{padding:8px 0}
    main.features .phantom .glacier{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}
    main.features .phantom h2{font-size:1.5rem;font-weight:700;margin-bottom:14px;letter-spacing:-.01em}
    main.features .phantom p{font-size:.92rem;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}
    main.features .xr_bloom{list-style:none;display:flex;flex-direction:column;gap:10px}
    main.features .xr_bloom li{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-secondary);line-height:1.6}
    main.features .xr_bloom li svg{width:18px;height:18px;color:var(--secondary);flex-shrink:0;margin-top:2px}
    
    main.features .feat-table-section{padding-bottom:var(--section-gap)}
    main.features .feat-table-wrap{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}
    main.features .feat-table{width:100%;border-collapse:collapse}
    main.features .feat-table thead{background:hsl(85,10%,7%); color: #ffffff;}
    main.features .feat-table thead th{padding:18px 24px;font-size:.85rem;font-weight:600;color:#fff;text-align:left}
    main.features .feat-table thead th:first-child{border-radius:0}
    main.features .feat-table tbody tr{border-bottom:1px solid var(--border-light)}
    main.features .feat-table tbody tr:last-child{border-bottom:none}
    main.features .feat-table tbody tr:hover{background:var(--accent-bg)}
    main.features .feat-table td{padding:16px 24px;font-size:.88rem;color:var(--text-secondary)}
    main.features .feat-table td:first-child{font-weight:600;color:var(--text-primary)}
    main.features .feat-table .check{color:var(--secondary);font-weight:700}
    main.features .feat-table .dash{color:var(--text-muted)}
    
    main.features .feat-plugins{padding-bottom:var(--section-gap)}
    main.features .feat-plugin-banner{background:linear-gradient(135deg,hsl(85,10%,10%),hsl(144,20%,14%));border-radius:var(--radius-xl);padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;color:#fff;overflow:hidden;position:relative}
    main.features .feat-plugin-banner::after{content:"";position:absolute;top:-60%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,hsla(85,77%,60%,.12),transparent 70%);pointer-events:none}
    main.features .feat-plugin-text h2{font-size:1.6rem;font-weight:700;margin-bottom:14px}
    main.features .feat-plugin-text p{font-size:.92rem;color:hsla(0,0%,100%,.7);line-height:1.8;margin-bottom:24px}
    main.features .feat-plugin-text .uxDawn{box-shadow:0 4px 20px hsla(85,77%,42%,.4)}
    main.features .feat-plugin-img{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16/10;box-shadow:var(--shadow-xl)}
    main.features .feat-plugin-img img{width:100%;height:100%;object-fit:cover;display:block}
    
    main.features .feat-shortcuts{padding-bottom:var(--section-gap)}
    main.features .shortcut-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
    main.features .shortcut-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:16px 22px;transition:border-color .2s}
    main.features .shortcut-item:hover{border-color:hsl(85,40%,82%)}
    main.features .shortcut-label{font-size:.88rem;color:var(--text-primary);font-weight:500}
    main.features .shortcut-keys{display:flex;gap:4px}
    main.features .shortcut-keys kbd{display:inline-block;padding:4px 10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;font-size:.78rem;font-family:var(--font-sans);font-weight:600;color:var(--text-secondary);box-shadow:0 1px 2px rgba(0,0,0,.06)}
    
    main.features .feat-cta{padding-bottom:var(--section-gap);text-align:center}
    main.features .feat-cta-box{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:64px 48px;box-shadow:var(--shadow-md)}
    main.features .feat-cta-box h2{font-size:1.6rem;font-weight:700;margin-bottom:12px}
    main.features .feat-cta-box p{font-size:.95rem;color:var(--text-secondary);max-width:480px;margin:0 auto 32px;line-height:1.7}
    main.features .feat-cta-box .uxDawn{padding:16px 40px;font-size:1rem}
    
    main.features .feat-footer{border-top:1px solid var(--border-light);padding:40px 0;margin-top:20px}
    main.features .feat-footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
    main.features .feat-footer-brand{display:flex;align-items:center;gap:10px}
    main.features .feat-footer-brand svg{width:24px;height:24px;color:var(--accent)}
    main.features .feat-footer-brand span{font-weight:700;font-size:.95rem}
    main.features .feat-footer-copy{font-size:.82rem;color:var(--text-muted)}
    main.features .feat-footer-links{display:flex;gap:20px}
    main.features .feat-footer-links a{font-size:.82rem;color:var(--text-muted);text-decoration:none;transition:color .2s}
    main.features .feat-footer-links a:hover{color:var(--accent)}
    
    @media(max-width:960px){main.features .jibeMoss{grid-template-columns:repeat(2,1fr)}
    main.features .cobalt, main.features .cobalt.emitGust{grid-template-columns:1fr;direction:ltr}
    main.features .cobalt.emitGust>*{direction:ltr}
    main.features .feat-plugin-banner{grid-template-columns:1fr;padding:40px 32px}
    main.features .mx_swirl{grid-template-columns:repeat(2,1fr)}
    main.features .shortcut-grid{grid-template-columns:1fr}}
    @media(max-width:640px){main.features .gnarPith{padding:56px 0 40px}
    main.features .jibeMoss{grid-template-columns:1fr}
    main.features .mx_swirl{grid-template-columns:1fr}
    main.features .yoke7{flex-direction:column;align-items:center}
    main.features .feat-table-wrap{overflow-x:auto}
    main.features .feat-cta-box{padding:40px 24px}
    main.features .feat-plugin-banner{padding:32px 20px}
    main.features .feat-footer-inner{flex-direction:column;text-align:center}}
    main.features .hempSkid{
    background: hsl(85, 10%, 7%);
    padding: 48px 24px 32px;
    color: hsl(85, 5%, 62%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .brineFog{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }
    main.features .opFlint{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.features .quiltJag{
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.features .rusk3{
    font-size: 0.875rem;
    color: hsl(85, 5%, 50%);
    margin: 0;
    }
    main.features .fluxOrb{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }
    main.features .trellis_v{
    font-size: 0.875rem;
    color: hsl(85, 5%, 62%);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 6px);
    transition: var(--transition, all 0.25s ease);
    }
    main.features .trellis_v:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    background: rgba(255, 255, 255, 0.05);
    }
    main.features .kramVolt{
    color: hsl(85, 5%, 30%);
    font-size: 0.875rem;
    user-select: none;
    }
    main.features .aurora{
    font-size: 0.8rem;
    color: hsl(85, 5%, 38%);
    margin: 8px 0 0;
    }
    @media (max-width: 600px) {main.features .hempSkid{
    padding: 36px 16px 24px;
    }
    main.features .brineFog{
    gap: 20px;
    }
    main.features .fluxOrb{
    gap: 4px;
    }
    main.features .trellis_v{
    font-size: 0.8125rem;
    padding: 4px 6px;
    }
    main.features .kramVolt{
    font-size: 0.8125rem;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.getting-started{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--gs-text);
    background: var(--gs-bg);
    line-height: 1.7;
    overflow-x: hidden;
    }
    main.getting-started *, main.getting-started *::before, main.getting-started *::after{
    box-sizing: border-box;
    }
    main.getting-started .mosaic{
    position: relative;
    padding: 80px 24px 64px;
    background: linear-gradient(160deg, hsl(85, 10%, 10%) 0%, hsl(85, 12%, 16%) 50%, hsl(144, 15%, 14%) 100%);
    color: #fff;
    overflow: hidden;
    }
    main.getting-started .mosaic::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(85, 77%, 60%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.getting-started .flare{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.getting-started .quartz{
    display: inline-block;
    padding: 5px 14px;
    background: hsla(85, 77%, 60%, 0.15);
    border: 1px solid hsla(85, 77%, 60%, 0.3);
    border-radius: 20px;
    font-size: 13px;
    color: var(--gs-primary);
    margin-bottom: 20px;
    letter-spacing: 0.3px;
    }
    main.getting-started .mosaic h1{
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 18px;
    letter-spacing: -0.5px;
    }
    main.getting-started .mosaic h1 span{
    color: var(--gs-primary);
    }
    main.getting-started .bolt{
    font-size: 17px;
    color: hsla(0, 0%, 100%, 0.72);
    max-width: 640px;
    margin: 0 0 32px;
    line-height: 1.7;
    }
    main.getting-started .lumen{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    }
    main.getting-started .cipher{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: var(--gs-radius-sm);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    }
    main.getting-started .drift{
    background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));
    color: hsl(85, 10%, 7%);
    box-shadow: 0 2px 12px hsla(85, 77%, 50%, 0.3);
    }
    main.getting-started .drift:hover{
    box-shadow: 0 4px 20px hsla(85, 77%, 50%, 0.45);
    transform: translateY(-1px);
    }
    main.getting-started .basalt{
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.18);
    }
    main.getting-started .basalt:hover{
    background: hsla(0, 0%, 100%, 0.14);
    }
    main.getting-started .raven{
    max-width: 960px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.getting-started .vertex{
    font-size: clamp(22px, 3.5vw, 30px);
    font-weight: 700;
    margin: 0 0 10px;
    letter-spacing: -0.3px;
    }
    main.getting-started .husk{
    color: var(--gs-text-muted);
    font-size: 15px;
    margin: 0 0 40px;
    max-width: 600px;
    }
    
    main.getting-started .onyx{
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    }
    main.getting-started .onyx::before{
    content: "";
    position: absolute;
    left: 23px;
    top: 48px;
    bottom: 48px;
    width: 2px;
    background: var(--gs-border);
    }
    main.getting-started .grove{
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 20px;
    padding: 24px 0;
    position: relative;
    }
    main.getting-started .nova{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--gs-surface);
    border: 2px solid var(--gs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: var(--gs-primary-dark);
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    }
    main.getting-started .knot h3{
    font-size: 18px;
    font-weight: 650;
    margin: 0 0 8px;
    padding-top: 10px;
    }
    main.getting-started .knot p{
    margin: 0 0 12px;
    color: var(--gs-text-muted);
    font-size: 15px;
    }
    main.getting-started .echo{
    width: 100%;
    border-radius: var(--gs-radius);
    margin-top: 12px;
    aspect-ratio: 16/9;
    object-fit: cover;
    box-shadow: var(--gs-shadow);
    }
    main.getting-started .pulse{
    background: var(--gs-code-bg);
    color: var(--gs-code-text);
    padding: 14px 18px;
    border-radius: var(--gs-radius-sm);
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 13.5px;
    overflow-x: auto;
    margin-top: 10px;
    line-height: 1.6;
    }
    main.getting-started .pulse .vortex{
    color: hsl(220, 5%, 50%);
    }
    
    main.getting-started .latch{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 32px;
    }
    main.getting-started .helix{
    background: var(--gs-surface);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius);
    padding: 24px;
    box-shadow: var(--gs-shadow);
    transition: box-shadow 0.2s ease;
    }
    main.getting-started .helix:hover{
    box-shadow: var(--gs-shadow-lg);
    }
    main.getting-started .dusk{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    }
    main.getting-started .dusk svg{
    width: 22px;
    height: 22px;
    }
    main.getting-started .helix h3{
    font-size: 16px;
    font-weight: 650;
    margin: 0 0 8px;
    }
    main.getting-started .helix p{
    font-size: 14px;
    color: var(--gs-text-muted);
    margin: 0;
    line-height: 1.65;
    }
    main.getting-started .sigma{ background: hsla(85, 77%, 60%, 0.15); color: var(--gs-primary-dark); }
    main.getting-started .mirth{ background: hsla(144, 62%, 60%, 0.15); color: var(--gs-secondary-dark); }
    main.getting-started .iron_dust{ background: hsla(220, 10%, 50%, 0.12); color: hsl(220, 10%, 35%); }
    main.getting-started .crest{ background: hsla(40, 90%, 55%, 0.15); color: hsl(35, 80%, 38%); }
    
    main.getting-started .gs-shortcuts{
    width: 100%;
    border-collapse: collapse;
    margin-top: 24px;
    font-size: 14.5px;
    }
    main.getting-started .gs-shortcuts th{
    text-align: left;
    padding: 12px 16px;
    background: var(--gs-surface-alt);
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--gs-text-muted);
    border-bottom: 1px solid var(--gs-border);
    }
    main.getting-started .gs-shortcuts td{
    padding: 12px 16px;
    border-bottom: 1px solid var(--gs-border);
    }
    main.getting-started .gs-shortcuts tr:last-child td{
    border-bottom: none;
    }
    main.getting-started .gs-shortcuts tbody tr:hover{
    background: hsla(85, 10%, 50%, 0.04);
    }
    main.getting-started .apex{
    display: inline-block;
    padding: 2px 8px;
    background: var(--gs-surface-alt);
    border: 1px solid var(--gs-border);
    border-radius: 5px;
    font-family: "SF Mono", "Consolas", monospace;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--gs-text);
    box-shadow: 0 1px 0 var(--gs-border);
    }
    
    main.getting-started .gs-settings-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 28px;
    }
    main.getting-started .gs-setting-item{
    display: flex;
    gap: 16px;
    padding: 20px;
    background: var(--gs-surface);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius);
    align-items: flex-start;
    }
    main.getting-started .gs-setting-marker{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-top: 7px;
    flex-shrink: 0;
    }
    main.getting-started .gs-setting-item h3{
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 4px;
    }
    main.getting-started .gs-setting-item p{
    font-size: 14px;
    color: var(--gs-text-muted);
    margin: 0;
    line-height: 1.6;
    }
    
    main.getting-started .gs-context-section{
    background: linear-gradient(160deg, hsl(85, 10%, 10%), hsl(144, 12%, 14%));
    color: #fff;
    padding: 64px 24px;
    }
    main.getting-started .gs-context-inner{
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.getting-started .gs-context-inner .vertex{
    color: #fff;
    }
    main.getting-started .gs-context-inner .husk{
    color: hsla(0, 0%, 100%, 0.6);
    }
    main.getting-started .gs-context-steps{
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-top: 24px;
    }
    main.getting-started .gs-context-step{
    display: flex;
    gap: 14px;
    align-items: flex-start;
    }
    main.getting-started .gs-context-step-num{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: hsla(85, 77%, 60%, 0.2);
    color: var(--gs-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    flex-shrink: 0;
    }
    main.getting-started .gs-context-step p{
    margin: 0;
    font-size: 14.5px;
    color: hsla(0, 0%, 100%, 0.8);
    line-height: 1.6;
    padding-top: 3px;
    }
    main.getting-started .gs-context-img{
    width: 100%;
    border-radius: var(--gs-radius);
    aspect-ratio: 4/3;
    object-fit: cover;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    }
    
    main.getting-started .jade{
    display: flex;
    gap: 14px;
    padding: 18px 20px;
    background: hsla(85, 77%, 60%, 0.08);
    border-left: 3px solid var(--gs-primary);
    border-radius: 0 var(--gs-radius-sm) var(--gs-radius-sm) 0;
    margin-top: 20px;
    align-items: flex-start;
    }
    main.getting-started .opal{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: var(--gs-primary-dark);
    margin-top: 1px;
    }
    main.getting-started .jade p{
    margin: 0;
    font-size: 14px;
    color: var(--gs-text-muted);
    line-height: 1.6;
    }
    
    main.getting-started .gs-cta-bottom{
    text-align: center;
    padding: 56px 24px;
    background: var(--gs-surface);
    border-top: 1px solid var(--gs-border);
    }
    main.getting-started .gs-cta-bottom h2{
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 12px;
    }
    main.getting-started .gs-cta-bottom p{
    color: var(--gs-text-muted);
    font-size: 15px;
    margin: 0 0 28px;
    }
    main.getting-started .gs-cta-bottom .drift{
    padding: 15px 36px;
    font-size: 16px;
    }
    
    main.getting-started .gs-footer{
    background: hsl(85, 10%, 8%);
    color: hsla(0, 0%, 100%, 0.5);
    padding: 40px 24px;
    text-align: center;
    font-size: 13.5px;
    }
    main.getting-started .gs-footer-brand{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    }
    main.getting-started .gs-footer-tagline{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.35);
    margin-bottom: 20px;
    }
    main.getting-started .gs-footer-links{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 24px;
    }
    main.getting-started .gs-footer-links a{
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    font-size: 13.5px;
    transition: color 0.2s;
    }
    main.getting-started .gs-footer-links a:hover{
    color: var(--gs-primary);
    }
    main.getting-started .gs-footer-copy{
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    padding-top: 20px;
    font-size: 12.5px;
    }
    
    @media (max-width: 768px) {main.getting-started .latch{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-context-inner{
    grid-template-columns: 1fr;
    gap: 32px;
    }
    main.getting-started .onyx::before{
    left: 19px;
    }
    main.getting-started .grove{
    grid-template-columns: 40px 1fr;
    gap: 14px;
    }
    main.getting-started .nova{
    width: 40px;
    height: 40px;
    font-size: 14px;
    }
    main.getting-started .gs-shortcuts{
    font-size: 13px;
    }
    main.getting-started .gs-shortcuts th, main.getting-started .gs-shortcuts td{
    padding: 10px 12px;
    }
    main.getting-started .mosaic{
    padding: 56px 20px 48px;
    }}
    @media (max-width: 480px) {main.getting-started .raven{
    padding: 48px 16px;
    }
    main.getting-started .lumen{
    flex-direction: column;
    }
    main.getting-started .cipher{
    justify-content: center;
    }}
    main.getting-started .tundra{
    background: hsl(85, 10%, 8%);
    padding: 48px 24px 36px;
    margin-top: 80px; color: #ffffff;}
    main.getting-started .forge{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }
    main.getting-started .zenith{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.getting-started .sable{
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.getting-started .nimbus{
    font-size: 0.875rem;
    color: hsl(85, 5%, 55%);
    margin: 0;
    }
    main.getting-started .orbit{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }
    main.getting-started .crux{
    font-size: 0.875rem;
    color: hsl(85, 5%, 65%);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 6px);
    transition: var(--transition, all 0.25s ease);
    }
    main.getting-started .crux:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    background: hsla(85, 77%, 45%, 0.08);
    }
    main.getting-started .fathom{
    color: hsl(85, 5%, 30%);
    font-size: 0.875rem;
    user-select: none;
    }
    main.getting-started .quill{
    font-size: 0.8rem;
    color: hsl(85, 5%, 40%);
    margin: 8px 0 0;
    }
    @media (max-width: 600px) {main.getting-started .tundra{
    padding: 36px 16px 28px;
    margin-top: 56px;
    }
    main.getting-started .orbit{
    gap: 4px;
    }
    main.getting-started .crux{
    font-size: 0.8125rem;
    padding: 4px 6px;
    }
    main.getting-started .fathom{
    font-size: 0.8125rem;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.system-requirements{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--page-text);
    background: var(--page-bg);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    }
    main.system-requirements *, main.system-requirements *::before, main.system-requirements *::after{
    box-sizing: border-box;
    }
    main.system-requirements .xeno{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    background: linear-gradient(160deg, hsl(85, 20%, 14%) 0%, hsl(85, 15%, 22%) 60%, hsl(144, 18%, 20%) 100%);
    color: #fff;
    }
    main.system-requirements .xeno::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(85, 77%, 50%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.system-requirements .spark{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.system-requirements .vale{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    background: hsla(85, 77%, 50%, 0.15);
    border: 1px solid hsla(85, 77%, 50%, 0.25);
    border-radius: 20px;
    font-size: 0.8rem;
    color: hsl(85, 70%, 70%);
    margin-bottom: 24px;
    letter-spacing: 0.02em;
    }
    main.system-requirements .xeno h1{
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    }
    main.system-requirements .xeno h1 span{
    color: hsl(85, 77%, 60%);
    }
    main.system-requirements .axiom{
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.72);
    max-width: 680px;
    margin: 0 0 32px;
    line-height: 1.75;
    }
    main.system-requirements .ripple{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    }
    main.system-requirements .fable{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    border-radius: var(--page-radius-sm);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    }
    main.system-requirements .trove{
    background: var(--page-primary);
    color: hsl(85, 10%, 7%);
    box-shadow: 0 2px 8px hsla(85, 77%, 42%, 0.3);
    }
    main.system-requirements .trove:hover{
    background: hsl(85, 77%, 48%);
    box-shadow: 0 4px 16px hsla(85, 77%, 42%, 0.4);
    transform: translateY(-1px);
    }
    main.system-requirements .velvet{
    background: hsla(255, 255, 255, 0.08);
    color: #fff;
    border: 1px solid hsla(255, 255, 255, 0.2);
    }
    main.system-requirements .velvet:hover{
    background: hsla(255, 255, 255, 0.14);
    }
    main.system-requirements .plume{
    max-width: 1100px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.system-requirements .glacier{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
    }
    main.system-requirements .phantom{
    color: var(--page-text-muted);
    font-size: 0.95rem;
    margin: 0 0 36px;
    }
    
    main.system-requirements .blaze{
    background: var(--page-surface);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .whisk{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    }
    main.system-requirements .dune{
    padding: 32px 24px;
    text-align: center;
    border-right: 1px solid var(--page-border);
    }
    main.system-requirements .dune:last-child{
    border-right: none;
    }
    main.system-requirements .jinx{
    width: 44px;
    height: 44px;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--page-primary-light);
    border-radius: 10px;
    color: var(--page-primary);
    }
    main.system-requirements .jinx svg{
    width: 22px;
    height: 22px;
    }
    main.system-requirements .obsidian{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 4px;
    }
    main.system-requirements .zinc{
    font-size: 0.82rem;
    color: var(--page-text-muted);
    }
    
    main.system-requirements .unity{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }
    main.system-requirements .umbra{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 28px 24px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    }
    main.system-requirements .umbra:hover{
    box-shadow: var(--page-shadow-lg);
    border-color: hsl(85, 30%, 78%);
    }
    main.system-requirements .nectar{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    }
    main.system-requirements .cobalt{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.system-requirements .cobalt svg{
    width: 22px;
    height: 22px;
    }
    main.system-requirements .cobalt.glyph{
    background: hsl(207, 80%, 94%);
    color: hsl(207, 80%, 45%);
    }
    main.system-requirements .cobalt.ivory{
    background: hsl(40, 80%, 92%);
    color: hsl(40, 70%, 40%);
    }
    main.system-requirements .cobalt.wren{
    background: hsl(0, 0%, 92%);
    color: hsl(0, 0%, 30%);
    }
    main.system-requirements .umbra h3{
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0;
    }
    main.system-requirements .delta{
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 2px;
    }
    main.system-requirements .delta.karma{
    background: hsl(85, 60%, 90%);
    color: hsl(85, 60%, 30%);
    }
    main.system-requirements .delta.mantle{
    background: hsl(40, 60%, 90%);
    color: hsl(40, 60%, 30%);
    }
    main.system-requirements .umbra ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.system-requirements .umbra li{
    padding: 7px 0;
    font-size: 0.9rem;
    color: var(--page-text);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
    }
    main.system-requirements .umbra li::before{
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--page-primary);
    flex-shrink: 0;
    margin-top: 8px;
    }
    
    main.system-requirements .sr-detail-section{
    background: var(--page-surface);
    border-top: 1px solid var(--page-border);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .sr-table-wrap{
    overflow-x: auto;
    }
    main.system-requirements .sr-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    }
    main.system-requirements .sr-table thead{
    background: var(--page-surface-alt);
    }
    main.system-requirements .sr-table th{
    text-align: left;
    padding: 14px 20px;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--page-text-muted);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .sr-table td{
    padding: 16px 20px;
    border-bottom: 1px solid var(--page-border);
    vertical-align: top;
    }
    main.system-requirements .sr-table tbody tr:last-child td{
    border-bottom: none;
    }
    main.system-requirements .sr-table tbody tr:hover{
    background: hsla(85, 30%, 50%, 0.04);
    }
    main.system-requirements .sr-table .req-label{
    font-weight: 600;
    white-space: nowrap;
    min-width: 140px;
    }
    main.system-requirements .sr-check{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: var(--page-secondary);
    font-weight: 500;
    }
    main.system-requirements .sr-check svg{
    width: 16px;
    height: 16px;
    }
    
    main.system-requirements .sr-visual{
    padding: 0 24px 64px;
    max-width: 1100px;
    margin: 0 auto;
    }
    main.system-requirements .sr-visual-wrap{
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    border: 1px solid var(--page-border);
    }
    main.system-requirements .sr-visual-wrap img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16/9;
    object-fit: cover;
    }
    
    main.system-requirements .sr-wine{
    background: linear-gradient(135deg, hsl(144, 15%, 96%) 0%, hsl(85, 10%, 96%) 100%);
    border-top: 1px solid var(--page-border);
    }
    main.system-requirements .sr-wine-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
    }
    main.system-requirements .sr-wine h3{
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0 0 12px;
    }
    main.system-requirements .sr-wine p{
    color: var(--page-text-muted);
    font-size: 0.92rem;
    margin: 0 0 16px;
    line-height: 1.7;
    }
    main.system-requirements .sr-wine-steps{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: wine-step;
    }
    main.system-requirements .sr-wine-steps li{
    counter-increment: wine-step;
    display: flex;
    gap: 14px;
    padding: 12px 0;
    font-size: 0.9rem;
    line-height: 1.6;
    }
    main.system-requirements .sr-wine-steps li::before{
    content: counter(wine-step);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--page-secondary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 1px;
    }
    main.system-requirements .sr-wine-note{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-sm);
    padding: 18px 20px;
    font-size: 0.85rem;
    color: var(--page-text-muted);
    line-height: 1.65;
    }
    main.system-requirements .sr-wine-note strong{
    color: var(--page-text);
    }
    
    main.system-requirements .sr-arch-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    }
    main.system-requirements .sr-arch-card{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 28px;
    position: relative;
    overflow: hidden;
    }
    main.system-requirements .sr-arch-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    }
    main.system-requirements .sr-arch-card.arch-32::before{
    background: hsl(85, 50%, 65%);
    }
    main.system-requirements .sr-arch-card.arch-64::before{
    background: var(--page-primary);
    }
    main.system-requirements .sr-arch-card h3{
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 6px;
    }
    main.system-requirements .sr-arch-card .arch-sub{
    font-size: 0.82rem;
    color: var(--page-text-muted);
    margin: 0 0 18px;
    }
    main.system-requirements .sr-arch-list{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.system-requirements .sr-arch-list li{
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    font-size: 0.88rem;
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .sr-arch-list li:last-child{
    border-bottom: none;
    }
    main.system-requirements .sr-arch-list .arch-key{
    color: var(--page-text-muted);
    }
    main.system-requirements .sr-arch-list .arch-val{
    font-weight: 600;
    }
    main.system-requirements .sr-arch-recommend{
    display: inline-block;
    margin-top: 16px;
    padding: 5px 12px;
    background: hsl(85, 60%, 92%);
    color: hsl(85, 60%, 28%);
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 4px;
    }
    
    main.system-requirements .sr-cta{
    text-align: center;
    padding: 64px 24px;
    background: linear-gradient(160deg, hsl(85, 20%, 14%) 0%, hsl(144, 18%, 20%) 100%);
    color: #fff;
    }
    main.system-requirements .sr-cta h2{
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 12px;
    }
    main.system-requirements .sr-cta p{
    color: hsla(0, 0%, 100%, 0.65);
    font-size: 0.95rem;
    margin: 0 0 28px;
    }
    main.system-requirements .sr-cta .trove{
    font-size: 1rem;
    padding: 15px 36px;
    }
    
    main.system-requirements .sr-footer{
    background: hsl(85, 10%, 10%);
    color: hsla(0, 0%, 100%, 0.5);
    padding: 40px 24px;
    }
    main.system-requirements .sr-footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.system-requirements .sr-footer-brand{
    font-size: 1.05rem;
    font-weight: 700;
    color: #fff;
    }
    main.system-requirements .sr-footer-brand span{
    color: hsl(85, 77%, 60%);
    }
    main.system-requirements .sr-footer-links{
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.system-requirements .sr-footer-links a{
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s;
    }
    main.system-requirements .sr-footer-links a:hover{
    color: hsl(85, 77%, 60%);
    }
    main.system-requirements .sr-footer-copy{
    width: 100%;
    text-align: center;
    font-size: 0.8rem;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    }
    
    @media (max-width: 900px) {main.system-requirements .whisk{
    grid-template-columns: repeat(2, 1fr);
    }
    main.system-requirements .dune:nth-child(2){
    border-right: none;
    }
    main.system-requirements .dune:nth-child(1), main.system-requirements .dune:nth-child(2){
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .unity{
    grid-template-columns: 1fr;
    }
    main.system-requirements .sr-wine-grid{
    grid-template-columns: 1fr;
    gap: 32px;
    }
    main.system-requirements .sr-arch-grid{
    grid-template-columns: 1fr;
    }}
    @media (max-width: 600px) {main.system-requirements .xeno{
    padding: 56px 20px 48px;
    }
    main.system-requirements .whisk{
    grid-template-columns: 1fr;
    }
    main.system-requirements .dune{
    border-right: none;
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .dune:last-child{
    border-bottom: none;
    }
    main.system-requirements .plume{
    padding: 48px 20px;
    }
    main.system-requirements .sr-table th, main.system-requirements .sr-table td{
    padding: 12px 14px;
    }
    main.system-requirements .sr-footer-inner{
    flex-direction: column;
    text-align: center;
    }
    main.system-requirements .sr-footer-links{
    justify-content: center;
    }}
    main.system-requirements a{
    color: var(--page-primary);
    text-decoration: none;
    }
    main.system-requirements a:hover{
    text-decoration: underline;
    }
    main.system-requirements .slate{
    background: hsl(85, 10%, 8%);
    color: hsl(85, 5%, 68%);
    padding: 48px 24px 32px;
    margin-top: 80px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }
    main.system-requirements .oxide{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    text-align: center;
    }
    main.system-requirements .riddle{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.system-requirements .cloak{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.system-requirements .halo{
    margin: 0;
    color: hsl(85, 5%, 50%);
    font-size: 13px;
    max-width: 320px;
    }
    main.system-requirements .quarry{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.system-requirements .lynx{
    color: hsl(85, 5%, 68%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 6px);
    transition: var(--transition, all 0.25s ease);
    font-size: 13px;
    }
    main.system-requirements .lynx:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    background: hsla(85, 77%, 45%, 0.08);
    }
    main.system-requirements .yield{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: hsl(85, 5%, 30%);
    flex: 0 0 auto; color: #ffffff;}
    main.system-requirements .thorn{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
    padding-top: 24px;
    border-top: 1px solid hsla(85, 5%, 100%, 0.07);
    width: 100%;
    flex: 0 0 auto;
    }
    main.system-requirements .ember{
    font-size: 12px;
    color: hsl(85, 5%, 42%);
    flex: 0 0 auto;
    }
    main.system-requirements .comet{
    font-size: 12px;
    color: hsl(85, 5%, 42%);
    flex: 0 0 auto;
    }
    @media (max-width: 600px) {main.system-requirements .slate{
    padding: 36px 16px 24px;
    margin-top: 48px;
    }
    main.system-requirements .quarry{
    flex-direction: column;
    gap: 4px;
    }
    main.system-requirements .yield{
    display: none;
    }
    main.system-requirements .lynx{
    padding: 6px 14px;
    }
    main.system-requirements .thorn{
    flex-direction: column;
    gap: 4px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.changelog *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.changelog{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--page-text);
    background: var(--page-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
    main.changelog .magnet{
    padding: 80px 24px 60px;
    text-align: center;
    background: linear-gradient(160deg, hsl(85, 10%, 10%) 0%, hsl(85, 15%, 16%) 50%, hsl(144, 15%, 14%) 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    }
    main.changelog .magnet::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(85, 77%, 60%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }
    main.changelog .helix{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: hsla(85, 77%, 60%, 0.12);
    border: 1px solid hsla(85, 77%, 60%, 0.2);
    color: var(--page-primary);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
    }
    main.changelog .magnet h1{
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    margin-bottom: 16px;
    }
    main.changelog .magnet h1 span{
    background: linear-gradient(135deg, var(--page-primary), var(--page-secondary));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.changelog .labyrinth{
    font-size: 17px;
    color: hsla(0, 0%, 100%, 0.65);
    max-width: 600px;
    margin: 0 auto 28px;
    line-height: 1.7;
    }
    main.changelog .paradox{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.changelog .orbit{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: var(--page-radius-sm);
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
    }
    main.changelog .crimson{
    background: linear-gradient(135deg, var(--page-primary), var(--page-primary-dark));
    color: hsl(85, 10%, 7%);
    box-shadow: 0 2px 12px hsla(85, 77%, 60%, 0.3);
    }
    main.changelog .crimson:hover{
    box-shadow: 0 4px 20px hsla(85, 77%, 60%, 0.45);
    transform: translateY(-1px);
    }
    main.changelog .basalt{
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    }
    main.changelog .basalt:hover{
    background: hsla(0, 0%, 100%, 0.14);
    }
    main.changelog .tempest{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.changelog .relic{
    padding: 64px 0;
    }
    main.changelog .scarlet{
    margin-bottom: 40px;
    }
    main.changelog .scarlet h2{
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
    }
    main.changelog .scarlet p{
    color: var(--page-text-muted);
    font-size: 15px;
    }
    main.changelog .spectrum{
    position: relative;
    padding-left: 32px;
    }
    main.changelog .spectrum::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: var(--page-border);
    }
    main.changelog .mirage{
    position: relative;
    margin-bottom: 40px;
    }
    main.changelog .mirage:last-child{
    margin-bottom: 0;
    }
    main.changelog .onyx{
    position: absolute;
    left: -32px;
    top: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--page-surface);
    border: 3px solid var(--page-border);
    z-index: 1;
    }
    main.changelog .mirage.zenith .onyx{
    border-color: var(--page-primary);
    background: var(--page-primary);
    box-shadow: 0 0 0 4px hsla(85, 77%, 60%, 0.15);
    }
    main.changelog .alchemy{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    }
    main.changelog .alchemy:hover{
    box-shadow: 0 4px 24px hsla(85, 10%, 7%, 0.06);
    }
    main.changelog .mirage.zenith .alchemy{
    border-color: hsla(85, 77%, 60%, 0.35);
    }
    main.changelog .aurora{
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    border-bottom: 1px solid var(--page-border);
    }
    main.changelog .fossil{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    }
    main.changelog .beacon{
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    }
    main.changelog .quantum{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    }
    main.changelog .eclipse{
    background: hsla(85, 77%, 60%, 0.15);
    color: var(--page-primary-dark);
    }
    main.changelog .sapphire{
    background: hsla(144, 62%, 60%, 0.12);
    color: hsl(144, 55%, 35%);
    }
    main.changelog .cl-tag-beta{
    background: hsla(40, 90%, 55%, 0.12);
    color: hsl(35, 70%, 38%);
    }
    main.changelog .nebula{
    font-size: 13px;
    color: var(--page-text-light);
    font-weight: 500;
    }
    main.changelog .monolith{
    padding: 20px 24px;
    }
    main.changelog .quartz{
    margin-bottom: 18px;
    }
    main.changelog .quartz:last-child{
    margin-bottom: 0;
    }
    main.changelog .tundra{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
    padding: 3px 10px;
    border-radius: 4px;
    }
    main.changelog .saffron{
    background: hsla(85, 77%, 60%, 0.1);
    color: var(--page-primary-dark);
    }
    main.changelog .titanium{
    background: hsla(0, 70%, 55%, 0.08);
    color: hsl(0, 55%, 45%);
    }
    main.changelog .warden{
    background: hsla(220, 70%, 55%, 0.08);
    color: hsl(220, 55%, 45%);
    }
    main.changelog .horizon{
    background: hsla(280, 60%, 55%, 0.08);
    color: hsl(280, 45%, 45%);
    }
    main.changelog .solstice{
    list-style: none;
    padding: 0;
    }
    main.changelog .solstice li{
    position: relative;
    padding: 4px 0 4px 18px;
    font-size: 14px;
    color: var(--page-text-muted);
    line-height: 1.65;
    }
    main.changelog .solstice li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--page-border);
    }
    main.changelog .vortex{
    padding: 14px 24px;
    border-top: 1px solid var(--page-border);
    background: hsla(85, 5%, 94%, 0.4);
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.changelog .talisman{
    font-size: 13px;
    font-weight: 600;
    color: var(--page-primary-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: color 0.15s;
    }
    main.changelog .talisman:hover{
    color: hsl(85, 70%, 32%);
    }
    main.changelog .talisman svg{
    width: 14px;
    height: 14px;
    }
    main.changelog .cipher{
    width: 1px;
    height: 16px;
    background: var(--page-border);
    }
    main.changelog .cl-banner{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 220px;
    }
    main.changelog .cl-banner-img{
    position: relative;
    overflow: hidden;
    }
    main.changelog .cl-banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.changelog .cl-banner-content{
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    }
    main.changelog .cl-banner-content h2{
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    }
    main.changelog .cl-banner-content p{
    font-size: 14px;
    color: var(--page-text-muted);
    line-height: 1.65;
    }
    main.changelog .cl-archive-section{
    padding: 64px 0 80px;
    background: var(--page-surface-alt);
    }
    main.changelog .cl-archive-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    }
    main.changelog .cl-archive-item{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-sm);
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: box-shadow 0.2s;
    }
    main.changelog .cl-archive-item:hover{
    box-shadow: 0 2px 12px hsla(85, 10%, 7%, 0.05);
    }
    main.changelog .cl-archive-info{
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    main.changelog .cl-archive-ver{
    font-weight: 700;
    font-size: 15px;
    }
    main.changelog .cl-archive-meta{
    font-size: 12px;
    color: var(--page-text-light);
    }
    main.changelog .cl-archive-dl{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: hsla(85, 77%, 60%, 0.1);
    color: var(--page-primary-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.15s;
    flex-shrink: 0;
    }
    main.changelog .cl-archive-dl:hover{
    background: hsla(85, 77%, 60%, 0.2);
    }
    main.changelog .cl-archive-dl svg{
    width: 16px;
    height: 16px;
    }
    main.changelog .cl-links-bar{
    padding: 48px 0;
    text-align: center;
    }
    main.changelog .cl-links-bar p{
    font-size: 15px;
    color: var(--page-text-muted);
    line-height: 1.8;
    }
    main.changelog .cl-links-bar a{
    color: var(--page-primary-dark);
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid hsla(85, 70%, 42%, 0.3);
    transition: border-color 0.15s;
    }
    main.changelog .cl-links-bar a:hover{
    border-color: var(--page-primary-dark);
    }
    main.changelog .cl-footer{
    background: hsl(85, 10%, 10%);
    color: hsla(0, 0%, 100%, 0.5);
    padding: 40px 24px;
    text-align: center;
    }
    main.changelog .cl-footer-inner{
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    }
    main.changelog .cl-footer-brand{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.changelog .cl-footer-tagline{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.35);
    }
    main.changelog .cl-footer-links{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    }
    main.changelog .cl-footer-links a{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.45);
    text-decoration: none;
    transition: color 0.15s;
    }
    main.changelog .cl-footer-links a:hover{
    color: var(--page-primary);
    }
    main.changelog .cl-footer-copy{
    font-size: 12px;
    color: hsla(0, 0%, 100%, 0.3);
    margin-top: 8px;
    }
    @media (max-width: 768px) {main.changelog .magnet{ padding: 60px 20px 48px; }
    main.changelog .relic{ padding: 48px 0; }
    main.changelog .tempest{ padding: 0 16px; }
    main.changelog .cl-banner{ grid-template-columns: 1fr; }
    main.changelog .cl-banner-img{ max-height: 180px; }
    main.changelog .cl-banner-content{ padding: 24px; }
    main.changelog .aurora{ padding: 16px 18px; }
    main.changelog .monolith{ padding: 16px 18px; }
    main.changelog .vortex{ padding: 12px 18px; }
    main.changelog .cl-archive-grid{ grid-template-columns: 1fr; }
    main.changelog .spectrum{ padding-left: 28px; }}
    main.changelog .mercury{
    background: hsl(85, 10%, 8%);
    color: hsl(85, 5%, 65%);
    padding: 48px 24px 32px;
    margin-top: 80px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }
    main.changelog .obelisk{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.changelog .nexus{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    }
    main.changelog .mosaic{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    }
    main.changelog .vertex{
    margin: 0;
    font-size: 13px;
    color: hsl(85, 5%, 50%);
    }
    main.changelog .catalyst{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 14px;
    }
    main.changelog .granite{
    color: hsl(85, 5%, 70%);
    text-decoration: none;
    padding: 4px 2px;
    border-radius: var(--radius-sm, 6px);
    transition: var(--transition, all 0.25s ease);
    }
    main.changelog .granite:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    }
    main.changelog .pulsar{
    color: hsl(85, 5%, 30%);
    user-select: none;
    font-size: 16px;
    line-height: 1;
    }
    main.changelog .cascade{
    padding-top: 20px;
    border-top: 1px solid hsl(85, 5%, 16%);
    width: 100%;
    text-align: center;
    }
    main.changelog .crypt{
    font-size: 13px;
    color: hsl(85, 5%, 42%);
    }
    @media (max-width: 600px) {main.changelog .mercury{
    padding: 36px 16px 24px;
    margin-top: 48px;
    }
    main.changelog .obelisk{
    gap: 20px;
    }
    main.changelog .catalyst{
    gap: 4px 10px;
    }
    main.changelog .granite{
    font-size: 13px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.plugins *, main.plugins *::before, main.plugins *::after{ box-sizing: border-box; }
    main.plugins{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--page-text);
    background: var(--page-bg);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    }
    main.plugins .bloom{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    background: linear-gradient(160deg, hsl(85, 10%, 10%) 0%, hsl(85, 12%, 16%) 50%, hsl(144, 15%, 14%) 100%);
    color: #f0f0f0;
    }
    main.plugins .bloom::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(85, 77%, 60%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.plugins .velvet{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.plugins .bloom h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    }
    main.plugins .bloom h1 span{
    color: var(--page-primary);
    }
    main.plugins .mosaic{
    font-size: 1.05rem;
    color: hsla(0,0%,100%,0.72);
    max-width: 680px;
    margin: 0 0 32px;
    }
    main.plugins .solstice{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    font-size: 0.875rem;
    color: hsla(0,0%,100%,0.55);
    }
    main.plugins .solstice strong{
    color: hsla(0,0%,100%,0.85);
    font-weight: 600;
    }
    main.plugins .zenith{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.plugins .nova{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 8px;
    letter-spacing: -0.01em;
    }
    main.plugins .latch{
    color: var(--page-text-muted);
    font-size: 0.95rem;
    margin: 0 0 36px;
    max-width: 640px;
    }
    main.plugins .cascade{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 16px;
    }
    main.plugins .sigil{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 24px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    }
    main.plugins .sigil:hover{
    box-shadow: var(--page-shadow-lg);
    transform: translateY(-2px);
    }
    main.plugins .wraith{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    }
    main.plugins .wraith svg{
    width: 22px;
    height: 22px;
    }
    main.plugins .forge{ background: hsl(215, 60%, 94%); color: hsl(215, 70%, 45%); }
    main.plugins .mirage{ background: hsl(144, 50%, 92%); color: hsl(144, 60%, 35%); }
    main.plugins .opal{ background: hsl(15, 65%, 93%); color: hsl(15, 70%, 45%); }
    main.plugins .dusk{ background: hsl(0, 55%, 93%); color: hsl(0, 60%, 42%); }
    main.plugins .sigil h3{
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 8px;
    }
    main.plugins .sigil p{
    font-size: 0.875rem;
    color: var(--page-text-muted);
    margin: 0 0 12px;
    line-height: 1.6;
    }
    main.plugins .eclipse{
    display: inline-block;
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 20px;
    background: var(--page-surface-alt);
    color: var(--page-text-muted);
    font-weight: 500;
    }
    main.plugins .nexus{
    background: var(--page-surface);
    border-top: 1px solid var(--page-border);
    border-bottom: 1px solid var(--page-border);
    }
    main.plugins .raven{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.plugins .shard{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.plugins .quartz{
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: step;
    }
    main.plugins .quartz li{
    counter-increment: step;
    position: relative;
    padding: 0 0 28px 52px;
    font-size: 0.95rem;
    }
    main.plugins .quartz li:last-child{ padding-bottom: 0; }
    main.plugins .quartz li::before{
    content: counter(step);
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--page-primary-dark);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.plugins .quartz li::after{
    content: "";
    position: absolute;
    left: 17px;
    top: 40px;
    bottom: 0;
    width: 2px;
    background: var(--page-border);
    }
    main.plugins .quartz li:last-child::after{ display: none; }
    main.plugins .quartz li strong{
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    }
    main.plugins .quartz li span{
    color: var(--page-text-muted);
    font-size: 0.875rem;
    }
    main.plugins .summit{
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    }
    main.plugins .summit img{
    width: 100%;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
    }
    main.plugins .drift{
    background: linear-gradient(160deg, hsl(85, 10%, 10%), hsl(85, 12%, 16%));
    color: #f0f0f0;
    }
    main.plugins .plg-com-inner{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.plugins .plg-com-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
    }
    main.plugins .drift h2{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 8px;
    }
    main.plugins .plg-com-sub{
    color: hsla(0,0%,100%,0.55);
    font-size: 0.95rem;
    margin: 0 0 28px;
    }
    main.plugins .plg-com-info dt{
    font-weight: 600;
    font-size: 0.9rem;
    margin: 0 0 4px;
    color: var(--page-primary);
    }
    main.plugins .plg-com-info dd{
    margin: 0 0 20px;
    font-size: 0.875rem;
    color: hsla(0,0%,100%,0.68);
    line-height: 1.6;
    }
    main.plugins .plg-code-block{
    background: hsl(85, 10%, 8%);
    border: 1px solid hsla(0,0%,100%,0.08);
    border-radius: var(--page-radius-sm);
    padding: 20px;
    overflow-x: auto; color: #ffffff;}
    main.plugins .plg-code-block pre{
    margin: 0;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 0.8rem;
    line-height: 1.7;
    color: hsla(0,0%,100%,0.78);
    }
    main.plugins .plg-code-block .kw{ color: hsl(85, 77%, 60%); }
    main.plugins .plg-code-block .cm{ color: hsla(0,0%,100%,0.35); }
    main.plugins .plg-code-block .str{ color: hsl(144, 62%, 60%); }
    main.plugins .obsidian{
    background: var(--page-surface-alt);
    }
    main.plugins .enigma{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.plugins .jade{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 36px;
    }
    main.plugins .phantom{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 28px;
    }
    main.plugins .phantom h3{
    font-size: 1.05rem;
    font-weight: 600;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    }
    main.plugins .ember{
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    }
    main.plugins .nebula{ background: hsl(85, 50%, 90%); color: var(--page-primary-dark); }
    main.plugins .ignite{ background: hsl(144, 40%, 90%); color: var(--page-secondary-dark); }
    main.plugins .pulse{ background: hsl(215, 50%, 92%); color: hsl(215, 60%, 40%); }
    main.plugins .phantom p{
    font-size: 0.875rem;
    color: var(--page-text-muted);
    margin: 0 0 16px;
    line-height: 1.6;
    }
    main.plugins .phantom ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.plugins .phantom ul li{
    font-size: 0.825rem;
    color: var(--page-text-muted);
    padding: 5px 0;
    border-top: 1px solid var(--page-border);
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.plugins .phantom ul li svg{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--page-primary-dark);
    }
    main.plugins .plg-detail-section{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.plugins .plg-detail-layout{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.plugins .plg-detail-img{
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    }
    main.plugins .plg-detail-img img{
    width: 100%;
    display: block;
    aspect-ratio: 4/3;
    object-fit: cover;
    }
    main.plugins .plg-detail-text h2{
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 12px;
    }
    main.plugins .plg-detail-text p{
    font-size: 0.925rem;
    color: var(--page-text-muted);
    margin: 0 0 20px;
    line-height: 1.65;
    }
    main.plugins .plg-detail-text .plg-cta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--page-primary-dark);
    color: #fff;
    text-decoration: none;
    border-radius: var(--page-radius-sm);
    font-size: 0.9rem;
    font-weight: 600;
    transition: background 0.2s ease, transform 0.15s ease;
    box-shadow: 0 2px 8px hsla(85, 70%, 38%, 0.3);
    }
    main.plugins .plg-detail-text .plg-cta:hover{
    background: hsl(85, 70%, 32%);
    transform: translateY(-1px);
    }
    main.plugins .plg-detail-text .plg-cta svg{
    width: 16px;
    height: 16px;
    }
    main.plugins .plg-links{
    background: var(--page-surface-alt);
    border-top: 1px solid var(--page-border);
    }
    main.plugins .plg-links-inner{
    max-width: 1080px;
    margin: 0 auto;
    padding: 48px 24px;
    text-align: center;
    }
    main.plugins .plg-links-inner p{
    font-size: 0.95rem;
    color: var(--page-text-muted);
    margin: 0 0 20px;
    }
    main.plugins .plg-links-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    }
    main.plugins .plg-links-row a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-sm);
    background: var(--page-surface);
    color: var(--page-text);
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: border-color 0.2s, box-shadow 0.2s;
    }
    main.plugins .plg-links-row a:hover{
    border-color: var(--page-primary-dark);
    box-shadow: var(--page-shadow);
    }
    main.plugins .plg-footer{
    background: hsl(85, 10%, 10%);
    color: hsla(0,0%,100%,0.5);
    padding: 40px 24px;
    }
    main.plugins .plg-footer-inner{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    }
    main.plugins .plg-footer-brand{
    font-size: 1rem;
    font-weight: 700;
    color: hsla(0,0%,100%,0.8);
    }
    main.plugins .plg-footer-brand small{
    display: block;
    font-weight: 400;
    font-size: 0.8rem;
    color: hsla(0,0%,100%,0.4);
    margin-top: 2px;
    }
    main.plugins .plg-footer-copy{
    font-size: 0.8rem;
    }
    main.plugins .plg-footer-links{
    display: flex;
    gap: 20px;
    }
    main.plugins .plg-footer-links a{
    color: hsla(0,0%,100%,0.5);
    text-decoration: none;
    font-size: 0.8rem;
    transition: color 0.2s;
    }
    main.plugins .plg-footer-links a:hover{
    color: var(--page-primary);
    }
    @media (max-width: 768px) {main.plugins .bloom{ padding: 56px 20px 48px; }
    main.plugins .shard, main.plugins .plg-com-layout, main.plugins .plg-detail-layout{ grid-template-columns: 1fr; gap: 32px; }
    main.plugins .plg-detail-layout .plg-detail-img{ order: -1; }
    main.plugins .cascade{ grid-template-columns: 1fr 1fr; }
    main.plugins .jade{ grid-template-columns: 1fr; }
    main.plugins .plg-footer-inner{ flex-direction: column; text-align: center; }}
    @media (max-width: 480px) {main.plugins .cascade{ grid-template-columns: 1fr; }}
    main.plugins .vortex{
    background: hsl(85, 10%, 8%);
    color: hsl(85, 5%, 72%);
    padding: 48px 24px 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }
    main.plugins .cobalt{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.plugins .flint{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    }
    main.plugins .optic{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    }
    main.plugins .torch{
    margin: 0;
    font-size: 13px;
    color: hsl(85, 5%, 50%);
    }
    main.plugins .aurora{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }
    main.plugins .glacier{
    color: hsl(85, 5%, 72%);
    text-decoration: none;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 6px);
    transition: var(--transition, all 0.25s ease);
    font-size: 13px;
    }
    main.plugins .glacier:hover{
    color: #fff;
    background: hsla(85, 77%, 45%, 0.12);
    }
    main.plugins .tundra{
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: hsl(85, 5%, 30%);
    flex-shrink: 0; color: #ffffff;}
    main.plugins .husk{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 20px;
    padding-top: 24px;
    border-top: 1px solid hsla(85, 5%, 100%, 0.07);
    width: 100%;
    }
    main.plugins .crest{
    font-size: 12px;
    color: hsl(85, 5%, 42%);
    flex-shrink: 0;
    }
    main.plugins .cipher{
    font-size: 12px;
    color: hsl(85, 5%, 36%);
    flex-shrink: 0;
    }
    @media (max-width: 600px) {main.plugins .vortex{
    padding: 36px 16px 24px;
    }
    main.plugins .cobalt{
    gap: 20px;
    }
    main.plugins .aurora{
    gap: 4px;
    }
    main.plugins .glacier{
    padding: 6px 8px;
    font-size: 12px;
    }
    main.plugins .husk{
    flex-direction: column;
    gap: 4px;
    padding-top: 18px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .torchSnap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: rgba(247, 248, 246, 0.88);
    }
    .fq7x {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    gap: 8px;
    }
    
    .burrow {
    flex-shrink: 0;
    margin-right: 12px;
    }
    .glintRay {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .quilted {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    }
    .prism {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .nubPatch {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 2px;
    flex: 1;
    min-width: 0;
    }
    .vortex_9 {
    flex-shrink: 0;
    }
    .bramble {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    white-space: nowrap;
    transition: var(--transition);
    }
    .bramble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .duskFog {
    flex-shrink: 0;
    margin-left: auto;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    cursor: pointer;
    }
    .zephyr:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    transform: translateY(-1px);
    filter: brightness(1.05);
    }
    .smelt {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .sableHue {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    margin-left: auto;
    transition: var(--transition);
    }
    .sableHue:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .crestWave {
    display: block;
    width: 20px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .tangoLime {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .tangoLime.is-visible {
    display: block;
    opacity: 1;
    }
    
    .kv3 {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    flex-direction: column;
    }
    .rune_cast {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .pixDust:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .jotLine {
    list-style: none;
    padding: 8px 12px;
    }
    .crumble {
    display: block;
    padding: 12px 14px;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    }
    .crumble:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .whelk {
    padding: 12px 20px 24px;
    margin-top: auto;
    }
    .oaken {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(106, 190, 48, 0.3);
    transition: var(--transition);
    }
    .oaken:hover {
    box-shadow: 0 4px 16px rgba(106, 190, 48, 0.4);
    filter: brightness(1.05);
    }
    
    .kv3.is-open {
    transform: translateX(0);
    }
    
    @media (max-width: 960px) {.nubPatch,
    .duskFog {
    display: none;
    }
    .sableHue {
    display: flex;
    }
    .kv3 {
    display: flex;
    }}
    @media (max-width: 360px) {.fq7x {
    padding: 0 16px;
    }}
    .bramble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.faq.vivid{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--faq-text, #111);
    background: var(--faq-bg, #f7f7f6);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    }
    main.faq.vivid *, main.faq.vivid *::before, main.faq.vivid *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    main.faq.vivid a{
    color: var(--faq-primary-dark);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.faq.vivid a:hover{
    border-bottom-color: var(--faq-primary-dark);
    }
    
    main.faq .bolt{
    position: relative;
    padding: 72px 24px 56px;
    text-align: center;
    background: linear-gradient(168deg, hsl(85, 10%, 7%) 0%, hsl(85, 12%, 14%) 100%);
    color: #fff;
    overflow: hidden;
    }
    main.faq .bolt::after{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 50% at 50% 0%, hsla(85, 77%, 60%, 0.12), transparent);
    pointer-events: none;
    }
    main.faq .mist{
    position: relative;
    z-index: 1;
    max-width: 720px;
    margin: 0 auto;
    }
    main.faq .bolt h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 16px;
    }
    main.faq .bolt h1 span{
    color: var(--faq-primary);
    }
    main.faq .apex{
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.7);
    max-width: 560px;
    margin: 0 auto;
    }
    
    main.faq .etch{
    max-width: 520px;
    margin: 28px auto 0;
    position: relative;
    }
    main.faq .etch svg{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--faq-text-muted);
    pointer-events: none;
    }
    main.faq .quill{
    width: 100%;
    padding: 14px 18px 14px 46px;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 50px;
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s, background 0.2s;
    }
    main.faq .quill::placeholder{
    color: hsla(0, 0%, 100%, 0.4);
    }
    main.faq .quill:focus{
    border-color: var(--faq-primary);
    background: hsla(0, 0%, 100%, 0.12);
    }
    
    main.faq .faq-quick-nav{
    max-width: 960px;
    margin: -28px auto 0;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    }
    main.faq .faq-quick-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
    }
    main.faq .faq-quick-card{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 20px;
    background: var(--faq-surface);
    border-radius: var(--faq-radius);
    box-shadow: 0 2px 12px hsla(85, 10%, 7%, 0.06);
    cursor: pointer;
    transition: transform 0.18s, box-shadow 0.18s;
    text-decoration: none;
    border: 1px solid var(--faq-border);
    color: var(--faq-text);
    }
    main.faq .faq-quick-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px hsla(85, 10%, 7%, 0.1);
    border-bottom-color: transparent;
    }
    main.faq .faq-quick-icon{
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.1rem;
    }
    main.faq .faq-quick-icon svg{
    width: 20px;
    height: 20px;
    }
    main.faq .faq-quick-icon--install{ background: hsla(85, 77%, 60%, 0.15); color: var(--faq-primary-dark); }
    main.faq .faq-quick-icon--encoding{ background: hsla(144, 62%, 60%, 0.15); color: var(--faq-secondary-dark); }
    main.faq .faq-quick-icon--vcs{ background: hsla(220, 70%, 60%, 0.12); color: hsl(220, 60%, 45%); }
    main.faq .faq-quick-icon--perf{ background: hsla(35, 80%, 55%, 0.12); color: hsl(35, 70%, 40%); }
    main.faq .faq-quick-label{
    font-size: 0.88rem;
    font-weight: 600;
    }
    
    main.faq .reef{
    max-width: 960px;
    margin: 0 auto;
    padding: 48px 24px 64px;
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 40px;
    align-items: start;
    }
    
    main.faq .vale{
    position: sticky;
    top: 80px;
    }
    main.faq .umber{
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--faq-text-muted);
    margin-bottom: 14px;
    }
    main.faq .onyx{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    }
    main.faq .onyx a{
    display: block;
    padding: 7px 12px;
    font-size: 0.84rem;
    color: var(--faq-text-muted);
    border-radius: var(--faq-radius-sm);
    border-bottom: none;
    transition: background 0.15s, color 0.15s;
    }
    main.faq .onyx a:hover{
    background: hsla(85, 77%, 60%, 0.1);
    color: var(--faq-text);
    border-bottom: none;
    }
    
    main.faq .spark{
    min-width: 0;
    }
    main.faq .wren{
    margin-bottom: 48px;
    }
    main.faq .wren:last-child{
    margin-bottom: 0;
    }
    main.faq .knot{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--faq-border);
    }
    main.faq .knot h2{
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    }
    main.faq .alcove{
    font-size: 0.68rem;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 50px;
    background: hsla(85, 77%, 60%, 0.15);
    color: var(--faq-primary-dark);
    }
    
    main.faq .thorn{
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius);
    margin-bottom: 10px;
    background: var(--faq-surface);
    overflow: hidden;
    transition: box-shadow 0.2s;
    }
    main.faq .thorn:hover{
    box-shadow: 0 2px 10px hsla(85, 10%, 7%, 0.05);
    }
    main.faq .faq-item-toggle{
    display: none;
    }
    main.faq .whirl{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    cursor: pointer;
    font-size: 0.94rem;
    font-weight: 600;
    color: var(--faq-text);
    user-select: none;
    transition: background 0.15s;
    list-style: none;
    }
    main.faq .whirl::-webkit-details-marker{
    display: none;
    }
    main.faq .whirl:hover{
    background: hsla(85, 5%, 93%, 0.6);
    }
    main.faq .glyph{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--faq-text-muted);
    transition: transform 0.25s ease;
    }
    main.faq details[open] .glyph{
    transform: rotate(180deg);
    }
    main.faq .crux{
    padding: 0 20px 20px;
    font-size: 0.9rem;
    color: var(--faq-text-muted);
    line-height: 1.75;
    }
    main.faq .crux p{
    margin-bottom: 10px;
    }
    main.faq .crux p:last-child{
    margin-bottom: 0;
    }
    main.faq .crux code{
    display: inline;
    padding: 2px 7px;
    background: var(--faq-surface-alt);
    border-radius: 4px;
    font-size: 0.84rem;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    color: var(--faq-text);
    }
    main.faq .crux pre{
    margin: 12px 0;
    padding: 16px 18px;
    background: var(--faq-code-bg);
    border-radius: var(--faq-radius-sm);
    overflow-x: auto;
    font-size: 0.82rem;
    line-height: 1.6;
    }
    main.faq .crux pre code{
    background: none;
    padding: 0;
    color: var(--faq-code-text);
    font-size: inherit;
    }
    main.faq .crux ol, main.faq .crux ul{
    padding-left: 20px;
    margin: 8px 0;
    }
    main.faq .crux li{
    margin-bottom: 6px;
    }
    main.faq .crux strong{
    color: var(--faq-text);
    font-weight: 600;
    }
    
    main.faq .faq-tip{
    display: flex;
    gap: 12px;
    padding: 14px 16px;
    background: hsla(85, 77%, 60%, 0.08);
    border-left: 3px solid var(--faq-primary-dark);
    border-radius: 0 var(--faq-radius-sm) var(--faq-radius-sm) 0;
    margin: 12px 0;
    font-size: 0.85rem;
    }
    main.faq .faq-tip-icon{
    flex-shrink: 0;
    margin-top: 1px;
    }
    
    main.faq .faq-visual{
    margin: 48px 0;
    border-radius: var(--faq-radius);
    overflow: hidden;
    position: relative;
    aspect-ratio: 16 / 7;
    }
    main.faq .faq-visual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.faq .faq-visual-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, hsla(85, 10%, 7%, 0.7), transparent 60%);
    display: flex;
    align-items: flex-end;
    padding: 24px 28px; color: #ffffff;}
    main.faq .faq-visual-text{
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    max-width: 400px;
    }
    
    main.faq .faq-cta-banner{
    max-width: 960px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.faq .faq-cta-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 32px 36px;
    background: linear-gradient(135deg, hsl(85, 10%, 7%), hsl(85, 12%, 16%));
    border-radius: var(--faq-radius);
    color: #fff;
    }
    main.faq .faq-cta-text h2{
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 6px;
    }
    main.faq .faq-cta-text p{
    font-size: 0.88rem;
    color: hsla(0, 0%, 100%, 0.65);
    }
    main.faq .faq-cta-actions{
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    }
    main.faq .faq-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    border-radius: 50px;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.15s;
    }
    main.faq .faq-btn:hover{
    transform: translateY(-1px);
    border-bottom: none;
    }
    main.faq .faq-btn--primary{
    background: var(--faq-primary);
    color: hsl(85, 10%, 7%);
    box-shadow: 0 4px 14px hsla(85, 77%, 60%, 0.3);
    }
    main.faq .faq-btn--primary:hover{
    box-shadow: 0 6px 20px hsla(85, 77%, 60%, 0.4);
    }
    main.faq .faq-btn--ghost{
    background: hsla(0, 0%, 100%, 0.1);
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    }
    main.faq .faq-btn--ghost:hover{
    background: hsla(0, 0%, 100%, 0.15);
    }
    
    main.faq .basalt{
    border-top: 1px solid var(--faq-border);
    padding: 36px 24px;
    text-align: center;
    }
    main.faq .orbit{
    font-size: 1rem;
    font-weight: 700;
    color: var(--faq-text);
    margin-bottom: 6px;
    }
    main.faq .haze{
    font-size: 0.78rem;
    color: var(--faq-text-muted);
    margin-bottom: 16px;
    }
    main.faq .yarn{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    }
    main.faq .yarn a{
    font-size: 0.8rem;
    color: var(--faq-text-muted);
    }
    main.faq .ridge{
    font-size: 0.75rem;
    color: var(--faq-text-muted);
    }
    
    @media (max-width: 768px) {main.faq .reef{
    grid-template-columns: 1fr;
    padding: 32px 16px 48px;
    gap: 0;
    }
    main.faq .vale{
    display: none;
    }
    main.faq .bolt{
    padding: 56px 16px 44px;
    }
    main.faq .faq-quick-nav{
    padding: 0 16px;
    }
    main.faq .faq-quick-grid{
    grid-template-columns: 1fr 1fr;
    }
    main.faq .faq-cta-inner{
    flex-direction: column;
    text-align: center;
    padding: 28px 24px;
    }
    main.faq .faq-cta-actions{
    flex-direction: column;
    width: 100%;
    }
    main.faq .faq-btn{
    justify-content: center;
    }
    main.faq .faq-visual{
    aspect-ratio: 16 / 9;
    }}
    @media (max-width: 480px) {main.faq .faq-quick-grid{
    grid-template-columns: 1fr;
    }}
    main.faq .basalt{
    background: hsl(85, 10%, 8%);
    padding: 48px 24px 36px;
    margin-top: 80px; color: #ffffff;}
    main.faq .ivory{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 28px;
    }
    main.faq .loom{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    }
    main.faq .orbit{
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    }
    main.faq .delta{
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.faq .haze{
    font-size: 0.85rem;
    color: hsl(85, 5%, 55%);
    margin: 0;
    line-height: 1.4;
    }
    main.faq .yarn{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 1 auto;
    }
    main.faq .grain{
    font-size: 0.875rem;
    color: hsl(85, 5%, 68%);
    text-decoration: none;
    transition: var(--transition, all 0.25s ease);
    padding: 4px 2px;
    border-radius: var(--radius-sm, 6px);
    }
    main.faq .grain:hover{
    color: var(--primary-color, hsl(85, 77%, 45%));
    }
    main.faq .flux{
    color: hsl(85, 5%, 30%);
    font-size: 0.875rem;
    user-select: none;
    }
    main.faq .fern{
    height: 1px;
    background: hsl(85, 5%, 18%);
    width: 100%; color: #ffffff;}
    main.faq .slate{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    }
    main.faq .ridge{
    font-size: 0.8rem;
    color: hsl(85, 5%, 42%);
    flex: 1 1 auto;
    }
    main.faq .pier{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 28px;
    font-size: 0.875rem;
    font-weight: 600;
    color: hsl(85, 10%, 7%);
    background: var(--primary-color, hsl(85, 77%, 45%));
    border-radius: var(--radius-md, 10px);
    text-decoration: none;
    transition: var(--transition, all 0.25s ease);
    box-shadow: 0 2px 12px hsla(85, 77%, 45%, 0.3);
    flex: 0 0 auto;
    }
    main.faq .pier:hover{
    background: hsl(85, 77%, 50%);
    box-shadow: 0 4px 20px hsla(85, 77%, 45%, 0.45);
    transform: translateY(-1px);
    }
    @media (max-width: 640px) {main.faq .basalt{
    padding: 36px 16px 28px;
    margin-top: 56px;
    }
    main.faq .loom{
    flex-direction: column;
    gap: 20px;
    }
    main.faq .yarn{
    gap: 6px;
    }
    main.faq .slate{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }
    main.faq .pier{
    width: 100%;
    text-align: center;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

.cc-sec-area.active,
.cc-sec-area.cc-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}