:root {
  --primary-color: hsl(223, 76%, 54%);
  --secondary-color: hsl(314, 61%, 54%);
  --bg-color: hsl(223, 7%, 97%);
  --text-color: hsl(223, 10%, 5%);
  --text-muted: hsl(223, 8%, 45%);
  --border-color: rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --nav-height: 64px;
  --max-width: 1200px;
  --transition: all 0.2s ease;
  --nav-bg: var(--bg-color);
  --primary: hsl(223, 76%, 54%);
  --primary-dark: hsl(223, 76%, 44%);
  --accent: hsl(314, 61%, 54%);
  --text: hsl(223, 10%, 5%);
  --text-secondary: hsl(223, 10%, 40%);
  --bg: hsl(223, 7%, 97%);
  --bg-white: #ffffff;
  --border: hsl(223, 10%, 88%);
  --page-primary: hsl(223, 76%, 54%);
  --page-secondary: hsl(314, 61%, 54%);
  --page-text: hsl(223, 10%, 5%);
  --page-bg: hsl(223, 7%, 97%);
  --page-card: #ffffff;
  --page-border: hsl(223, 10%, 88%);
  --page-muted: hsl(223, 8%, 46%);
  --page-radius: 12px;
  --page-card-bg: #ffffff;
  --faq-primary: hsl(223,76%,54%);
  --faq-secondary: hsl(314,61%,54%);
  --faq-text: hsl(223,10%,5%);
  --faq-bg: hsl(223,7%,97%);
  --faq-card: hsl(0,0%,100%);
  --faq-border: hsl(223,10%,88%);
  --faq-muted: hsl(223,8%,44%);
}

*,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.index *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.index .ob7zone{
    padding: 100px 24px 80px;
    text-align: center;
    background: linear-gradient(180deg, var(--bg-white) 0%, var(--bg) 100%);
    }
    main.index .ob7zone h1{
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 700;
    color: var(--text);
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.index .velvet_pip{
    max-width: 640px;
    margin: 0 auto 40px;
    font-size: 1.1rem;
    line-height: 1.7;
    color: var(--text-secondary);
    }
    main.index .jynxOrb{
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin-bottom: 44px;
    font-size: 0.9rem;
    color: var(--text-secondary);
    }
    main.index .jynxOrb span{
    display: flex;
    align-items: center;
    gap: 6px;
    }
    main.index .sprocket{
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.index .flickShard{
    display: inline-block;
    padding: 16px 40px;
    background: var(--primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(223, 76%, 54%, 0.3);
    transition: background 0.2s, box-shadow 0.2s;
    }
    main.index .flickShard:hover{
    background: var(--primary-dark);
    box-shadow: 0 6px 24px hsla(223, 76%, 54%, 0.4);
    }
    main.index .cask9{
    display: inline-block;
    padding: 16px 36px;
    background: var(--bg-white);
    color: var(--text);
    font-size: 1.05rem;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    border: 1.5px solid var(--border);
    transition: border-color 0.2s;
    }
    main.index .cask9:hover{
    border-color: var(--primary);
    }
    main.index .hexVolt{
    padding: 80px 24px;
    max-width: 1080px;
    margin: 0 auto;
    }
    main.index .rumble3d{
    background: var(--bg-white);
    }
    main.index .hexVolt h2{
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    color: var(--text);
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
    }
    main.index .tundra{
    text-align: center;
    color: var(--text-secondary);
    max-width: 560px;
    margin: 0 auto 48px;
    line-height: 1.6;
    }
    main.index .quasar{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    }
    main.index .brimZone{
    background: var(--bg);
    border-radius: 14px;
    padding: 36px 28px;
    border: 1px solid var(--border);
    transition: box-shadow 0.2s;
    }
    main.index .brimZone:hover{
    box-shadow: 0 8px 32px hsla(223, 10%, 5%, 0.06);
    }
    main.index .wyvern{
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: hsla(223, 76%, 54%, 0.1); color: #ffffff;}
    main.index .wyvern svg{
    width: 24px;
    height: 24px;
    stroke: var(--primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.index .brimZone h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 10px;
    }
    main.index .brimZone p{
    font-size: 0.95rem;
    color: var(--text-secondary);
    line-height: 1.6;
    }
    main.index .kv_dash{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 32px;
    counter-reset: step;
    }
    main.index .cobalt_fin{
    text-align: center;
    counter-increment: step;
    }
    main.index .glintRay{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--primary);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    }
    main.index .cobalt_fin h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text);
    margin-bottom: 8px;
    }
    main.index .cobalt_fin p{
    font-size: 0.9rem;
    color: var(--text-secondary);
    line-height: 1.6;
    }
    main.index .neonHusk{
    background: linear-gradient(135deg, var(--primary), hsl(260, 60%, 56%));
    border-radius: 18px;
    padding: 56px 40px;
    text-align: center;
    color: #fff;
    max-width: 1080px;
    margin: 0 auto 80px;
    }
    main.index .neonHusk h2{
    color: #fff;
    margin-bottom: 16px;
    }
    main.index .neonHusk p{
    max-width: 520px;
    margin: 0 auto 32px;
    opacity: 0.9;
    line-height: 1.6;
    }
    main.index .neonHusk .maple_dew{
    display: inline-block;
    padding: 14px 36px;
    background: #fff;
    color: var(--primary);
    font-size: 1rem;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: transform 0.2s;
    }
    main.index .neonHusk .maple_dew:hover{
    transform: translateY(-2px);
    }
    main.index .riftGlow{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    }
    main.index .px_nova{
    background: var(--bg);
    border-radius: 12px;
    padding: 28px 24px;
    text-align: center;
    border: 1px solid var(--border);
    }
    main.index .px_nova dt{
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    main.index .px_nova dd{
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--text);
    }
    main.index .plume{
    color: var(--primary);
    text-decoration: none;
    border-bottom: 1px solid hsla(223, 76%, 54%, 0.3);
    transition: border-color 0.2s;
    }
    main.index .plume:hover{
    border-color: var(--primary);
    }
    main.index footer{
    border-top: 1px solid var(--border);
    padding: 40px 24px;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.88rem;
    }
    main.index footer .jotSpec{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    }
    main.index footer .jotSpec a{
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.index footer .jotSpec a:hover{
    color: var(--primary);
    }
    @media (max-width: 640px) {main.index .ob7zone{ padding: 64px 20px 56px; }
    main.index .hexVolt{ padding: 56px 20px; }
    main.index .neonHusk{ margin: 0 20px 56px; padding: 40px 24px; }
    main.index .jynxOrb{ gap: 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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.download *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.download .waspJet{
    padding: 80px 24px 60px;
    text-align: center;
    background: linear-gradient(168deg, hsl(223, 30%, 95%) 0%, var(--page-bg) 100%);
    }
    main.download .waspJet h1{
    font: 700 2.6rem/1.2 -apple-system, "Segoe UI", sans-serif;
    color: var(--page-text, #111);
    margin-bottom: 16px;
    }
    main.download .waspJet p{
    font-size: 1.05rem;
    color: var(--page-muted);
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 1.7;
    }
    main.download .swoopAsh{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.download .garnet{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 36px;
    background: var(--page-primary);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    box-shadow: 0 4px 16px hsla(223, 76%, 54%, .3);
    }
    main.download .garnet:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(223, 76%, 54%, .4);
    }
    main.download .thorium{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 36px;
    background: var(--page-card);
    color: var(--page-primary);
    font-size: 1.05rem;
    font-weight: 600;
    border: 2px solid var(--page-primary);
    border-radius: 8px;
    text-decoration: none;
    cursor: pointer;
    transition: background .15s;
    }
    main.download .thorium:hover{
    background: hsl(223, 76%, 97%);
    }
    main.download .d4ridge{
    display: flex;
    justify-content: center;
    gap: 32px;
    margin-top: 28px;
    font-size: .88rem;
    color: var(--page-muted);
    flex-wrap: wrap;
    }
    main.download .d4ridge span{
    display: flex;
    align-items: center;
    gap: 6px;
    }
    main.download .zuluWave{
    padding: 64px 24px;
    max-width: 1080px;
    margin: 0 auto;
    }
    main.download .zuluWave h2{
    font: 700 1.75rem/1.3 -apple-system, "Segoe UI", sans-serif;
    color: var(--page-text);
    margin-bottom: 12px;
    }
    main.download .zuluWave > p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 32px;
    max-width: 680px;
    }
    main.download .prismAlt{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    }
    main.download .cinder{
    background: var(--page-card);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 36px 28px;
    display: flex;
    flex-direction: column;
    }
    main.download .cinder.vim_echo{
    border-color: var(--page-primary);
    box-shadow: 0 2px 20px hsla(223, 76%, 54%, .1);
    }
    main.download .ember_coil{
    display: inline-block;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    width: fit-content;
    }
    main.download .scalar{
    background: hsl(150, 50%, 92%);
    color: hsl(150, 60%, 30%);
    }
    main.download .pi_crest{
    background: hsl(223, 60%, 93%);
    color: var(--page-primary);
    }
    main.download .cinder h3{
    font-size: 1.3rem;
    color: var(--page-text);
    margin-bottom: 8px;
    }
    main.download .cinder .dune{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 20px;
    }
    main.download .cinder .dune small{
    font-size: .85rem;
    font-weight: 400;
    color: var(--page-muted);
    }
    main.download .fizzBolt{
    list-style: none;
    margin-bottom: 28px;
    flex: 1;
    }
    main.download .fizzBolt li{
    padding: 7px 0;
    font-size: .92rem;
    color: var(--page-text);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
    }
    main.download .fizzBolt li::before{
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-top: 2px;
    background: var(--page-primary);
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") center/contain no-repeat;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") center/contain no-repeat;
    }
    main.download .cinder .garnet, main.download .cinder .thorium{
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    }
    main.download .borax{
    background: var(--page-card);
    border-top: 1px solid var(--page-border);
    border-bottom: 1px solid var(--page-border);
    }
    main.download .muxLine{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    }
    main.download .talc{
    text-align: center;
    padding: 28px 16px;
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    background: var(--page-bg);
    transition: box-shadow .15s;
    }
    main.download .talc:hover{
    box-shadow: 0 4px 16px hsla(223, 10%, 10%, .06);
    }
    main.download .blazeTap{
    width: 40px;
    height: 40px;
    margin: 0 auto 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .blazeTap svg{
    width: 36px;
    height: 36px;
    fill: var(--page-text);
    }
    main.download .talc h3{
    font-size: 1rem;
    color: var(--page-text);
    margin-bottom: 4px;
    }
    main.download .talc p{
    font-size: .82rem;
    color: var(--page-muted);
    line-height: 1.5;
    }
    main.download .fog_rune{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    }
    main.download .opal_crag{
    display: flex;
    gap: 14px;
    padding: 20px;
    background: var(--page-card);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    }
    main.download .opal_crag .gustPeak{
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background: hsl(223, 60%, 95%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .opal_crag .gustPeak svg{
    width: 20px;
    height: 20px;
    stroke: var(--page-primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.download .opal_crag h3{
    font-size: .92rem;
    color: var(--page-text);
    margin-bottom: 4px;
    }
    main.download .opal_crag p{
    font-size: .85rem;
    color: var(--page-muted);
    line-height: 1.5;
    }
    main.download .ux_fern{
    background: hsl(150, 40%, 95%);
    border: 1px solid hsl(150, 40%, 85%);
    border-radius: var(--page-radius);
    padding: 24px 28px;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 8px;
    }
    main.download .ux_fern svg{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    stroke: hsl(150, 55%, 35%);
    fill: none;
    stroke-width: 2;
    }
    main.download .ux_fern div h3{
    font-size: .95rem;
    color: hsl(150, 55%, 25%);
    margin-bottom: 4px;
    }
    main.download .ux_fern div p{
    font-size: .85rem;
    color: hsl(150, 30%, 35%);
    line-height: 1.6;
    }
    main.download .lynxMod{
    background: var(--page-bg);
    }
    main.download .rv_slab{
    list-style: none;
    max-width: 680px;
    }
    main.download .rv_slab li{
    padding: 10px 0;
    font-size: .9rem;
    color: var(--page-text);
    line-height: 1.7;
    border-bottom: 1px solid var(--page-border);
    display: flex;
    gap: 10px;
    }
    main.download .rv_slab li:last-child{ border-bottom: none; }
    main.download .rv_slab li .kelpTide{
    font-weight: 700;
    color: var(--page-primary);
    flex-shrink: 0;
    }
    main.download .rv_slab a{
    color: var(--page-primary);
    text-decoration: none;
    }
    main.download .rv_slab a:hover{ text-decoration: underline; }
    main.download .chimeSnap{
    border-top: 1px solid var(--page-border);
    padding: 40px 24px;
    text-align: center;
    color: var(--page-muted);
    font-size: .84rem;
    line-height: 1.8;
    }
    main.download .chimeSnap .ax3bloom{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 8px;
    }
    main.download .footer-links{
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 12px;
    }
    main.download .footer-links a{
    color: var(--page-muted);
    text-decoration: none;
    font-size: .84rem;
    }
    main.download .footer-links a:hover{ color: var(--page-primary); }
    @media (max-width: 640px) {main.download .waspJet{ padding: 56px 20px 40px; }
    main.download .waspJet h1{ font-size: 1.8rem; }
    main.download .swoopAsh{ flex-direction: column; align-items: center; }
    main.download .d4ridge{ flex-direction: column; align-items: center; gap: 12px; }
    main.download .zuluWave{ padding: 48px 20px; }
    main.download .zuluWave h2{ font-size: 1.4rem; }
    main.download .prismAlt{ grid-template-columns: 1fr; }
    main.download .muxLine{ grid-template-columns: repeat(2, 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 {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.features *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.features .flint{
    padding: 80px 24px 60px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    }
    main.features .flint h1{
    font-size: 2.4rem;
    font-weight: 700;
    color: var(--page-text);
    line-height: 1.3;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .flint p{
    font-size: 1.1rem;
    color: var(--page-muted);
    line-height: 1.7;
    max-width: 640px;
    margin: 0 auto;
    }
    main.features .basalt{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.features .basalt h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .basalt > p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 680px;
    }
    main.features .sable{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.features .rhodium{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    transition: box-shadow 0.2s ease;
    }
    main.features .rhodium:hover{
    box-shadow: 0 8px 30px rgba(0,0,0,0.07);
    }
    main.features .elk_pond{
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background: hsl(223, 76%, 96%);
    }
    main.features .elk_pond svg{
    width: 24px;
    height: 24px;
    stroke: var(--page-primary);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    }
    main.features .rhodium h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .rhodium p{
    font-size: 0.95rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    main.features .quartzNib{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.features .quartzNib h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .quartzNib > p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 680px;
    }
    main.features .sparkDim{
    overflow-x: auto;
    }
    main.features .dawnRig{
    width: 100%;
    border-collapse: collapse;
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    overflow: hidden;
    border: 1px solid var(--page-border);
    }
    main.features .dawnRig th, main.features .dawnRig td{
    padding: 16px 24px;
    text-align: left;
    font-size: 0.95rem;
    border-bottom: 1px solid var(--page-border);
    }
    main.features .dawnRig th{
    background: hsl(223, 76%, 96%);
    font-weight: 600;
    color: var(--page-text);
    }
    main.features .dawnRig td{
    color: var(--page-muted);
    }
    main.features .dawnRig tr:last-child td{
    border-bottom: none;
    }
    main.features .cruxVane{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.features .cruxVane h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .cruxVane > p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 680px;
    }
    main.features .cipher{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.features .twigSync{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: 8px;
    padding: 20px 32px;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--page-text);
    font-family: "SF Mono", "Fira Code", monospace;
    }
    main.features .moldGrit{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.features .moldGrit h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .moldGrit > p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 680px;
    }
    main.features .jig8core{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    }
    main.features .ke_strum{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    }
    main.features .ke_strum h3{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 10px;
    }
    main.features .ke_strum p{
    font-size: 0.95rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    main.features .sleetHum{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    }
    main.features .lo_mint{ background: hsl(142, 60%, 45%); }
    main.features .hoverMask{ background: hsl(45, 90%, 50%); }
    main.features .agate{ background: hsl(0, 70%, 55%); }
    main.features .ox_vale{
    text-align: center;
    padding: 60px 24px 80px;
    max-width: 680px;
    margin: 0 auto;
    }
    main.features .ox_vale h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.features .ox_vale p{
    color: var(--page-muted);
    line-height: 1.7;
    margin-bottom: 28px;
    }
    main.features .zy_knot{
    display: inline-block;
    padding: 14px 36px;
    background: var(--page-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: background 0.2s ease;
    }
    main.features .zy_knot:hover{
    background: hsl(223, 76%, 46%); color: #ffffff;}
    main.features .anvil{
    color: var(--page-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.features .anvil:hover{
    border-bottom-color: var(--page-primary);
    }
    main.features .mu6clip{
    border-top: 1px solid var(--page-border);
    padding: 40px 24px;
    text-align: center;
    color: var(--page-muted);
    font-size: 0.88rem;
    }
    main.features .mu6clip span{
    font-weight: 600;
    color: var(--page-text);
    }
    main.features .pewter{
    margin-top: 12px;
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    }
    main.features .pewter a{
    color: var(--page-muted);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s;
    }
    main.features .pewter a:hover{
    color: var(--page-primary);
    }
    @media (max-width: 768px) {main.features .flint{ padding: 56px 20px 40px; }
    main.features .flint h1{ font-size: 1.7rem; }
    main.features .sable{ grid-template-columns: 1fr; }
    main.features .jig8core{ grid-template-columns: 1fr; }
    main.features .dawnRig th, main.features .dawnRig td{ padding: 12px 16px; font-size: 0.88rem; }
    main.features .cipher{ gap: 10px; }
    main.features .twigSync{ padding: 14px 20px; font-size: 0.95rem; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.guide *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.guide .driftNub{
    max-width: 800px;
    margin: 0 auto;
    padding: 80px 24px 48px;
    text-align: center;
    }
    main.guide .driftNub h1{
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--page-text);
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.guide .driftNub p{
    font-size: 1.05rem;
    color: var(--page-muted);
    line-height: 1.7;
    max-width: 620px;
    margin: 0 auto;
    }
    main.guide .jot_weld{
    max-width: 900px;
    margin: 0 auto;
    padding: 0 24px 56px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    }
    main.guide .r7plank{
    background: var(--page-card);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    }
    main.guide .r7plank h2{
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.guide .r7plank p{
    font-size: 0.92rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    main.guide .nv_turf{
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 14px;
    }
    main.guide .cedar{
    background: hsl(223, 76%, 94%);
    color: var(--page-primary);
    }
    main.guide .pulseDock{
    background: hsl(314, 61%, 93%);
    color: var(--page-secondary);
    }
    main.guide .bronze{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px 64px;
    }
    main.guide .bronze > h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    text-align: center;
    margin-bottom: 48px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.guide .pumice{
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 20px;
    margin-bottom: 40px;
    align-items: start;
    }
    main.guide .w3shelf{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--page-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
    flex-shrink: 0;
    }
    main.guide .vertex h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 8px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.guide .vertex p{
    font-size: 0.93rem;
    color: var(--page-muted);
    line-height: 1.7;
    }
    main.guide .gleamTusk{
    margin-top: 14px;
    background: var(--page-bg);
    border: 1px dashed var(--page-border);
    border-radius: 8px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--page-border);
    font-size: 0.85rem;
    }
    main.guide .skimLatch{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px 64px;
    }
    main.guide .skimLatch h2{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--page-text);
    text-align: center;
    margin-bottom: 32px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    }
    main.guide .voltSpur{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    }
    main.guide .pip_yawn{
    background: var(--page-card);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 24px;
    }
    main.guide .pip_yawn h3{
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--page-text);
    margin-bottom: 8px;
    }
    main.guide .pip_yawn p{
    font-size: 0.88rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    main.guide .osmium{
    text-align: center;
    padding: 48px 24px 72px;
    max-width: 600px;
    margin: 0 auto;
    }
    main.guide .osmium p{
    font-size: 1rem;
    color: var(--page-muted);
    margin-bottom: 24px;
    line-height: 1.65;
    }
    main.guide .osmium .coilHaze{
    display: inline-block;
    background: var(--page-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding: 14px 36px;
    border-radius: 8px;
    text-decoration: none;
    box-shadow: 0 2px 12px hsla(223, 76%, 54%, 0.3);
    transition: opacity 0.2s;
    }
    main.guide .osmium .coilHaze:hover{ opacity: 0.88; }
    main.guide .guide-links{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px 64px;
    display: flex;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    }
    main.guide .guide-links a{
    color: var(--page-primary);
    text-decoration: none;
    font-size: 0.93rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.guide .guide-links a:hover{ border-bottom-color: var(--page-primary); }
    main.guide .ab_frond{
    border-top: 1px solid var(--page-border);
    text-align: center;
    padding: 32px 24px;
    font-size: 0.82rem;
    color: var(--page-muted);
    }
    main.guide .ab_frond a{
    color: var(--page-muted);
    text-decoration: none;
    margin: 0 12px;
    }
    main.guide .ab_frond a:hover{ color: var(--page-text); }
    @media (max-width: 640px) {main.guide .driftNub{ padding: 56px 20px 36px; }
    main.guide .driftNub h1{ font-size: 1.6rem; }
    main.guide .jot_weld{ grid-template-columns: 1fr; }
    main.guide .voltSpur{ grid-template-columns: 1fr; }
    main.guide .pumice{ grid-template-columns: 44px 1fr; gap: 14px; }
    main.guide .w3shelf{ width: 44px; height: 44px; font-size: 1.1rem; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.system-requirements *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.system-requirements .bx_moth{
    max-width: 860px;
    margin: 0 auto;
    padding: 72px 24px 48px;
    text-align: center;
    }
    main.system-requirements .bx_moth h1{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--page-text, #111);
    line-height: 1.35;
    margin-bottom: 16px;
    }
    main.system-requirements .bx_moth p{
    font-size: 1.05rem;
    color: var(--page-muted);
    line-height: 1.7;
    max-width: 640px;
    margin: 0 auto;
    }
    main.system-requirements .curlDrift{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px 64px;
    display: flex;
    flex-direction: column;
    gap: 48px;
    }
    main.system-requirements .ko_reef h2{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--page-text, #111);
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--page-primary);
    display: inline-block;
    }
    main.system-requirements .ko_reef h3{
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--page-text, #111);
    margin: 20px 0 10px;
    }
    main.system-requirements .ko_reef p, main.system-requirements .ko_reef li{
    font-size: 0.95rem;
    color: var(--page-text, #333);
    line-height: 1.75;
    }
    main.system-requirements .elk9trace{
    width: 100%;
    border-collapse: collapse;
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    }
    main.system-requirements .elk9trace th, main.system-requirements .elk9trace td{
    padding: 14px 20px;
    text-align: left;
    font-size: 0.93rem;
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .elk9trace th{
    background: var(--page-primary);
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    }
    main.system-requirements .elk9trace tr:last-child td{ border-bottom: none; }
    main.system-requirements .elk9trace td:first-child{
    font-weight: 600;
    color: var(--page-text);
    white-space: nowrap;
    }
    main.system-requirements .elk9trace td:last-child{
    color: var(--page-muted);
    }
    main.system-requirements .alloy{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-top: 12px;
    }
    main.system-requirements .fe2grain{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 20px;
    text-align: center;
    transition: box-shadow 0.2s;
    }
    main.system-requirements .fe2grain:hover{
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }
    main.system-requirements .fe2grain .crispOrb{
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
    background: var(--page-primary);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.system-requirements .fe2grain .crispOrb svg{
    width: 22px;
    height: 22px;
    fill: #fff;
    }
    main.system-requirements .fe2grain .sluiceAmp{
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--page-text);
    }
    main.system-requirements .fe2grain .radium{
    font-size: 0.82rem;
    color: var(--page-muted);
    margin-top: 4px;
    }
    main.system-requirements .nimbus{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    }
    main.system-requirements .foldBrim{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 0.92rem;
    font-weight: 600;
    color: var(--page-primary);
    letter-spacing: 0.03em;
    }
    main.system-requirements .om_sprig{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-top: 12px;
    }
    main.system-requirements .lichen{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 24px;
    }
    main.system-requirements .lichen h3{
    margin: 0 0 8px;
    font-size: 1.05rem;
    }
    main.system-requirements .lichen p{
    font-size: 0.9rem;
    color: var(--page-muted);
    line-height: 1.65;
    }
    main.system-requirements .pewGlyph{
    background: var(--page-card-bg);
    border-left: 4px solid var(--page-primary);
    border-radius: 0 var(--page-radius) var(--page-radius) 0;
    padding: 20px 24px;
    font-size: 0.92rem;
    color: var(--page-muted);
    line-height: 1.7;
    }
    main.system-requirements .graspTin{
    text-align: center;
    padding: 48px 24px;
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    border: 1px solid var(--page-border);
    }
    main.system-requirements .graspTin p{
    font-size: 1rem;
    color: var(--page-muted);
    margin-bottom: 20px;
    }
    main.system-requirements .argon{
    display: inline-block;
    padding: 14px 36px;
    background: var(--page-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s;
    box-shadow: 0 2px 8px rgba(55, 93, 215, 0.3);
    }
    main.system-requirements .argon:hover{ opacity: 0.88; }
    main.system-requirements .shardPulse{
    max-width: 960px;
    margin: 0 auto;
    padding: 32px 24px;
    text-align: center;
    border-top: 1px solid var(--page-border);
    font-size: 0.84rem;
    color: var(--page-muted);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 24px;
    }
    main.system-requirements .shardPulse a{
    color: var(--page-primary);
    text-decoration: none;
    }
    main.system-requirements .shardPulse a:hover{ text-decoration: underline; }
    main.system-requirements .vy_silt{
    color: var(--page-primary);
    text-decoration: none;
    font-weight: 500;
    }
    main.system-requirements .vy_silt:hover{ text-decoration: underline; }
    @media (max-width: 600px) {main.system-requirements .bx_moth h1{ font-size: 1.6rem; }
    main.system-requirements .bx_moth{ padding: 48px 16px 32px; }
    main.system-requirements .curlDrift{ padding: 0 16px 48px; }
    main.system-requirements .elk9trace th, main.system-requirements .elk9trace td{ padding: 10px 12px; font-size: 0.85rem; }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.faq *{margin:0;padding:0;box-sizing:border-box}
    main.faq{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--faq-text);background:var(--faq-bg);line-height:1.7}
    main.faq .qj_stem{padding:80px 24px 56px;text-align:center;max-width:800px;margin:0 auto}
    main.faq .qj_stem h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
    main.faq .qj_stem p{font-size:1.05rem;color:var(--faq-muted);max-width:640px;margin:0 auto}
    main.faq .faq-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:0 24px 48px;max-width:860px;margin:0 auto}
    main.faq .faq-nav a{padding:8px 20px;border-radius:100px;font-size:.875rem;font-weight:500;color:var(--faq-primary);border:1.5px solid var(--faq-border);text-decoration:none;transition:all .2s}
    main.faq .faq-nav a:hover{background:var(--faq-primary);color:#fff;border-color:var(--faq-primary)}
    main.faq .quartz{max-width:800px;margin:0 auto;padding:0 24px 64px}
    main.faq .quartz h2{font-size:1.35rem;font-weight:700;margin-bottom:28px;padding-bottom:12px;border-bottom:2px solid var(--faq-primary);display:inline-block}
    main.faq .velvet{background:var(--faq-card);border:1px solid var(--faq-border);border-radius:12px;margin-bottom:14px;overflow:hidden;transition:box-shadow .2s}
    main.faq .velvet:hover{box-shadow:0 2px 12px rgba(0,0,0,.06)}
    main.faq .velvet summary{padding:20px 52px 20px 24px;font-weight:600;font-size:1rem;cursor:pointer;list-style:none;position:relative;user-select:none}
    main.faq .velvet summary::-webkit-details-marker{display:none}
    main.faq .velvet summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid var(--faq-muted);border-bottom:2px solid var(--faq-muted);transform:translateY(-70%) rotate(45deg);transition:transform .25s}
    main.faq .velvet[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
    main.faq .velvet .falcon{padding:0 24px 20px;color:var(--faq-muted);font-size:.95rem;line-height:1.8}
    main.faq .falcon ul{margin:8px 0 8px 20px}
    main.faq .falcon li{margin-bottom:4px}
    main.faq .falcon code{background:hsl(223,10%,92%);padding:2px 7px;border-radius:4px;font-size:.875rem}
    main.faq .falcon a{color:var(--faq-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
    main.faq .falcon a:hover{border-bottom-color:var(--faq-primary)}
    main.faq .mosaic{text-align:center;padding:56px 24px 72px;max-width:640px;margin:0 auto}
    main.faq .mosaic p{font-size:1.05rem;color:var(--faq-muted);margin-bottom:24px}
    main.faq .mosaic .timber{display:inline-block;padding:14px 36px;background:var(--faq-primary);color:#fff;font-size:1rem;font-weight:600;border-radius:10px;text-decoration:none;box-shadow:0 4px 16px hsla(223,76%,54%,.3);transition:transform .2s,box-shadow .2s}
    main.faq .mosaic .timber:hover{transform:translateY(-2px);box-shadow:0 6px 24px hsla(223,76%,54%,.4)}
    main.faq .rutile{border-top:1px solid var(--faq-border);padding:40px 24px;text-align:center}
    main.faq .rutile .prism{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:16px}
    main.faq .rutile .prism a{color:var(--faq-muted);text-decoration:none;font-size:.875rem;transition:color .2s}
    main.faq .rutile .prism a:hover{color:var(--faq-primary)}
    main.faq .rutile .blazeNook{font-size:.8rem;color:var(--faq-muted)}
    @media(max-width:600px){main.faq .qj_stem{padding:56px 16px 40px}
    main.faq .quartz{padding:0 16px 48px}
    main.faq .velvet summary{padding:16px 44px 16px 16px;font-size:.95rem}
    main.faq .falcon{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;
    }

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .mochi {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: rgba(247, 247, 248, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    }
    .blinkFade {
    max-width: var(--max-width);
    margin: 0 auto;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .snag_web {
    font-size: 20px;
    font-weight: 700;
    color: var(--text-color);
    text-decoration: none;
    letter-spacing: -0.3px;
    flex-shrink: 0;
    }
    .q9pulse {
    display: flex;
    align-items: center;
    gap: 4px;
    }
    .driftArc {
    padding: 6px 14px;
    font-size: 14px;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .driftArc:hover {
    color: #ffffff;
    background: rgba(0, 0, 0, 0.04);
    }
    .zephyr {
    margin-left: 12px;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-color);
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: var(--transition);
    white-space: nowrap;
    box-shadow: var(--shadow-sm);
    }
    .zephyr:hover {
    background: hsl(223, 76%, 46%);
    box-shadow: var(--shadow-md); color: #ffffff;}
    .vortex {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 8px 6px;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    }
    .crumb_ox {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    border-radius: 1px;
    transition: var(--transition);
    }
    @media (max-width: 860px) {.vortex {
    display: flex;
    }
    .q9pulse {
    display: none;
    position: absolute;
    top: var(--nav-height);
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 8px 16px 16px;
    background: rgba(247, 247, 248, 0.95);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-bottom: 1px solid var(--border-color);
    box-shadow: var(--shadow-md);
    }
    .q9pulse.is-open {
    display: flex;
    }
    .driftArc {
    padding: 12px 12px;
    border-radius: var(--radius-md);
    }
    .zephyr {
    margin: 8px 0 0;
    text-align: center;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(2) {
    opacity: 0;
    }
    .vortex[aria-expanded="true"] .crumb_ox:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    }}
    main.version-history *{margin:0;padding:0;box-sizing:border-box}
    main.version-history .nexus{padding:80px 24px 48px;text-align:center;background:linear-gradient(180deg,hsl(223,7%,97%) 0%,#fff 100%)}
    main.version-history .nexus h1{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:hsl(223,10%,5%);line-height:1.4;max-width:720px;margin:0 auto 16px}
    main.version-history .nexus p{color:hsl(223,10%,30%);font-size:1rem;max-width:560px;margin:0 auto;line-height:1.7}
    main.version-history .zenith{max-width:800px;margin:0 auto;padding:0 24px 80px}
    main.version-history .cipher{border:1.5px solid hsl(223,76%,54%);border-radius:12px;padding:32px;margin-bottom:48px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.05)}
    main.version-history .cipher .pulse{display:inline-block;background:hsl(223,76%,54%);color:#fff;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:.02em}
    main.version-history .onyx{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:16px}
    main.version-history .onyx h2{font-size:1.35rem;font-weight:700;color:hsl(223,10%,5%)}
    main.version-history .onyx time{font-size:.875rem;color:hsl(223,10%,45%)}
    main.version-history .cobalt{display:inline-block;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:4px;margin-right:6px;margin-bottom:4px}
    main.version-history .vertex{background:hsl(223,76%,94%);color:hsl(223,76%,40%)}
    main.version-history .aurora{background:hsl(145,50%,92%);color:hsl(145,50%,30%)}
    main.version-history .ember{background:hsl(40,70%,92%);color:hsl(40,70%,30%)}
    main.version-history .raven{list-style:none;margin-top:14px}
    main.version-history .raven li{position:relative;padding:6px 0 6px 20px;font-size:.925rem;color:hsl(223,10%,20%);line-height:1.65}
    main.version-history .raven li::before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:hsl(223,76%,54%); color: #ffffff;}
    main.version-history .drift{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid hsl(223,7%,90%)}
    main.version-history .drift:last-of-type{border-bottom:none}
    main.version-history .drift .onyx h2{font-size:1.15rem}
    main.version-history .cascade{text-align:center;padding:24px 0 0}
    main.version-history .flint{display:inline-block;background:hsl(223,76%,54%);color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:12px 32px;border-radius:8px;transition:background .2s}
    main.version-history .flint:hover{background:hsl(223,76%,46%); color: #ffffff;}
    main.version-history .helix{margin-top:40px;padding:28px 32px;background:hsl(223,7%,97%);border-radius:10px;font-size:.9rem;line-height:1.8;color:hsl(223,10%,25%)}
    main.version-history .helix a{color:hsl(223,76%,54%);text-decoration:none;font-weight:500}
    main.version-history .helix a:hover{text-decoration:underline}
    main.version-history .orbit{text-align:center;padding:48px 24px;color:hsl(223,10%,50%);font-size:.82rem;border-top:1px solid hsl(223,7%,90%);margin-top:40px}
    main.version-history .orbit span{font-weight:600;color:hsl(223,10%,20%)}
    @media(max-width:600px){main.version-history .cipher{padding:20px}
    main.version-history .zenith{padding:0 16px 48px}
    main.version-history .nexus{padding:56px 16px 32px}}
    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;
}