:root {
  --primary-color: hsl(179, 55%, 42%);
  --secondary-color: hsl(282, 54%, 55%);
  --bg-color: hsl(179, 6%, 97%);
  --text-color: hsl(179, 10%, 6%);
  --text-muted: hsl(179, 6%, 40%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --nav-height: 68px;
  --max-width: 1200px;
  --transition: all 0.25s ease;
  --nav-bg: var(--bg-color);
  --btn-text: #ffffff;
  --primary: hsl(179, 67%, 41%);
  --primary-light: hsl(179, 67%, 61%);
  --accent: hsl(282, 54%, 61%);
  --text: hsl(179, 10%, 6%);
  --bg: hsl(179, 6%, 97%);
  --card-bg: #ffffff;
  --muted: hsl(179, 8%, 42%);
  --dl-primary: hsl(179, 67%, 41%);
  --dl-primary-hover: hsl(179, 67%, 35%);
  --dl-accent: hsl(282, 54%, 55%);
  --dl-accent-hover: hsl(282, 54%, 48%);
  --dl-bg: hsl(179, 6%, 97%);
  --dl-text: hsl(179, 10%, 6%);
  --dl-text-muted: hsl(179, 8%, 40%);
  --dl-card-bg: #ffffff;
  --dl-border: hsl(179, 12%, 88%);
  --dl-radius: 12px;
  --dl-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --fz-primary: hsl(179, 67%, 61%);
  --fz-primary-dark: hsl(179, 67%, 40%);
  --fz-secondary: hsl(282, 54%, 61%);
  --fz-text: hsl(179, 10%, 6%);
  --fz-bg: hsl(179, 6%, 97%);
  --fz-card-bg: #ffffff;
  --fz-muted: hsl(179, 8%, 42%);
  --page-primary: hsl(179, 67%, 61%);
  --page-secondary: hsl(282, 54%, 61%);
  --page-text: hsl(179, 10%, 6%);
  --page-bg: hsl(179, 6%, 97%);
  --page-card: #ffffff;
  --page-radius: 12px;
  --page-shadow: 0 2px 12px rgba(0,0,0,0.07);
  --page-card-bg: #ffffff;
  --cl-primary: hsl(179, 67%, 61%);
  --cl-secondary: hsl(282, 54%, 61%);
  --cl-text: hsl(179, 10%, 6%);
  --cl-bg: hsl(179, 6%, 97%);
  --cl-card: #ffffff;
  --cl-border: hsl(179, 15%, 88%);
  --cl-muted: hsl(179, 8%, 45%);
  --cl-tag-new: hsl(160, 60%, 42%);
  --cl-tag-fix: hsl(25, 85%, 55%);
  --cl-tag-security: hsl(350, 65%, 52%);
  --cl-tag-improve: hsl(220, 55%, 55%);
  --faq-primary: hsl(179,67%,41%);
  --faq-accent: hsl(282,54%,51%);
  --faq-bg: hsl(179,6%,97%);
  --faq-text: hsl(179,10%,6%);
  --faq-card: hsl(0,0%,100%);
  --faq-border: hsl(179,10%,88%);
  --faq-light: hsl(179,30%,95%);
}

*,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.index *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.index{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--text, #111);
    background: var(--bg, #f7f9f9);
    line-height: 1.6;
    }
    
    main.index .mossTip{
    padding: 100px 24px 80px;
    text-align: center;
    background: linear-gradient(160deg, hsl(179, 40%, 95%) 0%, hsl(282, 30%, 95%) 100%);
    }
    main.index .mossTip h1{
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 800;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    }
    main.index .mossTip p{
    max-width: 640px;
    margin: 0 auto 36px;
    font-size: 1.1rem;
    color: var(--muted);
    }
    main.index .velvet{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.index .glintRay{
    display: inline-block;
    padding: 14px 36px;
    background: var(--primary);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
    box-shadow: 0 4px 16px hsla(179, 67%, 41%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.index .glintRay:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(179, 67%, 41%, 0.4);
    }
    main.index .sableWind{
    display: inline-block;
    padding: 14px 36px;
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
    transition: transform 0.2s;
    }
    main.index .sableWind:hover{ transform: translateY(-2px); }
    main.index .cinder{
    margin-top: 24px;
    font-size: 0.88rem;
    color: var(--muted);
    }
    
    main.index .driftMoon{
    padding: 80px 24px;
    max-width: 1100px;
    margin: 0 auto;
    }
    main.index .driftMoon h2{
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
    }
    main.index .driftMoon > p.hazeKit{
    text-align: center;
    color: var(--muted);
    max-width: 600px;
    margin: 0 auto 48px;
    }
    
    main.index .r3bound{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    }
    main.index .flicker{
    background: var(--card-bg);
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 2px 12px hsla(0,0%,0%,0.05);
    transition: box-shadow 0.2s;
    }
    main.index .flicker:hover{
    box-shadow: 0 6px 24px hsla(0,0%,0%,0.1);
    }
    main.index .jynx{
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    background: hsl(179, 50%, 92%);
    }
    main.index .jynx svg{
    width: 24px;
    height: 24px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.index .flicker h3{
    font-size: 1.15rem;
    margin-bottom: 8px;
    }
    main.index .flicker p{
    font-size: 0.95rem;
    color: var(--muted);
    }
    
    main.index .nimbusX{
    background: hsl(179, 15%, 94%);
    padding: 80px 24px;
    }
    main.index .turmeric{
    max-width: 1100px;
    margin: 0 auto;
    }
    main.index .turmeric h2{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 48px;
    }
    main.index .kz84{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    max-width: 720px;
    margin: 0 auto;
    }
    main.index .frnkl{
    background: var(--card-bg);
    border-radius: 12px;
    padding: 32px 20px;
    text-align: center;
    box-shadow: 0 2px 8px hsla(0,0%,0%,0.05);
    }
    main.index .frnkl svg{
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 1.5;
    }
    main.index .frnkl h3{ font-size: 1.05rem; margin-bottom: 6px; }
    main.index .frnkl p{ font-size: 0.85rem; color: var(--muted); }
    
    main.index .duskHue{
    padding: 80px 24px;
    max-width: 800px;
    margin: 0 auto;
    }
    main.index .duskHue h2{
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 40px;
    }
    main.index .tango{
    display: flex;
    flex-direction: column;
    gap: 24px;
    }
    main.index .orbZen{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    }
    main.index .prismArc{
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    }
    main.index .pq_loop h3{ font-size: 1.05rem; margin-bottom: 4px; }
    main.index .pq_loop p{ font-size: 0.93rem; color: var(--muted); }
    
    main.index .cragPeak{
    margin: 0 24px 80px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
    border-radius: 16px;
    padding: 56px 32px;
    text-align: center;
    color: #fff;
    }
    main.index .cragPeak h2{ font-size: 1.6rem; margin-bottom: 12px; color: #fff; }
    main.index .cragPeak p{ margin-bottom: 28px; opacity: 0.92; }
    main.index .echoWave{
    display: inline-block;
    padding: 14px 36px;
    background: #fff;
    color: var(--primary);
    border-radius: 8px;
    text-decoration: none;
    font-weight: 700;
    font-size: 1.05rem;
    transition: transform 0.2s;
    }
    main.index .echoWave:hover{ transform: translateY(-2px); }
    
    main.index .wispLane{
    background: hsl(179, 10%, 12%);
    color: hsl(179, 10%, 70%);
    padding: 48px 24px 32px;
    }
    main.index .cobalt{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 32px;
    }
    main.index .rumble_fx{ font-size: 1.3rem; font-weight: 800; color: #fff; margin-bottom: 8px; }
    main.index .ember_glow{ font-size: 0.88rem; max-width: 280px; }
    main.index .s7pulse h4{ color: #fff; font-size: 0.95rem; margin-bottom: 12px; }
    main.index .s7pulse a{
    display: block;
    color: hsl(179, 10%, 65%);
    text-decoration: none;
    font-size: 0.88rem;
    margin-bottom: 8px;
    transition: color 0.2s;
    }
    main.index .s7pulse a:hover{ color: var(--primary-light); }
    main.index .boltSnap{
    max-width: 1100px;
    margin: 32px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsl(179, 10%, 22%);
    text-align: center;
    font-size: 0.82rem;
    }
    @media (max-width: 640px) {main.index .mossTip{ padding: 72px 20px 56px; }
    main.index .driftMoon, main.index .duskHue{ padding: 56px 20px; }
    main.index .nimbusX{ padding: 56px 20px; }
    main.index .cobalt{ flex-direction: column; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.download *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.download .thorn_vx{
    background: linear-gradient(135deg, hsl(179, 30%, 95%) 0%, hsl(282, 20%, 96%) 100%);
    padding: 72px 24px 56px;
    text-align: center;
    }
    main.download .thorn_vx h1{
    font-size: 2.2rem;
    color: var(--dl-text, #111);
    font-weight: 800;
    margin-bottom: 14px;
    }
    main.download .thorn_vx p{
    color: var(--dl-text-muted, #555);
    font-size: 1.05rem;
    max-width: 600px;
    margin: 0 auto 8px;
    line-height: 1.7;
    }
    main.download .lumin{
    display: inline-block;
    background: var(--dl-card-bg, #fff);
    border: 1px solid var(--dl-border, #ddd);
    border-radius: 20px;
    padding: 6px 18px;
    font-size: 0.88rem;
    color: var(--dl-text-muted, #666);
    margin-top: 12px;
    }
    main.download .plumVibe{
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 28px;
    }
    main.download .gritMask{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    border-radius: var(--dl-radius, 12px);
    font-size: 1.1rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s, transform .15s;
    cursor: pointer;
    border: none;
    }
    main.download .gritMask:active{ transform: scale(0.97); }
    main.download .dewCrest{
    background: var(--dl-primary, #3bb);
    color: #fff;
    box-shadow: 0 4px 16px hsla(179, 67%, 41%, 0.3);
    }
    main.download .dewCrest:hover{ background: var(--dl-primary-hover, #2a9e9e); }
    main.download .swirl_88{
    background: var(--dl-accent, #9b59b6);
    color: #fff;
    box-shadow: 0 4px 16px hsla(282, 54%, 55%, 0.25);
    }
    main.download .swirl_88:hover{ background: var(--dl-accent-hover, #7d3c98); }
    main.download .gritMask svg{ width: 22px; height: 22px; fill: currentColor; }
    main.download .axle07{
    max-width: 1080px;
    margin: 0 auto;
    padding: 56px 24px;
    }
    main.download .axle07 h2{
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dl-text, #111);
    margin-bottom: 28px;
    text-align: center;
    }
    main.download .galeMist{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
    }
    main.download .fableOrb{
    background: var(--dl-card-bg, #fff);
    border: 1px solid var(--dl-border, #e0e0e0);
    border-radius: var(--dl-radius, 12px);
    padding: 32px 24px;
    text-align: center;
    box-shadow: var(--dl-shadow);
    transition: box-shadow .2s, transform .2s;
    }
    main.download .fableOrb:hover{
    box-shadow: 0 6px 24px rgba(0,0,0,0.1);
    transform: translateY(-3px);
    }
    main.download .m6drift{
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: hsl(179, 30%, 93%);
    }
    main.download .m6drift svg{ width: 28px; height: 28px; fill: var(--dl-primary, #3bb); }
    main.download .fableOrb h3{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dl-text, #111);
    margin-bottom: 6px;
    }
    main.download .fableOrb .quartzEdge{
    font-size: 0.85rem;
    color: var(--dl-text-muted, #666);
    margin-bottom: 16px;
    line-height: 1.6;
    }
    main.download .bronzeAsh{
    display: inline-block;
    padding: 10px 24px;
    border-radius: 8px;
    background: var(--dl-primary, #3bb);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.92rem;
    transition: background .2s;
    }
    main.download .bronzeAsh:hover{ background: var(--dl-primary-hover, #2a9e9e); }
    main.download .wrenSky{ background: var(--dl-accent); }
    main.download .wrenSky:hover{ background: var(--dl-accent-hover); }
    main.download .jadeSpin{
    margin-top: 12px;
    }
    main.download .jadeSpin a{
    font-size: 0.82rem;
    color: var(--dl-primary, #3bb);
    text-decoration: underline;
    }
    main.download .rippleFn{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    }
    main.download .yawnPulse{
    background: var(--dl-card-bg, #fff);
    border: 1px solid var(--dl-border, #e0e0e0);
    border-radius: var(--dl-radius, 12px);
    padding: 28px;
    box-shadow: var(--dl-shadow);
    }
    main.download .yawnPulse h3{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--dl-text, #111);
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.download .yawnPulse ul{
    list-style: none;
    padding: 0;
    }
    main.download .yawnPulse li{
    padding: 5px 0;
    font-size: 0.92rem;
    color: var(--dl-text-muted, #555);
    line-height: 1.65;
    position: relative;
    padding-left: 18px;
    }
    main.download .yawnPulse li::before{
    content: "·";
    position: absolute;
    left: 2px;
    font-weight: 700;
    color: var(--dl-primary, #3bb);
    }
    main.download .fjord{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 8px;
    }
    main.download .clovHex{
    text-align: center;
    padding: 24px 16px;
    }
    main.download .pylonArc{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--dl-primary, #3bb);
    color: #fff;
    font-weight: 800;
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    }
    main.download .clovHex p{
    font-size: 0.92rem;
    color: var(--dl-text-muted, #555);
    line-height: 1.6;
    }
    main.download .sparKite{
    text-align: center;
    padding: 32px 24px 0;
    font-size: 0.92rem;
    color: var(--dl-text-muted, #666);
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto;
    }
    main.download .sparKite a{
    color: var(--dl-primary, #3bb);
    text-decoration: underline;
    font-weight: 600;
    }
    main.download .novaBit{
    text-align: center;
    padding: 40px 24px;
    margin-top: 40px;
    border-top: 1px solid var(--dl-border, #e0e0e0);
    color: var(--dl-text-muted, #888);
    font-size: 0.85rem;
    }
    main.download .novaBit a{
    color: var(--dl-text-muted, #888);
    text-decoration: none;
    margin: 0 10px;
    }
    main.download .novaBit a:hover{ color: var(--dl-primary, #3bb); }
    @media (max-width: 640px) {main.download .thorn_vx{ padding: 48px 16px 36px; }
    main.download .thorn_vx h1{ font-size: 1.6rem; }
    main.download .gritMask{ padding: 14px 24px; font-size: 1rem; }
    main.download .axle07{ padding: 40px 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;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.features *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.features .pepperLn{
    padding: 80px 24px 60px;
    text-align: center;
    background: linear-gradient(160deg, hsl(179, 30%, 94%) 0%, hsl(282, 20%, 95%) 100%);
    }
    main.features .pepperLn h1{
    font-size: clamp(1.6rem, 4vw, 2.4rem);
    color: var(--fz-text, #0f1514);
    max-width: 780px;
    margin: 0 auto 20px;
    line-height: 1.45;
    font-weight: 700;
    }
    main.features .pepperLn p{
    color: var(--fz-muted);
    max-width: 640px;
    margin: 0 auto 32px;
    font-size: 1.05rem;
    line-height: 1.7;
    }
    main.features .gleamPod{
    display: inline-block;
    padding: 14px 36px;
    background: linear-gradient(135deg, var(--fz-primary-dark), hsl(179, 60%, 35%));
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 1.05rem;
    font-weight: 600;
    box-shadow: 0 4px 16px hsla(179, 67%, 40%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.features .gleamPod:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(179, 67%, 40%, 0.45);
    }
    main.features .blazeTap{
    padding: 64px 24px;
    max-width: 1100px;
    margin: 0 auto;
    }
    main.features .blazeTap h2{
    font-size: 1.6rem;
    color: var(--fz-text, #0f1514);
    margin-bottom: 12px;
    font-weight: 700;
    }
    main.features .blazeTap > p{
    color: var(--fz-muted);
    margin-bottom: 40px;
    line-height: 1.7;
    max-width: 680px;
    }
    main.features .crestFog{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    }
    main.features .cruxElm{
    background: var(--fz-card-bg);
    border-radius: 12px;
    padding: 32px 28px;
    box-shadow: 0 2px 12px hsla(179, 10%, 10%, 0.06);
    transition: box-shadow 0.25s, transform 0.25s;
    }
    main.features .cruxElm:hover{
    box-shadow: 0 6px 24px hsla(179, 10%, 10%, 0.12);
    transform: translateY(-3px);
    }
    main.features .delta9k{
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    }
    main.features .delta9k svg{
    width: 26px;
    height: 26px;
    }
    main.features .cruxElm h3{
    font-size: 1.12rem;
    color: var(--fz-text, #0f1514);
    margin-bottom: 10px;
    font-weight: 600;
    }
    main.features .cruxElm p{
    color: var(--fz-muted);
    line-height: 1.65;
    font-size: 0.95rem;
    }
    main.features .stormNub{ background: hsla(179, 67%, 61%, 0.15); }
    main.features .rustNook{ background: hsla(282, 54%, 61%, 0.15); }
    main.features .dapple{ background: hsla(30, 80%, 60%, 0.15); }
    main.features .tuskVane{
    padding: 64px 24px;
    background: hsl(179, 10%, 95%);
    }
    main.features .zenithRay{
    max-width: 1100px;
    margin: 0 auto;
    }
    main.features .tuskVane h2{
    font-size: 1.6rem;
    color: var(--fz-text);
    margin-bottom: 12px;
    font-weight: 700;
    }
    main.features .tuskVane > .zenithRay > p{
    color: var(--fz-muted);
    margin-bottom: 36px;
    line-height: 1.7;
    max-width: 680px;
    }
    main.features .frothCap{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }
    main.features .wx_forge{
    background: var(--fz-card-bg);
    border-radius: 10px;
    padding: 28px 24px;
    border-left: 4px solid var(--fz-primary);
    }
    main.features .wx_forge h3{
    font-size: 1.1rem;
    color: var(--fz-text);
    margin-bottom: 8px;
    font-weight: 600;
    }
    main.features .wx_forge p{
    color: var(--fz-muted);
    font-size: 0.93rem;
    line-height: 1.6;
    }
    main.features .sleetJaw{
    padding: 64px 24px;
    max-width: 1100px;
    margin: 0 auto;
    }
    main.features .sleetJaw h2{
    font-size: 1.6rem;
    color: var(--fz-text);
    margin-bottom: 32px;
    font-weight: 700;
    }
    main.features .ivory_q{
    display: flex;
    flex-direction: column;
    gap: 20px;
    }
    main.features .plinth{
    display: flex;
    gap: 20px;
    align-items: flex-start;
    padding: 24px;
    background: var(--fz-card-bg);
    border-radius: 10px;
    box-shadow: 0 1px 6px hsla(0,0%,0%,0.04);
    }
    main.features .fernGlyph{
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--fz-primary), var(--fz-secondary));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    }
    main.features .optic5 h3{
    font-size: 1.05rem;
    color: var(--fz-text);
    margin-bottom: 6px;
    font-weight: 600;
    }
    main.features .optic5 p{
    color: var(--fz-muted);
    font-size: 0.93rem;
    line-height: 1.65;
    }
    main.features .coilSnag{
    text-align: center;
    padding: 56px 24px;
    background: linear-gradient(135deg, hsl(179, 50%, 92%), hsl(282, 30%, 93%));
    }
    main.features .coilSnag h2{
    font-size: 1.5rem;
    color: var(--fz-text);
    margin-bottom: 14px;
    font-weight: 700;
    }
    main.features .coilSnag p{
    color: var(--fz-muted);
    margin-bottom: 28px;
    line-height: 1.6;
    }
    main.features .coilSnag a{
    display: inline-block;
    padding: 14px 40px;
    background: var(--fz-secondary);
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.05rem;
    box-shadow: 0 4px 16px hsla(282, 54%, 50%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.features .coilSnag a:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(282, 54%, 50%, 0.4);
    }
    main.features .brine_mk{
    padding: 36px 24px;
    text-align: center;
    background: hsl(179, 10%, 12%);
    color: hsl(179, 6%, 70%);
    font-size: 0.88rem;
    line-height: 1.8;
    }
    main.features .brine_mk a{
    color: var(--fz-primary);
    text-decoration: none;
    }
    main.features .brine_mk a:hover{ text-decoration: underline; }
    main.features .mirageOx{
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    }
    @media (max-width: 640px) {main.features .pepperLn{ padding: 56px 18px 40px; }
    main.features .blazeTap, main.features .sleetJaw{ padding: 48px 18px; }
    main.features .plinth{ flex-direction: column; gap: 12px; }
    main.features .crestFog{ grid-template-columns: 1fr; }
    main.features .frothCap{ 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;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.guide *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.guide{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: var(--page-text, #111);
    background: var(--page-bg, #f7f7f7);
    line-height: 1.7;
    }
    main.guide .pyxelWrn{
    background: linear-gradient(135deg, hsl(179, 67%, 25%) 0%, hsl(220, 40%, 22%) 100%);
    color: #fff;
    padding: 80px 24px 64px;
    text-align: center;
    }
    main.guide .pyxelWrn h1{
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.guide .pyxelWrn p{
    font-size: 1.1rem;
    max-width: 640px;
    margin: 0 auto 28px;
    opacity: 0.9;
    }
    main.guide .pyxelWrn .dune_07{
    display: inline-block;
    background: var(--page-primary);
    color: hsl(179, 10%, 6%);
    font-weight: 600;
    padding: 14px 36px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 1.05rem;
    box-shadow: 0 4px 16px rgba(78, 216, 210, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.guide .pyxelWrn .dune_07:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(78, 216, 210, 0.45);
    }
    main.guide .huskPivot{
    max-width: 860px;
    margin: 0 auto;
    padding: 56px 24px;
    }
    main.guide .huskPivot h2{
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--page-text, #111);
    position: relative;
    padding-left: 18px;
    }
    main.guide .huskPivot h2::before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    bottom: 4px;
    width: 5px;
    border-radius: 3px;
    background: var(--page-primary);
    }
    main.guide .brackFin{
    display: flex;
    flex-direction: column;
    gap: 20px;
    }
    main.guide .crag_zen{
    background: var(--page-card);
    border-radius: var(--page-radius);
    box-shadow: var(--page-shadow);
    padding: 28px 32px;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    }
    main.guide .auroraVx{
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--page-primary), hsl(179, 67%, 48%));
    color: hsl(179, 10%, 6%);
    font-weight: 700;
    font-size: 1.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.guide .gravel_m h3{
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 6px;
    }
    main.guide .gravel_m p{
    font-size: 0.95rem;
    color: #444;
    }
    main.guide .gravel_m code{
    background: hsl(179, 10%, 92%);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.88rem;
    }
    main.guide .opalDrift{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin: 20px 0 8px;
    }
    main.guide .quillNod{
    background: var(--page-card);
    border-radius: var(--page-radius);
    box-shadow: var(--page-shadow);
    padding: 20px;
    text-align: center;
    }
    main.guide .quillNod .vulpineFx{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: hsl(282, 54%, 93%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    }
    main.guide .quillNod .vulpineFx svg{
    width: 22px;
    height: 22px;
    stroke: hsl(282, 54%, 45%);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.guide .quillNod strong{
    display: block;
    font-size: 1rem;
    margin-bottom: 4px;
    }
    main.guide .quillNod span{
    font-size: 0.88rem;
    color: #666;
    }
    main.guide .emb3rAsh{
    background: hsl(179, 40%, 94%);
    border-left: 4px solid var(--page-primary);
    border-radius: 0 var(--page-radius) var(--page-radius) 0;
    padding: 18px 24px;
    margin: 24px 0;
    font-size: 0.95rem;
    color: #333;
    }
    main.guide .emb3rAsh strong{
    color: hsl(179, 67%, 30%);
    }
    main.guide .kelpDash{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-top: 20px;
    }
    main.guide .mantleHum{
    background: var(--page-card);
    border-radius: var(--page-radius);
    box-shadow: var(--page-shadow);
    padding: 28px 24px;
    }
    main.guide .mantleHum h3{
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    }
    main.guide .mantleHum h3 svg{
    width: 20px;
    height: 20px;
    stroke: var(--page-secondary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.guide .mantleHum p, main.guide .mantleHum ul{
    font-size: 0.93rem;
    color: #444;
    }
    main.guide .mantleHum ul{
    padding-left: 18px;
    margin-top: 6px;
    }
    main.guide .mantleHum ul li{
    margin-bottom: 4px;
    }
    main.guide .latchOrb{
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px;
    background: var(--page-card);
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow);
    }
    main.guide .latchOrb th, main.guide .latchOrb td{
    padding: 12px 20px;
    text-align: left;
    font-size: 0.93rem;
    }
    main.guide .latchOrb th{
    background: hsl(179, 20%, 92%);
    font-weight: 600;
    color: var(--page-text);
    }
    main.guide .latchOrb tr:not(:last-child) td{
    border-bottom: 1px solid hsl(179, 6%, 92%);
    }
    main.guide .latchOrb td code{
    background: hsl(282, 30%, 94%);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.85rem;
    }
    main.guide .sootMeld{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 28px;
    }
    main.guide .sootMeld a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: transform 0.2s;
    }
    main.guide .sootMeld a:hover{ transform: translateY(-1px); }
    main.guide .sootMeld .sluiceJot{
    background: var(--page-primary);
    color: hsl(179, 10%, 6%);
    box-shadow: 0 3px 12px rgba(78, 216, 210, 0.3);
    }
    main.guide .sootMeld .chimeRig{
    background: var(--page-secondary);
    color: #fff;
    box-shadow: 0 3px 12px rgba(160, 100, 200, 0.25);
    }
    main.guide footer{
    background: hsl(179, 10%, 12%);
    color: hsl(179, 6%, 70%);
    text-align: center;
    padding: 36px 24px;
    font-size: 0.88rem;
    margin-top: 48px;
    }
    main.guide footer .riven_px{
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
    }
    main.guide footer a{
    color: var(--page-primary);
    text-decoration: none;
    }
    main.guide footer a:hover{ text-decoration: underline; }
    main.guide footer .footer-nav{
    margin: 12px 0;
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    }
    @media (max-width: 600px) {main.guide .pyxelWrn{ padding: 56px 16px 44px; }
    main.guide .pyxelWrn h1{ font-size: 1.7rem; }
    main.guide .huskPivot{ padding: 36px 16px; }
    main.guide .crag_zen{ flex-direction: column; gap: 10px; padding: 20px; }
    main.guide .opalDrift{ grid-template-columns: 1fr 1fr; }
    main.guide .kelpDash{ grid-template-columns: 1fr; }
    main.guide .latchOrb th, main.guide .latchOrb td{ padding: 10px 12px; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.server *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.server .yieldHex{
    background: linear-gradient(135deg, hsl(179, 67%, 92%) 0%, hsl(282, 54%, 92%) 100%);
    padding: 80px 24px 64px;
    text-align: center;
    }
    main.server .yieldHex h1{
    font-size: 2.4rem;
    color: var(--page-text, #0d1211);
    margin-bottom: 16px;
    font-weight: 800;
    }
    main.server .yieldHex p{
    max-width: 680px;
    margin: 0 auto 32px;
    font-size: 1.1rem;
    line-height: 1.7;
    color: hsl(179, 10%, 25%);
    }
    main.server .yieldHex .cleftAura{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.server .gnarlWeft{
    display: inline-block;
    padding: 14px 36px;
    background: linear-gradient(135deg, var(--page-primary), hsl(179, 67%, 48%));
    color: var(--page-text, #0d1211);
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(78, 214, 206, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.server .gnarlWeft:hover{ transform: translateY(-2px); box-shadow: 0 6px 24px rgba(78, 214, 206, 0.45); }
    main.server .oxidLatch{
    display: inline-block;
    padding: 14px 36px;
    background: var(--page-secondary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(163, 97, 204, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.server .oxidLatch:hover{ transform: translateY(-2px); box-shadow: 0 6px 24px rgba(163, 97, 204, 0.4); }
    main.server .fluxMote{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.server .fluxMote h2{
    font-size: 1.8rem;
    color: var(--page-text, #0d1211);
    margin-bottom: 12px;
    font-weight: 700;
    }
    main.server .fluxMote > p{
    color: hsl(179, 10%, 30%);
    line-height: 1.7;
    margin-bottom: 36px;
    max-width: 720px;
    }
    main.server .mugWort{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    }
    main.server .sporeVow{
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    box-shadow: var(--page-shadow);
    transition: transform 0.2s;
    }
    main.server .sporeVow:hover{ transform: translateY(-4px); }
    main.server .sporeVow .trellis9{
    width: 48px; height: 48px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 16px;
    }
    main.server .sporeVow h3{
    font-size: 1.15rem;
    color: var(--page-text);
    margin-bottom: 8px;
    font-weight: 700;
    }
    main.server .sporeVow p{
    color: hsl(179, 10%, 35%);
    font-size: 0.95rem;
    line-height: 1.65;
    }
    main.server .cairnJib{ background: hsl(179, 6%, 94%); }
    main.server .blazon{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    }
    main.server .gulchTip{
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    padding: 36px 28px;
    box-shadow: var(--page-shadow);
    text-align: center;
    }
    main.server .gulchTip h3{
    font-size: 1.2rem;
    color: var(--page-text);
    margin-bottom: 8px;
    }
    main.server .gulchTip .pebbleArk{
    font-size: 0.9rem;
    color: hsl(179, 10%, 45%);
    margin-bottom: 6px;
    }
    main.server .gulchTip ul{
    list-style: none;
    text-align: left;
    margin: 16px 0;
    padding: 0;
    }
    main.server .gulchTip ul li{
    padding: 6px 0;
    font-size: 0.93rem;
    color: hsl(179, 10%, 30%);
    border-bottom: 1px solid hsl(179, 6%, 92%);
    }
    main.server .gulchTip ul li:last-child{ border-bottom: none; }
    main.server .zinc4Haze{
    width: 56px; height: 56px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 16px;
    font-size: 1.5rem;
    font-weight: 800;
    color: #fff;
    }
    main.server .bevel_rx{ padding-bottom: 80px; }
    main.server .cuspMire{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    counter-reset: step;
    }
    main.server .talon6{
    position: relative;
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    padding: 32px 24px 24px;
    box-shadow: var(--page-shadow);
    counter-increment: step;
    }
    main.server .talon6::before{
    content: counter(step);
    position: absolute;
    top: -16px; left: 24px;
    width: 36px; height: 36px;
    background: linear-gradient(135deg, var(--page-primary), var(--page-secondary));
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    }
    main.server .talon6 h3{
    font-size: 1.05rem;
    color: var(--page-text);
    margin-bottom: 8px;
    margin-top: 8px;
    }
    main.server .talon6 p{
    font-size: 0.93rem;
    color: hsl(179, 10%, 35%);
    line-height: 1.6;
    }
    main.server .stratum_q{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px 64px;
    font-size: 0.97rem;
    line-height: 1.8;
    color: hsl(179, 10%, 30%);
    }
    main.server .stratum_q a{
    color: hsl(282, 54%, 50%);
    text-decoration: underline;
    text-underline-offset: 3px;
    }
    main.server .frostKnob{
    background: var(--page-text, #0d1211);
    color: hsl(179, 6%, 70%);
    text-align: center;
    padding: 36px 24px;
    font-size: 0.9rem;
    }
    main.server .frostKnob .drossVeil{
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
    }
    main.server .frostKnob .warpSilk{
    font-size: 0.85rem;
    margin-bottom: 12px;
    color: hsl(179, 6%, 55%);
    }
    @media (max-width: 640px) {main.server .yieldHex{ padding: 56px 16px 48px; }
    main.server .yieldHex h1{ font-size: 1.7rem; }
    main.server .fluxMote{ padding: 48px 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;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    main.changelog *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.changelog .aurora{
    padding: 80px 24px 60px;
    text-align: center;
    background: linear-gradient(160deg, var(--cl-bg) 0%, hsl(179, 20%, 92%) 100%);
    }
    main.changelog .aurora h1{
    font-size: 2.4rem;
    color: var(--cl-text);
    font-weight: 800;
    margin-bottom: 16px;
    }
    main.changelog .aurora p{
    max-width: 640px;
    margin: 0 auto;
    color: var(--cl-muted);
    font-size: 1.05rem;
    line-height: 1.7;
    }
    main.changelog .drift{
    max-width: 860px;
    margin: 0 auto;
    padding: 48px 24px;
    }
    main.changelog .velvet{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 40px;
    }
    main.changelog .ripple{
    padding: 8px 20px;
    border-radius: 100px;
    border: 1.5px solid var(--cl-border);
    background: var(--cl-card);
    color: var(--cl-muted);
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s;
    }
    main.changelog .ripple:hover, main.changelog .ripple.mosaic{
    background: var(--cl-primary);
    color: var(--cl-text);
    border-color: var(--cl-primary);
    }
    main.changelog .ratchetFn{
    position: relative;
    padding-left: 32px;
    margin-bottom: 48px;
    }
    main.changelog .ratchetFn::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    bottom: -48px;
    width: 2px;
    background: var(--cl-border);
    }
    main.changelog .ratchetFn:last-of-type::before{
    bottom: 0;
    }
    main.changelog .prism{
    position: absolute;
    left: 0;
    top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--cl-primary);
    border: 3px solid var(--cl-bg);
    box-shadow: 0 0 0 2px var(--cl-primary);
    }
    main.changelog .ratchetFn.vertex .prism{
    background: var(--cl-secondary);
    box-shadow: 0 0 0 2px var(--cl-secondary);
    }
    main.changelog .cobalt{
    display: flex;
    align-items: baseline;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 12px;
    }
    main.changelog .brambleFx{
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--cl-text);
    }
    main.changelog .bloom{
    font-size: 0.8rem;
    padding: 3px 10px;
    border-radius: 100px;
    background: hsl(179, 40%, 92%);
    color: hsl(179, 50%, 30%);
    font-weight: 600;
    }
    main.changelog .bloom.vertex{
    background: hsl(282, 30%, 92%);
    color: hsl(282, 40%, 35%);
    }
    main.changelog .pulse{
    font-size: 0.88rem;
    color: var(--cl-muted);
    }
    main.changelog .flare{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    }
    main.changelog .flare li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--cl-text);
    }
    main.changelog .falcon{
    flex-shrink: 0;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    margin-top: 3px;
    letter-spacing: 0.3px;
    }
    main.changelog .falcon.quartz{ background: hsl(160, 50%, 92%); color: var(--cl-tag-new); }
    main.changelog .falcon.plovrDim{ background: hsl(25, 60%, 93%); color: var(--cl-tag-fix); }
    main.changelog .falcon.sketch{ background: hsl(350, 50%, 93%); color: var(--cl-tag-security); }
    main.changelog .falcon.nexus{ background: hsl(220, 45%, 93%); color: var(--cl-tag-improve); }
    main.changelog .ember{
    text-align: center;
    padding: 56px 24px;
    background: var(--cl-card);
    border-top: 1px solid var(--cl-border);
    }
    main.changelog .ember h2{
    font-size: 1.5rem;
    color: var(--cl-text);
    margin-bottom: 12px;
    }
    main.changelog .ember p{
    color: var(--cl-muted);
    margin-bottom: 24px;
    line-height: 1.7;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    }
    main.changelog .spurGlint{
    display: inline-block;
    padding: 14px 36px;
    background: linear-gradient(135deg, var(--cl-primary), hsl(179, 60%, 50%));
    color: var(--cl-text);
    font-weight: 700;
    font-size: 1rem;
    border-radius: 100px;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(179, 67%, 50%, 0.3);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.changelog .spurGlint:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(179, 67%, 50%, 0.4);
    }
    main.changelog .cipher{
    color: hsl(179, 55%, 38%);
    text-decoration: none;
    border-bottom: 1px solid hsl(179, 55%, 38%, 0.3);
    transition: border-color 0.2s;
    }
    main.changelog .cipher:hover{
    border-color: hsl(179, 55%, 38%);
    }
    main.changelog .orbit{
    text-align: center;
    padding: 40px 24px;
    background: var(--cl-text);
    color: hsl(179, 10%, 70%);
    font-size: 0.88rem;
    }
    main.changelog .kettleMaw{
    font-size: 1.1rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 4px;
    }
    main.changelog .scaldNub{
    font-size: 0.82rem;
    color: hsl(179, 10%, 55%);
    margin-bottom: 16px;
    }
    main.changelog .cl-footer-links{
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    }
    main.changelog .cl-footer-links a{
    color: hsl(179, 10%, 70%);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s;
    }
    main.changelog .cl-footer-links a:hover{ color: var(--cl-primary); }
    main.changelog .zenith{
    background: hsl(179, 20%, 94%);
    border-left: 3px solid var(--cl-primary);
    padding: 14px 18px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 40px;
    font-size: 0.92rem;
    color: var(--cl-muted);
    line-height: 1.65;
    }
    @media (max-width: 600px) {main.changelog .aurora h1{ font-size: 1.7rem; }
    main.changelog .ratchetFn{ padding-left: 26px; }
    main.changelog .cobalt{ gap: 8px; }
    main.changelog .brambleFx{ font-size: 1.15rem; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
    }
    .shimmer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-sm);
    z-index: 1000;
    display: flex;
    align-items: center;
    }
    .pixDust {
    width: 100%;
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    }
    .quasar {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--primary-color);
    text-decoration: none;
    letter-spacing: -0.5px;
    text-transform: lowercase;
    }
    .oak3 {
    display: flex;
    align-items: center;
    gap: 6px;
    }
    .blotch {
    text-decoration: none;
    color: var(--text-muted);
    font-size: 0.9rem;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    }
    .blotch:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    text-decoration: none;
    background: var(--primary-color);
    color: var(--btn-text);
    font-size: 0.9rem;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: var(--radius-md);
    transition: var(--transition);
    margin-left: 8px;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: var(--secondary-color);
    box-shadow: var(--shadow-md);
    transform: translateY(-1px);
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    }
    .crumble {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    }
    @media (max-width: 768px) {.vortex_9 {
    display: flex;
    }
    .oak3 {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    background: var(--nav-bg);
    flex-direction: column;
    padding: 12px 24px 20px;
    gap: 2px;
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .oak3.open {
    display: flex;
    }
    .blotch {
    width: 100%;
    padding: 12px 14px;
    }
    .zephyr {
    margin-left: 0;
    margin-top: 8px;
    text-align: center;
    }}
    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,#111);background:var(--faq-bg,#f7f8f8);line-height:1.7}
    main.faq .nimbus{padding:72px 24px 56px;text-align:center;background:linear-gradient(160deg,var(--faq-light) 0%,var(--faq-bg) 100%)}
    main.faq .nimbus h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;max-width:780px;margin:0 auto 16px;letter-spacing:-.02em}
    main.faq .nimbus p{font-size:1.05rem;color:hsl(179,8%,36%);max-width:640px;margin:0 auto}
    main.faq .onyx{max-width:520px;margin:28px auto 0;position:relative}
    main.faq .echo{width:100%;padding:14px 20px 14px 48px;border:2px solid var(--faq-border);border-radius:12px;font-size:1rem;background:var(--faq-card);outline:none;transition:border .2s}
    main.faq .echo:focus{border-color:var(--faq-primary)}
    main.faq .glacier{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:hsl(179,8%,56%)}
    main.faq .faq-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 24px 48px;max-width:860px;margin:0 auto}
    main.faq .faq-nav a{padding:8px 20px;border-radius:24px;font-size:.9rem;font-weight:500;text-decoration:none;color:var(--faq-text);background:var(--faq-card);border:1.5px solid var(--faq-border);transition:all .2s}
    main.faq .faq-nav a:hover, main.faq .faq-nav a.active{background:var(--faq-primary);color:#fff;border-color:var(--faq-primary)}
    main.faq .fable{max-width:860px;margin:0 auto;padding:0 24px 64px}
    main.faq .jade{margin-bottom:48px}
    main.faq .jade h2{font-size:1.35rem;font-weight:700;margin-bottom:20px;padding-left:14px;border-left:4px solid var(--faq-primary);line-height:1.4}
    main.faq .lumen{background:var(--faq-card);border:1.5px solid var(--faq-border);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s}
    main.faq .lumen:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
    main.faq .spark{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;font-weight:600;font-size:.98rem;gap:12px;user-select:none}
    main.faq .spark::after{content:"+";font-size:1.4rem;font-weight:300;color:var(--faq-primary);flex-shrink:0;transition:transform .25s}
    main.faq .lumen.open .spark::after{transform:rotate(45deg)}
    main.faq .phantom{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s ease;padding:0 22px}
    main.faq .lumen.open .phantom{max-height:600px;padding:0 22px 20px}
    main.faq .phantom p, main.faq .phantom li{font-size:.93rem;color:hsl(179,8%,28%);line-height:1.75}
    main.faq .phantom ol, main.faq .phantom ul{padding-left:20px;margin:8px 0}
    main.faq .phantom code{background:var(--faq-light);padding:2px 7px;border-radius:4px;font-size:.88rem;font-family:"SF Mono",Consolas,monospace}
    main.faq .phantom .haze{margin-top:12px;padding:12px 16px;background:hsl(179,30%,95%);border-left:3px solid var(--faq-primary);border-radius:0 8px 8px 0;font-size:.9rem}
    main.faq .crest{text-align:center;padding:56px 24px;background:linear-gradient(160deg,hsl(282,40%,96%),var(--faq-bg))}
    main.faq .crest h2{font-size:1.5rem;margin-bottom:12px}
    main.faq .crest p{color:hsl(179,8%,36%);margin-bottom:28px;font-size:.98rem}
    main.faq .dusk{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
    main.faq .timber{display:inline-block;padding:14px 32px;background:var(--faq-primary);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.98rem;transition:opacity .2s;box-shadow:0 4px 14px hsla(179,67%,41%,.3)}
    main.faq .timber:hover{opacity:.88}
    main.faq .helix{display:inline-block;padding:14px 32px;background:var(--faq-accent);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.98rem;transition:opacity .2s;box-shadow:0 4px 14px hsla(282,54%,51%,.25)}
    main.faq .helix:hover{opacity:.88}
    main.faq .torque{text-align:center;padding:36px 24px;border-top:1px solid var(--faq-border);color:hsl(179,8%,46%);font-size:.85rem}
    main.faq .torque span{color:var(--faq-primary);font-weight:600}
    main.faq .vortex{color:var(--faq-primary);text-decoration:underline;text-underline-offset:3px}
    @media(max-width:640px){main.faq .nimbus{padding:48px 16px 36px}
    main.faq .fable{padding:0 16px 48px}
    main.faq .spark{padding:15px 16px;font-size:.93rem}
    main.faq .phantom{padding:0 16px}
    main.faq .lumen.open .phantom{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;
}