:root {
  --primary-color: hsl(110, 86%, 42%);
  --secondary-color: hsl(184, 68%, 40%);
  --bg-color: hsl(110, 8%, 96%);
  --text-color: hsl(110, 10%, 10%);
  --text-muted: hsl(110, 6%, 42%);
  --border-color: rgba(0, 0, 0, 0.09);
  --radius-sm: 5px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.09);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.13);
  --nav-height: 68px;
  --max-width: 1200px;
  --transition: all 0.25s ease;
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --page-primary: hsl(110, 86%, 43%);
  --page-primary-dark: hsl(110, 86%, 35%);
  --page-secondary: hsl(184, 68%, 45%);
  --page-secondary-dark: hsl(184, 68%, 35%);
  --page-text: hsl(110, 10%, 10%);
  --page-text-light: hsl(110, 8%, 40%);
  --page-bg: hsl(110, 8%, 96%);
  --page-bg-alt: hsl(110, 10%, 92%);
  --page-white: #ffffff;
  --page-radius: 12px;
  --page-radius-lg: 16px;
  --page-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --page-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --page-gradient: linear-gradient(135deg, var(--page-primary), var(--page-secondary));
  --xsh-primary: hsl(110, 86%, 43%);
  --xsh-primary-dark: hsl(110, 86%, 35%);
  --xsh-secondary: hsl(184, 68%, 43%);
  --xsh-secondary-dark: hsl(184, 68%, 35%);
  --xsh-text: hsl(110, 10%, 10%);
  --xsh-text-light: hsl(110, 6%, 40%);
  --xsh-bg: hsl(110, 8%, 96%);
  --xsh-bg-white: #ffffff;
  --xsh-border: hsl(110, 8%, 88%);
  --xsh-radius: 12px;
  --xsh-radius-sm: 8px;
  --xsh-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --xsh-shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
  --page-card-bg: #ffffff;
  --page-radius-sm: 8px;
  --page-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  --page-border: hsl(110, 8%, 88%);
  --gs-primary: hsl(110, 86%, 43%);
  --gs-primary-dark: hsl(110, 86%, 35%);
  --gs-secondary: hsl(184, 68%, 45%);
  --gs-secondary-dark: hsl(184, 68%, 38%);
  --gs-text: hsl(110, 10%, 10%);
  --gs-text-light: hsl(110, 8%, 40%);
  --gs-bg: hsl(110, 8%, 96%);
  --gs-bg-white: #ffffff;
  --gs-bg-warm: hsl(110, 12%, 93%);
  --gs-border: hsl(110, 8%, 88%);
  --gs-step-line: hsl(110, 40%, 80%);
  --gs-radius: 12px;
  --gs-radius-sm: 8px;
  --gs-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --gs-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --cl-primary: hsl(110, 86%, 43%);
  --cl-primary-dark: hsl(110, 86%, 35%);
  --cl-secondary: hsl(184, 68%, 45%);
  --cl-text: hsl(110, 10%, 10%);
  --cl-text-muted: hsl(110, 6%, 40%);
  --cl-bg: hsl(110, 8%, 96%);
  --cl-bg-white: #ffffff;
  --cl-border: hsl(110, 10%, 88%);
  --cl-border-light: hsl(110, 10%, 92%);
  --cl-tag-new: hsl(110, 70%, 40%);
  --cl-tag-fix: hsl(20, 85%, 52%);
  --cl-tag-improve: hsl(184, 68%, 40%);
  --cl-tag-security: hsl(350, 70%, 50%);
  --cl-tag-new-bg: hsl(110, 60%, 94%);
  --cl-tag-fix-bg: hsl(20, 80%, 95%);
  --cl-tag-improve-bg: hsl(184, 50%, 94%);
  --cl-tag-security-bg: hsl(350, 60%, 95%);
  --cl-shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --cl-shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --cl-shadow-lg: 0 8px 32px rgba(0,0,0,0.1);
  --cl-radius: 12px;
  --cl-radius-sm: 8px;
  --cl-radius-xs: 5px;
  --faq-primary: hsl(110, 86%, 43%);
  --faq-primary-dark: hsl(110, 86%, 35%);
  --faq-secondary: hsl(184, 68%, 43%);
  --faq-secondary-dark: hsl(184, 68%, 35%);
  --faq-text: hsl(110, 10%, 10%);
  --faq-text-light: hsl(110, 8%, 40%);
  --faq-bg: hsl(110, 8%, 96%);
  --faq-white: #ffffff;
  --faq-border: hsl(110, 8%, 88%);
  --faq-card-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --faq-radius: 10px;
  --faq-radius-lg: 16px;
}

*,
    *::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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.index *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.index .cyan08{
    position: relative;
    min-height: 600px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(160deg, hsl(110, 20%, 12%) 0%, hsl(184, 30%, 15%) 100%);
    padding: 80px 24px 60px; color: #ffffff;}
    main.index .cyan08::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.15), transparent 70%);
    pointer-events: none;
    }
    main.index .cyan08::after{
    content: "";
    position: absolute;
    bottom: -100px;
    left: -60px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(184, 68%, 53%, 0.12), transparent 70%);
    pointer-events: none;
    }
    main.index .dewClaw{
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 1;
    }
    main.index .latch h1{
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--page-white);
    line-height: 1.25;
    margin-bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    main.index .latch h1 span{
    background: var(--page-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.index .marbled{
    font-size: 1.1rem;
    color: hsla(0, 0%, 100%, 0.75);
    line-height: 1.75;
    margin-bottom: 12px;
    max-width: 520px;
    }
    main.index .plume{
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    margin-bottom: 32px;
    }
    main.index .quarry{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.index .stanza{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--page-gradient);
    color: hsl(110, 10%, 10%);
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: var(--page-radius);
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px hsla(110, 86%, 53%, 0.35);
    }
    main.index .stanza:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(110, 86%, 53%, 0.45);
    }
    main.index .wren{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: hsla(0, 0%, 100%, 0.1);
    color: var(--page-white);
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: var(--page-radius);
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    }
    main.index .wren:hover{
    background: hsla(0, 0%, 100%, 0.18);
    border-color: hsla(0, 0%, 100%, 0.35);
    }
    main.index .coppice{
    position: relative;
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    aspect-ratio: 16 / 10;
    }
    main.index .coppice img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .coppice::after{
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    border-radius: var(--page-radius-lg);
    pointer-events: none;
    }
    
    main.index .anvil{
    padding: 80px 24px;
    background: var(--page-bg, #f4f5f3);
    }
    main.index .mirth{
    max-width: 1200px;
    margin: 0 auto;
    }
    main.index .auric{
    text-align: center;
    margin-bottom: 56px;
    }
    main.index .auric h2{
    font-size: 2rem;
    font-weight: 700;
    color: var(--page-text, #1a1c18);
    margin-bottom: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    main.index .auric p{
    font-size: 1.05rem;
    color: var(--page-text-light, #5c5f56);
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.7;
    }
    main.index .gnaw{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    }
    main.index .bevel{
    background: var(--page-white);
    border-radius: var(--page-radius-lg);
    padding: 32px 24px;
    text-align: center;
    box-shadow: var(--page-shadow);
    transition: transform 0.25s, box-shadow 0.25s;
    border: 1px solid hsla(110, 10%, 10%, 0.05);
    }
    main.index .bevel:hover{
    transform: translateY(-4px);
    box-shadow: var(--page-shadow-lg);
    }
    main.index .cask{
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.index .cask svg{
    width: 28px;
    height: 28px;
    }
    main.index .cask.jolt5{ background: hsla(110, 86%, 53%, 0.15); }
    main.index .cask.jolt5 svg{ color: var(--page-primary-dark); }
    main.index .cask.oakShade{ background: hsla(184, 68%, 53%, 0.15); }
    main.index .cask.oakShade svg{ color: var(--page-secondary-dark); }
    main.index .cask.talc{ background: hsla(35, 90%, 55%, 0.15); }
    main.index .cask.talc svg{ color: hsl(35, 80%, 40%); }
    main.index .cask.zinc{ background: hsla(280, 60%, 55%, 0.15); }
    main.index .cask.zinc svg{ color: hsl(280, 50%, 42%); }
    main.index .bevel h3{
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--page-text, #1a1c18);
    margin-bottom: 8px;
    }
    main.index .bevel p{
    font-size: 0.9rem;
    color: var(--page-text-light, #5c5f56);
    line-height: 1.6;
    }
    
    main.index .glyph{
    padding: 80px 24px;
    background: var(--page-white);
    }
    main.index .spool{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 64px;
    }
    main.index .spool:last-child{
    margin-bottom: 0;
    }
    main.index .spool.reverse .xsh-feature-img{
    order: -1;
    }
    main.index .xsh-feature-img{
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    aspect-ratio: 16 / 11;
    box-shadow: var(--page-shadow);
    }
    main.index .xsh-feature-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .tundra h2{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--page-text, #1a1c18);
    margin-bottom: 16px;
    line-height: 1.3;
    }
    main.index .tundra p{
    font-size: 1rem;
    color: var(--page-text-light, #5c5f56);
    line-height: 1.75;
    margin-bottom: 12px;
    }
    main.index .grotto{
    list-style: none;
    padding: 0;
    margin-top: 20px;
    }
    main.index .grotto li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.95rem;
    color: var(--page-text, #1a1c18);
    margin-bottom: 10px;
    line-height: 1.6;
    }
    main.index .grotto li svg{
    flex-shrink: 0;
    margin-top: 3px;
    color: var(--page-primary, hsl(110, 86%, 43%));
    }
    main.index .bramble{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 16px;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--page-primary-dark);
    text-decoration: none;
    transition: gap 0.2s;
    }
    main.index .bramble:hover{
    gap: 10px;
    }
    
    main.index .xsh-platforms{
    padding: 80px 24px;
    background: var(--page-bg, #f4f5f3);
    }
    main.index .xsh-platform-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.index .xsh-platform-card{
    background: var(--page-white);
    border-radius: var(--page-radius-lg);
    padding: 36px 28px;
    box-shadow: var(--page-shadow);
    border: 1px solid hsla(110, 10%, 10%, 0.05);
    transition: transform 0.25s, box-shadow 0.25s;
    }
    main.index .xsh-platform-card:hover{
    transform: translateY(-3px);
    box-shadow: var(--page-shadow-lg);
    }
    main.index .xsh-platform-card-icon{
    width: 48px;
    height: 48px;
    margin-bottom: 18px;
    color: var(--page-text, #1a1c18);
    }
    main.index .xsh-platform-card-icon svg{
    width: 100%;
    height: 100%;
    }
    main.index .xsh-platform-card h3{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--page-text, #1a1c18);
    margin-bottom: 8px;
    }
    main.index .xsh-platform-card p{
    font-size: 0.9rem;
    color: var(--page-text-light, #5c5f56);
    line-height: 1.65;
    margin-bottom: 16px;
    }
    main.index .xsh-platform-card .xsh-tag{
    display: inline-block;
    padding: 4px 12px;
    background: hsla(110, 86%, 53%, 0.1);
    color: var(--page-primary-dark);
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 20px;
    }
    
    main.index .xsh-cta{
    padding: 80px 24px;
    background: linear-gradient(160deg, hsl(110, 20%, 12%) 0%, hsl(184, 30%, 15%) 100%);
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.index .xsh-cta::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.08), transparent 70%);
    pointer-events: none;
    }
    main.index .xsh-cta-inner{
    position: relative;
    z-index: 1;
    max-width: 640px;
    margin: 0 auto;
    }
    main.index .xsh-cta h2{
    font-size: 2rem;
    font-weight: 700;
    color: var(--page-white);
    margin-bottom: 16px;
    }
    main.index .xsh-cta p{
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.7);
    line-height: 1.7;
    margin-bottom: 32px;
    }
    main.index .xsh-cta-actions{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    
    main.index .ridgeLine{
    padding: 60px 24px;
    background: var(--page-white);
    }
    main.index .oat_mill{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    }
    main.index .crest_ion{
    text-align: center;
    padding: 24px 16px;
    }
    main.index .cinder{
    font-size: 2rem;
    font-weight: 800;
    background: var(--page-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 6px;
    }
    main.index .sulfur{
    font-size: 0.9rem;
    color: var(--page-text-light, #5c5f56);
    }
    
    main.index .xsh-footer{
    background: hsl(110, 12%, 10%);
    padding: 48px 24px 32px;
    color: hsla(0, 0%, 100%, 0.6);
    }
    main.index .xsh-footer-inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    }
    main.index .xsh-footer-brand{
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--page-white);
    margin-bottom: 12px;
    }
    main.index .xsh-footer-brand span{
    background: var(--page-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.index .xsh-footer-desc{
    font-size: 0.875rem;
    line-height: 1.7;
    max-width: 300px;
    }
    main.index .xsh-footer-col h4{
    color: var(--page-white);
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    }
    main.index .xsh-footer-col a{
    display: block;
    color: hsla(0, 0%, 100%, 0.55);
    text-decoration: none;
    font-size: 0.875rem;
    margin-bottom: 10px;
    transition: color 0.2s;
    }
    main.index .xsh-footer-col a:hover{
    color: var(--page-white);
    }
    main.index .xsh-footer-bottom{
    max-width: 1200px;
    margin: 32px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8rem;
    }
    main.index .xsh-footer-bottom a{
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    margin-left: 20px;
    transition: color 0.2s;
    }
    main.index .xsh-footer-bottom a:hover{
    color: var(--page-white);
    }
    
    @media (max-width: 1024px) {main.index .dewClaw{
    grid-template-columns: 1fr;
    gap: 40px;
    }
    main.index .latch h1{ font-size: 2.2rem; }
    main.index .gnaw{ grid-template-columns: repeat(2, 1fr); }
    main.index .spool{ grid-template-columns: 1fr; gap: 32px; }
    main.index .spool.reverse .xsh-feature-img{ order: 0; }
    main.index .xsh-platform-grid{ grid-template-columns: repeat(2, 1fr); }
    main.index .oat_mill{ grid-template-columns: repeat(2, 1fr); }
    main.index .xsh-footer-inner{ grid-template-columns: 1fr 1fr; }}
    @media (max-width: 640px) {main.index .cyan08{ min-height: auto; padding: 60px 16px 40px; }
    main.index .latch h1{ font-size: 1.8rem; }
    main.index .quarry{ flex-direction: column; }
    main.index .stanza, main.index .wren{ width: 100%; justify-content: center; }
    main.index .gnaw{ grid-template-columns: 1fr; }
    main.index .xsh-platform-grid{ grid-template-columns: 1fr; }
    main.index .oat_mill{ grid-template-columns: 1fr 1fr; }
    main.index .xsh-footer-inner{ grid-template-columns: 1fr; gap: 28px; }
    main.index .xsh-footer-bottom{ flex-direction: column; gap: 12px; text-align: center; }
    main.index .xsh-footer-bottom a{ margin-left: 0; margin-right: 12px; }
    main.index .auric h2{ font-size: 1.6rem; }
    main.index .tundra h2{ font-size: 1.4rem; }
    main.index .xsh-cta h2{ font-size: 1.6rem; }}
    main.index .helixRun{
    background: hsl(110, 12%, 12%);
    color: hsl(110, 6%, 72%);
    padding: 48px 24px 32px;
    }
    main.index .ripple{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }
    main.index .sable{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    }
    main.index .basalt{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    }
    main.index .fern7{
    font-size: 14px;
    color: hsl(110, 6%, 52%);
    margin: 0;
    }
    main.index .dapple{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }
    main.index .pivotArm{
    font-size: 14px;
    color: hsl(110, 6%, 68%);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.25s ease);
    }
    main.index .pivotArm:hover{
    color: #fff;
    background: hsla(110, 86%, 42%, 0.12);
    }
    main.index .pondGlow{
    color: hsl(110, 6%, 32%);
    font-size: 14px;
    user-select: none;
    }
    main.index .slateVein{
    display: flex;
    align-items: center;
    gap: 12px;
    }
    main.index .pewter{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: hsl(110, 6%, 58%);
    background: hsla(110, 10%, 100%, 0.06);
    text-decoration: none;
    transition: var(--transition, all 0.25s ease);
    }
    main.index .pewter:hover{
    color: #fff;
    background: var(--primary-color, hsl(110, 86%, 42%));
    box-shadow: 0 4px 16px hsla(110, 86%, 42%, 0.3);
    transform: translateY(-2px);
    }
    main.index .notch{
    font-size: 13px;
    color: hsl(110, 6%, 38%);
    margin: 8px 0 0;
    padding-top: 20px;
    border-top: 1px solid hsla(110, 10%, 100%, 0.07);
    width: 100%;
    text-align: center;
    }
    @media (max-width: 600px) {main.index .helixRun{
    padding: 36px 16px 24px;
    }
    main.index .dapple{
    gap: 4px;
    }
    main.index .pivotArm{
    font-size: 13px;
    padding: 4px 6px;
    }
    main.index .notch{
    font-size: 12px;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.download *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.download .cleft{
    background: linear-gradient(160deg, hsl(110, 40%, 18%) 0%, hsl(184, 50%, 20%) 100%);
    color: #fff;
    padding: 80px 24px 64px;
    text-align: center;
    position: relative;
    overflow: hidden;
    }
    main.download .cleft::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.download .cleft::after{
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, hsla(184, 68%, 53%, 0.10) 0%, transparent 70%);
    pointer-events: none;
    }
    main.download .cleft h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 700;
    margin-bottom: 16px;
    position: relative;
    }
    main.download .plank9{
    font-size: 1.05rem;
    color: hsla(0,0%,100%,0.78);
    max-width: 560px;
    margin: 0 auto 28px;
    line-height: 1.7;
    }
    main.download .nimbus{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(0,0%,100%,0.10);
    border: 1px solid hsla(0,0%,100%,0.15);
    border-radius: 24px;
    padding: 8px 20px;
    font-size: 0.9rem;
    color: hsla(0,0%,100%,0.9);
    }
    main.download .nimbus .mortar{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--xsh-primary);
    display: inline-block;
    }
    main.download .spurLine{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.download .loam{
    padding: 64px 0;
    }
    main.download .barb{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--xsh-text);
    text-align: center;
    margin-bottom: 12px;
    }
    main.download .riddle{
    text-align: center;
    color: var(--xsh-text-light);
    font-size: 0.95rem;
    margin-bottom: 48px;
    line-height: 1.6;
    }
    main.download .garnet{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    }
    main.download .mauve{
    background: var(--xsh-bg-white);
    border: 1px solid var(--xsh-border);
    border-radius: var(--xsh-radius);
    padding: 36px 28px 32px;
    text-align: center;
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    position: relative;
    }
    main.download .mauve:hover{
    box-shadow: var(--xsh-shadow-lg);
    transform: translateY(-4px);
    }
    main.download .patina{
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: hsl(110, 30%, 94%);
    }
    main.download .patina svg{
    width: 28px;
    height: 28px;
    fill: var(--xsh-primary-dark);
    }
    main.download .swig{ background: hsl(184, 30%, 93%); }
    main.download .swig svg{ fill: var(--xsh-secondary-dark); }
    main.download .sprig{ background: hsl(130, 30%, 93%); }
    main.download .sprig svg{ fill: hsl(130, 60%, 36%); }
    main.download .xylem{ background: hsl(220, 20%, 94%); }
    main.download .xylem svg{ fill: hsl(220, 40%, 40%); }
    main.download .mauve h3{
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--xsh-text);
    margin-bottom: 6px;
    }
    main.download .frostBit{
    font-size: 0.82rem;
    color: var(--xsh-text-light);
    margin-bottom: 18px;
    line-height: 1.6;
    }
    main.download .dulcet{
    display: inline-block;
    background: hsl(110, 15%, 94%);
    color: var(--xsh-text-light);
    font-size: 0.78rem;
    padding: 3px 10px;
    border-radius: 12px;
    margin-bottom: 20px;
    }
    main.download .shard{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 32px;
    border-radius: var(--xsh-radius-sm);
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
    }
    main.download .shard:active{ transform: scale(0.97); }
    main.download .husk{
    background: linear-gradient(135deg, var(--xsh-primary) 0%, var(--xsh-primary-dark) 100%);
    color: hsl(110, 10%, 10%);
    box-shadow: 0 4px 16px hsla(110, 86%, 43%, 0.30);
    }
    main.download .husk:hover{
    box-shadow: 0 6px 24px hsla(110, 86%, 43%, 0.40);
    }
    main.download .cruxNode{
    background: linear-gradient(135deg, var(--xsh-secondary) 0%, var(--xsh-secondary-dark) 100%);
    color: #fff;
    box-shadow: 0 4px 16px hsla(184, 68%, 43%, 0.25);
    }
    main.download .cruxNode:hover{
    box-shadow: 0 6px 24px hsla(184, 68%, 43%, 0.35);
    }
    main.download .cairn{
    background: transparent;
    color: var(--xsh-primary-dark);
    border: 2px solid var(--xsh-primary-dark);
    }
    main.download .cairn:hover{
    background: var(--xsh-primary-dark);
    color: #fff;
    }
    main.download .shard svg{
    width: 18px;
    height: 18px;
    fill: currentColor;
    }
    main.download .mauve .shard{ width: 100%; }
    main.download .borax{
    border-color: var(--xsh-primary);
    box-shadow: 0 0 0 1px var(--xsh-primary), var(--xsh-shadow);
    }
    main.download .pebble{
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--xsh-primary-dark);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 600;
    padding: 3px 14px;
    border-radius: 0 0 8px 8px;
    letter-spacing: 0.02em;
    }
    main.download .trellis{
    background: var(--xsh-bg);
    border-top: 1px solid var(--xsh-border);
    }
    main.download .elm_root{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }
    main.download .quill{
    background: var(--xsh-bg-white);
    border: 1px solid var(--xsh-border);
    border-radius: var(--xsh-radius-sm);
    padding: 20px 24px;
    }
    main.download .quill h3{
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--xsh-text);
    margin-bottom: 8px;
    }
    main.download .kelp{
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 0.72rem;
    color: var(--xsh-text-light);
    word-break: break-all;
    line-height: 1.6;
    background: hsl(110, 8%, 94%);
    padding: 10px 14px;
    border-radius: 6px;
    }
    main.download .crag{
    background: var(--xsh-bg-white);
    }
    main.download .oxbow{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    }
    main.download .duskFog{
    border: 1px solid var(--xsh-border);
    border-radius: var(--xsh-radius-sm);
    padding: 28px 24px;
    }
    main.download .duskFog h3{
    font-size: 1rem;
    font-weight: 600;
    color: var(--xsh-text);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.download .duskFog ul{
    list-style: none;
    padding: 0;
    }
    main.download .duskFog li{
    font-size: 0.88rem;
    color: var(--xsh-text-light);
    padding: 5px 0;
    padding-left: 18px;
    position: relative;
    line-height: 1.6;
    }
    main.download .duskFog li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--xsh-primary);
    }
    main.download .dl-security{
    background: var(--xsh-bg);
    border-top: 1px solid var(--xsh-border);
    }
    main.download .dl-security-inner{
    display: flex;
    gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    }
    main.download .dl-security-img{
    flex: 0 0 360px;
    max-width: 100%;
    border-radius: var(--xsh-radius);
    overflow: hidden;
    }
    main.download .dl-security-img img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/10;
    }
    main.download .dl-security-text{
    flex: 1;
    min-width: 260px;
    }
    main.download .dl-security-text h2{
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--xsh-text);
    margin-bottom: 16px;
    }
    main.download .dl-security-text p{
    font-size: 0.92rem;
    color: var(--xsh-text-light);
    line-height: 1.75;
    margin-bottom: 12px;
    }
    main.download .dl-security-badges{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 20px;
    }
    main.download .dl-badge{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--xsh-bg-white);
    border: 1px solid var(--xsh-border);
    border-radius: 20px;
    padding: 6px 16px;
    font-size: 0.82rem;
    color: var(--xsh-text);
    font-weight: 500;
    }
    main.download .dl-badge svg{
    width: 16px;
    height: 16px;
    fill: var(--xsh-primary-dark);
    }
    main.download .dl-links-section{
    background: var(--xsh-bg-white);
    border-top: 1px solid var(--xsh-border);
    padding: 48px 0;
    }
    main.download .dl-links-row{
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    }
    main.download .dl-link-card{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    border: 1px solid var(--xsh-border);
    border-radius: var(--xsh-radius-sm);
    text-decoration: none;
    color: var(--xsh-text);
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--xsh-bg);
    }
    main.download .dl-link-card:hover{
    border-color: var(--xsh-primary);
    box-shadow: 0 2px 12px hsla(110, 86%, 43%, 0.12);
    }
    main.download .dl-link-card svg{
    width: 22px;
    height: 22px;
    fill: var(--xsh-primary-dark);
    flex-shrink: 0;
    }
    main.download .dl-link-card span{
    font-size: 0.92rem;
    font-weight: 500;
    }
    main.download .dl-footer{
    background: hsl(110, 12%, 14%);
    color: hsla(0,0%,100%,0.6);
    padding: 40px 24px;
    text-align: center;
    font-size: 0.85rem;
    line-height: 1.8;
    }
    main.download .dl-footer-brand{
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    letter-spacing: 0.02em;
    }
    main.download .dl-footer a{
    color: hsla(0,0%,100%,0.7);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.download .dl-footer a:hover{ color: var(--xsh-primary); }
    main.download .dl-footer-links{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 14px;
    }
    @media (max-width: 768px) {main.download .cleft{ padding: 60px 20px 48px; }
    main.download .loam{ padding: 48px 0; }
    main.download .garnet{ grid-template-columns: 1fr; }
    main.download .dl-security-inner{ flex-direction: column; }
    main.download .dl-security-img{ flex: none; width: 100%; }
    main.download .elm_root{ grid-template-columns: 1fr; }
    main.download .oxbow{ grid-template-columns: 1fr; }
    main.download .dl-links-row{ flex-direction: column; align-items: center; }}
    main.download .verge{
    background: var(--text-color, #1a1c14);
    color: hsl(110, 8%, 72%);
    padding: 48px 24px 36px;
    margin-top: 0;
    }
    main.download .dawnPeak{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
    }
    main.download .russet{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.download .lucid{
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
    }
    main.download .fathom{
    font-size: 0.88rem;
    color: hsl(110, 6%, 55%);
    margin: 0;
    line-height: 1.5;
    }
    main.download .cusp{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
    }
    main.download .strafe{
    font-size: 0.88rem;
    color: hsl(110, 8%, 72%);
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 4px 0;
    }
    main.download .strafe:hover{
    color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.download .wick{
    color: hsl(110, 4%, 36%);
    font-size: 0.9rem;
    user-select: none;
    }
    main.download .pigment{
    font-size: 0.8rem;
    color: hsl(110, 4%, 44%);
    margin: 8px 0 0;
    line-height: 1.5;
    }
    @media (max-width: 600px) {main.download .verge{
    padding: 36px 16px 28px;
    }
    main.download .dawnPeak{
    gap: 20px;
    }
    main.download .cusp{
    gap: 4px 12px;
    }
    main.download .strafe{
    font-size: 0.82rem;
    }
    main.download .pigment{
    font-size: 0.75rem;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.features *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.features .glacier{
    background: linear-gradient(160deg, hsl(110, 30%, 14%) 0%, hsl(184, 30%, 18%) 100%);
    padding: 100px 24px 80px;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.features .glacier::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .glacier::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(184, 68%, 53%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .glacier h1{
    font-family: var(--page-font);
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    color: #ffffff;
    font-weight: 700;
    line-height: 1.4;
    max-width: 800px;
    margin: 0 auto 20px;
    position: relative;
    z-index: 1;
    }
    main.features .glacier h1 span{
    background: var(--page-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.features .scrim{
    font-family: var(--page-font);
    font-size: 1.05rem;
    color: hsla(0,0%,100%,0.7);
    max-width: 640px;
    margin: 0 auto 36px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
    }
    main.features .talon{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    }
    main.features .lignite{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--page-gradient);
    color: #fff;
    font-family: var(--page-font);
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 20px hsla(110, 86%, 43%, 0.35);
    }
    main.features .lignite:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(110, 86%, 43%, 0.45);
    }
    main.features .quartz{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: transparent;
    color: #fff;
    font-family: var(--page-font);
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid hsla(0,0%,100%,0.3);
    border-radius: 50px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    }
    main.features .quartz:hover{
    border-color: var(--page-primary);
    background: hsla(110, 86%, 43%, 0.08);
    }
    main.features .flux{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.features .beacon{
    padding: 80px 0;
    }
    main.features .flax{
    background: var(--page-bg-alt);
    }
    main.features .cipher{
    font-family: var(--page-font);
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--page-text);
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
    }
    main.features .relic{
    font-family: var(--page-font);
    font-size: 1rem;
    color: var(--page-text-light);
    text-align: center;
    max-width: 600px;
    margin: 0 auto 48px;
    line-height: 1.6;
    }
    main.features .shard{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.features .aurora{
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    padding: 36px 28px;
    box-shadow: var(--page-shadow);
    transition: transform 0.25s, box-shadow 0.25s;
    border: 1px solid hsla(110, 10%, 10%, 0.05);
    }
    main.features .aurora:hover{
    transform: translateY(-4px);
    box-shadow: var(--page-shadow-lg);
    }
    main.features .caulk{
    width: 52px;
    height: 52px;
    border-radius: var(--page-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    }
    main.features .caulk svg{
    width: 28px;
    height: 28px;
    }
    main.features .alcove{ background: hsla(110, 86%, 43%, 0.12); color: var(--page-primary-dark); }
    main.features .vortex{ background: hsla(184, 68%, 43%, 0.12); color: var(--page-secondary-dark); }
    main.features .spore{ background: hsla(30, 80%, 50%, 0.12); color: hsl(30, 80%, 40%); }
    main.features .orbit{ background: hsla(260, 60%, 55%, 0.12); color: #ffffff; }
    main.features .gust{ background: hsla(340, 70%, 50%, 0.12); color: #ffffff; }
    main.features .snag{ background: hsla(50, 80%, 45%, 0.12); color: hsl(50, 80%, 35%); }
    main.features .aurora h3{
    font-family: var(--page-font);
    font-size: 1.15rem;
    color: var(--page-text);
    font-weight: 600;
    margin-bottom: 10px;
    }
    main.features .aurora p{
    font-family: var(--page-font);
    font-size: 0.92rem;
    color: var(--page-text-light);
    line-height: 1.65;
    }
    main.features .aurora .pulse{
    display: inline-block;
    margin-top: 14px;
    padding: 4px 12px;
    font-size: 0.78rem;
    font-family: var(--page-font);
    border-radius: 50px;
    font-weight: 500;
    }
    main.features .alloy{ background: hsla(110, 86%, 43%, 0.1); color: var(--page-primary-dark); }
    main.features .zenith{ background: hsla(184, 68%, 43%, 0.1); color: var(--page-secondary-dark); }
    main.features .jasper{ background: hsla(30, 80%, 50%, 0.1); color: hsl(30, 80%, 38%); }
    main.features .kiln{ background: hsla(260, 60%, 55%, 0.1); color: #ffffff; }
    main.features .blotch{ background: hsla(340, 70%, 50%, 0.1); color: #ffffff; }
    main.features .nib{ background: hsla(50, 80%, 45%, 0.1); color: hsl(50, 80%, 32%); }
    main.features .obsidian{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 64px;
    }
    main.features .obsidian:last-child{
    margin-bottom: 0;
    }
    main.features .feat-detail-row--reverse{
    direction: rtl;
    }
    main.features .feat-detail-row--reverse > *{
    direction: ltr;
    }
    main.features .pyre{
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    aspect-ratio: 16 / 10;
    }
    main.features .pyre img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.features .drift h2{
    font-family: var(--page-font);
    font-size: 1.6rem;
    color: var(--page-text);
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.features .drift p{
    font-family: var(--page-font);
    font-size: 0.95rem;
    color: var(--page-text-light);
    line-height: 1.7;
    margin-bottom: 20px;
    }
    main.features .phantom{
    list-style: none;
    padding: 0;
    }
    main.features .phantom li{
    font-family: var(--page-font);
    font-size: 0.92rem;
    color: var(--page-text);
    padding: 8px 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.5;
    }
    main.features .phantom li svg{
    flex-shrink: 0;
    margin-top: 3px;
    }
    main.features .feat-auth-section{
    background: linear-gradient(160deg, hsl(110, 30%, 14%) 0%, hsl(184, 30%, 18%) 100%);
    padding: 80px 24px;
    text-align: center;
    color: #fff;
    }
    main.features .feat-auth-section h2{
    font-family: var(--page-font);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin-bottom: 12px;
    }
    main.features .feat-auth-section > p{
    font-size: 1rem;
    color: hsla(0,0%,100%,0.7);
    max-width: 600px;
    margin: 0 auto 48px;
    line-height: 1.6;
    }
    main.features .feat-auth-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    max-width: 1000px;
    margin: 0 auto;
    }
    main.features .feat-auth-card{
    background: hsla(0,0%,100%,0.06);
    border: 1px solid hsla(0,0%,100%,0.1);
    border-radius: var(--page-radius);
    padding: 32px 20px;
    backdrop-filter: blur(8px);
    transition: background 0.2s;
    }
    main.features .feat-auth-card:hover{
    background: hsla(0,0%,100%,0.1);
    }
    main.features .feat-auth-card h3{
    font-family: var(--page-font);
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 8px;
    }
    main.features .feat-auth-card p{
    font-family: var(--page-font);
    font-size: 0.85rem;
    color: hsla(0,0%,100%,0.6);
    line-height: 1.55;
    }
    main.features .feat-auth-card .auth-algo{
    display: inline-block;
    margin-top: 12px;
    padding: 3px 10px;
    font-size: 0.75rem;
    font-family: "SF Mono", "Fira Code", monospace;
    background: hsla(110, 86%, 43%, 0.15);
    color: hsl(110, 86%, 65%);
    border-radius: 4px;
    }
    main.features .feat-specs{
    padding: 60px 0;
    background: var(--page-card-bg);
    }
    main.features .feat-specs-inner{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    border: 1px solid hsla(110, 10%, 10%, 0.08);
    border-radius: var(--page-radius);
    overflow: hidden;
    }
    main.features .feat-spec-item{
    padding: 36px 24px;
    text-align: center;
    border-right: 1px solid hsla(110, 10%, 10%, 0.08);
    }
    main.features .feat-spec-item:last-child{
    border-right: none;
    }
    main.features .feat-spec-val{
    font-family: var(--page-font);
    font-size: 2rem;
    font-weight: 700;
    background: var(--page-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 6px;
    }
    main.features .feat-spec-label{
    font-family: var(--page-font);
    font-size: 0.85rem;
    color: var(--page-text-light);
    }
    main.features .feat-cta-section{
    padding: 80px 24px;
    text-align: center;
    background: var(--page-bg);
    }
    main.features .feat-cta-section h2{
    font-family: var(--page-font);
    font-size: clamp(1.4rem, 3vw, 1.8rem);
    color: var(--page-text);
    font-weight: 700;
    margin-bottom: 14px;
    }
    main.features .feat-cta-section p{
    font-family: var(--page-font);
    font-size: 0.95rem;
    color: var(--page-text-light);
    max-width: 520px;
    margin: 0 auto 32px;
    line-height: 1.6;
    }
    main.features .feat-cta-section .feat-cta-links{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 20px;
    }
    main.features .feat-cta-section .feat-cta-links a{
    font-family: var(--page-font);
    font-size: 0.9rem;
    color: var(--page-primary-dark);
    text-decoration: none;
    padding: 6px 0;
    border-bottom: 1px dashed var(--page-primary);
    transition: color 0.2s;
    }
    main.features .feat-cta-section .feat-cta-links a:hover{
    color: var(--page-secondary-dark);
    }
    main.features .feat-footer{
    background: hsl(110, 12%, 12%);
    padding: 48px 24px 32px;
    color: hsla(0,0%,100%,0.5);
    font-family: var(--page-font);
    }
    main.features .feat-footer-inner{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    }
    main.features .feat-footer-brand{
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }
    main.features .feat-footer-tagline{
    font-size: 0.85rem;
    color: hsla(0,0%,100%,0.4);
    }
    main.features .feat-footer-links{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    }
    main.features .feat-footer-col h4{
    font-size: 0.85rem;
    color: hsla(0,0%,100%,0.7);
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    }
    main.features .feat-footer-col a{
    display: block;
    font-size: 0.85rem;
    color: hsla(0,0%,100%,0.45);
    text-decoration: none;
    padding: 3px 0;
    transition: color 0.2s;
    }
    main.features .feat-footer-col a:hover{
    color: var(--page-primary);
    }
    main.features .feat-footer-bottom{
    max-width: 1200px;
    margin: 32px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsla(0,0%,100%,0.08);
    text-align: center;
    font-size: 0.82rem;
    }
    @media (max-width: 1024px) {main.features .shard{ grid-template-columns: repeat(2, 1fr); }
    main.features .feat-auth-grid{ grid-template-columns: repeat(2, 1fr); }
    main.features .feat-specs-inner{ grid-template-columns: repeat(2, 1fr); }
    main.features .feat-spec-item:nth-child(2){ border-right: none; }
    main.features .feat-spec-item:nth-child(1), main.features .feat-spec-item:nth-child(2){ border-bottom: 1px solid hsla(110, 10%, 10%, 0.08); }}
    @media (max-width: 768px) {main.features .glacier{ padding: 80px 20px 60px; }
    main.features .beacon{ padding: 56px 0; }
    main.features .shard{ grid-template-columns: 1fr; }
    main.features .obsidian, main.features .feat-detail-row--reverse{ grid-template-columns: 1fr; gap: 28px; }
    main.features .feat-detail-row--reverse{ direction: ltr; }
    main.features .feat-auth-grid{ grid-template-columns: 1fr; }
    main.features .feat-specs-inner{ grid-template-columns: 1fr; }
    main.features .feat-spec-item{ border-right: none; border-bottom: 1px solid hsla(110, 10%, 10%, 0.08); }
    main.features .feat-spec-item:last-child{ border-bottom: none; }
    main.features .feat-footer-inner{ flex-direction: column; }
    main.features .feat-footer-links{ flex-direction: column; gap: 24px; }}
    main.features .nexus{
    background: var(--text-color, hsl(110, 10%, 10%));
    color: hsl(110, 8%, 72%);
    padding: 48px 24px 32px;
    margin-top: 0;
    }
    main.features .dint{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.features .ravel{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.features .cove{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    }
    main.features .mote{
    font-size: 14px;
    color: hsl(110, 6%, 55%);
    margin: 0;
    text-align: center;
    line-height: 1.5;
    }
    main.features .rumble{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 16px;
    }
    main.features .fennel{
    font-size: 14px;
    color: hsl(110, 8%, 72%);
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 4px 0;
    }
    main.features .fennel:hover{
    color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.features .forge{
    color: hsl(110, 4%, 35%);
    font-size: 14px;
    user-select: none;
    }
    main.features .tuft{
    width: 100%;
    border-top: 1px solid hsl(110, 4%, 22%);
    padding-top: 20px;
    text-align: center;
    }
    main.features .haze{
    font-size: 13px;
    color: hsl(110, 4%, 45%);
    margin: 0;
    }
    @media (max-width: 600px) {main.features .nexus{
    padding: 36px 16px 24px;
    }
    main.features .dint{
    gap: 20px;
    }
    main.features .rumble{
    gap: 4px 12px;
    }
    main.features .fennel{
    font-size: 13px;
    }
    main.features .haze{
    font-size: 12px;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.system-requirements *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.system-requirements .quarry{
    background: linear-gradient(135deg, hsl(110, 40%, 18%) 0%, hsl(184, 35%, 22%) 100%);
    padding: 80px 24px 64px;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.system-requirements .quarry::before{
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle at 30% 70%, hsla(110, 86%, 53%, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 70% 30%, hsla(184, 68%, 53%, 0.06) 0%, transparent 50%);
    pointer-events: none;
    }
    main.system-requirements .crest{
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.system-requirements .quarry h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.35;
    margin-bottom: 16px;
    }
    main.system-requirements .grove{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.78);
    line-height: 1.7;
    max-width: 640px;
    margin: 0 auto 28px;
    }
    main.system-requirements .apex{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(0, 0%, 100%, 0.1);
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 24px;
    padding: 8px 20px;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.7);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.system-requirements .apex svg{
    flex-shrink: 0;
    }
    main.system-requirements .delta7{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.system-requirements .flint{
    padding: 64px 0;
    }
    main.system-requirements .vertex{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }
    main.system-requirements .strata{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    color: var(--page-text-light);
    margin-bottom: 40px;
    line-height: 1.6;
    }
    main.system-requirements .spire{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    }
    main.system-requirements .crux{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    box-shadow: var(--page-shadow);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    }
    main.system-requirements .crux:hover{
    box-shadow: var(--page-shadow-lg);
    transform: translateY(-2px);
    }
    main.system-requirements .rift{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--page-border);
    }
    main.system-requirements .helix{
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.system-requirements .helix.dusk{ background: linear-gradient(135deg, hsl(207, 80%, 52%), hsl(207, 80%, 42%)); }
    main.system-requirements .helix.vale{ background: linear-gradient(135deg, hsl(0, 0%, 22%), hsl(0, 0%, 12%)); color: #ffffff;}
    main.system-requirements .helix.opal{ background: linear-gradient(135deg, hsl(110, 86%, 43%), hsl(110, 86%, 33%)); }
    main.system-requirements .helix.ios{ background: linear-gradient(135deg, hsl(184, 68%, 45%), hsl(184, 68%, 35%)); }
    main.system-requirements .helix svg{ width: 26px; height: 26px; fill: #ffffff; }
    main.system-requirements .thorn{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--page-text);
    }
    main.system-requirements .glyph{
    font-size: 0.8rem;
    color: var(--page-text-light);
    margin-top: 2px;
    }
    main.system-requirements .wisp{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }
    main.system-requirements .briar{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.9rem;
    color: var(--page-text);
    line-height: 1.55;
    }
    main.system-requirements .basalt{
    flex-shrink: 0;
    width: 72px;
    font-weight: 600;
    color: var(--page-text);
    font-size: 0.82rem;
    padding-top: 1px;
    }
    main.system-requirements .nimbus{
    color: hsl(110, 8%, 30%);
    }
    main.system-requirements .cairn{
    display: inline-block;
    background: hsla(110, 86%, 43%, 0.1);
    color: var(--page-primary-dark);
    font-size: 0.75rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 6px;
    }
    main.system-requirements .sr-image-section{
    padding: 0 0 64px;
    }
    main.system-requirements .sr-image-wrapper{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.system-requirements .sr-image-card{
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    position: relative;
    }
    main.system-requirements .sr-image-card img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16/7;
    object-fit: cover;
    }
    main.system-requirements .sr-image-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px 28px 24px;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 100%); color: #ffffff;}
    main.system-requirements .sr-image-overlay p{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.9rem;
    color: hsla(0,0%,100%,0.9);
    line-height: 1.6;
    }
    main.system-requirements .sr-compat-section{
    background: var(--page-card-bg);
    border-top: 1px solid var(--page-border);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .sr-compat-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    }
    main.system-requirements .sr-compat-block h3{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.system-requirements .sr-compat-block h3 svg{
    flex-shrink: 0;
    }
    main.system-requirements .sr-compat-list{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.system-requirements .sr-compat-list li{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.88rem;
    color: hsl(110, 8%, 30%);
    line-height: 1.6;
    padding-left: 20px;
    position: relative;
    }
    main.system-requirements .sr-compat-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    }
    main.system-requirements .sr-compat-list.issues li::before{
    background: hsl(35, 90%, 55%);
    }
    main.system-requirements .sr-compat-list.limits li::before{
    background: hsl(0, 70%, 55%);
    }
    main.system-requirements .sr-table-section{
    background: var(--page-bg);
    }
    main.system-requirements .sr-table-wrap{
    overflow-x: auto;
    border-radius: var(--page-radius);
    border: 1px solid var(--page-border);
    box-shadow: var(--page-shadow);
    }
    main.system-requirements .sr-table{
    width: 100%;
    border-collapse: collapse;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.88rem;
    background: var(--page-card-bg);
    }
    main.system-requirements .sr-table thead{
    background: linear-gradient(135deg, hsl(110, 40%, 18%), hsl(184, 35%, 22%)); color: #ffffff;}
    main.system-requirements .sr-table thead th{
    color: #ffffff;
    font-weight: 600;
    padding: 14px 20px;
    text-align: left;
    white-space: nowrap;
    font-size: 0.85rem;
    }
    main.system-requirements .sr-table tbody td{
    padding: 13px 20px;
    color: var(--page-text);
    border-bottom: 1px solid var(--page-border);
    line-height: 1.5;
    }
    main.system-requirements .sr-table tbody tr:last-child td{
    border-bottom: none;
    }
    main.system-requirements .sr-table tbody tr:hover{
    background: hsla(110, 86%, 53%, 0.04);
    }
    main.system-requirements .sr-check{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsla(110, 86%, 43%, 0.12);
    }
    main.system-requirements .sr-check svg{ width: 14px; height: 14px; }
    main.system-requirements .sr-cross{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsla(0, 70%, 55%, 0.1);
    }
    main.system-requirements .sr-cross svg{ width: 12px; height: 12px; }
    main.system-requirements .sr-faq-section{
    background: var(--page-bg);
    }
    main.system-requirements .sr-faq-list{
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 800px;
    }
    main.system-requirements .sr-faq-item{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    overflow: hidden;
    }
    main.system-requirements .sr-faq-item summary{
    padding: 18px 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--page-text);
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    transition: background 0.2s;
    }
    main.system-requirements .sr-faq-item summary:hover{
    background: hsla(110, 86%, 53%, 0.04);
    }
    main.system-requirements .sr-faq-item summary::-webkit-details-marker{ display: none; }
    main.system-requirements .sr-faq-chevron{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    transition: transform 0.25s ease;
    }
    main.system-requirements .sr-faq-item[open] .sr-faq-chevron{
    transform: rotate(180deg);
    }
    main.system-requirements .sr-faq-answer{
    padding: 0 24px 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.88rem;
    color: hsl(110, 8%, 30%);
    line-height: 1.7;
    }
    main.system-requirements .sr-cta-section{
    background: linear-gradient(135deg, hsl(110, 40%, 18%) 0%, hsl(184, 35%, 22%) 100%);
    padding: 56px 24px;
    text-align: center; color: #ffffff;}
    main.system-requirements .sr-cta-inner{
    max-width: 600px;
    margin: 0 auto;
    }
    main.system-requirements .sr-cta-inner h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
    }
    main.system-requirements .sr-cta-inner p{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    color: hsla(0,0%,100%,0.75);
    margin-bottom: 28px;
    line-height: 1.6;
    }
    main.system-requirements .sr-cta-buttons{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.system-requirements .sr-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--page-primary), var(--page-primary-dark));
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(110, 86%, 43%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.system-requirements .sr-btn-primary:hover{
    transform: translateY(-1px);
    box-shadow: 0 6px 24px hsla(110, 86%, 43%, 0.4);
    }
    main.system-requirements .sr-btn-secondary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(0,0%,100%,0.12);
    border: 1px solid hsla(0,0%,100%,0.25);
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s;
    }
    main.system-requirements .sr-btn-secondary:hover{
    background: hsla(0,0%,100%,0.2);
    }
    main.system-requirements .sr-footer{
    background: hsl(110, 10%, 10%);
    padding: 40px 24px; color: #ffffff;}
    main.system-requirements .sr-footer-inner{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.system-requirements .sr-footer-brand{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: #ffffff;
    }
    main.system-requirements .sr-footer-brand span{
    font-weight: 400;
    font-size: 0.82rem;
    color: hsla(0,0%,100%,0.5);
    margin-left: 12px;
    }
    main.system-requirements .sr-footer-links{
    display: flex;
    gap: 24px;
    list-style: none;
    }
    main.system-requirements .sr-footer-links a{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.82rem;
    color: hsla(0,0%,100%,0.55);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.system-requirements .sr-footer-links a:hover{
    color: hsla(0,0%,100%,0.9);
    }
    main.system-requirements .sr-footer-copy{
    width: 100%;
    text-align: center;
    padding-top: 24px;
    margin-top: 8px;
    border-top: 1px solid hsla(0,0%,100%,0.08);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 0.78rem;
    color: hsla(0,0%,100%,0.4);
    }
    @media (max-width: 768px) {main.system-requirements .quarry{ padding: 60px 20px 48px; }
    main.system-requirements .flint{ padding: 48px 0; }
    main.system-requirements .spire{ grid-template-columns: 1fr; }
    main.system-requirements .sr-compat-grid{ grid-template-columns: 1fr; gap: 28px; }
    main.system-requirements .sr-table{ font-size: 0.82rem; }
    main.system-requirements .sr-table thead th, main.system-requirements .sr-table tbody td{ padding: 10px 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 .sr-cta-section{ padding: 44px 20px; }}
    @media (max-width: 480px) {main.system-requirements .crux{ padding: 24px 20px; }
    main.system-requirements .briar{ flex-direction: column; gap: 4px; }
    main.system-requirements .basalt{ width: auto; }}
    main.system-requirements .echo9{
    background: hsl(110, 10%, 12%);
    color: hsl(110, 6%, 72%);
    padding: 48px 24px 36px;
    margin-top: 80px;
    }
    main.system-requirements .mantle{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
    }
    main.system-requirements .loom{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    }
    main.system-requirements .fable{
    font-size: 1.35rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    }
    main.system-requirements .sigil{
    font-size: 0.875rem;
    color: hsl(110, 6%, 55%);
    margin: 0;
    }
    main.system-requirements .bloom{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 16px;
    }
    main.system-requirements .onyx{
    font-size: 0.875rem;
    color: hsl(110, 6%, 72%);
    text-decoration: none;
    transition: color 0.2s ease;
    padding: 4px 0;
    }
    main.system-requirements .onyx:hover{
    color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.system-requirements .plume{
    color: hsl(110, 6%, 35%);
    font-size: 0.875rem;
    user-select: none;
    }
    main.system-requirements .fjord{
    font-size: 0.8rem;
    color: hsl(110, 6%, 42%);
    margin: 8px 0 0;
    padding-top: 20px;
    border-top: 1px solid hsl(110, 6%, 20%);
    width: 100%;
    text-align: center;
    }
    @media (max-width: 600px) {main.system-requirements .echo9{
    padding: 36px 16px 28px;
    margin-top: 56px;
    }
    main.system-requirements .bloom{
    gap: 6px 12px;
    }
    main.system-requirements .onyx{
    font-size: 0.8125rem;
    }
    main.system-requirements .plume{
    font-size: 0.8125rem;
    }
    main.system-requirements .fjord{
    font-size: 0.75rem;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.getting-started *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.getting-started .jade3{
    position: relative;
    background: linear-gradient(135deg, hsl(110, 30%, 18%) 0%, hsl(184, 40%, 22%) 100%);
    padding: 80px 24px 64px;
    text-align: center;
    overflow: hidden; color: #ffffff;}
    main.getting-started .jade3::before{
    content: "";
    position: absolute;
    top: -50%;
    left: -20%;
    width: 140%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 50%, hsla(110, 86%, 53%, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 30%, hsla(184, 68%, 53%, 0.1) 0%, transparent 50%);
    pointer-events: none;
    }
    main.getting-started .quill{
    position: relative;
    max-width: 780px;
    margin: 0 auto;
    z-index: 1;
    }
    main.getting-started .ivory{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: hsla(110, 86%, 53%, 0.15);
    border: 1px solid hsla(110, 86%, 53%, 0.3);
    color: hsl(110, 70%, 70%);
    font-size: 13px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 24px;
    letter-spacing: 0.3px;
    }
    main.getting-started .jade3 h1{
    color: #ffffff;
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 18px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.getting-started .cascade{
    color: hsla(0, 0%, 100%, 0.78);
    font-size: 17px;
    line-height: 1.7;
    max-width: 620px;
    margin: 0 auto 32px;
    }
    main.getting-started .vigor{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.getting-started .pylon{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));
    color: hsl(110, 10%, 10%);
    font-size: 15px;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: var(--gs-radius);
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(110, 86%, 43%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.getting-started .pylon:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(110, 86%, 43%, 0.45);
    }
    main.getting-started .yield{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(255, 255, 255, 0.1);
    border: 2px solid hsla(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: var(--gs-radius);
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    }
    main.getting-started .yield:hover{
    background: hsla(255, 255, 255, 0.15);
    border-color: hsla(255, 255, 255, 0.5);
    }
    main.getting-started .zenith{
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 36px;
    padding-top: 28px;
    border-top: 1px solid hsla(255, 255, 255, 0.12);
    }
    main.getting-started .nexus{
    display: flex;
    align-items: center;
    gap: 8px;
    color: hsla(0, 0%, 100%, 0.65);
    font-size: 13px;
    }
    main.getting-started .nexus svg{
    width: 16px;
    height: 16px;
    opacity: 0.7;
    }
    main.getting-started .phantom{
    color: hsla(0, 0%, 100%, 0.9);
    font-weight: 600;
    }
    
    main.getting-started .solstice{
    max-width: 1100px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.getting-started .eclipse{
    text-align: center;
    margin-bottom: 48px;
    }
    main.getting-started .eclipse h2{
    font-size: clamp(22px, 3.5vw, 32px);
    color: var(--gs-text, #1a1a1a);
    font-weight: 700;
    margin-bottom: 12px;
    }
    main.getting-started .eclipse p{
    color: var(--gs-text-light, #666);
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
    }
    main.getting-started .latch{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }
    main.getting-started .tundra{
    background: var(--gs-bg-white, #fff);
    border: 1px solid var(--gs-border, #e0e0e0);
    border-radius: var(--gs-radius);
    padding: 28px 24px;
    text-align: center;
    transition: box-shadow 0.25s, transform 0.25s;
    }
    main.getting-started .tundra:hover{
    box-shadow: var(--gs-shadow-lg);
    transform: translateY(-3px);
    }
    main.getting-started .granite{
    width: 52px;
    height: 52px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    }
    main.getting-started .granite svg{
    width: 26px;
    height: 26px;
    }
    main.getting-started .obsidian{
    background: hsla(110, 86%, 53%, 0.12);
    color: var(--gs-primary-dark);
    }
    main.getting-started .quartz{
    background: hsla(184, 68%, 53%, 0.12);
    color: var(--gs-secondary-dark);
    }
    main.getting-started .slate{
    background: hsla(38, 90%, 55%, 0.12);
    color: hsl(38, 80%, 40%);
    }
    main.getting-started .tundra h3{
    font-size: 16px;
    font-weight: 700;
    color: var(--gs-text, #1a1a1a);
    margin-bottom: 8px;
    }
    main.getting-started .tundra p{
    font-size: 14px;
    color: var(--gs-text-light, #666);
    line-height: 1.6;
    }
    
    main.getting-started .notch{
    background: var(--gs-bg-warm, #f0f0f0);
    padding: 64px 24px;
    }
    main.getting-started .brine{
    max-width: 900px;
    margin: 0 auto;
    }
    main.getting-started .whelk{
    text-align: center;
    margin-bottom: 52px;
    }
    main.getting-started .whelk h2{
    font-size: clamp(22px, 3.5vw, 32px);
    color: var(--gs-text, #1a1a1a);
    font-weight: 700;
    margin-bottom: 10px;
    }
    main.getting-started .whelk p{
    color: var(--gs-text-light, #666);
    font-size: 15px;
    }
    main.getting-started .cipher{
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 0 24px;
    margin-bottom: 8px;
    }
    main.getting-started .cipher:last-child .vertex{
    display: none;
    }
    main.getting-started .glacier{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    main.getting-started .grit{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary));
    color: hsl(110, 10%, 10%);
    font-size: 18px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 3px 12px hsla(110, 86%, 43%, 0.3);
    }
    main.getting-started .vertex{
    width: 3px;
    flex: 1;
    background: var(--gs-step-line);
    border-radius: 2px;
    margin: 8px 0;
    min-height: 24px;
    }
    main.getting-started .horizon{
    background: var(--gs-bg-white, #fff);
    border: 1px solid var(--gs-border, #e0e0e0);
    border-radius: var(--gs-radius);
    padding: 28px;
    margin-bottom: 20px;
    }
    main.getting-started .horizon h3{
    font-size: 18px;
    font-weight: 700;
    color: var(--gs-text, #1a1a1a);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    }
    main.getting-started .mirth{
    font-size: 11px;
    font-weight: 600;
    background: hsla(110, 86%, 53%, 0.12);
    color: var(--gs-primary-dark);
    padding: 3px 10px;
    border-radius: 10px;
    }
    main.getting-started .horizon p{
    font-size: 15px;
    color: var(--gs-text-light, #555);
    line-height: 1.7;
    margin-bottom: 12px;
    }
    main.getting-started .horizon p:last-child{
    margin-bottom: 0;
    }
    main.getting-started .cleft{
    width: 100%;
    border-radius: var(--gs-radius-sm);
    margin-top: 16px;
    aspect-ratio: 16/9;
    object-fit: cover;
    border: 1px solid var(--gs-border, #e0e0e0);
    }
    main.getting-started .vortex{
    list-style: none;
    padding: 0;
    margin: 12px 0 0;
    }
    main.getting-started .vortex li{
    font-size: 14px;
    color: var(--gs-text-light, #555);
    line-height: 1.7;
    padding: 4px 0 4px 22px;
    position: relative;
    }
    main.getting-started .vortex li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 12px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--gs-primary);
    opacity: 0.6;
    }
    main.getting-started .gs-code-block{
    background: hsl(110, 8%, 14%);
    color: hsl(110, 20%, 80%);
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    font-size: 13px;
    padding: 14px 18px;
    border-radius: var(--gs-radius-sm);
    margin-top: 12px;
    overflow-x: auto;
    line-height: 1.6;
    }
    main.getting-started .gs-code-block .gs-code-comment{
    color: hsl(110, 15%, 50%);
    }
    main.getting-started .gs-code-block .gs-code-cmd{
    color: hsl(110, 70%, 65%);
    }
    
    main.getting-started .gs-troubleshoot{
    max-width: 900px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.getting-started .gs-troubleshoot-header{
    text-align: center;
    margin-bottom: 40px;
    }
    main.getting-started .gs-troubleshoot-header h2{
    font-size: clamp(22px, 3.5vw, 30px);
    color: var(--gs-text, #1a1a1a);
    font-weight: 700;
    margin-bottom: 10px;
    }
    main.getting-started .gs-troubleshoot-header p{
    color: var(--gs-text-light, #666);
    font-size: 15px;
    }
    main.getting-started .gs-error-list{
    display: flex;
    flex-direction: column;
    gap: 16px;
    }
    main.getting-started .gs-error-item{
    background: var(--gs-bg-white, #fff);
    border: 1px solid var(--gs-border, #e0e0e0);
    border-radius: var(--gs-radius);
    padding: 24px;
    border-left: 4px solid hsl(0, 65%, 55%);
    }
    main.getting-started .gs-error-item h3{
    font-size: 15px;
    font-weight: 700;
    color: hsl(0, 55%, 45%);
    margin-bottom: 8px;
    font-family: "SF Mono", "Fira Code", monospace;
    }
    main.getting-started .gs-error-item p{
    font-size: 14px;
    color: var(--gs-text-light, #555);
    line-height: 1.65;
    }
    main.getting-started .gs-error-fix{
    margin-top: 10px;
    padding: 10px 14px;
    background: hsla(110, 86%, 53%, 0.06);
    border-radius: var(--gs-radius-sm);
    font-size: 14px;
    color: var(--gs-text, #333);
    line-height: 1.6;
    }
    main.getting-started .gs-error-fix strong{
    color: var(--gs-primary-dark);
    }
    
    main.getting-started .gs-cta{
    background: linear-gradient(135deg, hsl(110, 30%, 18%) 0%, hsl(184, 40%, 22%) 100%);
    padding: 56px 24px;
    text-align: center; color: #ffffff;}
    main.getting-started .gs-cta-inner{
    max-width: 600px;
    margin: 0 auto;
    }
    main.getting-started .gs-cta h2{
    color: #ffffff;
    font-size: clamp(22px, 3.5vw, 30px);
    font-weight: 700;
    margin-bottom: 14px;
    }
    main.getting-started .gs-cta p{
    color: hsla(0, 0%, 100%, 0.75);
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 28px;
    }
    main.getting-started .gs-cta-actions{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    
    main.getting-started .gs-footer{
    background: hsl(110, 10%, 10%);
    color: hsla(0, 0%, 100%, 0.55);
    padding: 40px 24px;
    }
    main.getting-started .gs-footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    }
    main.getting-started .gs-footer-brand{
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 8px;
    }
    main.getting-started .gs-footer-tagline{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.4);
    }
    main.getting-started .gs-footer-links{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    }
    main.getting-started .gs-footer-col h4{
    color: hsla(0, 0%, 100%, 0.8);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 14px;
    }
    main.getting-started .gs-footer-col a{
    display: block;
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    font-size: 14px;
    padding: 3px 0;
    transition: color 0.2s;
    }
    main.getting-started .gs-footer-col a:hover{
    color: var(--gs-primary);
    }
    main.getting-started .gs-footer-bottom{
    max-width: 1100px;
    margin: 28px auto 0;
    padding-top: 20px;
    border-top: 1px solid hsla(255, 255, 255, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    }
    main.getting-started .gs-footer-bottom a{
    color: hsla(0, 0%, 100%, 0.45);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.getting-started .gs-footer-bottom a:hover{
    color: var(--gs-primary);
    }
    
    @media (max-width: 768px) {main.getting-started .latch{
    grid-template-columns: 1fr;
    gap: 14px;
    }
    main.getting-started .cipher{
    grid-template-columns: 44px 1fr;
    gap: 0 16px;
    }
    main.getting-started .grit{
    width: 40px;
    height: 40px;
    font-size: 16px;
    }
    main.getting-started .horizon{
    padding: 20px;
    }
    main.getting-started .zenith{
    gap: 16px;
    }
    main.getting-started .gs-footer-inner{
    flex-direction: column;
    }
    main.getting-started .gs-footer-links{
    gap: 28px;
    }
    main.getting-started .gs-footer-bottom{
    flex-direction: column;
    text-align: center;
    }
    main.getting-started .jade3{
    padding: 60px 20px 48px;
    }}
    @media (max-width: 480px) {main.getting-started .vigor{
    flex-direction: column;
    align-items: center;
    }
    main.getting-started .pylon, main.getting-started .yield{
    width: 100%;
    justify-content: center;
    max-width: 280px;
    }
    main.getting-started .gs-cta-actions{
    flex-direction: column;
    align-items: center;
    }}
    main.getting-started .drape{
    background: hsl(110, 12%, 12%);
    color: hsl(110, 8%, 78%);
    padding: 56px 24px 0;
    margin-top: 0;
    }
    main.getting-started .xeric{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    gap: 48px;
    padding-bottom: 48px;
    border-bottom: 1px solid hsla(110, 20%, 90%, 0.1);
    }
    main.getting-started .grain{
    flex: 1.5;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.getting-started .ridge{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    }
    main.getting-started .trove{
    font-size: 14px;
    line-height: 1.65;
    color: hsl(110, 6%, 55%);
    max-width: 280px;
    margin: 0;
    }
    main.getting-started .oxide{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.getting-started .sapphire{
    font-size: 13px;
    font-weight: 600;
    color: hsl(110, 6%, 70%);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin-bottom: 6px;
    }
    main.getting-started .umbra{
    font-size: 14px;
    color: hsl(110, 6%, 55%);
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.6;
    }
    main.getting-started .umbra:hover{
    color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.getting-started .knoll{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    }
    main.getting-started .tempest{
    font-size: 13px;
    color: hsl(110, 6%, 42%);
    flex: 1;
    }
    main.getting-started .mirage{
    display: flex;
    gap: 12px;
    flex: 0 0 auto;
    }
    main.getting-started .facet{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: hsla(110, 20%, 90%, 0.08);
    color: hsl(110, 6%, 55%);
    text-decoration: none;
    transition: var(--transition, all 0.25s ease);
    }
    main.getting-started .facet:hover{
    background: var(--primary-color, hsl(110, 86%, 42%));
    color: hsl(110, 12%, 12%);
    }
    main.getting-started .aurora{
    width: 18px;
    height: 18px;
    }
    @media (max-width: 768px) {main.getting-started .drape{
    padding: 40px 20px 0;
    }
    main.getting-started .xeric{
    flex-wrap: wrap;
    gap: 32px;
    padding-bottom: 36px;
    }
    main.getting-started .grain{
    flex: 1 1 100%;
    }
    main.getting-started .trove{
    max-width: 100%;
    }
    main.getting-started .oxide{
    flex: 1 1 calc(33.333% - 22px);
    min-width: 120px;
    }
    main.getting-started .knoll{
    flex-direction: column;
    gap: 16px;
    padding: 20px 0;
    text-align: center;
    }
    main.getting-started .tempest{
    order: 2;
    }
    main.getting-started .mirage{
    order: 1;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
    main.changelog{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--cl-text);
    background: var(--cl-bg);
    line-height: 1.7;
    overflow-x: hidden;
    }
    main.changelog *, main.changelog *::before, main.changelog *::after{
    box-sizing: border-box;
    }
    
    main.changelog .warden{
    position: relative;
    padding: 80px 24px 60px;
    background: linear-gradient(160deg, hsl(110, 30%, 18%) 0%, hsl(110, 25%, 12%) 60%, hsl(184, 30%, 15%) 100%);
    overflow: hidden; color: #ffffff;}
    main.changelog .warden::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.changelog .warden::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(184, 68%, 53%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    }
    main.changelog .enigma{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.changelog .radium{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: hsla(110, 86%, 53%, 0.12);
    border: 1px solid hsla(110, 86%, 53%, 0.25);
    border-radius: 100px;
    font-size: 13px;
    font-weight: 600;
    color: hsl(110, 86%, 63%);
    margin-bottom: 24px;
    letter-spacing: 0.02em;
    }
    main.changelog .radium svg{
    flex-shrink: 0;
    }
    main.changelog .warden h1{
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 18px;
    letter-spacing: -0.02em;
    }
    main.changelog .warden h1 span{
    background: linear-gradient(135deg, hsl(110, 86%, 60%), hsl(184, 68%, 60%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.changelog .garnet{
    font-size: 17px;
    color: hsla(0, 0%, 100%, 0.65);
    max-width: 640px;
    margin: 0 0 32px;
    line-height: 1.7;
    }
    main.changelog .bronze{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    }
    main.changelog .tungsten{
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    main.changelog .zinc8{
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    }
    main.changelog .halo{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.45);
    font-weight: 500;
    }
    
    main.changelog .quantum{
    max-width: 900px;
    margin: -28px auto 0;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    }
    main.changelog .lumen{
    background: var(--cl-bg-white);
    border-radius: var(--cl-radius);
    box-shadow: var(--cl-shadow-lg);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    }
    main.changelog .relic{
    font-size: 13px;
    font-weight: 600;
    color: var(--cl-text-muted);
    white-space: nowrap;
    }
    main.changelog .alpine{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    flex: 1;
    }
    main.changelog .coral5{
    padding: 6px 14px;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 500;
    border: 1.5px solid var(--cl-border);
    background: transparent;
    color: var(--cl-text-muted);
    cursor: default;
    transition: all 0.2s;
    }
    main.changelog .coral5.silica{
    background: var(--cl-primary);
    border-color: var(--cl-primary);
    color: #fff;
    font-weight: 600;
    }
    
    main.changelog .dusk{
    max-width: 900px;
    margin: 0 auto;
    padding: 48px 24px 60px;
    }
    main.changelog .indigo{
    position: relative;
    padding-left: 32px;
    }
    main.changelog .indigo::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--cl-primary) 0%, var(--cl-border-light) 100%);
    border-radius: 2px;
    }
    main.changelog .catalyst{
    position: relative;
    margin-bottom: 40px;
    }
    main.changelog .catalyst:last-child{
    margin-bottom: 0;
    }
    main.changelog .catalyst::before{
    content: "";
    position: absolute;
    left: -32px;
    top: 24px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--cl-bg-white);
    border: 3px solid var(--cl-primary);
    z-index: 1;
    }
    main.changelog .catalyst.fossil::before{
    background: var(--cl-primary);
    box-shadow: 0 0 0 4px hsla(110, 86%, 53%, 0.2);
    }
    main.changelog .topaz{
    background: var(--cl-bg-white);
    border-radius: var(--cl-radius);
    box-shadow: var(--cl-shadow-sm);
    border: 1px solid var(--cl-border-light);
    overflow: hidden;
    transition: box-shadow 0.25s, transform 0.25s;
    }
    main.changelog .topaz:hover{
    box-shadow: var(--cl-shadow-md);
    transform: translateY(-2px);
    }
    main.changelog .delta9{
    padding: 24px 28px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--cl-border-light);
    }
    main.changelog .vapor{
    display: flex;
    flex-direction: column;
    gap: 6px;
    }
    main.changelog .etheric{
    font-size: 22px;
    font-weight: 800;
    color: var(--cl-text);
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 10px;
    }
    main.changelog .titanium{
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    background: linear-gradient(135deg, var(--cl-primary), var(--cl-primary-dark));
    color: #fff;
    border-radius: 100px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    main.changelog .onyx{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--cl-text-muted);
    }
    main.changelog .krypton{
    display: flex;
    align-items: center;
    gap: 5px;
    }
    main.changelog .krypton svg{
    flex-shrink: 0;
    opacity: 0.6;
    }
    main.changelog .magnet{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    }
    main.changelog .basalt{
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 22px;
    background: linear-gradient(135deg, var(--cl-primary), var(--cl-primary-dark));
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: var(--cl-radius-sm);
    text-decoration: none;
    box-shadow: 0 2px 8px hsla(110, 86%, 40%, 0.3);
    transition: all 0.2s;
    }
    main.changelog .basalt:hover{
    transform: translateY(-1px);
    box-shadow: 0 4px 14px hsla(110, 86%, 40%, 0.4);
    }
    main.changelog .basalt svg{
    flex-shrink: 0;
    }
    main.changelog .jade7{
    padding: 24px 28px 28px;
    }
    main.changelog .helix{
    margin-bottom: 20px;
    }
    main.changelog .helix:last-child{
    margin-bottom: 0;
    }
    main.changelog .alchemy{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.changelog .alchemy .yonder{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    }
    main.changelog .paradox{
    background: var(--cl-tag-new-bg);
    color: var(--cl-tag-new);
    }
    main.changelog .crimson{
    background: var(--cl-tag-fix-bg);
    color: var(--cl-tag-fix);
    }
    main.changelog .monolith{
    background: var(--cl-tag-improve-bg);
    color: var(--cl-tag-improve);
    }
    main.changelog .meridian{
    background: var(--cl-tag-security-bg);
    color: var(--cl-tag-security);
    }
    main.changelog .orbital{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.changelog .orbital li{
    position: relative;
    padding: 6px 0 6px 20px;
    font-size: 14.5px;
    color: hsl(110, 8%, 25%);
    line-height: 1.65;
    }
    main.changelog .orbital li::before{
    content: "";
    position: absolute;
    left: 2px;
    top: 14px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cl-border);
    }
    main.changelog .orbital li code{
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 12.5px;
    background: hsl(110, 8%, 93%);
    padding: 2px 7px;
    border-radius: 4px;
    color: hsl(110, 20%, 30%);
    }
    
    main.changelog .glyph{
    max-width: 900px;
    margin: 0 auto 40px;
    padding: 0 24px;
    }
    main.changelog .optic{
    width: 100%;
    border-radius: var(--cl-radius);
    overflow: hidden;
    box-shadow: var(--cl-shadow-md);
    border: 1px solid var(--cl-border-light);
    }
    main.changelog .optic img{
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 21/9;
    }
    
    main.changelog .cl-cta-section{
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px 64px;
    }
    main.changelog .cl-cta-card{
    background: linear-gradient(160deg, hsl(110, 30%, 18%), hsl(110, 25%, 14%));
    border-radius: var(--cl-radius);
    padding: 48px 40px;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.changelog .cl-cta-card::before{
    content: "";
    position: absolute;
    top: -50%;
    right: -20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    }
    main.changelog .cl-cta-card h2{
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin: 0 0 12px;
    position: relative;
    }
    main.changelog .cl-cta-card p{
    font-size: 15px;
    color: hsla(0, 0%, 100%, 0.6);
    margin: 0 0 28px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    }
    main.changelog .cl-cta-buttons{
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    position: relative;
    }
    main.changelog .cl-cta-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: linear-gradient(135deg, var(--cl-primary), hsl(130, 80%, 42%));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border-radius: var(--cl-radius-sm);
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(110, 86%, 40%, 0.35);
    transition: all 0.2s;
    }
    main.changelog .cl-cta-btn-primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(110, 86%, 40%, 0.45);
    }
    main.changelog .cl-cta-btn-secondary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: hsla(0, 0%, 100%, 0.08);
    border: 1.5px solid hsla(0, 0%, 100%, 0.2);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border-radius: var(--cl-radius-sm);
    text-decoration: none;
    transition: all 0.2s;
    }
    main.changelog .cl-cta-btn-secondary:hover{
    background: hsla(0, 0%, 100%, 0.14);
    }
    
    main.changelog .cl-footer{
    background: hsl(110, 15%, 12%);
    padding: 40px 24px; color: #ffffff;}
    main.changelog .cl-footer-inner{
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    }
    main.changelog .cl-footer-brand{
    display: flex;
    flex-direction: column;
    gap: 4px;
    }
    main.changelog .cl-footer-logo{
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.changelog .cl-footer-tagline{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.4);
    }
    main.changelog .cl-footer-links{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    }
    main.changelog .cl-footer-links a{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.changelog .cl-footer-links a:hover{
    color: hsla(0, 0%, 100%, 0.85);
    }
    main.changelog .cl-footer-copy{
    width: 100%;
    text-align: center;
    padding-top: 24px;
    margin-top: 8px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    font-size: 12.5px;
    color: hsla(0, 0%, 100%, 0.3);
    }
    
    @media (max-width: 640px) {main.changelog .warden{
    padding: 60px 20px 48px;
    }
    main.changelog .bronze{
    gap: 24px;
    }
    main.changelog .lumen{
    padding: 14px 18px;
    }
    main.changelog .delta9{
    padding: 20px 20px 16px;
    flex-direction: column;
    }
    main.changelog .jade7{
    padding: 20px;
    }
    main.changelog .etheric{
    font-size: 19px;
    }
    main.changelog .cl-cta-card{
    padding: 36px 24px;
    }
    main.changelog .indigo{
    padding-left: 24px;
    }
    main.changelog .catalyst::before{
    left: -24px;
    width: 12px;
    height: 12px;
    }
    main.changelog .cl-footer-inner{
    flex-direction: column;
    text-align: center;
    }
    main.changelog .cl-footer-brand{
    align-items: center;
    }
    main.changelog .cl-footer-links{
    justify-content: center;
    }}
    main.changelog .pyrite{
    background: var(--text-color, hsl(110, 10%, 10%));
    color: hsl(110, 10%, 72%);
    padding: 48px 24px 32px;
    margin-top: 80px;
    }
    main.changelog .flux{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.changelog .obelisk{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    }
    main.changelog .fractal{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #fff;
    background: linear-gradient(135deg, var(--primary-color, hsl(110, 86%, 42%)), var(--secondary-color, hsl(184, 68%, 40%)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.changelog .pulsar{
    font-size: 14px;
    color: hsl(110, 6%, 52%);
    margin: 0;
    }
    main.changelog .nova3{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px 16px;
    }
    main.changelog .saffron{
    font-size: 14px;
    color: hsl(110, 6%, 62%);
    text-decoration: none;
    padding: 4px 2px;
    border-bottom: 1px solid transparent;
    transition: var(--transition, all 0.25s ease);
    }
    main.changelog .saffron:hover{
    color: #fff;
    border-bottom-color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.changelog .labyrinth{
    color: var(--primary-color, hsl(110, 86%, 42%));
    }
    main.changelog .xenon{
    color: hsl(110, 4%, 32%);
    font-size: 14px;
    user-select: none;
    }
    main.changelog .spectrum{
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid hsl(110, 4%, 20%);
    text-align: center;
    }
    main.changelog .ignite{
    font-size: 13px;
    color: hsl(110, 4%, 42%);
    margin: 0;
    }
    @media (max-width: 600px) {main.changelog .pyrite{
    padding: 36px 16px 24px;
    margin-top: 48px;
    }
    main.changelog .nova3{
    gap: 6px 12px;
    }
    main.changelog .saffron{
    font-size: 13px;
    }
    main.changelog .ignite{
    font-size: 12px;
    }}
    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);
    }
    
    .flicker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(244, 244, 242, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    }
    .mosaic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 28px;
    }
    
    .drift3r {
    flex-shrink: 0;
    }
    .rune {
    display: flex;
    align-items: center;
    gap: 3px;
    text-decoration: none;
    color: var(--text-color);
    }
    .torque {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    color: var(--btn-text);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.5px;
    box-shadow: 0 2px 8px rgba(46, 184, 46, 0.3);
    }
    .foxTail {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: var(--text-color);
    }
    
    .waxLeaf {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .vortex9 {
    position: relative;
    }
    .velvet {
    display: block;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .velvet:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.045);
    }
    
    .haze_pop {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    box-shadow: 0 4px 16px rgba(46, 184, 46, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px rgba(46, 184, 46, 0.3);
    }
    .cobalt {
    flex-shrink: 0;
    }
    
    .nebula {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 38px;
    height: 38px;
    padding: 8px 7px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .nebula:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .prism {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    
    .ember {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .ember.is-visible {
    display: block;
    opacity: 1;
    }
    .pale_dust {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1200;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    box-shadow: var(--shadow-lg);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    }
    .pale_dust.is-open {
    transform: translateX(0);
    }
    .juniper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .shimmer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: none;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--text-color);
    transition: var(--transition);
    }
    .shimmer:hover {
    background: rgba(0, 0, 0, 0.04); color: #ffffff;}
    .axiom {
    list-style: none;
    padding: 12px 12px 0;
    flex: 1;
    }
    .crumble {
    display: block;
    padding: 13px 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);
    }
    .quilted {
    padding: 16px 20px 28px;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 13px 20px;
    font-size: 15px;
    font-weight: 600;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(130, 76%, 38%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(46, 184, 46, 0.35);
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(110, 86%, 36%), var(--secondary-color));
    }
    
    @media (max-width: 960px) {.waxLeaf,
    .haze_pop {
    display: none;
    }
    .nebula {
    display: flex;
    }}
    @media (min-width: 961px) {.ember,
    .pale_dust {
    display: none !important;
    }}
    .velvet.active {color: #ffffff; background: rgba(0, 0, 0, 0.045);}
    .crumble.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.faq *{ box-sizing: border-box; }
    main.faq .crux{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--faq-text);
    background: var(--faq-bg);
    line-height: 1.7;
    }
    main.faq .vortex{
    position: relative;
    background: linear-gradient(135deg, hsl(110, 50%, 18%) 0%, hsl(184, 40%, 22%) 100%);
    padding: 80px 24px 64px;
    text-align: center;
    overflow: hidden; color: #ffffff;}
    main.faq .vortex::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(110, 86%, 53%, 0.12) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }
    main.faq .vortex::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -5%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(184, 68%, 53%, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
    }
    main.faq .vortex h1{
    position: relative;
    z-index: 1;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--faq-white);
    margin: 0 0 16px;
    letter-spacing: -0.02em;
    }
    main.faq .cipher{
    position: relative;
    z-index: 1;
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.78);
    max-width: 640px;
    margin: 0 auto 32px;
    }
    main.faq .tundra{
    position: relative;
    z-index: 1;
    max-width: 520px;
    margin: 0 auto;
    }
    main.faq .tundra input{
    width: 100%;
    padding: 14px 20px 14px 48px;
    border: 2px solid hsla(110, 86%, 53%, 0.3);
    border-radius: 50px;
    background: hsla(0, 0%, 100%, 0.1);
    color: var(--faq-white);
    font-size: 1rem;
    outline: none;
    transition: border-color 0.25s, background 0.25s;
    backdrop-filter: blur(4px);
    }
    main.faq .tundra input::placeholder{
    color: hsla(0, 0%, 100%, 0.5);
    }
    main.faq .tundra input:focus{
    border-color: var(--faq-primary);
    background: hsla(0, 0%, 100%, 0.15);
    }
    main.faq .onyx{
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: hsla(0, 0%, 100%, 0.5);
    pointer-events: none;
    }
    main.faq .apex{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.faq .faq-nav-strip{
    display: flex;
    gap: 8px;
    padding: 32px 0 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    }
    main.faq .faq-nav-strip::-webkit-scrollbar{ display: none; }
    main.faq .faq-nav-chip{
    flex-shrink: 0;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1.5px solid var(--faq-border);
    background: var(--faq-white);
    color: var(--faq-text-light);
    font-size: 0.88rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    }
    main.faq .faq-nav-chip:hover, main.faq .faq-nav-chip.active{
    background: var(--faq-primary);
    color: var(--faq-white);
    border-color: var(--faq-primary);
    }
    main.faq .quartz{
    padding: 40px 0 16px;
    }
    main.faq .drift{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    }
    main.faq .pulse{
    width: 40px;
    height: 40px;
    border-radius: var(--faq-radius);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.faq .pulse.jolt{ background: linear-gradient(135deg, hsl(110, 60%, 90%), hsl(110, 60%, 82%)); color: hsl(110, 60%, 30%); }
    main.faq .pulse.sigma{ background: linear-gradient(135deg, hsl(184, 50%, 88%), hsl(184, 50%, 78%)); color: hsl(184, 50%, 28%); }
    main.faq .pulse.phantom{ background: linear-gradient(135deg, hsl(40, 70%, 90%), hsl(40, 70%, 80%)); color: hsl(40, 70%, 30%); }
    main.faq .pulse.transfer{ background: linear-gradient(135deg, hsl(260, 50%, 92%), hsl(260, 50%, 82%)); color: hsl(260, 50%, 35%); }
    main.faq .pulse.config{ background: linear-gradient(135deg, hsl(340, 50%, 92%), hsl(340, 50%, 82%)); color: hsl(340, 50%, 35%); }
    main.faq .pulse.license{ background: linear-gradient(135deg, hsl(20, 70%, 92%), hsl(20, 70%, 82%)); color: hsl(20, 70%, 30%); }
    main.faq .quartz h2{
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0;
    color: var(--faq-text);
    }
    main.faq .obsidian{
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.faq .nimbus{
    background: var(--faq-white);
    border-radius: var(--faq-radius);
    box-shadow: var(--faq-card-shadow);
    border: 1px solid var(--faq-border);
    overflow: hidden;
    transition: box-shadow 0.25s;
    }
    main.faq .nimbus:hover{
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }
    main.faq .ionic{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 22px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--faq-text);
    gap: 12px;
    transition: color 0.2s;
    font-family: inherit;
    line-height: 1.5;
    }
    main.faq .ionic:hover{
    color: var(--faq-primary-dark);
    }
    main.faq .radix{
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
    color: var(--faq-text-light);
    }
    main.faq .nimbus.open .radix{
    transform: rotate(180deg);
    color: var(--faq-primary);
    }
    main.faq .forge{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    }
    main.faq .nimbus.open .forge{
    max-height: 800px;
    }
    main.faq .vertex{
    padding: 0 22px 20px;
    font-size: 0.93rem;
    color: var(--faq-text-light);
    line-height: 1.8;
    }
    main.faq .vertex p{
    margin: 0 0 10px;
    }
    main.faq .vertex p:last-child{
    margin-bottom: 0;
    }
    main.faq .vertex ol, main.faq .vertex ul{
    margin: 8px 0 12px;
    padding-left: 22px;
    }
    main.faq .vertex li{
    margin-bottom: 6px;
    }
    main.faq .vertex code{
    background: hsl(110, 8%, 92%);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.88rem;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    color: hsl(110, 40%, 28%);
    }
    main.faq .vertex a{
    color: var(--faq-secondary-dark);
    text-decoration: underline;
    text-underline-offset: 2px;
    }
    main.faq .vertex a:hover{
    color: var(--faq-primary-dark);
    }
    main.faq .orbit{
    background: linear-gradient(135deg, hsl(110, 40%, 95%), hsl(184, 30%, 95%));
    border-left: 3px solid var(--faq-primary);
    border-radius: 0 var(--faq-radius) var(--faq-radius) 0;
    padding: 12px 16px;
    margin: 12px 0 4px;
    font-size: 0.9rem;
    }
    main.faq .faq-visual-banner{
    margin: 48px 0 16px;
    border-radius: var(--faq-radius-lg);
    overflow: hidden;
    position: relative;
    aspect-ratio: 21/7;
    max-height: 260px;
    }
    main.faq .faq-visual-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.faq .faq-visual-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, hsla(110, 50%, 18%, 0.7), hsla(184, 40%, 22%, 0.55));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    text-align: center; color: #ffffff;}
    main.faq .faq-visual-overlay h3{
    color: var(--faq-white);
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 8px;
    }
    main.faq .faq-visual-overlay p{
    color: hsla(0,0%,100%,0.82);
    font-size: 0.95rem;
    margin: 0;
    }
    main.faq .faq-cta-section{
    text-align: center;
    padding: 56px 24px;
    margin: 32px 0 0;
    background: linear-gradient(135deg, hsl(110, 50%, 18%) 0%, hsl(184, 40%, 22%) 100%);
    border-radius: var(--faq-radius-lg) var(--faq-radius-lg) 0 0; color: #ffffff;}
    main.faq .faq-cta-section h2{
    color: var(--faq-white);
    font-size: 1.5rem;
    margin: 0 0 12px;
    }
    main.faq .faq-cta-section p{
    color: hsla(0,0%,100%,0.75);
    margin: 0 0 28px;
    font-size: 0.98rem;
    }
    main.faq .faq-cta-btn{
    display: inline-block;
    padding: 14px 36px;
    background: linear-gradient(135deg, var(--faq-primary), hsl(130, 80%, 45%));
    color: hsl(110, 50%, 8%);
    font-size: 1rem;
    font-weight: 700;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 4px 20px hsla(110, 86%, 43%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.faq .faq-cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(110, 86%, 43%, 0.45);
    }
    main.faq .basalt{
    background: hsl(110, 10%, 12%);
    color: hsla(0,0%,100%,0.6);
    padding: 40px 24px;
    }
    main.faq .raven{
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    }
    main.faq .nexus{
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--faq-white);
    margin-bottom: 6px;
    }
    main.faq .kinetic{
    font-size: 0.85rem;
    color: hsla(0,0%,100%,0.45);
    }
    main.faq .lumen{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    }
    main.faq .lumen a{
    color: hsla(0,0%,100%,0.6);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s;
    }
    main.faq .lumen a:hover{
    color: var(--faq-primary);
    }
    main.faq .faq-footer-copy{
    width: 100%;
    text-align: center;
    padding-top: 24px;
    margin-top: 8px;
    border-top: 1px solid hsla(0,0%,100%,0.1);
    font-size: 0.82rem;
    }
    @media (max-width: 640px) {main.faq .vortex{ padding: 56px 20px 48px; }
    main.faq .vortex h1{ font-size: 1.6rem; }
    main.faq .cipher{ font-size: 0.95rem; }
    main.faq .quartz h2{ font-size: 1.15rem; }
    main.faq .ionic{ padding: 15px 16px; font-size: 0.93rem; }
    main.faq .vertex{ padding: 0 16px 16px; }
    main.faq .faq-visual-banner{ aspect-ratio: 16/7; }
    main.faq .faq-cta-section{ padding: 40px 20px; }
    main.faq .faq-cta-section h2{ font-size: 1.25rem; }
    main.faq .raven{ flex-direction: column; align-items: center; text-align: center; }
    main.faq .lumen{ justify-content: center; }}
    main.faq .basalt{
    background: hsl(110, 10%, 12%);
    padding: 48px 24px 32px;
    color: hsl(110, 8%, 72%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.faq .raven{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 36px;
    }
    main.faq .glacier{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid hsl(110, 6%, 22%);
    }
    main.faq .nexus{
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    }
    main.faq .echo{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    background: linear-gradient(135deg, var(--primary-color, hsl(110, 86%, 42%)), var(--secondary-color, hsl(184, 68%, 40%)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.faq .kinetic{
    font-size: 13px;
    color: hsl(110, 6%, 50%);
    margin: 0;
    line-height: 1.4;
    }
    main.faq .lumen{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex: 0 1 auto;
    }
    main.faq .flux{
    color: hsl(110, 8%, 72%);
    text-decoration: none;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 5px);
    transition: var(--transition, all 0.25s ease);
    line-height: 1.5;
    }
    main.faq .flux:hover{
    color: #fff;
    background: hsl(110, 6%, 18%);
    }
    main.faq .helix{
    width: 1px;
    height: 14px;
    background: hsl(110, 6%, 28%);
    flex: 0 0 1px; color: #ffffff;}
    main.faq .sable{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.faq .zenith{
    font-size: 13px;
    color: hsl(110, 6%, 44%);
    margin: 0;
    flex: 1 1 auto;
    line-height: 1.5;
    }
    main.faq .aurora{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.faq .flare{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm, 5px);
    color: hsl(110, 6%, 50%);
    background: hsl(110, 6%, 17%);
    transition: var(--transition, all 0.25s ease);
    text-decoration: none;
    }
    main.faq .flare:hover{
    color: #fff;
    background: var(--primary-color, hsl(110, 86%, 42%));
    transform: translateY(-2px);
    box-shadow: 0 4px 12px hsla(110, 86%, 42%, 0.3);
    }
    @media (max-width: 640px) {main.faq .basalt{
    padding: 36px 16px 24px;
    }
    main.faq .glacier{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 24px;
    }
    main.faq .lumen{
    gap: 8px;
    }
    main.faq .helix{
    display: none;
    }
    main.faq .flux{
    padding: 6px 10px;
    background: hsl(110, 6%, 17%);
    border-radius: var(--radius-sm, 5px);
    font-size: 13px; color: #ffffff;}
    main.faq .sable{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }
    main.faq .aurora{
    gap: 10px;
    }}
    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;
}