:root {
  --primary-color: hsl(14, 82%, 52%);
  --secondary-color: hsl(60, 66%, 52%);
  --bg-color: hsl(14, 8%, 96%);
  --text-color: hsl(14, 10%, 8%);
  --text-muted: hsl(14, 6%, 45%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);
  --nav-height: 64px;
  --max-width: 1200px;
  --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --nav-bg: var(--bg-color);
  --nav-border: var(--border-color);
  --tc-primary: hsl(14, 82%, 52%);
  --tc-primary-dark: hsl(14, 82%, 42%);
  --tc-secondary: hsl(60, 66%, 52%);
  --tc-text: hsl(14, 10%, 8%);
  --tc-text-muted: hsl(14, 8%, 40%);
  --tc-bg: hsl(14, 8%, 96%);
  --tc-bg-dark: hsl(14, 10%, 8%);
  --tc-surface: #ffffff;
  --tc-surface-alt: hsl(14, 6%, 93%);
  --tc-border: hsl(14, 6%, 86%);
  --tc-border-light: hsl(14, 6%, 90%);
  --tc-muted: hsl(14, 6%, 46%);
  --tc-subtle: hsl(14, 6%, 72%);
  --tc-dark-surface: hsl(14, 8%, 12%);
  --tc-dark-text: hsl(14, 8%, 92%);
  --tc-code-bg: hsl(14, 4%, 14%);
  --tc-success: hsl(145, 55%, 38%);
  --gs-primary: hsl(14, 82%, 52%);
  --gs-primary-dark: hsl(14, 82%, 44%);
  --gs-secondary: hsl(60, 66%, 52%);
  --gs-text: hsl(14, 10%, 8%);
  --gs-text-muted: hsl(14, 8%, 40%);
  --gs-bg: hsl(14, 8%, 96%);
  --gs-bg-card: hsl(0, 0%, 100%);
  --gs-bg-dark: hsl(14, 10%, 8%);
  --gs-border: hsl(14, 8%, 88%);
  --gs-border-light: hsl(14, 8%, 92%);
  --gs-code-bg: hsl(14, 6%, 12%);
  --gs-step-line: hsl(14, 82%, 52%);
  --tc-kbd-bg: hsl(14, 4%, 14%);
  --tc-kbd-text: hsl(14, 6%, 94%);
  --tc-category-file: hsl(14, 82%, 52%);
  --tc-category-nav: hsl(200, 70%, 48%);
  --tc-category-search: hsl(280, 60%, 52%);
  --tc-category-view: hsl(160, 60%, 38%);
  --tc-category-edit: hsl(40, 80%, 48%);
  --tc-category-custom: hsl(330, 60%, 48%);
  --tc-tag-bg: hsl(14, 30%, 95%);
  --tc-tag-fix: hsl(160, 50%, 94%);
  --tc-tag-fix-text: hsl(160, 60%, 28%);
  --tc-tag-new: hsl(14, 60%, 94%);
  --tc-tag-new-text: hsl(14, 70%, 38%);
  --tc-tag-improve: hsl(220, 50%, 94%);
  --tc-tag-improve-text: hsl(220, 60%, 38%);
  --tc-tag-compat: hsl(280, 40%, 94%);
  --tc-tag-compat-text: hsl(280, 50%, 35%);
  --tc-timeline-line: hsl(14, 20%, 82%);
  --faq-primary: hsl(14, 82%, 52%);
  --faq-primary-dark: hsl(14, 82%, 44%);
  --faq-secondary: hsl(60, 66%, 52%);
  --faq-text: hsl(14, 10%, 8%);
  --faq-text-muted: hsl(14, 8%, 40%);
  --faq-bg: hsl(14, 8%, 96%);
  --faq-surface: #ffffff;
  --faq-surface-alt: hsl(14, 6%, 93%);
  --faq-border: hsl(14, 6%, 88%);
  --faq-border-light: hsl(14, 6%, 92%);
  --faq-code-bg: hsl(14, 4%, 14%);
  --faq-code-text: hsl(14, 6%, 90%);
}

*,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.index .sporeVat{
    position: relative;
    overflow: hidden;
    background: var(--tc-bg-dark);
    color: #fff;
    padding: 100px 24px 80px;
    }
    main.index .sporeVat::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/images/index-hero-context-2.jpg") center/cover no-repeat;
    opacity: 0.15;
    }
    main.index .sporeVat::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(to top, var(--tc-bg-dark), transparent);
    }
    main.index .cairnSet{
    position: relative;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    }
    main.index .sporeVat h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    }
    main.index .brackFog{
    font-size: clamp(1rem, 2vw, 1.15rem);
    line-height: 1.7;
    color: hsl(14, 6%, 72%);
    max-width: 680px;
    margin: 0 auto 40px;
    }
    main.index .ridgePop{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.index .wrenCoil{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--tc-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 4px 16px hsla(14, 82%, 52%, 0.35);
    }
    main.index .wrenCoil:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.index .stumpRay{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
    }
    main.index .stumpRay:hover{
    background: hsla(0, 0%, 100%, 0.14);
    }
    main.index .lynxPad{
    margin-top: 32px;
    display: flex;
    gap: 32px;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: hsl(14, 6%, 56%);
    }
    main.index .lynxPad span{
    display: flex;
    align-items: center;
    gap: 6px;
    }
    main.index .axle{
    padding: 80px 24px;
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .opalNub{
    text-align: center;
    margin-bottom: 56px;
    }
    main.index .opalNub h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--tc-text);
    margin: 0 0 12px;
    letter-spacing: -0.01em;
    }
    main.index .opalNub p{
    font-size: 1rem;
    color: var(--tc-text-muted);
    max-width: 560px;
    margin: 0 auto;
    line-height: 1.6;
    }
    main.index .galeDip{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }
    main.index .fluxBand{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    padding: 32px 28px;
    transition: box-shadow 0.25s, border-color 0.25s;
    }
    main.index .fluxBand:hover{
    box-shadow: 0 8px 32px hsla(14, 10%, 8%, 0.07);
    border-color: var(--tc-border);
    }
    main.index .cruxVine{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: hsla(14, 82%, 52%, 0.08);
    color: var(--tc-primary);
    }
    main.index .cruxVine svg{
    width: 22px;
    height: 22px;
    }
    main.index .fluxBand h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--tc-text);
    margin: 0 0 10px;
    }
    main.index .fluxBand p{
    font-size: 0.9rem;
    color: var(--tc-text-muted);
    line-height: 1.65;
    margin: 0;
    }
    main.index .fuze_lit{
    background: var(--tc-surface-alt);
    padding: 80px 24px;
    }
    main.index .roamPatch{
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .plovRun{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    }
    main.index .prismJaw{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    padding: 28px 24px;
    text-align: center;
    transition: box-shadow 0.25s;
    }
    main.index .prismJaw:hover{
    box-shadow: 0 6px 24px hsla(14, 10%, 8%, 0.06);
    }
    main.index .mantisOrb{
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    color: var(--tc-text);
    }
    main.index .mantisOrb svg{
    width: 100%;
    height: 100%;
    }
    main.index .prismJaw h3{
    font-size: 1rem;
    font-weight: 600;
    color: var(--tc-text);
    margin: 0 0 6px;
    }
    main.index .prismJaw p{
    font-size: 0.85rem;
    color: var(--tc-text-muted);
    margin: 0;
    line-height: 1.5;
    }
    main.index .tc-showcase{
    padding: 80px 24px;
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .tc-showcase-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
    }
    main.index .tc-showcase-img{
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--tc-border-light);
    aspect-ratio: 16 / 10;
    }
    main.index .tc-showcase-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .tc-showcase-content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 0;
    }
    main.index .tc-showcase-content h2{
    font-size: clamp(1.4rem, 2.5vw, 1.8rem);
    font-weight: 700;
    color: var(--tc-text);
    margin: 0 0 16px;
    letter-spacing: -0.01em;
    }
    main.index .tc-showcase-content p{
    font-size: 0.95rem;
    color: var(--tc-text-muted);
    line-height: 1.7;
    margin: 0 0 12px;
    }
    main.index .tc-showcase-content a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.95rem;
    }
    main.index .tc-showcase-content a:hover{
    text-decoration: underline;
    }
    main.index .tc-workflow{
    background: var(--tc-bg-dark);
    color: #fff;
    position: relative;
    overflow: hidden;
    }
    main.index .tc-workflow::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("/images/index-workflow-scene-3.jpg") center/cover no-repeat;
    opacity: 0.1;
    }
    main.index .tc-workflow-inner{
    position: relative;
    z-index: 1;
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.index .tc-workflow .opalNub h2{
    color: #fff;
    }
    main.index .tc-workflow .opalNub p{
    color: hsl(14, 6%, 64%);
    }
    main.index .tc-steps{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    }
    main.index .tc-step{
    background: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.08);
    border-radius: 8px;
    padding: 28px 24px;
    }
    main.index .tc-step-num{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--tc-primary);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.index .tc-step h3{
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px;
    color: #fff;
    }
    main.index .tc-step p{
    font-size: 0.88rem;
    color: hsl(14, 6%, 60%);
    line-height: 1.6;
    margin: 0;
    }
    main.index .tc-cta-section{
    padding: 80px 24px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    }
    main.index .tc-cta-section h2{
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--tc-text);
    margin: 0 0 14px;
    }
    main.index .tc-cta-section p{
    font-size: 1rem;
    color: var(--tc-text-muted);
    line-height: 1.65;
    margin: 0 0 32px;
    }
    main.index .tc-footer{
    background: var(--tc-bg-dark);
    color: hsl(14, 6%, 56%);
    padding: 48px 24px 32px;
    }
    main.index .tc-footer-inner{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 40px;
    }
    main.index .tc-footer-brand{
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    }
    main.index .tc-footer-desc{
    font-size: 0.85rem;
    line-height: 1.6;
    max-width: 280px;
    }
    main.index .tc-footer-col h4{
    font-size: 0.85rem;
    font-weight: 600;
    color: hsl(14, 6%, 80%);
    margin: 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    main.index .tc-footer-col ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.index .tc-footer-col li{
    margin-bottom: 10px;
    }
    main.index .tc-footer-col a{
    color: hsl(14, 6%, 56%);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s;
    }
    main.index .tc-footer-col a:hover{
    color: #fff;
    }
    main.index .tc-footer-bottom{
    max-width: 1120px;
    margin: 40px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 0.82rem;
    }
    @media (max-width: 768px) {main.index .tc-showcase-grid{
    grid-template-columns: 1fr;
    }
    main.index .tc-footer-inner{
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    }
    main.index .sporeVat{
    padding: 72px 20px 60px;
    }}
    @media (max-width: 480px) {main.index .tc-footer-inner{
    grid-template-columns: 1fr;
    gap: 28px;
    }
    main.index .tc-footer-bottom{
    flex-direction: column;
    text-align: center;
    }}
    main.index .grotto5{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 70%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin-top: 0;
    position: relative;
    }
    main.index .dewCask{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 64px 24px 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    }
    main.index .ember{
    flex: 1 1 260px;
    min-width: 220px;
    }
    main.index .thornBit{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.3px;
    display: block;
    margin-bottom: 12px;
    }
    main.index .sableWing{
    font-size: 14px;
    line-height: 1.6;
    color: hsl(14, 6%, 50%);
    margin: 0;
    max-width: 260px;
    }
    main.index .velvetHum{
    flex: 2 1 400px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    }
    main.index .kelpRod{
    flex: 1 1 120px;
    min-width: 120px;
    }
    main.index .cobalt_fin{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: hsl(14, 6%, 55%);
    margin: 0 0 16px;
    }
    main.index .nimbus_q{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.index .driftSap{
    margin: 0;
    padding: 0;
    }
    main.index .joltMesh{
    font-size: 14px;
    color: hsl(14, 6%, 68%);
    text-decoration: none;
    transition: var(--transition, all 0.2s ease);
    display: inline-block;
    }
    main.index .joltMesh:hover{
    color: #fff;
    }
    main.index .hazeLoop{
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 28px 32px;
    background: linear-gradient(135deg, hsl(14, 30%, 14%) 0%, hsl(14, 20%, 11%) 100%);
    border: 1px solid hsl(14, 20%, 18%);
    border-radius: var(--radius-lg, 12px);
    margin-top: 8px; color: #ffffff;}
    main.index .brinySol{
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 500;
    color: hsl(14, 8%, 80%);
    margin: 0;
    }
    main.index .ironPulse{
    flex: 0 0 auto;
    display: inline-block;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: var(--primary-color, hsl(14, 82%, 52%));
    border-radius: var(--radius-md, 8px);
    text-decoration: none;
    transition: var(--transition, all 0.2s ease);
    box-shadow: 0 2px 12px hsla(14, 82%, 52%, 0.35);
    }
    main.index .ironPulse:hover{
    background: hsl(14, 82%, 46%);
    box-shadow: 0 4px 20px hsla(14, 82%, 52%, 0.5);
    transform: translateY(-1px);
    }
    main.index .glyph02{
    border-top: 1px solid hsl(14, 8%, 16%);
    }
    main.index .cinder_ax{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.index .dapple_v2{
    font-size: 13px;
    color: hsl(14, 6%, 40%);
    flex: 0 1 auto;
    }
    main.index .marshTone{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    }
    main.index .cloverHex{
    font-size: 13px;
    color: hsl(14, 6%, 45%);
    text-decoration: none;
    transition: var(--transition, all 0.2s ease);
    }
    main.index .cloverHex:hover{
    color: #fff;
    }
    main.index .quirk8{
    font-size: 13px;
    color: hsl(14, 6%, 28%);
    user-select: none;
    }
    @media (max-width: 768px) {main.index .dewCask{
    padding: 48px 20px 36px;
    gap: 36px;
    flex-direction: column;
    }
    main.index .ember{
    flex: 1 1 100%;
    }
    main.index .velvetHum{
    flex: 1 1 100%;
    gap: 32px;
    }
    main.index .kelpRod{
    flex: 1 1 calc(50% - 16px);
    }
    main.index .hazeLoop{
    flex-direction: column;
    text-align: center;
    padding: 24px 20px;
    gap: 16px;
    }
    main.index .brinySol{
    flex: 0 0 auto;
    }
    main.index .ironPulse{
    width: 100%;
    text-align: center;
    }
    main.index .cinder_ax{
    flex-direction: column;
    text-align: center;
    gap: 8px;
    padding: 16px 20px;
    }
    main.index .dapple_v2{
    flex: 0 0 auto;
    }
    main.index .marshTone{
    flex: 0 0 auto;
    }}
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.download *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.download .dawnMire{
    background: linear-gradient(168deg, var(--tc-dark-surface) 0%, hsl(14, 12%, 16%) 50%, hsl(14, 18%, 20%) 100%);
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.download .dawnMire::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }
    main.download .dawnMire::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(60, 66%, 52%, 0.05) 0%, transparent 70%);
    pointer-events: none;
    }
    main.download .dawnMire h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
    color: var(--tc-dark-text);
    letter-spacing: -0.03em;
    line-height: 1.2;
    margin-bottom: 1rem;
    position: relative;
    }
    main.download .murkFold{
    font-size: 1.05rem;
    color: var(--tc-subtle);
    max-width: 600px;
    margin: 0 auto 2.5rem;
    line-height: 1.7;
    }
    main.download .quartzHop{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: hsla(0, 0%, 100%, 0.06);
    border: 1px solid hsla(0, 0%, 100%, 0.1);
    padding: 0.4rem 1rem;
    border-radius: 100px;
    font-size: 0.82rem;
    color: var(--tc-subtle);
    margin-bottom: 2rem;
    }
    main.download .quartzHop span{
    color: var(--tc-primary);
    font-weight: 600;
    }
    main.download .boltSilo{
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    }
    main.download .sprigVow{
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    background: var(--tc-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.9rem 2rem;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s, transform 0.15s;
    box-shadow: 0 2px 12px hsla(14, 82%, 52%, 0.3);
    }
    main.download .sprigVow:hover{
    background: var(--tc-primary-dark);
    box-shadow: 0 4px 20px hsla(14, 82%, 52%, 0.4);
    transform: translateY(-1px);
    }
    main.download .sprigVow svg{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    }
    main.download .rookSway{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: hsla(0, 0%, 100%, 0.08);
    color: var(--tc-dark-text);
    font-size: 0.95rem;
    font-weight: 500;
    padding: 0.85rem 1.6rem;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s;
    }
    main.download .rookSway:hover{
    background: hsla(0, 0%, 100%, 0.12);
    border-color: hsla(0, 0%, 100%, 0.25);
    }
    main.download .blazon_k{
    max-width: 1100px;
    margin: 0 auto;
    padding: 4rem 1.5rem;
    }
    main.download .blazon_k h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--tc-text, #1a1a1a);
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
    }
    main.download .cuspTrawl{
    color: var(--tc-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 2.5rem;
    max-width: 640px;
    }
    main.download .yarrowDot{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    }
    main.download .wharfJig{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border);
    border-radius: 8px;
    padding: 2rem 1.5rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    position: relative;
    }
    main.download .wharfJig:hover{
    border-color: hsla(14, 82%, 52%, 0.3);
    box-shadow: 0 4px 16px hsla(14, 10%, 8%, 0.06);
    }
    main.download .ivyClamp{
    width: 40px;
    height: 40px;
    background: var(--tc-code-bg);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    }
    main.download .ivyClamp svg{
    width: 22px;
    height: 22px;
    color: var(--tc-text);
    }
    main.download .wharfJig h3{
    font-size: 1.1rem;
    font-weight: 650;
    color: var(--tc-text);
    margin-bottom: 0.75rem;
    }
    main.download .fennelArc{
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
    }
    main.download .fennelArc span{
    font-size: 0.82rem;
    color: var(--tc-muted);
    line-height: 1.5;
    }
    main.download .fennelArc code{
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 0.75rem;
    background: var(--tc-code-bg);
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    color: var(--tc-muted);
    word-break: break-all;
    }
    main.download .wharfJig .chaffMud{
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    background: var(--tc-primary);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 600;
    padding: 0.6rem 1.2rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s, transform 0.15s;
    width: fit-content;
    }
    main.download .wharfJig .chaffMud:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.download .wharfJig .chaffMud svg{
    width: 14px;
    height: 14px;
    }
    main.download .grubStake{
    margin-top: 0.75rem;
    }
    main.download .grubStake a{
    font-size: 0.8rem;
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    }
    main.download .grubStake a:hover{
    text-decoration: underline;
    }
    main.download .plinth_8{
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.7rem;
    font-weight: 600;
    background: hsla(14, 82%, 52%, 0.08);
    color: var(--tc-primary);
    padding: 0.2rem 0.6rem;
    border-radius: 100px;
    letter-spacing: 0.02em;
    }
    main.download .install-steps{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border);
    border-radius: 8px;
    overflow: hidden;
    }
    main.download .install-steps-row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 360px;
    }
    main.download .install-steps-content{
    padding: 2.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
    main.download .install-steps-img{
    position: relative;
    overflow: hidden;
    background: var(--tc-code-bg);
    }
    main.download .install-steps-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    main.download .step-list{
    list-style: none;
    counter-reset: steps;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    }
    main.download .step-list li{
    counter-increment: steps;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    }
    main.download .step-list li::before{
    content: counter(steps);
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: var(--tc-dark-surface);
    color: var(--tc-dark-text);
    font-size: 0.78rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    }
    main.download .step-list li div{
    flex: 1;
    }
    main.download .step-list li strong{
    display: block;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tc-text);
    margin-bottom: 0.2rem;
    }
    main.download .step-list li p{
    font-size: 0.82rem;
    color: var(--tc-muted);
    line-height: 1.55;
    }
    main.download .sysreq-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    }
    main.download .sysreq-item{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border);
    border-radius: 8px;
    padding: 1.5rem;
    }
    main.download .sysreq-item h3{
    font-size: 0.9rem;
    font-weight: 650;
    color: var(--tc-text);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    }
    main.download .sysreq-item h3 svg{
    width: 16px;
    height: 16px;
    color: var(--tc-muted);
    }
    main.download .sysreq-list{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    }
    main.download .sysreq-list li{
    font-size: 0.82rem;
    color: var(--tc-muted);
    line-height: 1.55;
    padding-left: 1rem;
    position: relative;
    }
    main.download .sysreq-list li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.55em;
    width: 4px;
    height: 4px;
    background: var(--tc-subtle);
    border-radius: 50%;
    }
    main.download .security-banner{
    background: var(--tc-dark-surface);
    border-radius: 8px;
    padding: 2.5rem 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    }
    main.download .security-banner-text h2{
    color: var(--tc-dark-text);
    font-size: 1.4rem;
    margin-bottom: 0.75rem;
    }
    main.download .security-banner-text p{
    color: var(--tc-subtle);
    font-size: 0.9rem;
    line-height: 1.65;
    }
    main.download .security-banner-text a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    }
    main.download .security-banner-text a:hover{
    text-decoration: underline;
    }
    main.download .security-banner-img{
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 16/10;
    }
    main.download .security-banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    main.download .security-checks{
    display: flex;
    gap: 1.5rem;
    margin-top: 1.25rem;
    flex-wrap: wrap;
    }
    main.download .security-check{
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    color: var(--tc-subtle);
    }
    main.download .security-check svg{
    width: 16px;
    height: 16px;
    color: var(--tc-success);
    flex-shrink: 0;
    }
    main.download .checksum-block{
    margin-top: 1.5rem;
    background: hsla(0, 0%, 100%, 0.04);
    border: 1px solid hsla(0, 0%, 100%, 0.08);
    border-radius: 6px;
    padding: 1rem 1.25rem;
    }
    main.download .checksum-block p{
    font-size: 0.78rem;
    color: var(--tc-subtle);
    margin-bottom: 0.4rem;
    }
    main.download .checksum-block code{
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 0.72rem;
    color: var(--tc-subtle);
    word-break: break-all;
    line-height: 1.6;
    }
    main.download .dl-cta-strip{
    text-align: center;
    padding: 3rem 1.5rem;
    border-top: 1px solid var(--tc-border);
    }
    main.download .dl-cta-strip p{
    font-size: 0.92rem;
    color: var(--tc-muted);
    margin-bottom: 0.3rem;
    line-height: 1.6;
    }
    main.download .dl-cta-strip a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    }
    main.download .dl-cta-strip a:hover{
    text-decoration: underline;
    }
    main.download .dl-footer{
    background: var(--tc-dark-surface);
    padding: 2.5rem 1.5rem;
    text-align: center;
    }
    main.download .dl-footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    }
    main.download .dl-footer-brand{
    font-size: 1rem;
    font-weight: 700;
    color: var(--tc-dark-text);
    letter-spacing: -0.02em;
    }
    main.download .dl-footer-links{
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    justify-content: center;
    }
    main.download .dl-footer-links a{
    font-size: 0.82rem;
    color: var(--tc-subtle);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.download .dl-footer-links a:hover{
    color: var(--tc-dark-text);
    }
    main.download .dl-footer-copy{
    font-size: 0.78rem;
    color: hsla(14, 8%, 92%, 0.4);
    margin-top: 0.5rem;
    }
    @media (max-width: 768px) {main.download .dawnMire{
    padding: 3.5rem 1.25rem 3rem;
    }
    main.download .install-steps-row{
    grid-template-columns: 1fr;
    }
    main.download .install-steps-img{
    aspect-ratio: 16/9;
    max-height: 240px;
    order: -1;
    }
    main.download .install-steps-content{
    padding: 1.75rem 1.5rem;
    }
    main.download .security-banner{
    grid-template-columns: 1fr;
    padding: 2rem 1.5rem;
    }
    main.download .security-banner-img{
    order: -1;
    }
    main.download .yarrowDot{
    grid-template-columns: 1fr;
    }
    main.download .boltSilo{
    flex-direction: column;
    align-items: center;
    }}
    @media (max-width: 480px) {main.download .sysreq-grid{
    grid-template-columns: 1fr;
    }
    main.download .security-checks{
    flex-direction: column;
    gap: 0.75rem;
    }}
    main.download .sootDial{
    background: var(--text-color, #1a1610);
    color: hsl(14, 6%, 65%);
    padding: 48px 24px 32px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    }
    main.download .sootDial::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
    90deg,
    var(--primary-color, hsl(14, 82%, 52%)) 0%,
    var(--secondary-color, hsl(60, 66%, 52%)) 50%,
    var(--primary-color, hsl(14, 82%, 52%)) 100%
    );
    }
    main.download .petalGrit{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.download .sleetJam{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.download .crispNova{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
    }
    main.download .tangoElm{
    font-size: 13px;
    color: hsl(14, 6%, 50%);
    margin: 0;
    letter-spacing: 0.01em;
    }
    main.download .rustNook{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.download .sluiceWok{
    color: hsl(14, 6%, 60%);
    text-decoration: none;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: var(--radius-sm, 4px);
    transition: var(--transition, all 0.2s ease);
    white-space: nowrap;
    }
    main.download .sluiceWok:hover{
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    }
    main.download .agatePin{
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.1);
    flex: 0 0 1px;
    }
    main.download .viperKnot{
    width: 100%;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    text-align: center;
    flex: 0 0 auto;
    }
    main.download .clodHusk{
    font-size: 12px;
    color: hsl(14, 6%, 40%);
    margin: 0;
    letter-spacing: 0.01em;
    }
    @media (max-width: 640px) {main.download .sootDial{
    padding: 36px 16px 24px;
    margin-top: 56px;
    }
    main.download .petalGrit{
    gap: 20px;
    }
    main.download .rustNook{
    gap: 4px;
    }
    main.download .sluiceWok{
    font-size: 12px;
    padding: 4px 8px;
    }
    main.download .agatePin{
    height: 12px;
    }
    main.download .viperKnot{
    padding-top: 18px;
    }
    main.download .clodHusk{
    font-size: 11px;
    }}
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.features *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.features .spurHaze{
    background: var(--tc-code-bg);
    color: #fff;
    padding: 96px 24px 80px;
    position: relative;
    overflow: hidden;
    }
    main.features .spurHaze::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: 480px;
    height: 480px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.15) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .spurHaze::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: 10%;
    width: 320px;
    height: 320px;
    background: radial-gradient(circle, hsla(60, 66%, 52%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .rumpGild{
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.features .spurHaze h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    }
    main.features .spurHaze h1 span{
    color: var(--tc-primary);
    }
    main.features .plovTusk{
    font-size: 1.05rem;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.7);
    max-width: 680px;
    }
    main.features .bivalveQ{
    margin-top: 28px;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    font-size: 0.85rem;
    color: hsla(0, 0%, 100%, 0.5);
    }
    main.features .bivalveQ span{
    display: flex;
    align-items: center;
    gap: 6px;
    }
    main.features .bivalveQ svg{
    width: 14px;
    height: 14px;
    opacity: 0.6;
    }
    
    main.features .adzeComp{
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.features .woadNip{
    margin-bottom: 48px;
    }
    main.features .woadNip h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.35rem, 3vw, 1.85rem);
    font-weight: 700;
    color: var(--tc-text, #1a1a1a);
    letter-spacing: -0.01em;
    margin-bottom: 12px;
    }
    main.features .woadNip p{
    font-size: 0.95rem;
    line-height: 1.7;
    color: var(--tc-muted);
    max-width: 640px;
    }
    
    main.features .culm_jet{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    }
    main.features .drossHem{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border);
    padding: 32px 28px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    }
    main.features .drossHem:hover{
    border-color: hsla(14, 82%, 52%, 0.3);
    box-shadow: 0 8px 32px hsla(14, 10%, 8%, 0.06);
    }
    main.features .weftLoom{
    width: 44px;
    height: 44px;
    background: hsla(14, 82%, 52%, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    }
    main.features .weftLoom svg{
    width: 22px;
    height: 22px;
    color: var(--tc-primary);
    }
    main.features .drossHem h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--tc-text);
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .drossHem p{
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--tc-muted);
    }
    main.features .drossHem .crevice7{
    margin-top: 14px;
    font-size: 0.8rem;
    color: hsla(14, 6%, 46%, 0.8);
    border-top: 1px solid var(--tc-border);
    padding-top: 12px;
    font-family: "SF Mono", "Fira Code", monospace;
    }
    
    main.features .bargeKit{
    background: var(--tc-surface-alt);
    }
    main.features .reedSnag{
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.features .loamTip{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    }
    main.features .pithVane{
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid var(--tc-border);
    }
    main.features .scaldFin h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 16px;
    }
    main.features .scaldFin p{
    font-size: 0.925rem;
    line-height: 1.7;
    color: var(--tc-muted);
    margin-bottom: 12px;
    }
    main.features .gnarlPod{
    list-style: none;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.features .gnarlPod li{
    font-size: 0.875rem;
    color: var(--tc-text);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.55;
    }
    main.features .gnarlPod li svg{
    width: 16px;
    height: 16px;
    color: var(--tc-primary);
    flex-shrink: 0;
    margin-top: 2px;
    }
    
    main.features .cruxFen{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    }
    main.features .cruxFen.tuftOrb{
    direction: rtl;
    }
    main.features .cruxFen.tuftOrb > *{
    direction: ltr;
    }
    main.features .oxlipCue{
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border: 1px solid var(--tc-border);
    }
    main.features .cleat_nub h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.65rem);
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 16px;
    }
    main.features .cleat_nub p{
    font-size: 0.925rem;
    line-height: 1.7;
    color: var(--tc-muted);
    margin-bottom: 12px;
    }
    main.features .flintMaw{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    }
    main.features .brackPew{
    background: var(--tc-surface-alt);
    padding: 14px 16px;
    border: 1px solid var(--tc-border);
    }
    main.features .brackPew dt{
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--tc-muted);
    margin-bottom: 4px;
    }
    main.features .brackPew dd{
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--tc-text);
    }
    
    main.features .feat-plugin-section{
    background: var(--tc-code-bg);
    color: #fff;
    }
    main.features .feat-plugin-inner{
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.features .feat-plugin-inner .woadNip h2{
    color: #fff;
    }
    main.features .feat-plugin-inner .woadNip p{
    color: hsla(0, 0%, 100%, 0.6);
    }
    main.features .feat-plugin-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    }
    main.features .feat-plugin-card{
    background: hsla(0, 0%, 100%, 0.05);
    border: 1px solid hsla(0, 0%, 100%, 0.08);
    padding: 28px 24px;
    transition: background 0.2s ease;
    }
    main.features .feat-plugin-card:hover{
    background: hsla(0, 0%, 100%, 0.08);
    }
    main.features .feat-plugin-tag{
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 4px 10px;
    margin-bottom: 16px;
    background: hsla(14, 82%, 52%, 0.15);
    color: hsl(14, 82%, 65%);
    }
    main.features .feat-plugin-card h3{
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .feat-plugin-card p{
    font-size: 0.85rem;
    line-height: 1.6;
    color: hsla(0, 0%, 100%, 0.55);
    }
    
    main.features .feat-table-wrap{
    overflow-x: auto;
    margin-top: 32px;
    }
    main.features .feat-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
    }
    main.features .feat-table thead{
    background: var(--tc-surface-alt);
    }
    main.features .feat-table th{
    text-align: left;
    padding: 14px 20px;
    font-weight: 600;
    color: var(--tc-text);
    border-bottom: 2px solid var(--tc-border);
    white-space: nowrap;
    }
    main.features .feat-table td{
    padding: 12px 20px;
    border-bottom: 1px solid var(--tc-border);
    color: var(--tc-muted);
    line-height: 1.5;
    }
    main.features .feat-table tbody tr:hover{
    background: hsla(14, 82%, 52%, 0.02);
    }
    main.features .feat-table .check-icon{
    color: hsl(145, 60%, 40%);
    }
    
    main.features .feat-cta{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.features .feat-cta-box{
    background: var(--tc-code-bg);
    padding: 56px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative;
    overflow: hidden;
    }
    main.features .feat-cta-box::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background: linear-gradient(135deg, hsla(14, 82%, 52%, 0.1), transparent);
    pointer-events: none;
    }
    main.features .feat-cta-text h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }
    main.features .feat-cta-text p{
    font-size: 0.9rem;
    color: hsla(0, 0%, 100%, 0.6);
    }
    main.features .feat-cta-actions{
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    }
    main.features .btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: var(--tc-primary);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    }
    main.features .btn-primary:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.features .btn-ghost{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 28px;
    background: hsla(0, 0%, 100%, 0.08);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid hsla(0, 0%, 100%, 0.15);
    cursor: pointer;
    transition: background 0.15s ease;
    }
    main.features .btn-ghost:hover{
    background: hsla(0, 0%, 100%, 0.12);
    }
    
    main.features .feat-footer{
    background: var(--tc-code-bg);
    border-top: 1px solid hsla(0, 0%, 100%, 0.06);
    padding: 40px 24px;
    }
    main.features .feat-footer-inner{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.features .feat-footer-brand{
    font-size: 0.95rem;
    font-weight: 600;
    color: hsla(0, 0%, 100%, 0.8);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .feat-footer-copy{
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, 0.35);
    }
    main.features .feat-footer-links{
    display: flex;
    gap: 24px;
    list-style: none;
    }
    main.features .feat-footer-links a{
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, 0.4);
    text-decoration: none;
    transition: color 0.15s ease;
    }
    main.features .feat-footer-links a:hover{
    color: hsla(0, 0%, 100%, 0.75);
    }
    
    @media (max-width: 900px) {main.features .culm_jet, main.features .feat-plugin-grid{
    grid-template-columns: repeat(2, 1fr);
    }
    main.features .loamTip, main.features .cruxFen{
    grid-template-columns: 1fr;
    gap: 28px;
    }
    main.features .cruxFen.tuftOrb{
    direction: ltr;
    }
    main.features .feat-cta-box{
    flex-direction: column;
    text-align: center;
    padding: 40px 28px;
    }}
    @media (max-width: 600px) {main.features .culm_jet, main.features .feat-plugin-grid{
    grid-template-columns: 1fr;
    }
    main.features .spurHaze{
    padding: 72px 20px 56px;
    }
    main.features .adzeComp{
    padding: 56px 20px;
    }
    main.features .reedSnag, main.features .feat-plugin-inner{
    padding: 56px 20px;
    }
    main.features .flintMaw{
    grid-template-columns: 1fr;
    }
    main.features .feat-cta-actions{
    flex-direction: column;
    width: 100%;
    }
    main.features .btn-primary, main.features .btn-ghost{
    justify-content: center;
    }
    main.features .feat-footer-inner{
    flex-direction: column;
    text-align: center;
    }}
    main.features .mossJab{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 62%);
    padding: 56px 24px 32px;
    margin-top: 0;
    }
    main.features .chalkVein{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    }
    main.features .newtSlab{
    flex: 1;
    }
    main.features .dint_ray3{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.features .hasp{
    margin: 8px 0 0;
    font-size: 14px;
    line-height: 1.5;
    color: hsl(14, 6%, 50%);
    }
    main.features .grainPyx{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    }
    main.features .siltBrim{
    font-size: 13px;
    color: hsl(14, 6%, 55%);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    transition: color 0.2s ease, background 0.2s ease;
    }
    main.features .siltBrim:hover{
    color: #fff;
    background: hsla(0, 0%, 100%, 0.06);
    }
    main.features .thistleOx{
    color: hsl(14, 6%, 28%);
    font-size: 14px;
    user-select: none;
    }
    main.features .frondZap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.08);
    gap: 16px;
    flex-wrap: wrap;
    }
    main.features .snagDusk{
    font-size: 13px;
    color: hsl(14, 6%, 40%);
    margin: 0;
    flex: 1 1 auto;
    }
    main.features .shaleWrit{
    display: flex;
    align-items: center;
    gap: 4px;
    flex: 0 0 auto;
    }
    main.features .pikeSwirl{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm, 4px);
    color: hsl(14, 6%, 45%);
    transition: color 0.2s ease, background 0.2s ease;
    }
    main.features .pikeSwirl:hover{
    color: #fff;
    background: hsla(0, 0%, 100%, 0.08);
    }
    @media (max-width: 640px) {main.features .mossJab{
    padding: 40px 16px 24px;
    }
    main.features .chalkVein{
    gap: 28px;
    }
    main.features .grainPyx{
    gap: 4px;
    }
    main.features .siltBrim{
    padding: 4px 6px;
    font-size: 12px;
    }
    main.features .frondZap{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    }
    main.features .snagDusk{
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.system-requirements *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.system-requirements .ivory{
    padding: 80px 24px 60px;
    background: linear-gradient(168deg, hsl(14, 10%, 10%) 0%, hsl(14, 12%, 16%) 60%, hsl(14, 20%, 20%) 100%);
    color: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    }
    main.system-requirements .ivory::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.system-requirements .ivory::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: -40px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, hsla(60, 66%, 52%, 0.08) 0%, transparent 70%);
    pointer-events: none;
    }
    main.system-requirements .ivory h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin-bottom: 16px;
    position: relative;
    }
    main.system-requirements .ivory h1 span{
    color: var(--tc-primary);
    }
    main.system-requirements .obsidian{
    font-size: 1.05rem;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.7);
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    }
    main.system-requirements .ember{
    max-width: 1120px;
    margin: 0 auto;
    padding: 60px 24px;
    }
    main.system-requirements .quartz{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 72px;
    }
    main.system-requirements .opal h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 16px;
    letter-spacing: -0.01em;
    }
    main.system-requirements .opal p{
    font-size: 0.95rem;
    line-height: 1.75;
    color: var(--tc-text-muted);
    margin-bottom: 12px;
    }
    main.system-requirements .opal a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.system-requirements .opal a:hover{
    border-bottom-color: var(--tc-primary);
    }
    main.system-requirements .mosaic{
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 32px hsla(14, 10%, 8%, 0.1), 0 2px 8px hsla(14, 10%, 8%, 0.06);
    }
    main.system-requirements .mosaic img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16/10;
    object-fit: cover;
    }
    main.system-requirements .riddle{
    text-align: center;
    margin-bottom: 48px;
    }
    main.system-requirements .riddle h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 8px;
    }
    main.system-requirements .riddle p{
    color: var(--tc-text-muted);
    font-size: 0.92rem;
    }
    main.system-requirements .zenith{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 72px;
    }
    main.system-requirements .pulse{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    padding: 32px 28px;
    position: relative;
    transition: box-shadow 0.25s, border-color 0.25s;
    }
    main.system-requirements .pulse:hover{
    box-shadow: 0 8px 24px hsla(14, 10%, 8%, 0.08);
    border-color: var(--tc-border);
    }
    main.system-requirements .glacier{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--tc-border-light);
    }
    main.system-requirements .jade{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.system-requirements .jade svg{
    width: 24px;
    height: 24px;
    }
    main.system-requirements .crimson{
    background: linear-gradient(135deg, hsl(207, 80%, 52%), hsl(207, 80%, 42%));
    }
    main.system-requirements .velvet{
    background: linear-gradient(135deg, hsl(140, 60%, 46%), hsl(140, 60%, 36%));
    }
    main.system-requirements .aurora{
    background: linear-gradient(135deg, hsl(0, 0%, 22%), hsl(0, 0%, 12%)); color: #ffffff;}
    main.system-requirements .glacier h3{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--tc-text);
    }
    main.system-requirements .glacier .mirage{
    font-size: 0.78rem;
    color: var(--tc-text-muted);
    font-weight: 400;
    margin-top: 2px;
    }
    main.system-requirements .tundra{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }
    main.system-requirements .helix{
    display: flex;
    gap: 12px;
    align-items: flex-start;
    }
    main.system-requirements .prism{
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--tc-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    min-width: 64px;
    padding-top: 2px;
    flex-shrink: 0;
    }
    main.system-requirements .flint{
    font-size: 0.9rem;
    color: var(--tc-text);
    line-height: 1.55;
    }
    main.system-requirements .furlBask{
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    margin-left: 6px;
    vertical-align: middle;
    }
    main.system-requirements .nova{
    background: hsla(14, 82%, 52%, 0.1);
    color: var(--tc-primary);
    }
    main.system-requirements .karma{
    background: var(--tc-surface-alt);
    color: var(--tc-text-muted);
    }
    main.system-requirements .dusk{
    margin-bottom: 72px;
    }
    main.system-requirements .dusk h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 32px;
    text-align: center;
    }
    main.system-requirements .cipher{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    overflow: hidden;
    }
    main.system-requirements .onyx{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    }
    main.system-requirements .onyx thead{
    background: hsl(14, 10%, 10%);
    color: #fff;
    }
    main.system-requirements .onyx th{
    padding: 14px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    }
    main.system-requirements .onyx td{
    padding: 14px 20px;
    color: var(--tc-text);
    border-bottom: 1px solid var(--tc-border-light);
    line-height: 1.5;
    }
    main.system-requirements .onyx tbody tr:last-child td{
    border-bottom: none;
    }
    main.system-requirements .onyx tbody tr:hover{
    background: hsla(14, 8%, 96%, 0.6);
    }
    main.system-requirements .onyx .raven{
    font-weight: 600;
    white-space: nowrap;
    }
    main.system-requirements .solstice{
    background: var(--tc-surface-alt);
    border-radius: 8px;
    padding: 48px 24px;
    margin-bottom: 72px;
    }
    main.system-requirements .vortex{
    max-width: 800px;
    margin: 0 auto;
    }
    main.system-requirements .solstice h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--tc-text);
    margin-bottom: 20px;
    }
    main.system-requirements .solstice ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.system-requirements .solstice li{
    font-size: 0.9rem;
    color: var(--tc-text-muted);
    line-height: 1.65;
    padding-left: 20px;
    position: relative;
    }
    main.system-requirements .solstice li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--tc-primary);
    opacity: 0.6;
    }
    main.system-requirements .cobalt{
    text-align: center;
    padding: 56px 24px;
    background: linear-gradient(168deg, hsl(14, 10%, 10%) 0%, hsl(14, 12%, 16%) 100%);
    border-radius: 12px;
    margin-bottom: 0; color: #ffffff;}
    main.system-requirements .cobalt h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    }
    main.system-requirements .cobalt p{
    color: hsla(0, 0%, 100%, 0.65);
    font-size: 0.92rem;
    margin-bottom: 28px;
    }
    main.system-requirements .basalt{
    display: inline-block;
    padding: 14px 36px;
    background: var(--tc-primary);
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 4px 16px hsla(14, 82%, 52%, 0.3);
    }
    main.system-requirements .basalt:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.system-requirements .sable{
    border-top: 1px solid var(--tc-border-light);
    padding: 40px 24px;
    text-align: center;
    }
    main.system-requirements .nexus{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    }
    main.system-requirements .phantom{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--tc-text);
    }
    main.system-requirements .lumen{
    font-size: 0.82rem;
    color: var(--tc-text-muted);
    }
    main.system-requirements .sr-footer-links{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    }
    main.system-requirements .sr-footer-links a{
    font-size: 0.82rem;
    color: var(--tc-text-muted);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.system-requirements .sr-footer-links a:hover{
    color: var(--tc-primary);
    }
    @media (max-width: 900px) {main.system-requirements .zenith{
    grid-template-columns: 1fr;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    }
    main.system-requirements .quartz{
    grid-template-columns: 1fr;
    }
    main.system-requirements .mosaic{
    order: -1;
    }}
    @media (max-width: 640px) {main.system-requirements .ivory{
    padding: 60px 20px 44px;
    }
    main.system-requirements .ember{
    padding: 40px 16px;
    }
    main.system-requirements .cipher{
    overflow-x: auto;
    }
    main.system-requirements .onyx{
    min-width: 580px;
    }
    main.system-requirements .cobalt{
    border-radius: 8px;
    padding: 40px 20px;
    }}
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
    main.getting-started{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--gs-text);
    background: var(--gs-bg);
    line-height: 1.7;
    overflow-x: hidden;
    }
    main.getting-started *, main.getting-started *::before, main.getting-started *::after{
    box-sizing: border-box;
    }
    
    main.getting-started .vapor{
    position: relative;
    padding: 80px 24px 64px;
    background: var(--gs-bg-dark);
    color: #fff;
    overflow: hidden;
    }
    main.getting-started .vapor::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, .15) 0%, transparent 70%);
    pointer-events: none;
    }
    main.getting-started .crest{
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.getting-started .umbra{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--gs-primary);
    background: hsla(14, 82%, 52%, .12);
    padding: 6px 14px;
    border-radius: 4px;
    margin-bottom: 24px;
    }
    main.getting-started .vapor h1{
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px;
    letter-spacing: -.02em;
    }
    main.getting-started .whirl{
    font-size: 17px;
    color: hsla(0, 0%, 100%, .65);
    max-width: 620px;
    margin: 0;
    line-height: 1.75;
    }
    
    main.getting-started .blaze{
    max-width: 960px;
    margin: 0 auto;
    padding: 72px 24px;
    }
    main.getting-started .haze{
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gs-primary);
    margin: 0 0 12px;
    }
    main.getting-started .blaze h2{
    font-size: clamp(22px, 3.5vw, 32px);
    font-weight: 700;
    margin: 0 0 16px;
    letter-spacing: -.015em;
    line-height: 1.25;
    }
    main.getting-started .alloy{
    font-size: 15px;
    color: var(--gs-text-muted);
    max-width: 640px;
    margin: 0 0 40px;
    }
    
    main.getting-started .husk{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    }
    main.getting-started .jovial{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid var(--gs-border);
    }
    main.getting-started .spark h3{
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 12px;
    }
    main.getting-started .spark p{
    font-size: 15px;
    color: var(--gs-text-muted);
    margin: 0 0 20px;
    }
    main.getting-started .orbit{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.getting-started .orbit li{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: var(--gs-text);
    line-height: 1.6;
    }
    main.getting-started .tide{
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    background: hsla(14, 82%, 52%, .08);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.getting-started .tide svg{
    width: 14px;
    height: 14px;
    stroke: var(--gs-primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    
    main.getting-started .forge{
    background: var(--gs-bg-card);
    border-top: 1px solid var(--gs-border-light);
    border-bottom: 1px solid var(--gs-border-light);
    }
    main.getting-started .axiom{
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
    }
    main.getting-started .brisk{
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 24px;
    padding-bottom: 40px;
    position: relative;
    }
    main.getting-started .brisk:last-child{
    padding-bottom: 0;
    }
    main.getting-started .rune{
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    main.getting-started .quest{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--gs-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    }
    main.getting-started .cloak{
    width: 2px;
    flex: 1;
    background: var(--gs-border);
    margin-top: 8px;
    }
    main.getting-started .brisk:last-child .cloak{
    display: none;
    }
    main.getting-started .grain h3{
    font-size: 17px;
    font-weight: 600;
    margin: 8px 0 8px;
    }
    main.getting-started .grain p{
    font-size: 14px;
    color: var(--gs-text-muted);
    margin: 0;
    line-height: 1.7;
    }
    main.getting-started .inlet{
    margin-top: 16px;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid var(--gs-border);
    }
    
    main.getting-started .lyric{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 16px;
    }
    main.getting-started .drift{
    background: var(--gs-bg-card);
    border: 1px solid var(--gs-border);
    border-radius: 6px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: border-color .2s;
    }
    main.getting-started .drift:hover{
    border-color: var(--gs-primary);
    }
    main.getting-started .xeno{
    flex-shrink: 0;
    min-width: 48px;
    height: 36px;
    background: var(--gs-code-bg);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    font-family: "SF Mono", "Fira Code", monospace;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    letter-spacing: .02em;
    }
    main.getting-started .knack h3{
    font-size: 14px;
    font-weight: 600;
    margin: 0 0 4px;
    }
    main.getting-started .knack p{
    font-size: 13px;
    color: var(--gs-text-muted);
    margin: 0;
    line-height: 1.5;
    }
    
    main.getting-started .gs-toolbar-section{
    background: var(--gs-bg-card);
    border-top: 1px solid var(--gs-border-light);
    border-bottom: 1px solid var(--gs-border-light);
    }
    main.getting-started .gs-toolbar-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
    }
    main.getting-started .gs-toolbar-steps{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    counter-reset: toolbar-step;
    }
    main.getting-started .gs-toolbar-steps li{
    counter-increment: toolbar-step;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 14px;
    color: var(--gs-text);
    line-height: 1.65;
    }
    main.getting-started .gs-toolbar-steps li::before{
    content: counter(toolbar-step);
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: hsla(14, 82%, 52%, .1);
    color: var(--gs-primary);
    font-size: 12px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    }
    main.getting-started .gs-toolbar-note{
    margin-top: 24px;
    padding: 16px;
    background: hsla(14, 82%, 52%, .04);
    border-left: 3px solid var(--gs-primary);
    border-radius: 0 6px 6px 0;
    font-size: 13px;
    color: var(--gs-text-muted);
    line-height: 1.65;
    }
    main.getting-started .gs-toolbar-img{
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid var(--gs-border);
    }
    
    main.getting-started .gs-lang-box{
    background: var(--gs-code-bg);
    border-radius: 6px;
    padding: 40px;
    color: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    }
    main.getting-started .gs-lang-box h3{
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #fff;
    }
    main.getting-started .gs-lang-box p{
    font-size: 14px;
    color: hsla(0, 0%, 100%, .6);
    margin: 0 0 20px;
    line-height: 1.7;
    }
    main.getting-started .gs-lang-steps{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.getting-started .gs-lang-steps li{
    font-size: 14px;
    color: hsla(0, 0%, 100%, .8);
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.6;
    }
    main.getting-started .gs-lang-steps li span{
    flex-shrink: 0;
    color: var(--gs-primary);
    font-weight: 600;
    font-size: 13px;
    }
    main.getting-started .gs-lang-visual{
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.getting-started .gs-lang-path{
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 13px;
    background: hsla(0, 0%, 100%, .06);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    padding: 14px 18px;
    color: hsla(0, 0%, 100%, .7);
    line-height: 1.8;
    }
    main.getting-started .gs-lang-path strong{
    color: var(--gs-primary);
    font-weight: 600;
    }
    
    main.getting-started .gs-cta-banner{
    text-align: center;
    padding: 64px 24px;
    background: var(--gs-bg);
    }
    main.getting-started .gs-cta-banner h2{
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 700;
    margin: 0 0 12px;
    }
    main.getting-started .gs-cta-banner p{
    font-size: 15px;
    color: var(--gs-text-muted);
    margin: 0 0 28px;
    }
    main.getting-started .gs-cta-actions{
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.getting-started .gs-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--gs-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s, transform .15s;
    box-shadow: 0 2px 8px hsla(14, 82%, 52%, .3);
    }
    main.getting-started .gs-btn-primary:hover{
    background: var(--gs-primary-dark);
    transform: translateY(-1px);
    }
    main.getting-started .gs-btn-secondary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: var(--gs-bg-card);
    color: var(--gs-text);
    font-size: 15px;
    font-weight: 600;
    border: 1px solid var(--gs-border);
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    transition: border-color .2s, transform .15s;
    }
    main.getting-started .gs-btn-secondary:hover{
    border-color: var(--gs-text);
    transform: translateY(-1px);
    }
    
    main.getting-started .gs-footer{
    background: var(--gs-bg-dark);
    color: hsla(0, 0%, 100%, .5);
    padding: 40px 24px;
    }
    main.getting-started .gs-footer-inner{
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.getting-started .gs-footer-brand{
    font-size: 15px;
    font-weight: 600;
    color: hsla(0, 0%, 100%, .8);
    }
    main.getting-started .gs-footer-brand small{
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .35);
    margin-top: 4px;
    }
    main.getting-started .gs-footer-links{
    display: flex;
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.getting-started .gs-footer-links a{
    font-size: 13px;
    color: hsla(0, 0%, 100%, .45);
    text-decoration: none;
    transition: color .2s;
    }
    main.getting-started .gs-footer-links a:hover{
    color: hsla(0, 0%, 100%, .8);
    }
    main.getting-started .gs-footer-copy{
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, .08);
    }
    
    @media (max-width: 768px) {main.getting-started .vapor{
    padding: 56px 20px 48px;
    }
    main.getting-started .blaze{
    padding: 48px 20px;
    }
    main.getting-started .husk, main.getting-started .gs-toolbar-grid, main.getting-started .gs-lang-box{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-lang-box{
    padding: 28px 20px;
    }
    main.getting-started .lyric{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-footer-inner{
    flex-direction: column;
    text-align: center;
    }
    main.getting-started .gs-footer-links{
    justify-content: center;
    }}
    main.getting-started .nimbus{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 62%);
    padding: 48px 24px 32px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    }
    main.getting-started .nimbus::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
    90deg,
    transparent,
    var(--primary-color, hsl(14, 82%, 52%)) 50%,
    transparent
    );
    opacity: 0.6;
    }
    main.getting-started .glyph{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 32px;
    }
    main.getting-started .talon{
    display: flex;
    flex-direction: column;
    gap: 8px;
    }
    main.getting-started .delta{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    }
    main.getting-started .epoch{
    font-size: 14px;
    color: hsl(14, 6%, 50%);
    margin: 0;
    line-height: 1.5;
    }
    main.getting-started .mirth{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    }
    main.getting-started .fable{
    color: hsl(14, 6%, 58%);
    text-decoration: none;
    font-size: 14px;
    padding: 6px 0;
    transition: var(--transition, all 0.2s ease);
    position: relative;
    }
    main.getting-started .fable:hover{
    color: var(--primary-color, hsl(14, 82%, 52%));
    }
    main.getting-started .fable::after{
    content: "";
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--primary-color, hsl(14, 82%, 52%));
    transition: width 0.25s ease;
    }
    main.getting-started .fable:hover::after{
    width: 100%;
    }
    main.getting-started .yield{
    width: 1px;
    height: 14px;
    background: hsl(14, 6%, 25%);
    margin: 0 16px;
    flex-shrink: 0; color: #ffffff;}
    main.getting-started .wren{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
    border-top: 1px solid hsl(14, 6%, 16%);
    gap: 16px;
    }
    main.getting-started .ignite{
    font-size: 13px;
    color: hsl(14, 6%, 40%);
    margin: 0;
    flex: 1;
    }
    main.getting-started .unity{
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    }
    main.getting-started .plume{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-sm, 4px);
    color: hsl(14, 6%, 50%);
    background: hsl(14, 6%, 14%);
    transition: var(--transition, all 0.2s ease);
    text-decoration: none;
    }
    main.getting-started .plume:hover{
    color: #fff;
    background: var(--primary-color, hsl(14, 82%, 52%));
    }
    main.getting-started .vivid{
    width: 18px;
    height: 18px;
    }
    @media (max-width: 640px) {main.getting-started .nimbus{
    padding: 36px 16px 24px;
    margin-top: 48px;
    }
    main.getting-started .glyph{
    gap: 24px;
    }
    main.getting-started .mirth{
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    }
    main.getting-started .yield{
    display: none;
    }
    main.getting-started .fable{
    padding: 8px 0;
    }
    main.getting-started .wren{
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    }
    main.getting-started .unity{
    align-self: flex-start;
    }}
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.shortcuts *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.shortcuts{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
    color: var(--tc-text, #1a1614);
    background: var(--tc-bg, #f4f2f1);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
    main.shortcuts .pebble{
    position: relative;
    padding: 80px 24px 60px;
    background: linear-gradient(170deg, hsl(14, 10%, 10%) 0%, hsl(14, 12%, 16%) 60%, hsl(14, 20%, 22%) 100%);
    overflow: hidden; color: #ffffff;}
    main.shortcuts .pebble::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.shortcuts .pebble::after{
    content: "";
    position: absolute;
    bottom: -30%;
    left: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, hsla(60, 66%, 52%, 0.06) 0%, transparent 70%);
    pointer-events: none;
    }
    main.shortcuts .cobalt{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.shortcuts .pebble h1{
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    line-height: 1.3;
    margin-bottom: 16px;
    }
    main.shortcuts .pebble h1 span{
    color: var(--tc-primary);
    }
    main.shortcuts .zenith{
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.65);
    max-width: 640px;
    line-height: 1.7;
    margin-bottom: 28px;
    }
    main.shortcuts .nectar{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    align-items: center;
    }
    main.shortcuts .obsidian{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    color: hsla(0, 0%, 100%, 0.5);
    }
    main.shortcuts .obsidian svg{
    width: 16px;
    height: 16px;
    opacity: 0.6;
    }
    main.shortcuts .sc-hero-cta{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--tc-primary);
    color: #fff;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 6px;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 2px 12px hsla(14, 82%, 52%, 0.3);
    }
    main.shortcuts .sc-hero-cta:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.shortcuts .sc-hero-cta svg{
    width: 18px;
    height: 18px;
    }
    main.shortcuts .sc-toc{
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 0;
    }
    main.shortcuts .sc-toc-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
    }
    main.shortcuts .sc-toc-item{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 6px;
    text-decoration: none;
    color: var(--tc-text);
    font-size: 0.875rem;
    font-weight: 500;
    transition: border-color 0.2s, box-shadow 0.2s;
    }
    main.shortcuts .sc-toc-item:hover{
    border-color: var(--tc-primary);
    box-shadow: 0 2px 8px hsla(14, 82%, 52%, 0.1);
    }
    main.shortcuts .sc-toc-dot{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
    }
    main.shortcuts .quill{
    max-width: 1100px;
    margin: 32px auto 0;
    padding: 0 24px;
    }
    main.shortcuts .phantom{
    position: relative;
    max-width: 480px;
    }
    main.shortcuts .phantom svg{
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    color: var(--tc-text-muted);
    pointer-events: none;
    }
    main.shortcuts .beacon{
    width: 100%;
    padding: 12px 16px 12px 42px;
    border: 1px solid var(--tc-border);
    border-radius: 6px;
    font-size: 0.9rem;
    background: var(--tc-surface);
    color: var(--tc-text);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    }
    main.shortcuts .beacon::placeholder{
    color: var(--tc-text-muted);
    }
    main.shortcuts .beacon:focus{
    border-color: var(--tc-primary);
    box-shadow: 0 0 0 3px hsla(14, 82%, 52%, 0.1);
    }
    main.shortcuts .prism{
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 24px 60px;
    }
    main.shortcuts .aurora{
    margin-bottom: 48px;
    }
    main.shortcuts .drift{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--tc-border-light);
    }
    main.shortcuts .quartz{
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.shortcuts .quartz svg{
    width: 20px;
    height: 20px;
    color: #fff;
    }
    main.shortcuts .aurora h2{
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    }
    main.shortcuts .aurora h2 .oxide{
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--tc-text-muted);
    margin-left: 8px;
    }
    main.shortcuts .pulse{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    overflow: hidden;
    }
    main.shortcuts .cipher{
    width: 100%;
    border-collapse: collapse;
    }
    main.shortcuts .cipher thead th{
    text-align: left;
    padding: 12px 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--tc-text-muted);
    background: var(--tc-surface-alt);
    border-bottom: 1px solid var(--tc-border-light);
    }
    main.shortcuts .cipher tbody tr{
    border-bottom: 1px solid var(--tc-border-light);
    transition: background 0.15s;
    }
    main.shortcuts .cipher tbody tr:last-child{
    border-bottom: none;
    }
    main.shortcuts .cipher tbody tr:hover{
    background: hsla(14, 8%, 96%, 0.6);
    }
    main.shortcuts .cipher td{
    padding: 12px 20px;
    font-size: 0.9rem;
    vertical-align: middle;
    }
    main.shortcuts .cipher td:first-child{
    width: 220px;
    white-space: nowrap;
    }
    main.shortcuts kbd{
    display: inline-block;
    padding: 3px 8px;
    font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--tc-kbd-text);
    background: var(--tc-kbd-bg);
    border-radius: 4px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 1px 0 hsla(0,0%,100%,0.06);
    }
    main.shortcuts kbd + span.mango{
    margin: 0 4px;
    font-size: 0.75rem;
    color: var(--tc-text-muted);
    font-weight: 500;
    }
    main.shortcuts kbd + kbd{
    margin-left: 4px;
    }
    main.shortcuts .sable{
    color: var(--tc-text);
    line-height: 1.5;
    }
    main.shortcuts .relic{
    display: block;
    font-size: 0.8rem;
    color: var(--tc-text-muted);
    margin-top: 2px;
    }
    main.shortcuts .sc-banner{
    position: relative;
    max-width: 1100px;
    margin: 0 auto 48px;
    padding: 0 24px;
    }
    main.shortcuts .sc-banner-inner{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    min-height: 220px;
    display: flex;
    align-items: center;
    }
    main.shortcuts .sc-banner-img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
    main.shortcuts .sc-banner-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, hsla(14, 12%, 10%, 0.88) 0%, hsla(14, 12%, 10%, 0.5) 100%); color: #ffffff;}
    main.shortcuts .sc-banner-text{
    position: relative;
    z-index: 1;
    padding: 40px;
    max-width: 520px;
    }
    main.shortcuts .sc-banner-text h3{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }
    main.shortcuts .sc-banner-text p{
    font-size: 0.9rem;
    color: hsla(0,0%,100%,0.7);
    line-height: 1.6;
    margin-bottom: 16px;
    }
    main.shortcuts .sc-banner-link{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    background: var(--tc-primary);
    color: #fff;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 6px;
    transition: background 0.2s;
    }
    main.shortcuts .sc-banner-link:hover{
    background: var(--tc-primary-dark);
    }
    main.shortcuts .sc-custom{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 48px;
    }
    main.shortcuts .sc-custom h2{
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 8px;
    }
    main.shortcuts .sc-custom > p{
    font-size: 0.9rem;
    color: var(--tc-text-muted);
    margin-bottom: 24px;
    line-height: 1.6;
    }
    main.shortcuts .sc-steps{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    }
    main.shortcuts .sc-step{
    padding: 20px;
    background: var(--tc-surface-alt);
    border-radius: 6px;
    border: 1px solid var(--tc-border-light);
    }
    main.shortcuts .sc-step-num{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--tc-kbd-bg);
    color: var(--tc-kbd-text);
    font-size: 0.8rem;
    font-weight: 700;
    border-radius: 50%;
    margin-bottom: 10px;
    }
    main.shortcuts .sc-step h3{
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 6px;
    }
    main.shortcuts .sc-step p{
    font-size: 0.825rem;
    color: var(--tc-text-muted);
    line-height: 1.5;
    }
    main.shortcuts .sc-tip{
    display: flex;
    gap: 14px;
    padding: 20px;
    background: hsla(14, 82%, 52%, 0.05);
    border: 1px solid hsla(14, 82%, 52%, 0.15);
    border-radius: 8px;
    margin-top: 32px;
    }
    main.shortcuts .sc-tip svg{
    width: 20px;
    height: 20px;
    color: var(--tc-primary);
    flex-shrink: 0;
    margin-top: 2px;
    }
    main.shortcuts .sc-tip-text{
    font-size: 0.875rem;
    color: var(--tc-text);
    line-height: 1.6;
    }
    main.shortcuts .sc-tip-text a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    }
    main.shortcuts .sc-tip-text a:hover{
    text-decoration: underline;
    }
    main.shortcuts .sc-footer{
    background: hsl(14, 10%, 10%);
    padding: 40px 24px;
    text-align: center; color: #ffffff;}
    main.shortcuts .sc-footer-brand{
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    }
    main.shortcuts .sc-footer-tagline{
    font-size: 0.8rem;
    color: hsla(0,0%,100%,0.4);
    margin-bottom: 16px;
    }
    main.shortcuts .sc-footer-links{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    }
    main.shortcuts .sc-footer-links a{
    font-size: 0.825rem;
    color: hsla(0,0%,100%,0.55);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.shortcuts .sc-footer-links a:hover{
    color: var(--tc-primary);
    }
    main.shortcuts .sc-footer-copy{
    font-size: 0.75rem;
    color: hsla(0,0%,100%,0.3);
    }
    @media (max-width: 768px) {main.shortcuts .pebble{ padding: 60px 20px 40px; }
    main.shortcuts .sc-toc-grid{ grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
    main.shortcuts .cipher td:first-child{ width: auto; white-space: normal; }
    main.shortcuts .cipher thead th, main.shortcuts .cipher td{ padding: 10px 14px; font-size: 0.825rem; }
    main.shortcuts .sc-custom{ padding: 24px 20px; }
    main.shortcuts .sc-steps{ grid-template-columns: 1fr; }
    main.shortcuts .sc-banner-text{ padding: 24px; }
    main.shortcuts .nectar{ gap: 16px; }}
    @media (max-width: 480px) {main.shortcuts .pulse{ overflow-x: auto; }
    main.shortcuts .cipher{ min-width: 480px; }
    main.shortcuts .sc-toc-grid{ grid-template-columns: 1fr 1fr; }}
    main.shortcuts .ember{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 62%);
    padding: 64px 24px 0 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    line-height: 1.6;
    }
    main.shortcuts .velvet{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    padding-bottom: 48px;
    }
    main.shortcuts .jolt{
    flex: 1 1 280px;
    min-width: 200px;
    }
    main.shortcuts .flux{
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -0.02em;
    display: block;
    margin-bottom: 12px;
    }
    main.shortcuts .reef{
    margin: 0;
    color: hsl(14, 6%, 50%);
    font-size: 14px;
    line-height: 1.6;
    max-width: 260px;
    }
    main.shortcuts .latch{
    flex: 0 0 140px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.shortcuts .echo{
    font-size: 12px;
    font-weight: 600;
    color: hsl(14, 6%, 70%);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 4px;
    }
    main.shortcuts .glacier{
    color: hsl(14, 6%, 50%);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
    width: fit-content;
    }
    main.shortcuts .glacier:hover{
    color: #fff;
    }
    main.shortcuts .vortex{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    height: 1px;
    background: hsla(14, 6%, 50%, 0.15);
    }
    main.shortcuts .kite{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
    gap: 16px;
    }
    main.shortcuts .nova{
    font-size: 13px;
    color: hsl(14, 6%, 40%);
    flex: 1 1 auto;
    }
    main.shortcuts .nexus{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    }
    main.shortcuts .mosaic{
    color: hsl(14, 6%, 45%);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    main.shortcuts .mosaic:hover{
    color: #fff;
    }
    main.shortcuts .onyx{
    color: hsl(14, 6%, 30%);
    font-size: 13px;
    user-select: none;
    }
    @media (max-width: 768px) {main.shortcuts .ember{
    padding: 48px 20px 0 20px;
    }
    main.shortcuts .velvet{
    gap: 36px;
    }
    main.shortcuts .jolt{
    flex: 1 1 100%;
    }
    main.shortcuts .latch{
    flex: 1 1 calc(50% - 18px);
    min-width: 120px;
    }
    main.shortcuts .kite{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 0;
    }
    main.shortcuts .nova{
    order: 2;
    }
    main.shortcuts .nexus{
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    main.version-history *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.version-history{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--tc-text);
    background: var(--tc-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
    main.version-history .axiom{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 60px;
    background: linear-gradient(165deg, hsl(14, 12%, 12%) 0%, hsl(14, 18%, 18%) 50%, hsl(14, 22%, 22%) 100%);
    color: #fff;
    }
    main.version-history .axiom::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -20%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.version-history .ivory{
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.version-history .pyre{
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--tc-primary);
    margin-bottom: 16px;
    }
    main.version-history .axiom h1{
    font-size: clamp(28px, 5vw, 44px);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    }
    main.version-history .ionic{
    font-size: 16px;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.7);
    max-width: 680px;
    }
    main.version-history .thorn{
    display: flex;
    gap: 32px;
    margin-top: 32px;
    flex-wrap: wrap;
    }
    main.version-history .crux{
    display: flex;
    flex-direction: column;
    gap: 2px;
    }
    main.version-history .rift{
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    }
    main.version-history .phantom{
    font-size: 13px;
    color: hsla(0, 0%, 100%, 0.5);
    }
    main.version-history .flint{
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 24px 80px;
    }
    main.version-history .obsidian{
    margin-bottom: 48px;
    }
    main.version-history .obsidian h2{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--tc-text);
    }
    main.version-history .obsidian p{
    font-size: 15px;
    color: var(--tc-muted);
    line-height: 1.7;
    max-width: 640px;
    }
    main.version-history .obsidian a{
    color: var(--tc-primary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.version-history .obsidian a:hover{
    border-bottom-color: var(--tc-primary);
    }
    main.version-history .helix{
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 56px;
    aspect-ratio: 21 / 9;
    max-height: 320px;
    }
    main.version-history .helix img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.version-history .plume{
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, hsla(14, 18%, 12%, 0.85) 0%, hsla(14, 18%, 12%, 0.3) 100%);
    display: flex;
    align-items: center;
    padding: 32px 40px; color: #ffffff;}
    main.version-history .dune{
    color: #fff;
    }
    main.version-history .dune span{
    display: block;
    font-size: 13px;
    color: var(--tc-primary);
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 8px;
    }
    main.version-history .dune p{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    }
    main.version-history .cloak{
    position: relative;
    padding-left: 32px;
    }
    main.version-history .cloak::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 0;
    width: 2px;
    background: var(--tc-timeline-line);
    }
    main.version-history .whisk{
    position: relative;
    margin-bottom: 48px;
    }
    main.version-history .whisk:last-child{
    margin-bottom: 0;
    }
    main.version-history .whisk::before{
    content: "";
    position: absolute;
    left: -32px;
    top: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--tc-surface);
    border: 3px solid var(--tc-timeline-line);
    z-index: 1;
    }
    main.version-history .whisk.glacier::before{
    background: var(--tc-primary);
    border-color: var(--tc-primary);
    box-shadow: 0 0 0 4px hsla(14, 82%, 52%, 0.2);
    }
    main.version-history .nimbus{
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
    }
    main.version-history .glyph{
    font-size: 20px;
    font-weight: 700;
    color: var(--tc-text);
    }
    main.version-history .brine{
    font-size: 13px;
    color: var(--tc-muted);
    font-weight: 500;
    }
    main.version-history .umbra{
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 2px 10px;
    border-radius: 4px;
    background: var(--tc-primary);
    color: #fff;
    }
    main.version-history .velvet{
    font-size: 14px;
    color: var(--tc-muted);
    margin-bottom: 16px;
    line-height: 1.6;
    }
    main.version-history .inlet{
    background: var(--tc-surface);
    border: 1px solid var(--tc-border-light);
    border-radius: 8px;
    overflow: hidden;
    }
    main.version-history .jest{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: var(--tc-surface-alt);
    border-bottom: 1px solid var(--tc-border-light);
    flex-wrap: wrap;
    gap: 8px;
    }
    main.version-history .jade{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    }
    main.version-history .rune{
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    white-space: nowrap;
    }
    main.version-history .kelp{ background: var(--tc-tag-bg); color: var(--tc-primary-dark); }
    main.version-history .orbit{ background: var(--tc-tag-improve); color: var(--tc-tag-improve-text); }
    main.version-history .grain{ background: var(--tc-tag-compat); color: var(--tc-tag-compat-text); }
    main.version-history .haze{ background: var(--tc-tag-fix); color: var(--tc-tag-fix-text); }
    main.version-history .apex{ background: hsl(40, 60%, 93%); color: hsl(40, 70%, 30%); }
    main.version-history .wren{
    font-size: 12px;
    color: var(--tc-muted);
    font-weight: 500;
    }
    main.version-history .vivid{
    list-style: none;
    padding: 0;
    }
    main.version-history .alloy{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 20px;
    border-bottom: 1px solid var(--tc-border-light);
    font-size: 14px;
    line-height: 1.55;
    color: var(--tc-text);
    }
    main.version-history .alloy:last-child{
    border-bottom: none;
    }
    main.version-history .forge{
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 3px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-top: 2px;
    }
    main.version-history .delta{ background: var(--tc-tag-new); color: var(--tc-tag-new-text); }
    main.version-history .karma{ background: var(--tc-tag-fix); color: var(--tc-tag-fix-text); }
    main.version-history .umber{ background: var(--tc-tag-improve); color: var(--tc-tag-improve-text); }
    main.version-history .mirth{ background: var(--tc-tag-compat); color: var(--tc-tag-compat-text); }
    main.version-history .vh-cta-section{
    margin-top: 64px;
    padding: 40px;
    background: linear-gradient(135deg, hsl(14, 12%, 14%) 0%, hsl(14, 18%, 20%) 100%);
    border-radius: 8px;
    text-align: center;
    color: #fff;
    }
    main.version-history .vh-cta-section h2{
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    }
    main.version-history .vh-cta-section p{
    font-size: 14px;
    color: hsla(0, 0%, 100%, 0.65);
    margin-bottom: 24px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    }
    main.version-history .vh-cta-btn{
    display: inline-block;
    padding: 14px 36px;
    background: var(--tc-primary);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    transition: background 0.2s, transform 0.15s;
    box-shadow: 0 4px 16px hsla(14, 82%, 52%, 0.35);
    }
    main.version-history .vh-cta-btn:hover{
    background: var(--tc-primary-dark);
    transform: translateY(-1px);
    }
    main.version-history .vh-footer{
    max-width: 900px;
    margin: 0 auto;
    padding: 32px 24px;
    border-top: 1px solid var(--tc-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.version-history .vh-footer-brand{
    font-size: 14px;
    font-weight: 600;
    color: var(--tc-text);
    }
    main.version-history .vh-footer-copy{
    font-size: 13px;
    color: var(--tc-muted);
    }
    main.version-history .vh-footer-links{
    display: flex;
    gap: 20px;
    }
    main.version-history .vh-footer-links a{
    font-size: 13px;
    color: var(--tc-muted);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.version-history .vh-footer-links a:hover{
    color: var(--tc-primary);
    }
    @media (max-width: 640px) {main.version-history .axiom{ padding: 60px 20px 48px; }
    main.version-history .flint{ padding: 40px 16px 60px; }
    main.version-history .cloak{ padding-left: 24px; }
    main.version-history .cloak::before{ left: 3px; }
    main.version-history .whisk::before{ left: -24px; width: 12px; height: 12px; }
    main.version-history .nimbus{ flex-direction: column; gap: 4px; }
    main.version-history .alloy{ flex-direction: column; gap: 6px; padding: 12px 16px; }
    main.version-history .vh-cta-section{ padding: 32px 20px; }
    main.version-history .plume{ padding: 20px 24px; }
    main.version-history .dune p{ font-size: 15px; }
    main.version-history .vh-footer{ flex-direction: column; text-align: center; }}
    main.version-history .loom{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 96%);
    padding: 64px 24px 32px;
    position: relative;
    overflow: hidden;
    }
    main.version-history .loom::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(
    90deg,
    transparent 0%,
    var(--primary-color, hsl(14, 82%, 52%)) 50%,
    transparent 100%
    );
    }
    main.version-history .grove{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    width: 100%;
    }
    main.version-history .haven{
    display: flex;
    gap: 64px;
    margin-bottom: 48px;
    }
    main.version-history .shard{
    flex: 0 0 280px;
    }
    main.version-history .knot{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
    display: block;
    margin-bottom: 12px;
    }
    main.version-history .opal{
    font-size: 14px;
    line-height: 1.6;
    color: hsl(14, 6%, 55%);
    margin: 0;
    }
    main.version-history .crest{
    display: flex;
    flex: 1 1 auto;
    gap: 48px;
    }
    main.version-history .slate{
    flex: 1 1 0;
    }
    main.version-history .fable{
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: hsl(14, 6%, 55%);
    margin: 0 0 16px;
    }
    main.version-history .husk{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.version-history .sage{
    line-height: 1;
    }
    main.version-history .vale{
    font-size: 14px;
    color: hsl(14, 6%, 72%);
    text-decoration: none;
    transition: var(--transition, all 0.2s ease);
    display: inline-block;
    padding: 2px 0;
    }
    main.version-history .vale:hover{
    color: #ffffff;
    }
    main.version-history .yarn{
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin-bottom: 24px;
    }
    main.version-history .bloom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    }
    main.version-history .prism{
    font-size: 13px;
    color: hsl(14, 6%, 45%);
    margin: 0;
    flex: 0 1 auto;
    }
    main.version-history .trove{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    }
    main.version-history .basalt{
    font-size: 13px;
    color: hsl(14, 6%, 55%);
    text-decoration: none;
    transition: var(--transition, all 0.2s ease);
    }
    main.version-history .basalt:hover{
    color: var(--primary-color, hsl(14, 82%, 52%));
    }
    main.version-history .cedar{
    color: hsl(14, 6%, 30%);
    font-size: 13px;
    user-select: none;
    }
    @media (max-width: 768px) {main.version-history .loom{
    padding: 48px 20px 28px;
    }
    main.version-history .haven{
    flex-direction: column;
    gap: 36px;
    margin-bottom: 36px;
    }
    main.version-history .shard{
    flex: 0 0 auto;
    }
    main.version-history .crest{
    flex-wrap: wrap;
    gap: 32px;
    }
    main.version-history .slate{
    flex: 0 0 calc(50% - 16px);
    }
    main.version-history .bloom{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    }
    main.version-history .trove{
    flex-wrap: wrap;
    }}
    @media (max-width: 480px) {main.version-history .crest{
    flex-direction: column;
    gap: 28px;
    }
    main.version-history .slate{
    flex: 0 0 auto;
    }}
    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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    }
    
    .snipCurl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    background: hsla(14, 8%, 96%, 0.85);
    }
    .bravo_hex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .quilted {
    flex-shrink: 0;
    }
    .s7roke {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-color);
    }
    .blazeOrb {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    }
    .fumble {
    font-size: 15px;
    font-weight: 650;
    letter-spacing: -0.02em;
    white-space: nowrap;
    }
    
    .yawnKit {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0 auto;
    }
    .pixDust {
    position: relative;
    }
    .cragTop {
    display: block;
    padding: 6px 12px;
    font-size: 13.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .cragTop:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    
    .pebbleFin {
    flex-shrink: 0;
    }
    .zephyr {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    font-size: 13.5px;
    font-weight: 550;
    color: #ffffff;
    background: var(--primary-color);
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    }
    .zephyr:hover {
    background: hsl(14, 82%, 46%);
    box-shadow: var(--shadow-md),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
    transform: translateY(-1px);
    }
    .zephyr:active {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .waspNest {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    }
    
    .tundra_veil {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .tundra_veil:hover {
    background: rgba(0, 0, 0, 0.05); color: #ffffff;}
    .foxTail3 {
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    
    .junco {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease; color: #ffffff;}
    .junco.is-visible {
    display: block;
    opacity: 1;
    }
    
    .oaken {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1002;
    width: 300px;
    max-width: 85vw;
    background: var(--bg-color);
    border-left: 1px solid var(--border-color);
    box-shadow: var(--shadow-lg);
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .oaken.is-open {
    transform: translateX(0);
    }
    .duskHalo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--nav-height);
    padding: 0 20px;
    border-bottom: 1px solid var(--border-color);
    }
    .glintRay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--text-muted);
    cursor: pointer;
    transition: var(--transition);
    }
    .glintRay:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #ffffff;
    }
    .riven {
    flex: 1;
    list-style: none;
    padding: 12px;
    overflow-y: auto;
    }
    .vortex_9 {
    display: block;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 450;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .vortex_9:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .crumble {
    padding: 16px 20px;
    border-top: 1px solid var(--border-color);
    }
    .moltArc {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 12px 18px;
    font-size: 14px;
    }
    
    @media (max-width: 960px) {.yawnKit {
    display: none;
    }
    .pebbleFin {
    display: none;
    }
    .tundra_veil {
    display: flex;
    }
    .oaken {
    display: flex;
    }}
    @media (max-width: 480px) {.bravo_hex {
    padding: 0 16px;
    }
    .fumble {
    font-size: 14px;
    }}
    .cragTop.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    .vortex_9.active {color: #ffffff; background: rgba(0, 0, 0, 0.04);}
    @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
    main.faq .rowan{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--faq-text);
    background: var(--faq-bg);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    }
    main.faq .rowan *, main.faq .rowan *::before, main.faq .rowan *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    
    main.faq .mosaic{
    position: relative;
    padding: 80px 24px 64px;
    background: linear-gradient(168deg, hsl(14, 10%, 8%) 0%, hsl(14, 14%, 16%) 100%);
    overflow: hidden; color: #ffffff;}
    main.faq .mosaic::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -80px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(14, 82%, 52%, 0.12) 0%, transparent 70%);
    pointer-events: none;
    }
    main.faq .mosaic::after{
    content: "";
    position: absolute;
    bottom: -60px;
    left: -40px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, hsla(60, 66%, 52%, 0.06) 0%, transparent 70%);
    pointer-events: none;
    }
    main.faq .pulse{
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.faq .oxide{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: hsla(14, 82%, 52%, 0.12);
    border: 1px solid hsla(14, 82%, 52%, 0.2);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    color: hsl(14, 82%, 68%);
    margin-bottom: 24px;
    letter-spacing: 0.02em;
    }
    main.faq .oxide svg{
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    }
    main.faq .mosaic h1{
    font-size: clamp(28px, 4.5vw, 42px);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.25;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
    }
    main.faq .cipher{
    font-size: 16px;
    color: hsl(14, 6%, 62%);
    line-height: 1.7;
    max-width: 640px;
    }
    
    main.faq .zenith{
    max-width: 800px;
    margin: -28px auto 0;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    }
    main.faq .relic{
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--faq-surface);
    border: 1px solid var(--faq-border);
    border-radius: 12px;
    padding: 14px 20px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
    }
    main.faq .relic svg{
    width: 20px;
    height: 20px;
    color: var(--faq-text-muted);
    flex-shrink: 0;
    }
    main.faq .relic input{
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    font-family: inherit;
    color: var(--faq-text);
    background: transparent;
    }
    main.faq .relic input::placeholder{
    color: hsl(14, 6%, 60%);
    }
    main.faq .velvet{
    display: none;
    padding: 3px 8px;
    background: var(--faq-surface-alt);
    border: 1px solid var(--faq-border);
    border-radius: 5px;
    font-size: 12px;
    color: var(--faq-text-muted);
    font-family: inherit;
    }
    @media (min-width: 640px) {main.faq .velvet{
    display: inline-block;
    }}
    
    main.faq .faq-categories{
    max-width: 800px;
    margin: 32px auto 0;
    padding: 0 24px;
    }
    main.faq .faq-cat-grid{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
    }
    main.faq .faq-cat-btn{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: var(--faq-surface);
    border: 1px solid var(--faq-border-light);
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--faq-text);
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
    }
    main.faq .faq-cat-btn:hover{
    border-color: var(--faq-primary);
    background: hsla(14, 82%, 52%, 0.04);
    color: var(--faq-primary);
    }
    main.faq .faq-cat-btn svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0.7;
    }
    main.faq .faq-cat-btn span{
    white-space: nowrap;
    }
    
    main.faq .latch{
    max-width: 800px;
    margin: 48px auto 0;
    padding: 0 24px;
    }
    main.faq .vortex{
    margin-bottom: 48px;
    }
    main.faq .drift{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--faq-border-light);
    }
    main.faq .sable{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: hsla(14, 82%, 52%, 0.08);
    border-radius: 8px;
    flex-shrink: 0;
    }
    main.faq .sable svg{
    width: 16px;
    height: 16px;
    color: var(--faq-primary);
    }
    main.faq .vortex h2{
    font-size: 18px;
    font-weight: 650;
    color: var(--faq-text);
    letter-spacing: -0.01em;
    }
    
    main.faq .quill{
    background: var(--faq-surface);
    border: 1px solid var(--faq-border-light);
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
    transition: border-color 0.15s ease;
    }
    main.faq .quill:hover{
    border-color: var(--faq-border);
    }
    main.faq .quill summary{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
    font-size: 14.5px;
    font-weight: 550;
    color: var(--faq-text);
    line-height: 1.5;
    list-style: none;
    user-select: none;
    transition: color 0.15s ease;
    }
    main.faq .quill summary::-webkit-details-marker{
    display: none;
    }
    main.faq .quill summary::after{
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.2s ease;
    }
    main.faq .quill[open] summary::after{
    transform: rotate(180deg);
    }
    main.faq .quill[open] summary{
    color: var(--faq-primary);
    }
    main.faq .phantom{
    padding: 0 20px 18px;
    font-size: 14px;
    color: var(--faq-text-muted);
    line-height: 1.75;
    }
    main.faq .phantom p{
    margin-bottom: 10px;
    }
    main.faq .phantom p:last-child{
    margin-bottom: 0;
    }
    main.faq .phantom ol, main.faq .phantom ul{
    padding-left: 20px;
    margin-bottom: 10px;
    }
    main.faq .phantom li{
    margin-bottom: 6px;
    }
    main.faq .phantom code{
    display: inline;
    padding: 2px 7px;
    background: var(--faq-surface-alt);
    border: 1px solid var(--faq-border-light);
    border-radius: 4px;
    font-size: 13px;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    color: var(--faq-text);
    }
    main.faq .faq-code-block{
    display: block;
    padding: 12px 16px;
    background: var(--faq-code-bg);
    border-radius: 8px;
    font-size: 13px;
    font-family: "SF Mono", "Fira Code", "Consolas", monospace;
    color: var(--faq-code-text);
    overflow-x: auto;
    margin: 10px 0;
    line-height: 1.6;
    white-space: pre;
    }
    main.faq .phantom a{
    color: var(--faq-primary);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.15s ease;
    }
    main.faq .phantom a:hover{
    border-bottom-color: var(--faq-primary);
    }
    main.faq .flux{
    display: flex;
    gap: 10px;
    padding: 12px 14px;
    background: hsla(60, 66%, 52%, 0.08);
    border: 1px solid hsla(60, 66%, 52%, 0.18);
    border-radius: 8px;
    margin: 12px 0 4px;
    font-size: 13px;
    color: var(--faq-text);
    line-height: 1.6;
    }
    main.faq .flux svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    color: hsl(50, 60%, 40%);
    }
    
    main.faq .faq-visual{
    margin: 32px 0;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--faq-border-light);
    }
    main.faq .faq-visual img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    }
    main.faq .faq-visual-caption{
    padding: 10px 16px;
    background: var(--faq-surface);
    font-size: 12.5px;
    color: var(--faq-text-muted);
    border-top: 1px solid var(--faq-border-light);
    }
    
    main.faq .faq-cta-section{
    max-width: 800px;
    margin: 16px auto 64px;
    padding: 0 24px;
    }
    main.faq .faq-cta-card{
    background: linear-gradient(168deg, hsl(14, 10%, 8%) 0%, hsl(14, 14%, 18%) 100%);
    border-radius: 14px;
    padding: 40px 32px;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.faq .faq-cta-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    height: 200px;
    background: radial-gradient(ellipse, hsla(14, 82%, 52%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    }
    main.faq .faq-cta-card h2{
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    position: relative;
    letter-spacing: -0.01em;
    }
    main.faq .faq-cta-card p{
    font-size: 14.5px;
    color: hsl(14, 6%, 58%);
    margin-bottom: 24px;
    position: relative;
    }
    main.faq .faq-cta-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    position: relative;
    }
    main.faq .faq-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: var(--faq-primary);
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 600;
    font-family: inherit;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px hsla(14, 82%, 52%, 0.3);
    }
    main.faq .faq-btn-primary:hover{
    background: var(--faq-primary-dark);
    box-shadow: 0 4px 16px hsla(14, 82%, 52%, 0.35);
    transform: translateY(-1px);
    }
    main.faq .faq-btn-primary svg{
    width: 16px;
    height: 16px;
    }
    main.faq .faq-btn-ghost{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    background: hsla(255, 255, 255, 0.06);
    color: hsl(14, 6%, 72%);
    font-size: 14px;
    font-weight: 500;
    font-family: inherit;
    border: 1px solid hsla(255, 255, 255, 0.1);
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.15s ease;
    }
    main.faq .faq-btn-ghost:hover{
    background: hsla(255, 255, 255, 0.1);
    color: #ffffff;
    }
    
    main.faq .glacier{
    border-top: 1px solid var(--faq-border);
    padding: 40px 24px;
    background: var(--faq-surface);
    }
    main.faq .onyx{
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
    }
    main.faq .nexus{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    }
    main.faq .aurora{
    font-size: 15px;
    font-weight: 700;
    color: var(--faq-text);
    letter-spacing: -0.02em;
    }
    main.faq .ember{
    font-size: 13px;
    color: var(--faq-text-muted);
    margin-top: 4px;
    }
    main.faq .waltz{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    }
    main.faq .waltz a{
    font-size: 13px;
    color: var(--faq-text-muted);
    text-decoration: none;
    transition: color 0.15s ease;
    }
    main.faq .waltz a:hover{
    color: var(--faq-primary);
    }
    main.faq .mango{
    padding-top: 20px;
    border-top: 1px solid var(--faq-border-light);
    font-size: 12.5px;
    color: hsl(14, 6%, 56%);
    }
    
    @media (max-width: 640px) {main.faq .mosaic{
    padding: 60px 20px 48px;
    }
    main.faq .faq-cat-grid{
    grid-template-columns: repeat(2, 1fr);
    }
    main.faq .faq-cta-card{
    padding: 32px 20px;
    }
    main.faq .nexus{
    flex-direction: column;
    }}
    main.faq .glacier{
    background: hsl(14, 10%, 8%);
    color: hsl(14, 8%, 96%);
    padding: 56px 24px 32px;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    }
    main.faq .glacier::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
    90deg,
    var(--primary-color, hsl(14, 82%, 52%)),
    var(--secondary-color, hsl(60, 66%, 52%)),
    var(--primary-color, hsl(14, 82%, 52%))
    );
    }
    main.faq .onyx{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    width: 100%;
    }
    main.faq .nexus{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    }
    main.faq .aurora{
    flex: 1 1 280px;
    min-width: 200px;
    }
    main.faq .obsidian{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
    }
    main.faq .ember{
    font-size: 14px;
    line-height: 1.6;
    color: hsl(14, 6%, 55%);
    margin: 0;
    max-width: 300px;
    }
    main.faq .waltz{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 4px;
    }
    main.faq .prism{
    font-size: 14px;
    color: hsl(14, 6%, 60%);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    transition: var(--transition, all 0.2s cubic-bezier(0.4, 0, 0.2, 1));
    }
    main.faq .prism:hover{
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
    }
    main.faq .beacon{
    width: 1px;
    height: 14px;
    background: rgba(255, 255, 255, 0.12);
    flex: 0 0 1px;
    }
    main.faq .echo{
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    padding-top: 2px;
    }
    main.faq .cobalt{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: linear-gradient(
    135deg,
    var(--primary-color, hsl(14, 82%, 52%)),
    hsl(14, 82%, 44%)
    );
    border-radius: var(--radius-md, 8px);
    text-decoration: none;
    transition: var(--transition, all 0.2s cubic-bezier(0.4, 0, 0.2, 1));
    box-shadow: 0 2px 12px rgba(222, 75, 30, 0.3);
    white-space: nowrap;
    }
    main.faq .cobalt:hover{
    box-shadow: 0 4px 20px rgba(222, 75, 30, 0.45);
    transform: translateY(-1px);
    }
    main.faq .nova{
    height: 1px;
    background: rgba(255, 255, 255, 0.08);
    margin: 40px 0 24px;
    }
    main.faq .mango{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.faq .quartz{
    font-size: 13px;
    color: hsl(14, 4%, 42%);
    flex: 0 1 auto;
    }
    main.faq .xenon{
    font-size: 12px;
    color: hsl(14, 4%, 34%);
    flex: 0 1 auto;
    }
    @media (max-width: 768px) {main.faq .glacier{
    padding: 40px 20px 28px;
    margin-top: 56px;
    }
    main.faq .nexus{
    flex-direction: column;
    gap: 28px;
    }
    main.faq .aurora{
    flex: 1 1 100%;
    }
    main.faq .waltz{
    flex: 1 1 100%;
    }
    main.faq .echo{
    flex: 1 1 100%;
    }
    main.faq .cobalt{
    width: 100%;
    text-align: center;
    }
    main.faq .mango{
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    }
    main.faq .quartz{
    flex: 1 1 100%;
    }
    main.faq .xenon{
    flex: 1 1 100%;
    }}
    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;
}