:root {
  --primary-color: hsl(227, 62%, 58%);
  --secondary-color: hsl(326, 50%, 58%);
  --bg-color: hsl(227, 6%, 95%);
  --text-color: hsl(227, 10%, 11%);
  --text-muted: hsl(227, 8%, 46%);
  --border-color: hsla(227, 10%, 11%, 0.08);
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --shadow-sm: 0 1px 4px hsla(227, 20%, 20%, 0.06);
  --shadow-md: 0 4px 16px hsla(227, 20%, 20%, 0.1);
  --shadow-lg: 0 12px 32px hsla(227, 20%, 20%, 0.14);
  --nav-height: 64px;
  --max-width: 1160px;
  --transition: all 0.25s ease;
  --nav-bg: var(--bg-color);
  --page-primary: hsl(227, 62%, 64%);
  --page-secondary: hsl(326, 50%, 64%);
  --page-text: hsl(227, 10%, 11%);
  --page-bg: hsl(227, 6%, 95%);
  --page-surface: #ffffff;
  --page-muted: hsl(227,8%,46%);
  --page-radius: 14px;
  --page-radius-sm: 8px;
  --page-card: hsl(227,10%,100%);
  --page-shadow: 0 2px 20px rgba(0,0,0,.06);
  --page-surface-alt: hsl(227, 12%, 97%);
  --page-border: hsl(227, 10%, 88%);
  --gs-bg: hsl(224, 22%, 10%);
  --gs-bg-soft: hsl(223, 18%, 15%);
  --gs-panel: hsl(224, 16%, 19%);
  --gs-panel-2: hsl(225, 20%, 24%);
  --gs-text: hsl(220, 28%, 94%);
  --gs-muted: hsl(222, 14%, 73%);
  --gs-primary: hsl(227, 62%, 64%);
  --gs-secondary: hsl(326, 50%, 64%);
  --gs-accent: hsl(193, 56%, 58%);
  --gs-radius: 20px;
  --gs-shadow: 0 14px 40px rgba(8, 13, 28, 0.45);
  --gs-border: 1px solid rgba(173, 186, 222, 0.22);
  --cl-primary: hsl(227,62%,64%);
  --cl-secondary: hsl(326,50%,64%);
  --cl-text: hsl(227,10%,11%);
  --cl-bg: hsl(227,6%,95%);
  --cl-surface: #fff;
  --cl-border: hsl(227,10%,88%);
  --cl-muted: hsl(227,8%,52%);
  --cl-tag-new: hsl(160,50%,42%);
  --cl-tag-fix: hsl(227,62%,64%);
  --cl-tag-known: hsl(35,70%,50%);
  --faq-primary: hsl(227,62%,64%);
  --faq-secondary: hsl(326,50%,64%);
  --faq-text: hsl(227,10%,11%);
  --faq-bg: hsl(227,6%,95%);
  --faq-card: hsl(0,0%,100%);
  --faq-border: hsl(227,15%,88%);
  --faq-muted: hsl(227,8%,45%);
}

body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.index *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.index{
    font-family: "Georgia", "Noto Serif SC", serif;
    color: var(--page-text);
    background: var(--page-bg);
    line-height: 1.7;
    }
    
    main.index .mxWave{
    position: relative;
    min-height: 88vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(165deg, hsl(227, 30%, 14%) 0%, hsl(240, 20%, 22%) 50%, hsl(270, 18%, 20%) 100%); color: #ffffff;}
    main.index .tnk_val{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.15;
    filter: saturate(0.6);
    }
    main.index .smeltPod{
    position: relative;
    z-index: 2;
    max-width: 780px;
    padding: 80px 24px;
    text-align: center;
    }
    main.index .mxWave h1{
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    color: #f0f0f5;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 20px;
    }
    main.index .oq_trim{
    font-size: 1.1rem;
    color: hsl(227, 15%, 72%);
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 1.8;
    }
    main.index .prismAx{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.index .sporkLid{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 36px;
    background: linear-gradient(135deg, var(--page-primary), hsl(250, 58%, 62%));
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: 50px;
    text-decoration: none;
    box-shadow: 0 8px 30px hsla(227, 62%, 50%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    }
    main.index .sporkLid:hover{
    transform: translateY(-2px);
    box-shadow: 0 12px 40px hsla(227, 62%, 50%, 0.45);
    }
    main.index .waspNest{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 32px;
    background: hsla(227, 20%, 90%, 0.1);
    color: hsl(227, 15%, 82%);
    font-size: 1rem;
    border: 1px solid hsla(227, 20%, 70%, 0.25);
    border-radius: 50px;
    text-decoration: none;
    backdrop-filter: blur(8px);
    transition: background 0.2s;
    }
    main.index .waspNest:hover{
    background: hsla(227, 20%, 90%, 0.18);
    }
    main.index .tundra_k{
    margin-top: 32px;
    font-size: 0.85rem;
    color: hsl(227, 10%, 50%);
    }
    
    main.index .rumble7{
    padding: 100px 24px;
    max-width: 1120px;
    margin: 0 auto;
    }
    main.index .oxid{
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--page-primary);
    margin-bottom: 12px;
    }
    main.index .rumble7 h2{
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    font-weight: 700;
    margin-bottom: 16px;
    letter-spacing: -0.01em;
    }
    main.index .fizzBump{
    color: var(--page-muted);
    max-width: 620px;
    margin-bottom: 56px;
    font-size: 1rem;
    }
    
    main.index .cobalt{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    }
    main.index .fwdLoop{
    background: var(--page-surface);
    border-radius: var(--page-radius);
    padding: 36px 28px;
    border: 1px solid hsl(227, 8%, 90%);
    transition: box-shadow 0.25s, transform 0.25s;
    }
    main.index .fwdLoop:hover{
    box-shadow: 0 12px 40px hsla(227, 20%, 50%, 0.1);
    transform: translateY(-4px);
    }
    main.index .gritLayer{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: hsl(227, 50%, 96%);
    }
    main.index .gritLayer svg{
    width: 22px;
    height: 22px;
    color: var(--page-primary);
    }
    main.index .fwdLoop h3{
    font-size: 1.15rem;
    margin-bottom: 8px;
    }
    main.index .fwdLoop p{
    font-size: 0.9rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    
    main.index .dabHue{
    padding: 100px 24px;
    background: var(--page-surface);
    }
    main.index .crevice{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    }
    main.index .velvetHum{
    width: 100%;
    border-radius: var(--page-radius);
    object-fit: cover;
    aspect-ratio: 4/3;
    box-shadow: 0 20px 60px hsla(227, 20%, 30%, 0.12);
    }
    main.index .glazePop h2{
    font-size: clamp(1.5rem, 2.8vw, 2.2rem);
    margin-bottom: 16px;
    }
    main.index .glazePop p{
    color: var(--page-muted);
    margin-bottom: 16px;
    font-size: 0.95rem;
    line-height: 1.8;
    }
    main.index .torque5{
    list-style: none;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
    main.index .torque5 li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.92rem;
    color: var(--page-text);
    }
    main.index .torque5 li::before{
    content: "";
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-top: 9px;
    border-radius: 50%;
    background: var(--page-primary);
    }
    
    main.index .crypt_41{
    padding: 60px 24px;
    background: linear-gradient(135deg, hsl(227, 30%, 16%), hsl(260, 22%, 20%)); color: #ffffff;}
    main.index .hexVibe{
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    text-align: center;
    }
    main.index .gnash{
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    font-weight: 700;
    color: #f0f0f5;
    letter-spacing: -0.02em;
    }
    main.index .kv8{
    font-size: 0.85rem;
    color: hsl(227, 15%, 58%);
    margin-top: 6px;
    }
    
    main.index .rivulet{
    padding: 100px 24px;
    }
    main.index .pollen3z{
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    }
    main.index .rq_node{
    width: 100%;
    border-radius: var(--page-radius);
    object-fit: cover;
    aspect-ratio: 4/3;
    order: 2;
    }
    main.index .blaznFx{
    order: 1;
    }
    main.index .blaznFx h2{
    font-size: clamp(1.5rem, 2.8vw, 2.2rem);
    margin-bottom: 16px;
    }
    main.index .blaznFx p{
    color: var(--page-muted);
    font-size: 0.95rem;
    line-height: 1.8;
    margin-bottom: 14px;
    }
    
    main.index .juncoSet{
    padding: 100px 24px;
    text-align: center;
    background: var(--page-surface);
    }
    main.index .juncoSet h2{
    font-size: clamp(1.6rem, 3vw, 2.4rem);
    margin-bottom: 16px;
    }
    main.index .juncoSet p{
    color: var(--page-muted);
    max-width: 520px;
    margin: 0 auto 36px;
    font-size: 0.95rem;
    }
    
    main.index .plank_02{
    padding: 48px 24px;
    background: hsl(227, 14%, 12%);
    color: hsl(227, 10%, 55%);
    font-size: 0.85rem;
    }
    main.index .jotSpec{
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    gap: 32px;
    }
    main.index .ember_glo{
    font-family: "Georgia", serif;
    font-size: 1.1rem;
    color: hsl(227, 10%, 75%);
    font-weight: 700;
    margin-bottom: 8px;
    }
    main.index .driftMk{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    list-style: none;
    }
    main.index .driftMk a{
    color: hsl(227, 10%, 55%);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.index .driftMk a:hover{
    color: hsl(227, 10%, 80%);
    }
    main.index .quasar{
    width: 100%;
    text-align: center;
    padding-top: 32px;
    margin-top: 16px;
    border-top: 1px solid hsl(227, 10%, 20%);
    }
    
    @media (max-width: 768px) {main.index .crevice, main.index .pollen3z{
    grid-template-columns: 1fr;
    gap: 36px;
    }
    main.index .rq_node{ order: 0; }
    main.index .blaznFx{ order: 0; }
    main.index .hexVibe{
    grid-template-columns: 1fr;
    gap: 24px;
    }
    main.index .mxWave{ min-height: 70vh; }}
    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;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.download *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.download .quill_08{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    text-align: center;
    background: linear-gradient(165deg, hsl(227, 30%, 14%) 0%, hsl(227, 35%, 22%) 50%, hsl(260, 30%, 28%) 100%);
    color: #f0f0f5;
    }
    main.download .quill_08::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("images/download-office-brand-visual-1.jpg") center/cover no-repeat;
    opacity: 0.08;
    }
    main.download .quill_08 > *{ position: relative; z-index: 1; }
    main.download .quill_08 h1{
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.8rem, 4vw, 2.8rem);
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    }
    main.download .plovRig{
    max-width: 620px;
    margin: 0 auto 36px;
    font-size: 1.05rem;
    line-height: 1.7;
    color: hsl(227, 15%, 75%);
    }
    main.download .cragPulse{
    display: inline-block;
    padding: 6px 18px;
    border-radius: 20px;
    background: hsla(227, 60%, 70%, 0.15);
    border: 1px solid hsla(227, 60%, 70%, 0.25);
    font-size: 0.85rem;
    color: hsl(227, 60%, 80%);
    margin-bottom: 40px;
    }
    main.download .jarMint{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.download .opFlint{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 36px;
    border-radius: var(--page-radius-sm);
    background: linear-gradient(135deg, var(--page-primary), hsl(250, 55%, 62%));
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px hsla(227, 62%, 50%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.download .opFlint:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(227, 62%, 50%, 0.45);
    }
    main.download .ratchetDv{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 15px 36px;
    border-radius: var(--page-radius-sm);
    background: hsla(0, 0%, 100%, 0.08);
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    color: #e0e0ea;
    font-size: 1.05rem;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.2s;
    }
    main.download .ratchetDv:hover{
    background: hsla(0, 0%, 100%, 0.14);
    }
    main.download .dewSnap{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.download .dewSnap h2{
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.6rem;
    color: var(--page-text);
    margin-bottom: 12px;
    letter-spacing: -0.01em;
    }
    main.download .zenMark{
    color: var(--page-muted);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 36px;
    max-width: 640px;
    }
    main.download .sluice{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
    }
    main.download .calmRoot{
    background: var(--page-surface);
    border-radius: var(--page-radius);
    padding: 32px 24px;
    border: 1px solid hsl(227, 8%, 88%);
    transition: box-shadow 0.25s, transform 0.25s;
    }
    main.download .calmRoot:hover{
    box-shadow: 0 8px 30px hsla(227, 20%, 50%, 0.1);
    transform: translateY(-3px);
    }
    main.download .ridgePx{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: hsl(227, 30%, 95%);
    }
    main.download .ridgePx svg{
    width: 24px;
    height: 24px;
    fill: var(--page-primary);
    }
    main.download .calmRoot h3{
    font-size: 1.1rem;
    color: var(--page-text);
    margin-bottom: 6px;
    }
    main.download .hazeKit{
    font-size: 0.82rem;
    color: var(--page-muted);
    line-height: 1.6;
    margin-bottom: 20px;
    }
    main.download .wren6{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 22px;
    border-radius: 8px;
    background: var(--page-primary);
    color: #fff;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    }
    main.download .wren6:hover{
    background: hsl(227, 62%, 56%);
    }
    main.download .scalpLn{
    background: hsl(227, 10%, 97%);
    }
    main.download .axle3{
    background: var(--page-surface);
    border-radius: var(--page-radius);
    border: 1px solid hsl(227, 8%, 88%);
    padding: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: center;
    }
    main.download .axle3 img{
    width: 100%;
    border-radius: var(--page-radius-sm);
    aspect-ratio: 16/10;
    object-fit: cover;
    }
    main.download .frothCap h3{
    font-size: 1.15rem;
    color: var(--page-text);
    margin-bottom: 10px;
    }
    main.download .frothCap p{
    font-size: 0.9rem;
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 16px;
    }
    main.download .nimbus_x{
    list-style: none;
    counter-reset: step;
    margin-bottom: 20px;
    }
    main.download .nimbus_x li{
    counter-increment: step;
    padding: 6px 0 6px 32px;
    position: relative;
    font-size: 0.88rem;
    color: var(--page-text);
    line-height: 1.6;
    }
    main.download .nimbus_x li::before{
    content: counter(step);
    position: absolute;
    left: 0;
    top: 6px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsl(227, 30%, 93%);
    color: var(--page-primary);
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .pylonArc{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 36px;
    }
    main.download .ember{
    display: flex;
    gap: 14px;
    align-items: flex-start;
    }
    main.download .bx7{
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: hsl(150, 30%, 93%);
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .bx7 svg{
    width: 18px;
    height: 18px;
    stroke: hsl(150, 45%, 40%);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.download .ember h3{
    font-size: 0.9rem;
    color: var(--page-text);
    margin-bottom: 3px;
    }
    main.download .ember p{
    font-size: 0.82rem;
    color: var(--page-muted);
    line-height: 1.5;
    }
    main.download .tuskOrb{
    text-align: center;
    padding: 40px 24px;
    font-size: 0.9rem;
    color: var(--page-muted);
    line-height: 1.8;
    }
    main.download .tuskOrb a{
    color: var(--page-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.download .tuskOrb a:hover{
    border-bottom-color: var(--page-primary);
    }
    main.download .fq_bolt{
    background: hsl(227, 20%, 14%);
    color: hsl(227, 10%, 60%);
    padding: 40px 24px;
    text-align: center;
    font-size: 0.84rem;
    line-height: 1.8;
    }
    main.download .mango5v{
    color: hsl(227, 15%, 80%);
    font-family: Georgia, serif;
    font-size: 1.1rem;
    margin-bottom: 8px;
    }
    main.download .fq_bolt a{
    color: hsl(227, 40%, 65%);
    text-decoration: none;
    }
    main.download .fq_bolt a:hover{
    color: hsl(227, 50%, 75%);
    }
    main.download .dkSpool{
    display: flex;
    gap: 24px;
    justify-content: center;
    margin: 12px 0;
    flex-wrap: wrap;
    }
    @media (max-width: 680px) {main.download .axle3{
    grid-template-columns: 1fr;
    }
    main.download .quill_08{
    padding: 56px 20px 48px;
    }
    main.download .jarMint{
    flex-direction: column;
    align-items: center;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.features *{margin:0;padding:0;box-sizing:border-box}
    main.features{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--page-text);background:var(--page-bg);line-height:1.7}
    main.features .cairn_05{padding:100px 24px 72px;text-align:center;background:linear-gradient(160deg,hsl(227,40%,18%) 0%,hsl(240,30%,26%) 50%,hsl(270,28%,22%) 100%);color:#fff}
    main.features .cairn_05 h1{font-size:clamp(1.6rem,3.6vw,2.6rem);max-width:780px;margin:0 auto 20px;font-weight:700;letter-spacing:-.02em;line-height:1.35}
    main.features .cairn_05 .gnuTrack{font-size:1.05rem;color:hsla(227,60%,85%,.88);max-width:620px;margin:0 auto 36px}
    main.features .jig_pulse{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    main.features .barb9{display:inline-flex;align-items:center;gap:8px;padding:14px 36px;background:linear-gradient(135deg,var(--page-primary),var(--page-secondary));color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 4px 24px rgba(107,112,206,.35);transition:transform .2s,box-shadow .2s}
    main.features .barb9:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(107,112,206,.5)}
    main.features .zorb{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:hsla(227,60%,90%,.12);color:#fff;border:1px solid hsla(227,60%,80%,.25);border-radius:50px;font-size:1rem;text-decoration:none;transition:background .2s}
    main.features .zorb:hover{background:hsla(227,60%,90%,.22)}
    main.features .stumpNet{padding:72px 24px;max-width:1120px;margin:0 auto}
    main.features .stumpNet h2{font-size:clamp(1.4rem,2.8vw,2rem);font-weight:700;margin-bottom:12px;letter-spacing:-.01em}
    main.features .stumpNet .clink_rv{color:var(--page-muted);font-size:.98rem;margin-bottom:40px;max-width:640px}
    main.features .brackFog{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
    main.features .quartzMn{background:var(--page-card);border-radius:var(--page-radius);padding:32px 28px;box-shadow:var(--page-shadow);transition:transform .2s,box-shadow .2s;border:1px solid hsla(227,10%,80%,.3)}
    main.features .quartzMn:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.1)}
    main.features .oxbow{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:1.1rem;font-weight:700;color:#fff}
    main.features .oxbow.crestNv{background:linear-gradient(135deg,hsl(215,70%,56%),hsl(227,62%,50%))}
    main.features .oxbow.voxTap{background:linear-gradient(135deg,hsl(152,55%,45%),hsl(170,50%,40%))}
    main.features .oxbow.dv_pip{background:linear-gradient(135deg,hsl(20,75%,55%),hsl(340,60%,55%))}
    main.features .oxbow.siltEdge{background:linear-gradient(135deg,hsl(0,65%,52%),hsl(340,55%,45%)); color: #ffffff;}
    main.features .quartzMn h3{font-size:1.1rem;margin-bottom:8px;font-weight:600}
    main.features .quartzMn p{color:var(--page-muted);font-size:.9rem;line-height:1.65}
    main.features .pebbleSq{background:hsl(227,14%,97%);padding:72px 24px}
    main.features .plume7{max-width:1120px;margin:0 auto}
    main.features .reef_3k{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:36px}
    main.features .pewterOm{background:var(--page-card);border-radius:12px;padding:24px;text-align:center;border:1px solid hsla(227,10%,80%,.25);box-shadow:0 1px 8px rgba(0,0,0,.04)}
    main.features .pewterOm .yawnMeld{font-size:1.5rem;font-weight:700;color:var(--page-primary);font-family:"Courier New",monospace;margin-bottom:6px}
    main.features .pewterOm span{display:block;color:var(--page-muted);font-size:.85rem}
    main.features .cloverJx{padding:72px 24px;max-width:1120px;margin:0 auto}
    main.features .latchFin{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:32px}
    main.features .brine_07{list-style:none;display:flex;flex-direction:column;gap:20px}
    main.features .brine_07 li{display:flex;gap:14px;align-items:flex-start}
    main.features .cuspHalo{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--page-primary),var(--page-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}
    main.features .brine_07 li div h4{font-size:.98rem;font-weight:600;margin-bottom:2px}
    main.features .brine_07 li div p{color:var(--page-muted);font-size:.88rem}
    main.features .wq8{background:linear-gradient(160deg,hsl(227,30%,22%),hsl(260,25%,28%));border-radius:var(--page-radius);padding:48px 32px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;text-align:center}
    main.features .wq8 svg{margin-bottom:20px;opacity:.7}
    main.features .wq8 p{font-size:.92rem;color:hsla(0,0%,100%,.7);max-width:280px}
    main.features .dapple{background:hsl(230,14%,97%);padding:72px 24px}
    main.features .moldRift{max-width:1120px;margin:0 auto}
    main.features .nubSpec{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:36px}
    main.features .loopKnot{background:var(--page-card);border-radius:var(--page-radius);padding:28px;border:1px solid hsla(227,10%,80%,.25)}
    main.features .loopKnot h3{font-size:1rem;font-weight:600;margin-bottom:8px}
    main.features .loopKnot p{color:var(--page-muted);font-size:.88rem}
    main.features .loopKnot .splintDx{display:inline-block;margin-top:12px;padding:4px 12px;background:hsla(227,62%,64%,.1);color:var(--page-primary);border-radius:20px;font-size:.78rem;font-weight:600}
    main.features .fawnGrit{padding:72px 24px;text-align:center;background:linear-gradient(160deg,hsl(227,35%,20%),hsl(260,28%,25%));color:#fff}
    main.features .fawnGrit h2{font-size:clamp(1.3rem,2.6vw,1.8rem);margin-bottom:12px;font-weight:700}
    main.features .fawnGrit p{color:hsla(0,0%,100%,.7);margin-bottom:32px;font-size:.95rem}
    main.features .fawnGrit .turmeric{margin-top:24px;font-size:.88rem;color:hsla(0,0%,100%,.55)}
    main.features .fawnGrit .turmeric a{color:hsla(227,80%,78%,1);text-decoration:none}
    main.features .fawnGrit .turmeric a:hover{text-decoration:underline}
    main.features footer{background:hsl(227,14%,12%);color:hsla(0,0%,100%,.5);padding:40px 24px;text-align:center;font-size:.85rem}
    main.features footer .fluxSeed{color:#fff;font-weight:700;font-size:1.05rem;margin-bottom:8px}
    main.features footer nav{margin-top:16px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
    main.features footer nav a{color:hsla(0,0%,100%,.45);text-decoration:none;font-size:.82rem;transition:color .2s}
    main.features footer nav a:hover{color:#fff}
    @media(max-width:768px){main.features .latchFin{grid-template-columns:1fr}
    main.features .cairn_05{padding:80px 20px 56px}
    main.features .stumpNet, main.features .cloverJx{padding:52px 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;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.system-requirements *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.system-requirements .fennelOp{
    background: linear-gradient(160deg, hsl(227, 35%, 18%) 0%, hsl(227, 40%, 12%) 100%);
    color: #fff;
    padding: 5rem 1.5rem 4rem;
    text-align: center;
    }
    main.system-requirements .fennelOp h1{
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    font-weight: 700;
    line-height: 1.4;
    max-width: 780px;
    margin: 0 auto 1.2rem;
    }
    main.system-requirements .fennelOp p{
    font-size: 1.05rem;
    color: hsl(227, 20%, 72%);
    max-width: 640px;
    margin: 0 auto;
    line-height: 1.7;
    }
    main.system-requirements .mirth{
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 2rem;
    flex-wrap: wrap;
    }
    main.system-requirements .kelpDash{
    background: hsla(227, 60%, 70%, 0.12);
    border: 1px solid hsla(227, 60%, 70%, 0.18);
    border-radius: var(--page-radius-sm);
    padding: 0.6rem 1.2rem;
    font-size: 0.88rem;
    color: hsl(227, 30%, 80%);
    }
    main.system-requirements .kelpDash strong{
    color: #fff;
    font-weight: 600;
    }
    main.system-requirements .dross_8{
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5rem;
    }
    main.system-requirements .echoSlab{
    padding: 4rem 0;
    }
    main.system-requirements .echoSlab h2{
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.55rem;
    color: var(--page-text);
    margin-bottom: 0.6rem;
    }
    main.system-requirements .echoSlab > .dross_8 > p.jarVex{
    color: hsl(227, 8%, 42%);
    margin-bottom: 2.2rem;
    line-height: 1.7;
    max-width: 680px;
    }
    main.system-requirements .notchSaw{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    }
    main.system-requirements .cruxFm{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 2rem;
    transition: box-shadow 0.25s ease;
    }
    main.system-requirements .cruxFm:hover{
    box-shadow: 0 8px 30px hsla(227, 40%, 30%, 0.08);
    }
    main.system-requirements .floe_knit{
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.2rem;
    }
    main.system-requirements .floe_knit svg{
    width: 24px;
    height: 24px;
    }
    main.system-requirements .floe_knit.rusk{ background: hsl(227, 50%, 94%); color: var(--page-primary); }
    main.system-requirements .floe_knit.xylemBq{ background: hsl(270, 40%, 94%); color: hsl(270, 50%, 55%); }
    main.system-requirements .floe_knit.gulchPx{ background: hsl(140, 40%, 93%); color: hsl(140, 50%, 38%); }
    main.system-requirements .floe_knit.rind_lx{ background: hsl(326, 40%, 94%); color: var(--page-secondary); }
    main.system-requirements .floe_knit.dz_fray{ background: hsl(40, 50%, 93%); color: hsl(40, 60%, 42%); }
    main.system-requirements .cruxFm h3{
    font-size: 1.15rem;
    color: var(--page-text);
    margin-bottom: 1rem;
    font-weight: 600;
    }
    main.system-requirements .cruxFm table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    }
    main.system-requirements .cruxFm table tr{
    border-bottom: 1px solid hsl(227, 8%, 92%);
    }
    main.system-requirements .cruxFm table tr:last-child{ border-bottom: none; }
    main.system-requirements .cruxFm table td{
    padding: 0.55rem 0;
    vertical-align: top;
    line-height: 1.5;
    }
    main.system-requirements .cruxFm table td:first-child{
    color: hsl(227, 8%, 48%);
    width: 38%;
    white-space: nowrap;
    font-size: 0.85rem;
    }
    main.system-requirements .cruxFm table td:last-child{
    color: var(--page-text);
    font-weight: 500;
    }
    main.system-requirements .wedgePod{
    background: var(--page-surface-alt);
    }
    main.system-requirements .bask9{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.2rem;
    }
    main.system-requirements .thrum{
    background: var(--page-surface);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius-sm);
    padding: 1.4rem 1.6rem;
    }
    main.system-requirements .thrum h3{
    font-size: 0.95rem;
    color: var(--page-text);
    margin-bottom: 0.6rem;
    font-weight: 600;
    }
    main.system-requirements .thrum p{
    font-size: 0.88rem;
    color: hsl(227, 8%, 42%);
    line-height: 1.6;
    font-family: "SF Mono", "Consolas", monospace;
    }
    main.system-requirements .sableWin{
    background: linear-gradient(135deg, hsl(227, 50%, 96%), hsl(326, 30%, 96%));
    border: 1px solid hsl(227, 30%, 90%);
    border-radius: var(--page-radius);
    padding: 2.5rem;
    margin-top: 2.5rem;
    }
    main.system-requirements .sableWin h3{
    font-size: 1.1rem;
    color: var(--page-text);
    margin-bottom: 1rem;
    font-weight: 600;
    }
    main.system-requirements .glintRay{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    }
    main.system-requirements .snagVolt{
    font-size: 0.9rem;
    line-height: 1.6;
    color: hsl(227, 8%, 32%);
    }
    main.system-requirements .snagVolt span{
    display: block;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 0.2rem;
    }
    main.system-requirements .trellis_q{
    text-align: center;
    padding: 4rem 1.5rem;
    }
    main.system-requirements .trellis_q p{
    color: hsl(227, 8%, 42%);
    margin-bottom: 1.5rem;
    line-height: 1.7;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    }
    main.system-requirements .pivot3z{
    display: inline-block;
    background: linear-gradient(135deg, var(--page-primary), hsl(240, 55%, 58%));
    color: #fff;
    text-decoration: none;
    padding: 0.85rem 2.4rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 0 4px 18px hsla(227, 60%, 50%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.system-requirements .pivot3z:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(227, 60%, 50%, 0.4);
    }
    main.system-requirements .sr-links{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    margin-top: 1.2rem;
    flex-wrap: wrap;
    }
    main.system-requirements .sr-links a{
    color: var(--page-primary);
    text-decoration: none;
    font-size: 0.9rem;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.system-requirements .sr-links a:hover{ border-bottom-color: var(--page-primary); }
    main.system-requirements .coilTwk{
    background: hsl(227, 20%, 14%);
    color: hsl(227, 10%, 60%);
    text-align: center;
    padding: 2.5rem 1.5rem;
    font-size: 0.85rem;
    line-height: 1.8;
    }
    main.system-requirements .coilTwk strong{
    color: hsl(227, 20%, 85%);
    font-weight: 600;
    }
    main.system-requirements .spurGem{
    margin-top: 0.8rem;
    }
    main.system-requirements .spurGem a{
    color: hsl(227, 30%, 65%);
    text-decoration: none;
    margin: 0 0.8rem;
    font-size: 0.82rem;
    }
    main.system-requirements .spurGem a:hover{ color: #fff; }
    @media (max-width: 640px) {main.system-requirements .fennelOp{ padding: 3.5rem 1.2rem 3rem; }
    main.system-requirements .echoSlab{ padding: 2.5rem 0; }
    main.system-requirements .notchSaw{ grid-template-columns: 1fr; }
    main.system-requirements .mirth{ gap: 0.8rem; }
    main.system-requirements .sableWin{ padding: 1.5rem; }}
    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;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.getting-started *{
    box-sizing: border-box;
    }
    main.getting-started{
    margin: 0;
    padding: 28px 18px 36px;
    background:
    radial-gradient(1200px 700px at 10% -10%, rgba(121, 144, 238, 0.22), transparent 60%),
    radial-gradient(800px 500px at 100% 0%, rgba(213, 126, 174, 0.18), transparent 55%),
    var(--gs-bg, #111827);
    color: var(--gs-text, #f3f4f6);
    font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    line-height: 1.62;
    }
    main.getting-started .quartz{
    width: min(1080px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 18px;
    }
    main.getting-started .falcon, main.getting-started .zenith, main.getting-started .cobalt, main.getting-started footer{
    background: linear-gradient(145deg, rgba(36, 45, 70, 0.92), rgba(24, 31, 51, 0.95));
    border: var(--gs-border, 1px solid rgba(255, 255, 255, 0.18));
    border-radius: var(--gs-radius, 16px);
    box-shadow: var(--gs-shadow, 0 10px 30px rgba(0, 0, 0, 0.3)); color: #ffffff;}
    main.getting-started .falcon{
    padding: 28px;
    }
    main.getting-started .flare{
    display: inline-flex;
    gap: 10px;
    align-items: center;
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--gs-muted, #cbd5e1);
    background: rgba(122, 152, 240, 0.15);
    border: 1px solid rgba(130, 164, 255, 0.35);
    border-radius: 999px;
    padding: 6px 12px;
    margin-bottom: 16px;
    }
    main.getting-started h1{
    margin: 0 0 14px;
    font-size: clamp(1.52rem, 2.6vw, 2.2rem);
    line-height: 1.35;
    letter-spacing: 0.01em;
    }
    main.getting-started .cipher{
    margin: 0;
    color: var(--gs-muted, #d1d5db);
    max-width: 78ch;
    }
    main.getting-started .ember{
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr));
    gap: 12px;
    margin-top: 18px;
    }
    main.getting-started .velvet{
    background: var(--gs-panel, #1f2937);
    border: var(--gs-border, 1px solid rgba(255, 255, 255, 0.16));
    border-radius: 14px;
    padding: 12px 14px;
    }
    main.getting-started .velvet b{
    display: block;
    font-size: 1.05rem;
    margin-bottom: 3px;
    }
    main.getting-started .velvet span{
    color: var(--gs-muted, #cbd5e1);
    font-size: 0.94rem;
    }
    main.getting-started .zenith{
    padding: 22px;
    }
    main.getting-started h2{
    margin: 0 0 10px;
    font-size: 1.35rem;
    color: var(--gs-text, #e5e7eb);
    }
    main.getting-started h3{
    margin: 0 0 10px;
    font-size: 1.08rem;
    color: hsl(217, 46%, 86%);
    }
    main.getting-started p{
    margin: 0 0 10px;
    }
    main.getting-started a{
    color: var(--gs-accent, #5cc4d8);
    text-underline-offset: 3px;
    }
    main.getting-started a:hover{
    color: hsl(190, 70%, 72%);
    }
    main.getting-started .orbit{
    display: grid;
    gap: 12px;
    }
    main.getting-started .brackHop{
    background: var(--gs-panel, #1f2937);
    border-radius: 14px;
    border: var(--gs-border, 1px solid rgba(255, 255, 255, 0.16));
    padding: 14px;
    }
    main.getting-started .prism{
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
    }
    main.getting-started .vertex{
    color: var(--gs-primary, #7c90ef);
    font-size: 0.95rem;
    }
    main.getting-started .ripple{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 8px;
    }
    main.getting-started .nexus{
    background: var(--gs-panel-2, #273049);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid rgba(160, 174, 211, 0.28);
    }
    main.getting-started .nexus ul{
    margin: 0;
    padding-left: 18px;
    color: var(--gs-muted, #d1d5db);
    }
    main.getting-started .nexus li{
    margin-bottom: 6px;
    }
    main.getting-started .pulse{
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 6px;
    fill: var(--gs-primary, #7c90ef);
    }
    main.getting-started .cobalt{
    padding: 24px;
    display: grid;
    gap: 12px;
    align-items: center;
    }
    main.getting-started .sketch{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    }
    main.getting-started .mosaic{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.01em;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    }
    main.getting-started .bloom{
    color: hsl(230, 28%, 98%);
    background: linear-gradient(135deg, var(--gs-primary, #7c90ef), hsl(204, 69%, 56%));
    box-shadow: 0 10px 26px rgba(70, 111, 237, 0.45);
    }
    main.getting-started .aurora{
    color: hsl(330, 24%, 98%);
    background: linear-gradient(135deg, var(--gs-secondary, #d47ea6), hsl(309, 47%, 58%));
    box-shadow: 0 10px 24px rgba(177, 82, 149, 0.36);
    }
    main.getting-started .mosaic:hover{
    transform: translateY(-1px);
    }
    main.getting-started .drift{
    color: var(--gs-muted, #cbd5e1);
    font-size: 0.93rem;
    }
    main.getting-started footer{
    padding: 18px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    justify-content: space-between;
    font-size: 0.94rem;
    color: var(--gs-muted, #cbd5e1);
    }
    main.getting-started footer a{
    color: var(--gs-muted, #cbd5e1);
    }
    @media (max-width: 860px) {main.getting-started .ripple{
    grid-template-columns: 1fr;
    }
    main.getting-started .ember{
    grid-template-columns: 1fr;
    }}
    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;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.update-log *{margin:0;padding:0;box-sizing:border-box}
    main.update-log{
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
    color:var(--cl-text);
    background:var(--cl-bg);
    line-height:1.6;
    min-height:100vh;
    }
    main.update-log .raven{
    padding:80px 24px 56px;
    text-align:center;
    background:linear-gradient(160deg,hsl(227,30%,18%) 0%,hsl(240,20%,14%) 100%);
    color:#fff;
    }
    main.update-log .raven h1{
    font-size:clamp(1.6rem,4vw,2.4rem);
    font-weight:700;
    letter-spacing:-.02em;
    margin-bottom:12px;
    }
    main.update-log .raven p{
    max-width:640px;
    margin:0 auto;
    color:hsl(227,20%,72%);
    font-size:.95rem;
    }
    main.update-log .helix{
    max-width:820px;
    margin:0 auto;
    padding:48px 24px 64px;
    }
    main.update-log .nimbus{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:36px;
    }
    main.update-log .nimbus button{
    padding:6px 18px;
    border-radius:20px;
    border:1px solid var(--cl-border);
    background:var(--cl-surface);
    color:var(--cl-muted);
    font-size:.85rem;
    cursor:pointer;
    transition:all .2s;
    }
    main.update-log .nimbus button.phantom, main.update-log .nimbus button:hover{
    background:var(--cl-primary);
    color:#fff;
    border-color:var(--cl-primary);
    }
    main.update-log .opal{
    position:relative;
    padding-left:28px;
    margin-bottom:48px;
    }
    main.update-log .opal::before{
    content:"";
    position:absolute;
    left:5px;
    top:10px;
    bottom:-48px;
    width:2px;
    background:var(--cl-border);
    }
    main.update-log .opal:last-of-type::before{
    bottom:0;
    }
    main.update-log .opal::after{
    content:"";
    position:absolute;
    left:0;
    top:8px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:var(--cl-primary);
    border:2px solid var(--cl-bg);
    }
    main.update-log .tundra{
    display:flex;
    align-items:baseline;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:6px;
    }
    main.update-log .tundra h2{
    font-size:1.2rem;
    font-weight:700;
    letter-spacing:-.01em;
    }
    main.update-log .torque{
    font-size:.82rem;
    color:var(--cl-muted);
    }
    main.update-log .timber{
    display:inline-block;
    font-size:.72rem;
    padding:2px 10px;
    border-radius:10px;
    background:hsl(227,30%,92%);
    color:var(--cl-primary);
    font-weight:600;
    }
    main.update-log .summit{
    background:var(--cl-surface);
    border:1px solid var(--cl-border);
    border-radius:12px;
    padding:20px 24px;
    margin-top:10px;
    }
    main.update-log .vortex{margin-bottom:14px}
    main.update-log .vortex:last-child{margin-bottom:0}
    main.update-log .vortex h3{
    font-size:.85rem;
    font-weight:600;
    margin-bottom:6px;
    display:flex;
    align-items:center;
    gap:6px;
    }
    main.update-log .bronze{
    display:inline-block;
    font-size:.68rem;
    padding:1px 8px;
    border-radius:4px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
    }
    main.update-log .mirage{background:hsl(160,45%,90%);color:var(--cl-tag-new)}
    main.update-log .spark{background:hsl(227,40%,92%);color:var(--cl-tag-fix)}
    main.update-log .cascade{background:hsl(35,60%,90%);color:var(--cl-tag-known)}
    main.update-log .vortex ul{
    list-style:none;
    padding:0;
    }
    main.update-log .vortex li{
    position:relative;
    padding-left:16px;
    font-size:.88rem;
    color:hsl(227,8%,30%);
    margin-bottom:4px;
    }
    main.update-log .vortex li::before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--cl-border);
    }
    main.update-log .glacier{
    text-align:center;
    padding:40px 24px;
    background:var(--cl-surface);
    border:1px solid var(--cl-border);
    border-radius:16px;
    margin-top:16px;
    }
    main.update-log .glacier p{
    color:var(--cl-muted);
    font-size:.9rem;
    margin-bottom:16px;
    }
    main.update-log .saffron{
    display:inline-block;
    padding:12px 32px;
    background:linear-gradient(135deg,var(--cl-primary),hsl(240,50%,58%));
    color:#fff;
    text-decoration:none;
    border-radius:10px;
    font-weight:600;
    font-size:.92rem;
    box-shadow:0 4px 16px hsla(227,62%,64%,.3);
    transition:transform .15s,box-shadow .15s;
    }
    main.update-log .saffron:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 24px hsla(227,62%,64%,.4);
    }
    main.update-log .log-nav-links{
    font-size:.85rem;
    color:var(--cl-muted);
    margin-top:14px;
    }
    main.update-log .log-nav-links a{
    color:var(--cl-primary);
    text-decoration:none;
    }
    main.update-log .log-nav-links a:hover{text-decoration:underline}
    main.update-log footer{
    text-align:center;
    padding:40px 24px;
    background:hsl(227,20%,14%);
    color:hsl(227,10%,60%);
    font-size:.8rem;
    margin-top:0;
    }
    main.update-log footer .pebble{
    color:#fff;
    font-weight:700;
    font-size:.95rem;
    margin-bottom:8px;
    }
    main.update-log footer nav{
    margin:12px 0;
    display:flex;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
    }
    main.update-log footer nav a{
    color:hsl(227,10%,60%);
    text-decoration:none;
    font-size:.78rem;
    }
    main.update-log footer nav a:hover{color:#fff}
    @media(max-width:600px){main.update-log .raven{padding:56px 16px 40px}
    main.update-log .helix{padding:32px 16px 48px}
    main.update-log .summit{padding:16px}
    main.update-log .tundra{gap:6px}}
    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;
    }

    body {
    padding-top: var(--nav-height);
    }
    .oak3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: hsla(227, 6%, 95%, 0.82);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid var(--border-color);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .vortex_9 {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .blotch {
    font-family: "Georgia", "Times New Roman", serif;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--text-color);
    text-decoration: none;
    }
    .pixDust {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .shimmer {
    padding: 7px 14px;
    font-size: 0.875rem;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .shimmer:hover {
    color: #ffffff;
    background: hsla(227, 10%, 11%, 0.05);
    }
    .zephyr {
    margin-left: 10px;
    padding: 8px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    box-shadow: 0 2px 10px hsla(227, 62%, 58%, 0.35);
    transition: var(--transition);
    white-space: nowrap;
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: 0 2px 14px hsla(326, 50%, 58%, 0.4);
    transform: translateY(-1px);
    }
    .crumble {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    }
    .crumble span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    .crumble.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .crumble.active span:nth-child(2) {
    opacity: 0;
    }
    .crumble.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }
    @media (max-width: 860px) {.crumble {
    display: flex;
    }
    .pixDust {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: hsla(227, 6%, 95%, 0.96);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    flex-direction: column;
    padding: 16px 24px 24px;
    gap: 4px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-10px);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    }
    .pixDust.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    }
    .shimmer {
    width: 100%;
    padding: 10px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    width: 100%;
    padding: 12px;
    }}
    main.faq *{margin:0;padding:0;box-sizing:border-box}
    main.faq{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--faq-text);background:var(--faq-bg);line-height:1.7}
    main.faq .fern{padding:80px 24px 60px;text-align:center;background:linear-gradient(160deg,hsl(227,35%,18%) 0%,hsl(240,25%,26%) 100%);color:#fff}
    main.faq .fern h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;margin-bottom:16px;letter-spacing:-.02em}
    main.faq .fern p{max-width:640px;margin:0 auto;font-size:1.05rem;opacity:.85;line-height:1.8}
    main.faq .fern .brine{margin-top:20px;font-size:.85rem;opacity:.55}
    main.faq .onyx{max-width:860px;margin:0 auto;padding:48px 24px 64px}
    main.faq .plume{position:relative;max-width:520px;margin:0 auto 48px}
    main.faq .plume input{width:100%;padding:14px 20px 14px 48px;border:1px solid var(--faq-border);border-radius:12px;font-size:1rem;background:var(--faq-card);color:var(--faq-text);outline:none;transition:border .2s}
    main.faq .plume input:focus{border-color:var(--faq-primary)}
    main.faq .plume svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);opacity:.4}
    main.faq .lumen{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:48px}
    main.faq .anvil{padding:8px 18px;border-radius:20px;font-size:.88rem;border:1px solid var(--faq-border);background:var(--faq-card);cursor:pointer;transition:all .2s;color:var(--faq-muted)}
    main.faq .anvil:hover, main.faq .anvil.coral{background:var(--faq-primary);color:#fff;border-color:var(--faq-primary)}
    main.faq .quill{margin-bottom:40px}
    main.faq .quill h2{font-size:1.25rem;font-weight:600;margin-bottom:16px;padding-left:14px;border-left:3px solid var(--faq-primary);color:var(--faq-text)}
    main.faq .slate{background:var(--faq-card);border:1px solid var(--faq-border);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:box-shadow .2s}
    main.faq .slate:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
    main.faq .haze{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;font-weight:500;font-size:.97rem;gap:12px;user-select:none}
    main.faq .haze svg{flex-shrink:0;transition:transform .25s;opacity:.4}
    main.faq .slate.open .haze svg{transform:rotate(180deg)}
    main.faq .dusk{max-height:0;overflow:hidden;transition:max-height .3s ease}
    main.faq .slate.open .dusk{max-height:600px}
    main.faq .thorn{padding:0 22px 20px;font-size:.93rem;color:var(--faq-muted);line-height:1.85}
    main.faq .thorn ol, main.faq .thorn ul{padding-left:20px;margin:8px 0}
    main.faq .thorn li{margin-bottom:4px}
    main.faq .thorn code{background:hsl(227,10%,90%);padding:2px 6px;border-radius:4px;font-size:.88rem}
    main.faq .thorn a{color:var(--faq-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border .2s}
    main.faq .thorn a:hover{border-bottom-color:var(--faq-primary)}
    main.faq .wren{text-align:center;padding:48px 24px;margin-top:16px;background:var(--faq-card);border-radius:16px;border:1px solid var(--faq-border)}
    main.faq .wren h2{font-size:1.3rem;margin-bottom:12px}
    main.faq .wren p{color:var(--faq-muted);margin-bottom:24px;font-size:.95rem}
    main.faq .wren .jade{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,var(--faq-primary),hsl(240,55%,58%));color:#fff;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 16px hsla(227,62%,64%,.35);transition:transform .15s,box-shadow .15s}
    main.faq .wren .jade:hover{transform:translateY(-1px);box-shadow:0 6px 24px hsla(227,62%,64%,.45)}
    main.faq footer{text-align:center;padding:40px 24px;color:var(--faq-muted);font-size:.85rem;border-top:1px solid var(--faq-border);margin-top:64px}
    main.faq footer .ivory{font-weight:600;color:var(--faq-text);font-size:.95rem;margin-bottom:8px}
    main.faq footer nav{margin-top:12px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
    main.faq footer nav a{color:var(--faq-muted);text-decoration:none;font-size:.84rem;transition:color .2s}
    main.faq footer nav a:hover{color:var(--faq-primary)}
    @media(max-width:600px){main.faq .fern{padding:56px 20px 40px}
    main.faq .onyx{padding:32px 16px 48px}
    main.faq .haze{padding:15px 16px;font-size:.93rem}
    main.faq .thorn{padding:0 16px 16px}}
    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;
}