:root {
  --primary-color: hsl(310, 74%, 45%);
  --secondary-color: hsl(59, 59%, 48%);
  --bg-color: hsl(310, 7%, 96%);
  --text-color: hsl(310, 10%, 10%);
  --text-muted: hsl(310, 8%, 42%);
  --border-color: hsla(310, 20%, 30%, 0.12);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 4px hsla(310, 30%, 20%, 0.07);
  --shadow-md: 0 4px 16px hsla(310, 30%, 20%, 0.10);
  --shadow-lg: 0 8px 32px hsla(310, 30%, 20%, 0.14);
  --nav-height: 64px;
  --max-width: 1200px;
  --transition: all 0.25s ease;
  --nav-bg: var(--bg-color);
  --nav-border: var(--border-color);
  --btn-text: #ffffff;
  --page-primary: hsl(310, 74%, 59%);
  --page-primary-dark: hsl(310, 74%, 45%);
  --page-secondary: hsl(59, 59%, 59%);
  --page-secondary-dark: hsl(59, 59%, 45%);
  --page-text: hsl(310, 10%, 10%);
  --page-text-muted: hsl(310, 10%, 40%);
  --page-bg: hsl(310, 7%, 96%);
  --page-bg-warm: hsl(310, 12%, 93%);
  --page-card-bg: #ffffff;
  --page-radius-sm: 6px;
  --page-radius-md: 12px;
  --page-radius-lg: 20px;
  --page-shadow-card: 0 2px 16px hsla(310, 30%, 30%, 0.08);
  --page-shadow-elevated: 0 8px 32px hsla(310, 30%, 30%, 0.12);
  --page-gradient-hero: linear-gradient(135deg, hsl(310, 74%, 59%) 0%, hsl(340, 70%, 55%) 50%, hsl(20, 80%, 60%) 100%);
  --page-gradient-warm: linear-gradient(135deg, hsl(310, 40%, 97%) 0%, hsl(30, 40%, 95%) 100%);
  --page-font-display: "Playfair Display", Georgia, serif;
  --page-font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --page-muted: hsl(310, 8%, 45%);
  --page-border: hsl(310, 12%, 88%);
  --page-radius: 10px;
  --page-shadow: 0 2px 16px rgba(180, 60, 160, 0.08);
  --page-shadow-lg: 0 8px 40px rgba(180, 60, 160, 0.12);
  --page-gradient: linear-gradient(135deg, hsl(310, 74%, 59%), hsl(330, 70%, 52%));
  --page-warm-accent: hsl(20, 80%, 55%);
  --feat-primary: hsl(310, 74%, 59%);
  --feat-primary-dark: hsl(310, 74%, 45%);
  --feat-secondary: hsl(59, 59%, 59%);
  --feat-secondary-dark: hsl(59, 59%, 42%);
  --feat-text: hsl(310, 10%, 10%);
  --feat-text-light: hsl(310, 10%, 35%);
  --feat-bg: hsl(310, 7%, 96%);
  --feat-bg-warm: hsl(310, 12%, 93%);
  --feat-card-bg: #ffffff;
  --feat-accent-orange: hsl(22, 85%, 58%);
  --feat-accent-rose: hsl(340, 72%, 55%);
  --feat-accent-amber: hsl(38, 90%, 55%);
  --feat-border: hsl(310, 10%, 88%);
  --feat-serif: "Playfair Display", Georgia, "Noto Serif SC", serif;
  --feat-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --feat-radius: 10px;
  --feat-radius-lg: 18px;
  --feat-shadow: 0 2px 12px rgba(0,0,0,0.06);
  --feat-shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
  --sr-primary: hsl(310, 74%, 59%);
  --sr-primary-dark: hsl(310, 74%, 45%);
  --sr-secondary: hsl(59, 59%, 59%);
  --sr-secondary-dark: hsl(59, 59%, 45%);
  --sr-text: hsl(310, 10%, 10%);
  --sr-text-light: hsl(310, 10%, 35%);
  --sr-bg: hsl(310, 7%, 96%);
  --sr-bg-warm: hsl(310, 12%, 93%);
  --sr-card-bg: #ffffff;
  --sr-border: hsl(310, 15%, 88%);
  --sr-accent-orange: hsl(18, 85%, 58%);
  --sr-accent-rose: hsl(340, 72%, 55%);
  --sr-radius: 8px;
  --sr-radius-lg: 14px;
  --sr-shadow-sm: 0 1px 3px rgba(80, 20, 60, 0.06);
  --sr-shadow-md: 0 4px 16px rgba(80, 20, 60, 0.08);
  --sr-shadow-lg: 0 8px 32px rgba(80, 20, 60, 0.1);
  --sr-font-display: "Playfair Display", Georgia, "Noto Serif SC", serif;
  --sr-font-body: "Source Sans 3", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --gs-primary: hsl(310, 74%, 59%);
  --gs-primary-dark: hsl(310, 74%, 45%);
  --gs-secondary: hsl(59, 59%, 59%);
  --gs-secondary-dark: hsl(59, 59%, 45%);
  --gs-text: hsl(310, 10%, 10%);
  --gs-text-light: hsl(310, 10%, 35%);
  --gs-bg: hsl(310, 7%, 96%);
  --gs-bg-warm: hsl(310, 12%, 93%);
  --gs-card-bg: #ffffff;
  --gs-border: hsl(310, 10%, 88%);
  --gs-accent-warm: hsl(20, 80%, 55%);
  --gs-serif: "Playfair Display", Georgia, serif;
  --gs-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;
  --gs-radius: 6px;
  --gs-radius-lg: 12px;
  --gs-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --gs-shadow-md: 0 4px 16px rgba(0,0,0,0.1);
  --gs-shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
  --ul-primary: hsl(310, 74%, 59%);
  --ul-primary-dark: hsl(310, 74%, 45%);
  --ul-secondary: hsl(59, 59%, 59%);
  --ul-secondary-dark: hsl(59, 59%, 42%);
  --ul-text: hsl(310, 10%, 10%);
  --ul-text-muted: hsl(310, 10%, 40%);
  --ul-bg: hsl(310, 7%, 96%);
  --ul-bg-warm: hsl(310, 12%, 93%);
  --ul-card-bg: #ffffff;
  --ul-border: hsl(310, 15%, 88%);
  --ul-accent-orange: hsl(18, 85%, 58%);
  --ul-accent-rose: hsl(340, 72%, 55%);
  --ul-tag-new: hsl(152, 55%, 42%);
  --ul-tag-fix: hsl(210, 60%, 50%);
  --ul-tag-perf: hsl(35, 80%, 50%);
  --ul-tag-security: hsl(0, 65%, 52%);
  --faq-primary: hsl(310, 74%, 59%);
  --faq-primary-dark: hsl(310, 74%, 45%);
  --faq-secondary: hsl(59, 59%, 59%);
  --faq-secondary-dark: hsl(59, 59%, 42%);
  --faq-text: hsl(310, 10%, 10%);
  --faq-text-light: hsl(310, 10%, 35%);
  --faq-bg: hsl(310, 7%, 96%);
  --faq-white: #ffffff;
  --faq-border: hsl(310, 10%, 88%);
  --faq-warm-bg: hsl(310, 20%, 94%);
  --faq-accent-orange: hsl(20, 85%, 55%);
  --faq-serif: "Playfair Display", Georgia, "Noto Serif SC", serif;
  --faq-sans: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --faq-radius-sm: 6px;
  --faq-radius-md: 10px;
  --faq-radius-lg: 16px;
}

*,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");
    main.index *{ margin: 0; padding: 0; box-sizing: border-box; }
    main.index{
    font-family: var(--page-font-body);
    color: var(--page-text);
    background: var(--page-bg);
    overflow-x: hidden;
    line-height: 1.7;
    }
    
    main.index .rumble{
    position: relative;
    min-height: 92vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--page-gradient-hero);
    overflow: hidden;
    padding: 100px 24px 80px;
    }
    main.index .rumble::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
    radial-gradient(ellipse 600px 400px at 15% 80%, hsla(50, 80%, 70%, 0.25), transparent),
    radial-gradient(ellipse 500px 500px at 85% 20%, hsla(310, 80%, 80%, 0.2), transparent);
    pointer-events: none;
    }
    main.index .rumble::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 120px;
    background: linear-gradient(to top, var(--page-bg), transparent);
    pointer-events: none;
    }
    main.index .glyph_set{
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    }
    main.index .dew_knot h1{
    font-family: var(--page-font-display);
    font-size: clamp(2.4rem, 5vw, 3.6rem);
    font-weight: 800;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    }
    main.index .dew_knot h1 span{
    display: block;
    font-size: 0.55em;
    font-family: var(--page-font-body);
    font-weight: 500;
    opacity: 0.9;
    margin-top: 12px;
    letter-spacing: 0;
    }
    main.index .shard{
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
    }
    main.index .zinc5{
    background: hsla(0, 0%, 100%, 0.18);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 6px 16px;
    border-radius: 100px;
    font-size: 0.85rem;
    font-weight: 500;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    }
    main.index .onyx{
    color: hsla(0, 0%, 100%, 0.92);
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 36px;
    max-width: 520px;
    }
    main.index .marrow{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.index .cairn{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    background: #fff;
    color: var(--page-primary-dark);
    font-size: 1.05rem;
    font-weight: 700;
    border-radius: 100px;
    text-decoration: none;
    box-shadow: 0 4px 24px hsla(0, 0%, 0%, 0.15);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.index .cairn:hover{
    transform: translateY(-2px);
    box-shadow: 0 8px 32px hsla(0, 0%, 0%, 0.2);
    }
    main.index .cairn svg{
    width: 20px;
    height: 20px;
    }
    main.index .flicker{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 32px;
    background: hsla(0, 0%, 100%, 0.15);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 100px;
    text-decoration: none;
    border: 1.5px solid hsla(0, 0%, 100%, 0.3);
    transition: background 0.2s;
    }
    main.index .flicker:hover{
    background: hsla(0, 0%, 100%, 0.25);
    }
    main.index .pivot{
    position: relative;
    display: flex;
    justify-content: center;
    }
    main.index .gravel{
    position: relative;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 4 / 3;
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-elevated), 0 20px 60px hsla(310, 50%, 20%, 0.25);
    }
    main.index .gravel img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .nomad{
    position: absolute;
    bottom: 16px;
    left: 16px;
    background: hsla(0, 0%, 0%, 0.6);
    backdrop-filter: blur(12px);
    color: #fff;
    padding: 8px 16px;
    border-radius: var(--page-radius-sm);
    font-size: 0.8rem;
    font-weight: 500;
    }
    
    main.index .basalt{
    position: relative;
    z-index: 3;
    max-width: 1000px;
    margin: -50px auto 0;
    padding: 0 24px;
    }
    main.index .pollen{
    background: var(--page-card-bg);
    border-radius: var(--page-radius-lg);
    box-shadow: var(--page-shadow-elevated);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    overflow: hidden;
    }
    main.index .smelt{
    padding: 28px 24px;
    text-align: center;
    border-right: 1px solid hsl(310, 7%, 92%);
    }
    main.index .smelt:last-child{
    border-right: none;
    }
    main.index .wren{
    font-family: var(--page-font-display);
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--page-primary);
    line-height: 1.2;
    }
    main.index .flint_orb{
    font-size: 0.85rem;
    color: var(--page-text-muted);
    margin-top: 4px;
    }
    
    main.index .anvil{
    max-width: 1200px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.index .vapor_hex{
    text-align: center;
    margin-bottom: 56px;
    }
    main.index .vapor_hex h2{
    font-family: var(--page-font-display);
    font-size: clamp(1.6rem, 3vw, 2.2rem);
    font-weight: 700;
    color: var(--page-text);
    margin-bottom: 12px;
    }
    main.index .vapor_hex p{
    font-size: 1rem;
    color: var(--page-text-muted);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
    }
    
    main.index .cruxVein{
    background: var(--page-gradient-warm);
    }
    main.index .wallow{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.index .tuft{
    background: var(--page-card-bg);
    border-radius: var(--page-radius-md);
    padding: 36px 28px;
    box-shadow: var(--page-shadow-card);
    transition: transform 0.25s, box-shadow 0.25s;
    border: 1px solid hsla(310, 20%, 80%, 0.3);
    }
    main.index .tuft:hover{
    transform: translateY(-4px);
    box-shadow: var(--page-shadow-elevated);
    }
    main.index .loom{
    width: 52px;
    height: 52px;
    border-radius: var(--page-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    }
    main.index .loom svg{
    width: 28px;
    height: 28px;
    }
    main.index .opal{ background: hsl(310, 60%, 94%); color: var(--page-primary); }
    main.index .kindling{ background: hsl(140, 50%, 92%); color: hsl(140, 60%, 35%); }
    main.index .cusp{ background: hsl(30, 70%, 93%); color: hsl(30, 70%, 42%); }
    main.index .fi-pdf{ background: hsl(0, 60%, 93%); color: hsl(0, 60%, 45%); }
    main.index .fi-cloud{ background: hsl(210, 60%, 93%); color: hsl(210, 60%, 42%); }
    main.index .fi-ai{ background: hsl(270, 50%, 93%); color: hsl(270, 55%, 45%); }
    main.index .tuft h3{
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--page-text);
    }
    main.index .tuft p{
    font-size: 0.9rem;
    color: var(--page-text-muted);
    line-height: 1.7;
    }
    
    main.index .platform-showcase{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.index .platform-img-wrap{
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-elevated);
    aspect-ratio: 16 / 10;
    }
    main.index .platform-img-wrap img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .platform-info h2{
    font-family: var(--page-font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.index .platform-info > p{
    color: var(--page-text-muted);
    margin-bottom: 28px;
    line-height: 1.8;
    }
    main.index .platform-list{
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 32px;
    }
    main.index .platform-list li{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 10px 14px;
    background: var(--page-bg-warm);
    border-radius: var(--page-radius-sm);
    }
    main.index .platform-list li svg{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--page-primary);
    }
    main.index .btn-platform{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--page-primary);
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 100px;
    text-decoration: none;
    box-shadow: 0 4px 16px hsla(310, 74%, 59%, 0.3);
    transition: background 0.2s, transform 0.2s;
    }
    main.index .btn-platform:hover{
    background: var(--page-primary-dark);
    transform: translateY(-1px);
    }
    
    main.index .compat-area{
    background: var(--page-gradient-warm);
    }
    main.index .compat-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    align-items: center;
    }
    main.index .compat-visual{
    border-radius: var(--page-radius-lg);
    overflow: hidden;
    box-shadow: var(--page-shadow-elevated);
    aspect-ratio: 4 / 3;
    }
    main.index .compat-visual img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.index .compat-content h2{
    font-family: var(--page-font-display);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.index .compat-content > p{
    color: var(--page-text-muted);
    margin-bottom: 24px;
    line-height: 1.8;
    }
    main.index .format-tags{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
    }
    main.index .format-tag{
    padding: 8px 18px;
    background: var(--page-card-bg);
    border: 1.5px solid hsla(310, 20%, 80%, 0.5);
    border-radius: 100px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--page-text);
    }
    main.index .compat-note{
    font-size: 0.88rem;
    color: var(--page-text-muted);
    line-height: 1.7;
    padding: 16px;
    background: hsla(310, 20%, 90%, 0.3);
    border-radius: var(--page-radius-sm);
    border-left: 3px solid var(--page-primary);
    }
    
    main.index .quickstart-steps{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    counter-reset: step-counter;
    }
    main.index .qs-step{
    position: relative;
    background: var(--page-card-bg);
    border-radius: var(--page-radius-md);
    padding: 40px 28px 32px;
    box-shadow: var(--page-shadow-card);
    border: 1px solid hsla(310, 20%, 80%, 0.3);
    counter-increment: step-counter;
    }
    main.index .qs-step::before{
    content: counter(step-counter);
    position: absolute;
    top: -18px;
    left: 28px;
    width: 36px;
    height: 36px;
    background: var(--page-gradient-hero);
    color: #fff;
    font-family: var(--page-font-display);
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px hsla(310, 74%, 59%, 0.3);
    }
    main.index .qs-step h3{
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 10px;
    }
    main.index .qs-step p{
    font-size: 0.9rem;
    color: var(--page-text-muted);
    line-height: 1.7;
    }
    
    main.index .cta-banner{
    background: var(--page-gradient-hero);
    padding: 72px 24px;
    text-align: center;
    position: relative;
    overflow: hidden;
    }
    main.index .cta-banner::before{
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 800px 400px at 50% 100%, hsla(50, 80%, 70%, 0.15), transparent);
    pointer-events: none;
    }
    main.index .cta-inner{
    position: relative;
    z-index: 2;
    max-width: 640px;
    margin: 0 auto;
    }
    main.index .cta-inner h2{
    font-family: var(--page-font-display);
    font-size: clamp(1.6rem, 3.5vw, 2.4rem);
    font-weight: 700;
    color: #fff;
    margin-bottom: 16px;
    }
    main.index .cta-inner p{
    color: hsla(0, 0%, 100%, 0.9);
    font-size: 1.05rem;
    margin-bottom: 32px;
    line-height: 1.7;
    }
    main.index .btn-cta-main{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 18px 44px;
    background: #fff;
    color: var(--page-primary-dark);
    font-size: 1.1rem;
    font-weight: 700;
    border-radius: 100px;
    text-decoration: none;
    box-shadow: 0 6px 28px hsla(0, 0%, 0%, 0.18);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.index .btn-cta-main:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 36px hsla(0, 0%, 0%, 0.22);
    }
    main.index .btn-cta-main svg{
    width: 20px;
    height: 20px;
    }
    
    main.index .site-footer{
    background: hsl(310, 10%, 12%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 48px 24px 32px;
    }
    main.index .footer-inner{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    }
    main.index .footer-brand-name{
    font-family: var(--page-font-display);
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 12px;
    }
    main.index .footer-brand p{
    font-size: 0.88rem;
    line-height: 1.7;
    max-width: 280px;
    }
    main.index .footer-col h4{
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    margin-bottom: 16px;
    }
    main.index .footer-col ul{
    list-style: none;
    }
    main.index .footer-col ul li{
    margin-bottom: 10px;
    }
    main.index .footer-col ul li a{
    color: hsla(0, 0%, 100%, 0.6);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s;
    }
    main.index .footer-col ul li a:hover{
    color: #fff;
    }
    main.index .footer-bottom{
    max-width: 1200px;
    margin: 36px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.82rem;
    }
    main.index .footer-bottom a{
    color: hsla(0, 0%, 100%, 0.5);
    text-decoration: none;
    margin-left: 20px;
    transition: color 0.2s;
    }
    main.index .footer-bottom a:hover{
    color: #fff;
    }
    
    @media (max-width: 960px) {main.index .glyph_set{
    grid-template-columns: 1fr;
    text-align: center;
    gap: 40px;
    }
    main.index .onyx{ margin: 0 auto 36px; }
    main.index .marrow{ justify-content: center; }
    main.index .pivot{ order: -1; }
    main.index .gravel{ max-width: 420px; }
    main.index .pollen{ grid-template-columns: repeat(2, 1fr); }
    main.index .smelt:nth-child(2){ border-right: none; }
    main.index .smelt:nth-child(3), main.index .smelt:nth-child(4){ border-top: 1px solid hsl(310, 7%, 92%); }
    main.index .wallow{ grid-template-columns: repeat(2, 1fr); }
    main.index .platform-showcase, main.index .compat-grid{ grid-template-columns: 1fr; }
    main.index .quickstart-steps{ grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
    main.index .footer-inner{ grid-template-columns: 1fr 1fr; }}
    @media (max-width: 600px) {main.index .rumble{ min-height: auto; padding: 80px 16px 60px; }
    main.index .pollen{ grid-template-columns: 1fr 1fr; }
    main.index .wallow{ grid-template-columns: 1fr; }
    main.index .platform-list{ grid-template-columns: 1fr; }
    main.index .marrow{ flex-direction: column; align-items: center; }
    main.index .footer-inner{ grid-template-columns: 1fr; gap: 28px; }
    main.index .footer-bottom{ flex-direction: column; gap: 12px; text-align: center; }
    main.index .footer-bottom a{ margin-left: 0; margin-right: 16px; }}
    main.index .clover8{
    background: hsl(310, 12%, 12%);
    color: hsl(310, 10%, 78%);
    padding: 56px 24px 32px;
    font-family: "Noto Serif SC", "Georgia", "Times New Roman", serif;
    }
    main.index .lunarEdge{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    width: 100%;
    }
    main.index .crestFin{
    display: flex;
    gap: 48px;
    justify-content: space-between;
    align-items: flex-start;
    }
    main.index .brine14{
    flex: 0 0 260px;
    }
    main.index .lichen{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 12px;
    background: linear-gradient(135deg, hsl(310, 74%, 65%), hsl(59, 59%, 65%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.index .sable{
    font-size: 14px;
    line-height: 1.7;
    color: hsl(310, 8%, 52%);
    margin: 0;
    }
    main.index .scepter{
    display: flex;
    flex: 1 1 auto;
    gap: 40px;
    justify-content: flex-end;
    }
    main.index .cask{
    flex: 0 0 140px;
    }
    main.index .axiom{
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 18px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    }
    main.index .ridgePulse{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.index .ferric{
    line-height: 1;
    }
    main.index .stanza{
    font-size: 13.5px;
    color: hsl(310, 8%, 55%);
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.6;
    }
    main.index .stanza:hover{
    color: hsl(310, 74%, 70%);
    }
    main.index .bramble{
    height: 1px;
    background: linear-gradient(90deg, transparent, hsl(310, 20%, 28%), hsl(59, 30%, 38%), hsl(310, 20%, 28%), transparent);
    margin: 40px 0 24px;
    }
    main.index .spire{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    }
    main.index .frostBite{
    font-size: 13px;
    color: hsl(310, 6%, 44%);
    margin: 0;
    flex: 0 1 auto;
    }
    main.index .plume_ray{
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 1 auto;
    }
    main.index .dusk02{
    font-size: 13px;
    color: hsl(310, 8%, 55%);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.index .dusk02:hover{
    color: hsl(310, 74%, 70%);
    }
    main.index .mote{
    color: hsl(310, 6%, 32%);
    font-size: 12px;
    user-select: none;
    }
    @media (max-width: 768px) {main.index .clover8{
    padding: 40px 20px 28px;
    }
    main.index .crestFin{
    flex-direction: column;
    gap: 36px;
    }
    main.index .brine14{
    flex: 0 0 auto;
    }
    main.index .scepter{
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 32px;
    }
    main.index .cask{
    flex: 0 0 calc(50% - 16px);
    }
    main.index .spire{
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    }
    main.index .plume_ray{
    flex-wrap: wrap;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Han+Serif+SC:wght@400;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap");
    main.download{
    font-family: "Noto Serif SC", "Source Han Serif SC", "Georgia", serif;
    color: var(--page-text);
    background: var(--page-bg);
    line-height: 1.7;
    overflow-x: hidden;
    }
    
    main.download .cinder{
    background: linear-gradient(160deg, hsl(310, 50%, 20%) 0%, hsl(320, 60%, 30%) 40%, hsl(330, 55%, 38%) 100%);
    padding: 80px 24px 72px;
    text-align: center;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.download .cinder::before{
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, hsla(310, 74%, 59%, 0.2) 0%, transparent 70%);
    border-radius: 50%;
    }
    main.download .cinder::after{
    content: "";
    position: absolute;
    bottom: -80px;
    left: -80px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, hsla(59, 59%, 59%, 0.15) 0%, transparent 70%);
    border-radius: 50%;
    }
    main.download .slateHum{
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.download .cinder h1{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: clamp(2rem, 5vw, 3.2rem);
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 16px;
    letter-spacing: 0.02em;
    }
    main.download .crag11{
    font-size: 1.1rem;
    color: hsla(0, 0%, 100%, 0.82);
    margin: 0 0 10px;
    font-weight: 400;
    }
    main.download .plinth{
    display: inline-block;
    background: hsla(0, 0%, 100%, 0.12);
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    border-radius: 20px;
    padding: 5px 18px;
    font-size: 0.85rem;
    color: hsla(0, 0%, 100%, 0.9);
    margin-top: 12px;
    }
    
    main.download .coil9{
    max-width: 1100px;
    margin: -40px auto 0;
    padding: 0 24px 64px;
    position: relative;
    z-index: 2;
    }
    main.download .coil9 h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 36px;
    color: var(--page-text);
    padding-top: 64px;
    }
    main.download .vexCurl{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    }
    main.download .quirk{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 24px 28px;
    text-align: center;
    box-shadow: var(--page-shadow);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    main.download .quirk:hover{
    transform: translateY(-4px);
    box-shadow: var(--page-shadow-lg);
    }
    main.download .scarab{
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    }
    main.download .scarab svg{
    width: 30px;
    height: 30px;
    }
    main.download .oakDrift{ background: linear-gradient(135deg, hsl(200, 70%, 50%), hsl(210, 80%, 42%)); }
    main.download .fennel{ background: linear-gradient(135deg, hsl(0, 0%, 28%), hsl(0, 0%, 15%)); color: #ffffff;}
    main.download .raptor{ background: linear-gradient(135deg, hsl(140, 60%, 45%), hsl(150, 65%, 38%)); }
    main.download .ebb{ background: linear-gradient(135deg, hsl(310, 60%, 55%), hsl(320, 65%, 45%)); }
    main.download .scarab svg path, main.download .scarab svg rect, main.download .scarab svg circle, main.download .scarab svg polygon{
    fill: #ffffff;
    }
    main.download .quirk h3{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.15rem;
    font-weight: 700;
    margin: 0 0 6px;
    color: var(--page-text);
    }
    main.download .furrow{
    font-size: 0.82rem;
    color: var(--page-muted);
    margin: 0 0 4px;
    line-height: 1.5;
    }
    main.download .morph{
    font-size: 0.78rem;
    color: var(--page-muted);
    margin: 0 0 20px;
    }
    main.download .wisp{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 32px;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    font-family: inherit;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    margin-top: auto;
    }
    main.download .rustVow{
    background: var(--page-gradient);
    color: #ffffff;
    box-shadow: 0 4px 16px rgba(200, 60, 160, 0.3);
    }
    main.download .rustVow:hover{
    box-shadow: 0 6px 24px rgba(200, 60, 160, 0.45);
    transform: translateY(-1px);
    }
    main.download .wisp svg{
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    }
    
    main.download .patina{
    max-width: 1100px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.download .gossamer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow-lg);
    border: 1px solid var(--page-border);
    }
    main.download .cedar{
    aspect-ratio: 4 / 3;
    overflow: hidden;
    }
    main.download .cedar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.download .pyre_elm{
    background: var(--page-card-bg);
    padding: 48px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
    main.download .pyre_elm h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 16px;
    color: var(--page-text);
    }
    main.download .pyre_elm p{
    font-size: 0.95rem;
    color: var(--page-muted);
    margin: 0 0 12px;
    line-height: 1.8;
    }
    main.download .pyre_elm a{
    color: var(--page-primary-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
    }
    main.download .pyre_elm a:hover{
    color: var(--page-primary);
    }
    
    main.download .dune{
    max-width: 1100px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.download .dune h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 40px;
    color: var(--page-text);
    }
    main.download .stratum{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    }
    main.download .nimbus{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 32px 28px;
    position: relative;
    box-shadow: var(--page-shadow);
    }
    main.download .tandem{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--page-gradient);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 16px;
    }
    main.download .nimbus h3{
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 10px;
    color: var(--page-text);
    }
    main.download .nimbus p{
    font-size: 0.88rem;
    color: var(--page-muted);
    margin: 0;
    line-height: 1.7;
    }
    
    main.download .dl-sysreq{
    max-width: 1100px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.download .dl-sysreq h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 36px;
    color: var(--page-text);
    }
    main.download .dl-sysreq-table{
    width: 100%;
    border-collapse: collapse;
    background: var(--page-card-bg);
    border-radius: var(--page-radius);
    overflow: hidden;
    box-shadow: var(--page-shadow);
    border: 1px solid var(--page-border);
    }
    main.download .dl-sysreq-table thead{
    background: linear-gradient(135deg, hsl(310, 40%, 25%), hsl(320, 45%, 30%)); color: #ffffff;}
    main.download .dl-sysreq-table th{
    padding: 14px 20px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #ffffff;
    text-align: left;
    }
    main.download .dl-sysreq-table td{
    padding: 14px 20px;
    font-size: 0.85rem;
    color: var(--page-text);
    border-bottom: 1px solid var(--page-border);
    }
    main.download .dl-sysreq-table tbody tr:last-child td{
    border-bottom: none;
    }
    main.download .dl-sysreq-table tbody tr:nth-child(even){
    background: hsla(310, 7%, 96%, 0.5);
    }
    main.download .dl-sysreq-note{
    text-align: center;
    margin-top: 20px;
    font-size: 0.88rem;
    color: var(--page-muted);
    }
    main.download .dl-sysreq-note a{
    color: var(--page-primary-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
    font-weight: 600;
    }
    
    main.download .dl-security{
    max-width: 1100px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.download .dl-security-inner{
    background: var(--page-card-bg);
    border: 1px solid var(--page-border);
    border-radius: var(--page-radius);
    padding: 40px 48px;
    box-shadow: var(--page-shadow);
    display: flex;
    gap: 40px;
    align-items: flex-start;
    }
    main.download .dl-security-icon{
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, hsl(140, 50%, 45%), hsl(160, 55%, 38%));
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .dl-security-icon svg{
    width: 28px;
    height: 28px;
    fill: #ffffff;
    }
    main.download .dl-security-body h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.3rem;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--page-text);
    }
    main.download .dl-security-body p{
    font-size: 0.9rem;
    color: var(--page-muted);
    margin: 0 0 8px;
    line-height: 1.8;
    }
    main.download .dl-security-checks{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 16px;
    }
    main.download .dl-security-check{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--page-text);
    font-weight: 600;
    }
    main.download .dl-security-check svg{
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    }
    
    main.download .dl-footer{
    background: hsl(310, 20%, 14%);
    padding: 48px 24px 36px;
    color: hsla(0, 0%, 100%, 0.65);
    }
    main.download .dl-footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    }
    main.download .dl-footer-brand{
    font-family: "Playfair Display", serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
    }
    main.download .dl-footer-tagline{
    font-size: 0.82rem;
    color: hsla(0, 0%, 100%, 0.5);
    margin: 0;
    }
    main.download .dl-footer-links{
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    }
    main.download .dl-footer-links a{
    font-size: 0.85rem;
    color: hsla(0, 0%, 100%, 0.6);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.download .dl-footer-links a:hover{
    color: #ffffff;
    }
    main.download .dl-footer-copy{
    width: 100%;
    text-align: center;
    font-size: 0.78rem;
    color: hsla(0, 0%, 100%, 0.4);
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    }
    
    @media (max-width: 900px) {main.download .vexCurl{
    grid-template-columns: repeat(2, 1fr);
    }
    main.download .gossamer{
    grid-template-columns: 1fr;
    }
    main.download .cedar{
    aspect-ratio: 16 / 9;
    }
    main.download .stratum{
    grid-template-columns: 1fr;
    }
    main.download .dl-security-inner{
    flex-direction: column;
    padding: 32px 28px;
    }
    main.download .dl-sysreq-table{
    font-size: 0.82rem;
    }
    main.download .dl-sysreq-table th, main.download .dl-sysreq-table td{
    padding: 10px 12px;
    }}
    @media (max-width: 600px) {main.download .cinder{
    padding: 60px 20px 56px;
    }
    main.download .vexCurl{
    grid-template-columns: 1fr;
    gap: 16px;
    }
    main.download .quirk{
    padding: 28px 20px 24px;
    }
    main.download .pyre_elm{
    padding: 32px 24px;
    }
    main.download .dl-footer-inner{
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
    main.download .dl-footer-links{
    justify-content: center;
    }}
    main.download .knotch{
    background: hsl(310, 12%, 12%);
    color: hsl(310, 10%, 82%);
    padding: 56px 24px 0;
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif CN", serif;
    }
    main.download .verge{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 32px;
    padding-bottom: 48px;
    }
    main.download .rivet{
    flex: 1 1 220px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.download .scrawl{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    font-family: "Georgia", "Noto Serif SC", serif;
    }
    main.download .meld_arc{
    font-size: 14px;
    line-height: 1.6;
    color: hsl(310, 8%, 58%);
    margin: 0;
    }
    main.download .bolt_ash{
    flex: 0 1 140px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.download .pepperMint{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: hsl(310, 20%, 70%);
    margin-bottom: 4px;
    }
    main.download .reef{
    font-size: 14px;
    color: hsl(310, 8%, 62%);
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.5;
    }
    main.download .reef:hover{
    color: hsl(310, 74%, 72%);
    }
    main.download .slag_tip{
    flex: 0 1 200px;
    min-width: 170px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    }
    main.download .zinc_braid{
    display: inline-block;
    padding: 12px 28px;
    background: linear-gradient(135deg, hsl(310, 74%, 50%), hsl(330, 70%, 55%));
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: "Georgia", "Noto Serif SC", serif;
    text-decoration: none;
    border-radius: var(--radius-md, 8px);
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.35);
    letter-spacing: 0.3px;
    }
    main.download .zinc_braid:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(310, 70%, 40%, 0.5);
    }
    main.download .tallow{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    height: 1px;
    background: hsla(310, 20%, 60%, 0.15);
    }
    main.download .peakSow{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 28px;
    gap: 12px;
    }
    main.download .gale{
    font-size: 13px;
    color: hsl(310, 6%, 48%);
    flex: 1 1 auto;
    }
    main.download .epoch{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    }
    main.download .helixRun{
    font-size: 13px;
    color: hsl(310, 8%, 56%);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.download .helixRun:hover{
    color: hsl(310, 74%, 72%);
    }
    main.download .dapple6{
    color: hsl(310, 8%, 40%);
    font-size: 13px;
    user-select: none;
    }
    @media (max-width: 768px) {main.download .knotch{
    padding: 40px 20px 0;
    }
    main.download .verge{
    gap: 32px 24px;
    padding-bottom: 36px;
    }
    main.download .rivet{
    flex: 1 1 100%;
    }
    main.download .bolt_ash{
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
    }
    main.download .slag_tip{
    flex: 1 1 100%;
    }
    main.download .zinc_braid{
    width: 100%;
    box-sizing: border-box;
    }
    main.download .peakSow{
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 0 24px;
    }
    main.download .gale{
    order: 2;
    }
    main.download .epoch{
    order: 1;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap");
    
    main.features .helix *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.features .helix{ font-family: var(--feat-sans); color: var(--feat-text); background: var(--feat-bg); line-height: 1.7; }
    main.features .helix img{ max-width: 100%; display: block; }
    main.features .helix a{ color: var(--feat-primary-dark); text-decoration: none; transition: color 0.2s; }
    main.features .helix a:hover{ color: var(--feat-accent-rose); text-decoration: underline; }
    
    main.features .apex{ max-width: 1200px; margin: 0 auto; padding: 0 24px; }
    
    main.features .nexus{
    position: relative;
    overflow: hidden;
    padding: 80px 0 72px;
    background: linear-gradient(135deg, hsl(310, 40%, 18%) 0%, hsl(320, 55%, 28%) 40%, hsl(340, 50%, 32%) 70%, hsl(22, 60%, 35%) 100%);
    color: #fff;
    }
    main.features .nexus::before{
    content: "";
    position: absolute;
    top: -40%; right: -20%;
    width: 700px; height: 700px;
    background: radial-gradient(circle, hsla(310, 74%, 59%, 0.18) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .nexus::after{
    content: "";
    position: absolute;
    bottom: -30%; left: -10%;
    width: 500px; height: 500px;
    background: radial-gradient(circle, hsla(59, 59%, 59%, 0.1) 0%, transparent 70%);
    pointer-events: none;
    }
    main.features .swirl_pod{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    position: relative;
    z-index: 1;
    }
    main.features .nexus h1{
    font-family: var(--feat-serif);
    font-size: 2.75rem;
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    }
    main.features .nexus h1 span{
    display: inline;
    background: linear-gradient(90deg, var(--feat-secondary), hsl(38, 90%, 65%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.features .glacier{
    font-size: 1.1rem;
    line-height: 1.8;
    color: hsla(0,0%,100%,0.85);
    margin-bottom: 28px;
    max-width: 520px;
    }
    main.features .notch_fin{ display: flex; gap: 14px; flex-wrap: wrap; }
    main.features .auric{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: linear-gradient(135deg, var(--feat-primary), var(--feat-accent-rose));
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    border-radius: var(--feat-radius);
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(200, 80, 160, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    text-decoration: none;
    }
    main.features .auric:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px rgba(200, 80, 160, 0.45);
    color: #fff;
    text-decoration: none;
    }
    main.features .sable{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    background: hsla(0,0%,100%,0.12);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    border-radius: var(--feat-radius);
    border: 1px solid hsla(0,0%,100%,0.25);
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    }
    main.features .sable:hover{ background: hsla(0,0%,100%,0.2); color: #fff; text-decoration: none; }
    main.features .onyx{
    border-radius: var(--feat-radius-lg);
    overflow: hidden;
    box-shadow: 0 12px 48px rgba(0,0,0,0.3);
    aspect-ratio: 4/3;
    }
    main.features .onyx img{
    width: 100%; height: 100%;
    object-fit: cover;
    }
    
    main.features .vortex{ padding: 72px 0; }
    main.features .feat-section-alt{ background: var(--feat-bg-warm); }
    main.features .nexusFog{
    font-family: var(--feat-serif);
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 12px;
    letter-spacing: -0.01em;
    }
    main.features .magpie{
    text-align: center;
    color: var(--feat-text-light);
    font-size: 1.05rem;
    max-width: 680px;
    margin: 0 auto 48px;
    }
    
    main.features .haze7{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    }
    main.features .lumen{
    background: var(--feat-card-bg);
    border-radius: var(--feat-radius-lg);
    padding: 36px 32px;
    box-shadow: var(--feat-shadow);
    border: 1px solid var(--feat-border);
    transition: box-shadow 0.3s, transform 0.3s;
    position: relative;
    overflow: hidden;
    }
    main.features .lumen:hover{
    box-shadow: var(--feat-shadow-lg);
    transform: translateY(-3px);
    }
    main.features .lumen::before{
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    }
    main.features .lumen:nth-child(1)::before{ background: linear-gradient(90deg, var(--feat-primary), var(--feat-accent-rose)); }
    main.features .lumen:nth-child(2)::before{ background: linear-gradient(90deg, hsl(150, 60%, 42%), hsl(170, 55%, 45%)); }
    main.features .lumen:nth-child(3)::before{ background: linear-gradient(90deg, var(--feat-accent-orange), var(--feat-accent-amber)); }
    main.features .lumen:nth-child(4)::before{ background: linear-gradient(90deg, hsl(220, 65%, 52%), hsl(250, 55%, 58%)); }
    main.features .drift{
    width: 52px; height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    }
    main.features .lumen:nth-child(1) .drift{ background: hsla(310, 74%, 59%, 0.12); color: var(--feat-primary); }
    main.features .lumen:nth-child(2) .drift{ background: hsla(150, 60%, 42%, 0.12); color: hsl(150, 60%, 42%); }
    main.features .lumen:nth-child(3) .drift{ background: hsla(22, 85%, 58%, 0.12); color: var(--feat-accent-orange); }
    main.features .lumen:nth-child(4) .drift{ background: hsla(220, 65%, 52%, 0.12); color: hsl(220, 65%, 52%); }
    main.features .drift svg{ width: 28px; height: 28px; }
    main.features .raven{
    font-family: var(--feat-serif);
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 6px;
    }
    main.features .mosaic{
    font-size: 0.88rem;
    color: var(--feat-text-light);
    margin-bottom: 14px;
    font-weight: 500;
    }
    main.features .quilted{
    font-size: 0.95rem;
    line-height: 1.75;
    color: var(--feat-text);
    margin-bottom: 16px;
    }
    main.features .cipher{ display: flex; flex-wrap: wrap; gap: 8px; }
    main.features .cobalt{
    display: inline-block;
    padding: 4px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 20px;
    background: var(--feat-bg);
    color: var(--feat-text-light);
    border: 1px solid var(--feat-border);
    }
    
    main.features .feat-detail{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.features .feat-detail-reverse{ direction: rtl; }
    main.features .feat-detail-reverse > *{ direction: ltr; }
    main.features .feat-detail-img{
    border-radius: var(--feat-radius-lg);
    overflow: hidden;
    box-shadow: var(--feat-shadow-lg);
    aspect-ratio: 4/3;
    }
    main.features .feat-detail-img img{ width: 100%; height: 100%; object-fit: cover; }
    main.features .feat-detail-content h2{
    font-family: var(--feat-serif);
    font-size: 1.85rem;
    font-weight: 700;
    margin-bottom: 16px;
    }
    main.features .feat-detail-content p{
    font-size: 1rem;
    line-height: 1.8;
    color: var(--feat-text);
    margin-bottom: 20px;
    }
    main.features .feat-detail-list{
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.features .feat-detail-list li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1.6;
    }
    main.features .feat-detail-list li svg{
    flex-shrink: 0;
    width: 20px; height: 20px;
    margin-top: 3px;
    color: var(--feat-primary);
    }
    
    main.features .feat-extra-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    }
    main.features .feat-extra-card{
    background: var(--feat-card-bg);
    border-radius: var(--feat-radius-lg);
    overflow: hidden;
    box-shadow: var(--feat-shadow);
    border: 1px solid var(--feat-border);
    transition: box-shadow 0.3s, transform 0.3s;
    }
    main.features .feat-extra-card:hover{
    box-shadow: var(--feat-shadow-lg);
    transform: translateY(-3px);
    }
    main.features .feat-extra-card-img{
    aspect-ratio: 16/9;
    overflow: hidden;
    }
    main.features .feat-extra-card-img img{ width: 100%; height: 100%; object-fit: cover; }
    main.features .feat-extra-card-body{ padding: 28px; }
    main.features .feat-extra-card-body h3{
    font-family: var(--feat-serif);
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 10px;
    }
    main.features .feat-extra-card-body p{
    font-size: 0.95rem;
    line-height: 1.75;
    color: var(--feat-text);
    margin-bottom: 14px;
    }
    main.features .feat-extra-features{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    }
    main.features .feat-extra-feat{
    padding: 5px 14px;
    font-size: 0.82rem;
    font-weight: 600;
    border-radius: 20px;
    background: hsla(310, 74%, 59%, 0.08);
    color: var(--feat-primary-dark);
    }
    
    main.features .feat-shortcuts-wrap{
    background: var(--feat-card-bg);
    border-radius: var(--feat-radius-lg);
    box-shadow: var(--feat-shadow);
    border: 1px solid var(--feat-border);
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
    }
    main.features .feat-shortcuts-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
    }
    main.features .feat-shortcuts-table thead{
    background: linear-gradient(135deg, hsl(310, 40%, 22%), hsl(320, 50%, 30%));
    color: #fff;
    }
    main.features .feat-shortcuts-table th{
    padding: 14px 20px;
    text-align: left;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    }
    main.features .feat-shortcuts-table td{
    padding: 12px 20px;
    border-bottom: 1px solid var(--feat-border);
    }
    main.features .feat-shortcuts-table tbody tr:last-child td{ border-bottom: none; }
    main.features .feat-shortcuts-table tbody tr:nth-child(even){ background: hsla(310, 7%, 96%, 0.5); }
    main.features .feat-shortcuts-table kbd{
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.82rem;
    font-family: "SF Mono", "Consolas", monospace;
    background: var(--feat-bg);
    border: 1px solid var(--feat-border);
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
    }
    
    main.features .feat-version-bar{
    background: linear-gradient(135deg, hsl(310, 35%, 95%), hsl(340, 30%, 94%));
    border: 1px solid hsla(310, 40%, 80%, 0.4);
    border-radius: var(--feat-radius-lg);
    padding: 28px 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
    }
    main.features .feat-version-info h3{
    font-family: var(--feat-serif);
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 4px;
    }
    main.features .feat-version-info p{
    font-size: 0.92rem;
    color: var(--feat-text-light);
    }
    
    main.features .feat-cta-section{
    padding: 72px 0;
    background: linear-gradient(135deg, hsl(310, 40%, 18%) 0%, hsl(330, 50%, 25%) 50%, hsl(22, 45%, 30%) 100%);
    color: #fff;
    text-align: center;
    }
    main.features .feat-cta-section h2{
    font-family: var(--feat-serif);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 14px;
    }
    main.features .feat-cta-section p{
    font-size: 1.05rem;
    color: hsla(0,0%,100%,0.8);
    max-width: 560px;
    margin: 0 auto 32px;
    line-height: 1.7;
    }
    main.features .feat-cta-buttons{ display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
    
    main.features .feat-footer{
    background: hsl(310, 15%, 12%);
    color: hsla(0,0%,100%,0.65);
    padding: 48px 0 36px;
    }
    main.features .feat-footer-inner{
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    margin-bottom: 36px;
    }
    main.features .feat-footer-brand h4{
    font-family: var(--feat-serif);
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    }
    main.features .feat-footer-brand p{
    font-size: 0.9rem;
    line-height: 1.7;
    max-width: 280px;
    }
    main.features .feat-footer-col h5{
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    main.features .feat-footer-col ul{ list-style: none; padding: 0; }
    main.features .feat-footer-col ul li{ margin-bottom: 8px; }
    main.features .feat-footer-col ul li a{
    color: hsla(0,0%,100%,0.6);
    font-size: 0.88rem;
    transition: color 0.2s;
    }
    main.features .feat-footer-col ul li a:hover{ color: var(--feat-secondary); text-decoration: none; }
    main.features .feat-footer-bottom{
    border-top: 1px solid hsla(0,0%,100%,0.1);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.features .feat-footer-copy{ font-size: 0.85rem; }
    main.features .feat-footer-links{ display: flex; gap: 20px; }
    main.features .feat-footer-links a{ color: hsla(0,0%,100%,0.5); font-size: 0.85rem; }
    main.features .feat-footer-links a:hover{ color: var(--feat-secondary); text-decoration: none; }
    
    @media (max-width: 960px) {main.features .swirl_pod{ grid-template-columns: 1fr; text-align: center; }
    main.features .glacier{ margin: 0 auto 28px; }
    main.features .notch_fin{ justify-content: center; }
    main.features .onyx{ max-width: 520px; margin: 0 auto; }
    main.features .nexus h1{ font-size: 2.2rem; }
    main.features .haze7{ grid-template-columns: 1fr; }
    main.features .feat-detail{ grid-template-columns: 1fr; gap: 32px; }
    main.features .feat-detail-reverse{ direction: ltr; }
    main.features .feat-extra-grid{ grid-template-columns: 1fr; }
    main.features .feat-footer-inner{ grid-template-columns: 1fr 1fr; }
    main.features .feat-version-bar{ flex-direction: column; text-align: center; }}
    @media (max-width: 600px) {main.features .nexus{ padding: 56px 0 48px; }
    main.features .nexus h1{ font-size: 1.75rem; }
    main.features .vortex{ padding: 48px 0; }
    main.features .nexusFog{ font-size: 1.6rem; }
    main.features .lumen{ padding: 28px 22px; }
    main.features .feat-footer-inner{ grid-template-columns: 1fr; gap: 28px; }
    main.features .feat-footer-bottom{ flex-direction: column; text-align: center; }
    main.features .feat-shortcuts-table th, main.features .feat-shortcuts-table td{ padding: 10px 14px; font-size: 0.88rem; }}
    main.features .aurora{
    background: var(--text-color, hsl(310, 10%, 10%));
    color: hsl(310, 7%, 80%);
    padding: 56px 24px 32px;
    font-family: "Noto Serif SC", "Georgia", "Times New Roman", serif;
    }
    main.features .cove3{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    width: 100%;
    }
    main.features .pulse{
    display: flex;
    gap: 48px;
    padding-bottom: 40px;
    }
    main.features .crux{
    flex: 0 0 280px;
    }
    main.features .facet{
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 12px;
    background: linear-gradient(135deg, var(--primary-color, hsl(310, 74%, 45%)), var(--secondary-color, hsl(59, 59%, 48%)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.features .blaze_den{
    font-size: 0.9rem;
    line-height: 1.6;
    color: hsl(310, 7%, 55%);
    margin: 0;
    }
    main.features .caulk{
    display: flex;
    flex: 1 1 auto;
    gap: 40px;
    justify-content: space-between;
    }
    main.features .trellis{
    flex: 1 1 0;
    min-width: 120px;
    }
    main.features .ember{
    font-size: 0.85rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin: 0 0 16px;
    }
    main.features .zenith{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.features .tremor{
    line-height: 1.4;
    }
    main.features .nimbus{
    color: hsl(310, 7%, 60%);
    text-decoration: none;
    font-size: 0.88rem;
    transition: color 0.2s ease;
    display: inline-block;
    }
    main.features .nimbus:hover{
    color: var(--primary-color, hsl(310, 74%, 59%));
    }
    main.features .aster{
    height: 1px;
    background: linear-gradient(
    90deg,
    transparent,
    hsla(310, 40%, 50%, 0.25) 20%,
    hsla(310, 40%, 50%, 0.25) 80%,
    transparent
    );
    margin-bottom: 24px;
    }
    main.features .flare{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    }
    main.features .barb{
    font-size: 0.82rem;
    color: hsl(310, 7%, 45%);
    margin: 0;
    flex: 1 1 auto;
    }
    main.features .riddle{
    display: flex;
    gap: 12px;
    flex: 0 0 auto;
    }
    main.features .spool{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md, 8px);
    background: hsla(310, 30%, 50%, 0.1);
    color: hsl(310, 7%, 55%);
    transition: var(--transition, all 0.25s ease);
    }
    main.features .spool:hover{
    background: var(--primary-color, hsl(310, 74%, 45%));
    color: #fff;
    transform: translateY(-2px);
    }
    main.features .phantom{
    width: 18px;
    height: 18px;
    }
    @media (max-width: 768px) {main.features .aurora{
    padding: 40px 20px 28px;
    }
    main.features .pulse{
    flex-direction: column;
    gap: 32px;
    }
    main.features .crux{
    flex: 0 0 auto;
    }
    main.features .caulk{
    flex-wrap: wrap;
    gap: 28px 24px;
    }
    main.features .trellis{
    flex: 0 0 calc(50% - 12px);
    min-width: 0;
    }
    main.features .flare{
    flex-direction: column;
    text-align: center;
    gap: 16px;
    }
    main.features .barb{
    order: 2;
    }
    main.features .riddle{
    order: 1;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap");
    
    main.system-requirements .ivory *{ box-sizing: border-box; margin: 0; padding: 0; }
    main.system-requirements .ivory{ font-family: var(--sr-font-body); color: var(--sr-text); background: var(--sr-bg); line-height: 1.7; }
    main.system-requirements .ivory img{ max-width: 100%; display: block; }
    main.system-requirements .ivory a{ color: var(--sr-primary-dark); text-decoration: none; transition: color .2s; }
    main.system-requirements .ivory a:hover{ color: var(--sr-accent-rose); }
    
    main.system-requirements .delta{ max-width: 1180px; margin: 0 auto; padding: 0 24px; }
    
    main.system-requirements .grove{
    position: relative;
    overflow: hidden;
    padding: 72px 0 56px;
    background: linear-gradient(135deg, hsl(310, 40%, 22%) 0%, hsl(330, 50%, 30%) 40%, hsl(18, 60%, 40%) 100%);
    color: #fff;
    }
    main.system-requirements .grove::after{
    content: "";
    position: absolute;
    inset: 0;
    background: url("img/system-requirements-office-brand-visual-1.jpg") center/cover no-repeat;
    opacity: .12;
    pointer-events: none;
    }
    main.system-requirements .pewter{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 48px;
    }
    main.system-requirements .shard{ flex: 1; min-width: 0; }
    main.system-requirements .shard h1{
    font-family: var(--sr-font-display);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    font-weight: 800;
    line-height: 1.25;
    margin-bottom: 18px;
    }
    main.system-requirements .shard h1 span{ color: var(--sr-secondary); }
    main.system-requirements .spark{
    font-size: 1.05rem;
    line-height: 1.75;
    opacity: .92;
    max-width: 560px;
    margin-bottom: 28px;
    }
    main.system-requirements .frost{
    flex: 0 0 320px;
    border-radius: var(--sr-radius-lg);
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0,0,0,.25);
    }
    main.system-requirements .frost img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    }
    main.system-requirements .coral{
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    font-size: .88rem;
    opacity: .8;
    }
    main.system-requirements .coral span{ display: flex; align-items: center; gap: 6px; }
    main.system-requirements .coral svg{ width: 16px; height: 16px; fill: currentColor; }
    
    main.system-requirements .sr-breadcrumb{
    padding: 16px 0;
    font-size: .85rem;
    color: var(--sr-text-light);
    border-bottom: 1px solid var(--sr-border);
    }
    main.system-requirements .sr-breadcrumb a{ color: var(--sr-primary-dark); }
    main.system-requirements .sr-breadcrumb span{ margin: 0 6px; opacity: .5; }
    
    main.system-requirements .amber{ padding: 56px 0; }
    main.system-requirements .amber:nth-child(even){ background: var(--sr-bg-warm); }
    main.system-requirements .basalt{
    font-family: var(--sr-font-display);
    font-size: 1.55rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--sr-text);
    display: flex;
    align-items: center;
    gap: 10px;
    }
    main.system-requirements .basalt .slate{
    width: 8px; height: 8px;
    border-radius: 50%;
    background: var(--sr-primary);
    flex-shrink: 0;
    }
    main.system-requirements .sigma{
    font-size: .95rem;
    color: var(--sr-text-light);
    margin-bottom: 36px;
    max-width: 680px;
    }
    
    main.system-requirements .crest{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 32px;
    border-bottom: 2px solid var(--sr-border);
    padding-bottom: 0;
    }
    main.system-requirements .wren{
    padding: 10px 22px;
    font-size: .92rem;
    font-weight: 600;
    cursor: pointer;
    border: none;
    background: transparent;
    color: var(--sr-text-light);
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all .2s;
    font-family: var(--sr-font-body);
    display: flex;
    align-items: center;
    gap: 7px;
    }
    main.system-requirements .wren:hover{ color: var(--sr-primary); }
    main.system-requirements .wren.forge{
    color: var(--sr-primary-dark);
    border-bottom-color: var(--sr-primary);
    background: rgba(200, 80, 170, .06);
    }
    main.system-requirements .wren svg{ width: 18px; height: 18px; }
    
    main.system-requirements .bronze{ display: none; }
    main.system-requirements .bronze.forge{ display: block; }
    main.system-requirements .haze{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 18px;
    }
    main.system-requirements .opal{
    background: var(--sr-card-bg);
    border: 1px solid var(--sr-border);
    border-radius: var(--sr-radius);
    padding: 22px 20px;
    box-shadow: var(--sr-shadow-sm);
    transition: box-shadow .25s, transform .25s;
    }
    main.system-requirements .opal:hover{
    box-shadow: var(--sr-shadow-md);
    transform: translateY(-2px);
    }
    main.system-requirements .jade{
    width: 40px; height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    background: linear-gradient(135deg, hsl(310, 50%, 92%), hsl(340, 40%, 94%));
    }
    main.system-requirements .jade svg{ width: 22px; height: 22px; fill: var(--sr-primary-dark); }
    main.system-requirements .opal h3{
    font-size: .88rem;
    font-weight: 600;
    color: var(--sr-text-light);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 6px;
    }
    main.system-requirements .opal .echo{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--sr-text);
    line-height: 1.5;
    }
    main.system-requirements .opal .bloom{
    font-size: .82rem;
    color: var(--sr-text-light);
    margin-top: 6px;
    line-height: 1.5;
    }
    
    main.system-requirements .sr-table-wrap{
    overflow-x: auto;
    margin-top: 8px;
    border-radius: var(--sr-radius);
    border: 1px solid var(--sr-border);
    box-shadow: var(--sr-shadow-sm);
    }
    main.system-requirements .sr-table{
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
    background: var(--sr-card-bg);
    }
    main.system-requirements .sr-table thead{ background: linear-gradient(135deg, hsl(310, 40%, 25%), hsl(330, 45%, 32%)); color: #fff; }
    main.system-requirements .sr-table th{
    padding: 14px 18px;
    text-align: left;
    font-weight: 600;
    font-size: .85rem;
    letter-spacing: .3px;
    white-space: nowrap;
    }
    main.system-requirements .sr-table td{
    padding: 13px 18px;
    border-bottom: 1px solid var(--sr-border);
    vertical-align: top;
    }
    main.system-requirements .sr-table tbody tr:last-child td{ border-bottom: none; }
    main.system-requirements .sr-table tbody tr:hover{ background: hsl(310, 12%, 97%); }
    main.system-requirements .sr-table .sr-label-cell{
    font-weight: 600;
    color: var(--sr-text);
    white-space: nowrap;
    min-width: 100px;
    }
    
    main.system-requirements .sr-tip{
    display: flex;
    gap: 14px;
    padding: 18px 22px;
    border-radius: var(--sr-radius);
    background: linear-gradient(135deg, hsl(310, 30%, 95%), hsl(59, 30%, 95%));
    border-left: 4px solid var(--sr-primary);
    margin-top: 28px;
    font-size: .9rem;
    line-height: 1.65;
    }
    main.system-requirements .sr-tip svg{ flex-shrink: 0; width: 22px; height: 22px; fill: var(--sr-primary-dark); margin-top: 1px; }
    
    main.system-requirements .sr-cta-banner{
    background: linear-gradient(135deg, hsl(310, 55%, 35%), hsl(340, 60%, 42%), hsl(18, 70%, 50%));
    border-radius: var(--sr-radius-lg);
    padding: 44px 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
    box-shadow: var(--sr-shadow-lg);
    }
    main.system-requirements .sr-cta-banner h2{
    font-family: var(--sr-font-display);
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 8px;
    }
    main.system-requirements .sr-cta-banner p{ opacity: .9; font-size: .95rem; max-width: 480px; }
    main.system-requirements .sr-cta-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 32px;
    background: var(--sr-secondary);
    color: hsl(310, 40%, 15%);
    font-weight: 700;
    font-size: 1rem;
    border-radius: var(--sr-radius);
    border: none;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(0,0,0,.18);
    transition: transform .2s, box-shadow .2s;
    text-decoration: none;
    white-space: nowrap;
    }
    main.system-requirements .sr-cta-btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(0,0,0,.25);
    color: hsl(310, 40%, 10%);
    }
    main.system-requirements .sr-cta-btn svg{ width: 18px; height: 18px; fill: currentColor; }
    
    main.system-requirements .sr-faq-list{ max-width: 760px; }
    main.system-requirements .sr-faq-item{
    border: 1px solid var(--sr-border);
    border-radius: var(--sr-radius);
    margin-bottom: 10px;
    background: var(--sr-card-bg);
    overflow: hidden;
    box-shadow: var(--sr-shadow-sm);
    }
    main.system-requirements .sr-faq-q{
    width: 100%;
    padding: 16px 20px;
    font-size: .95rem;
    font-weight: 600;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    color: var(--sr-text);
    font-family: var(--sr-font-body);
    transition: background .2s;
    }
    main.system-requirements .sr-faq-q:hover{ background: hsl(310, 10%, 97%); }
    main.system-requirements .sr-faq-q svg{
    width: 18px; height: 18px;
    fill: var(--sr-primary);
    transition: transform .25s;
    flex-shrink: 0;
    }
    main.system-requirements .sr-faq-item.open .sr-faq-q svg{ transform: rotate(180deg); }
    main.system-requirements .sr-faq-a{
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
    }
    main.system-requirements .sr-faq-item.open .sr-faq-a{ max-height: 300px; }
    main.system-requirements .sr-faq-a-inner{
    padding: 0 20px 18px;
    font-size: .9rem;
    color: var(--sr-text-light);
    line-height: 1.7;
    }
    
    main.system-requirements .glyph{
    background: hsl(310, 20%, 14%);
    color: hsl(310, 10%, 70%);
    padding: 40px 0 28px;
    font-size: .85rem;
    }
    main.system-requirements .orbit{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 32px;
    }
    main.system-requirements .vale{
    font-family: var(--sr-font-display);
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
    }
    main.system-requirements .bolt{ font-size: .82rem; opacity: .7; max-width: 280px; }
    main.system-requirements .chrome{ display: flex; gap: 40px; flex-wrap: wrap; }
    main.system-requirements .sr-footer-links-col h4{
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 10px;
    }
    main.system-requirements .sr-footer-links-col a{
    display: block;
    color: hsl(310, 10%, 60%);
    font-size: .84rem;
    padding: 3px 0;
    transition: color .2s;
    }
    main.system-requirements .sr-footer-links-col a:hover{ color: var(--sr-secondary); }
    main.system-requirements .sr-footer-bottom{
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid hsl(310, 15%, 22%);
    text-align: center;
    font-size: .8rem;
    opacity: .6;
    }
    
    @media (max-width: 860px) {main.system-requirements .pewter{ flex-direction: column; text-align: center; }
    main.system-requirements .frost{ flex: 0 0 auto; width: 100%; max-width: 400px; }
    main.system-requirements .spark{ margin-left: auto; margin-right: auto; }
    main.system-requirements .coral{ justify-content: center; }
    main.system-requirements .sr-cta-banner{ flex-direction: column; text-align: center; align-items: center; padding: 32px 24px; }
    main.system-requirements .orbit{ flex-direction: column; align-items: center; text-align: center; }
    main.system-requirements .chrome{ justify-content: center; }}
    @media (max-width: 600px) {main.system-requirements .grove{ padding: 48px 0 40px; }
    main.system-requirements .amber{ padding: 40px 0; }
    main.system-requirements .haze{ grid-template-columns: 1fr; }
    main.system-requirements .crest{ gap: 2px; }
    main.system-requirements .wren{ padding: 8px 14px; font-size: .84rem; }}
    main.system-requirements .glyph{
    background: var(--text-color, hsl(310, 10%, 10%));
    border-top: 3px solid var(--primary-color, hsl(310, 74%, 45%));
    padding: 48px 24px 36px;
    margin-top: 80px;
    }
    main.system-requirements .orbit{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    }
    main.system-requirements .vale{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    }
    main.system-requirements .ridge{
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    }
    main.system-requirements .bolt{
    font-size: 13px;
    color: hsla(310, 20%, 80%, 0.6);
    letter-spacing: 2px;
    }
    main.system-requirements .chrome{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    }
    main.system-requirements .pike{
    color: hsla(310, 30%, 85%, 0.85);
    text-decoration: none;
    font-size: 14px;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    transition: var(--transition, all 0.25s ease);
    }
    main.system-requirements .pike:hover{
    color: #fff;
    background: hsla(310, 74%, 45%, 0.25);
    }
    main.system-requirements .dusk{
    color: hsla(310, 20%, 80%, 0.3);
    font-size: 14px;
    user-select: none;
    }
    main.system-requirements .myth{
    font-size: 13px;
    color: hsla(310, 20%, 80%, 0.45);
    padding-top: 16px;
    border-top: 1px solid hsla(310, 20%, 80%, 0.1);
    width: 100%;
    max-width: 480px;
    text-align: center;
    }
    @media (max-width: 600px) {main.system-requirements .glyph{
    padding: 36px 16px 28px;
    margin-top: 56px;
    }
    main.system-requirements .ridge{
    font-size: 19px;
    }
    main.system-requirements .chrome{
    gap: 4px;
    }
    main.system-requirements .pike{
    font-size: 13px;
    padding: 4px 6px;
    }
    main.system-requirements .myth{
    font-size: 12px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");
    
    main.getting-started .maroon{
    background: linear-gradient(135deg, hsl(310, 40%, 18%) 0%, hsl(310, 50%, 28%) 50%, hsl(330, 45%, 22%) 100%);
    padding: 80px 24px 72px;
    text-align: center;
    position: relative;
    overflow: hidden;
    }
    main.getting-started .maroon::before{
    content: "";
    position: absolute;
    top: -50%;
    left: -30%;
    width: 160%;
    height: 200%;
    background: radial-gradient(ellipse at 30% 50%, hsla(310, 74%, 59%, 0.15) 0%, transparent 60%),
    radial-gradient(ellipse at 70% 30%, hsla(59, 59%, 59%, 0.1) 0%, transparent 50%);
    pointer-events: none;
    }
    main.getting-started .bluff{
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    }
    main.getting-started .parapet{
    display: inline-block;
    background: hsla(310, 74%, 59%, 0.2);
    border: 1px solid hsla(310, 74%, 59%, 0.35);
    color: hsl(310, 60%, 80%);
    font-family: var(--gs-sans);
    font-size: 13px;
    font-weight: 600;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
    }
    main.getting-started .maroon h1{
    font-family: var(--gs-serif);
    font-size: clamp(32px, 5vw, 52px);
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 18px;
    }
    main.getting-started .maroon h1 span{
    background: linear-gradient(90deg, var(--gs-primary), hsl(340, 80%, 70%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.getting-started .indigo{
    font-family: var(--gs-sans);
    font-size: 17px;
    color: hsl(310, 10%, 72%);
    line-height: 1.7;
    margin: 0 0 36px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    }
    main.getting-started .ravine{
    display: flex;
    gap: 14px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.getting-started .knoll{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));
    color: #fff;
    font-family: var(--gs-sans);
    font-size: 15px;
    font-weight: 600;
    padding: 13px 32px;
    border-radius: var(--gs-radius);
    text-decoration: none;
    box-shadow: 0 4px 20px hsla(310, 74%, 59%, 0.35);
    transition: transform 0.2s, box-shadow 0.2s;
    }
    main.getting-started .knoll:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 28px hsla(310, 74%, 59%, 0.45);
    }
    main.getting-started .fjord{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: hsla(310, 20%, 90%, 0.12);
    color: hsl(310, 20%, 85%);
    font-family: var(--gs-sans);
    font-size: 15px;
    font-weight: 600;
    padding: 13px 28px;
    border-radius: var(--gs-radius);
    text-decoration: none;
    border: 1px solid hsla(310, 20%, 60%, 0.25);
    transition: background 0.2s, border-color 0.2s;
    }
    main.getting-started .fjord:hover{
    background: hsla(310, 20%, 90%, 0.2);
    border-color: hsla(310, 20%, 60%, 0.4);
    }
    
    main.getting-started .steppe{
    padding: 72px 24px;
    max-width: 1100px;
    margin: 0 auto;
    }
    main.getting-started .gs-section-alt{
    background: var(--gs-bg-warm);
    }
    main.getting-started .gs-section-alt .steppe{
    padding-left: 24px;
    padding-right: 24px;
    }
    main.getting-started .tundra{
    font-family: var(--gs-sans);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--gs-primary);
    margin: 0 0 10px;
    }
    main.getting-started .steppe h2{
    font-family: var(--gs-serif);
    font-size: clamp(26px, 3.5vw, 36px);
    font-weight: 700;
    color: var(--gs-text, #1a1a1a);
    margin: 0 0 12px;
    line-height: 1.25;
    }
    main.getting-started .alcove{
    font-family: var(--gs-sans);
    font-size: 15px;
    color: var(--gs-text-light);
    line-height: 1.7;
    margin: 0 0 40px;
    max-width: 680px;
    }
    
    main.getting-started .scarlet{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 0;
    }
    main.getting-started .gs-quicknav-item{
    background: var(--gs-card-bg);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius-lg);
    padding: 28px 20px;
    text-align: center;
    text-decoration: none;
    transition: box-shadow 0.25s, transform 0.2s, border-color 0.25s;
    cursor: pointer;
    }
    main.getting-started .gs-quicknav-item:hover{
    box-shadow: var(--gs-shadow-md);
    transform: translateY(-3px);
    border-color: var(--gs-primary);
    }
    main.getting-started .gs-quicknav-icon{
    width: 48px;
    height: 48px;
    margin: 0 auto 14px;
    background: hsla(310, 74%, 59%, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.getting-started .gs-quicknav-icon svg{
    width: 24px;
    height: 24px;
    color: var(--gs-primary);
    }
    main.getting-started .gs-quicknav-title{
    font-family: var(--gs-sans);
    font-size: 14px;
    font-weight: 600;
    color: var(--gs-text);
    margin: 0 0 4px;
    }
    main.getting-started .gs-quicknav-sub{
    font-family: var(--gs-sans);
    font-size: 12px;
    color: var(--gs-text-light);
    }
    
    main.getting-started .gs-steps{
    counter-reset: step-counter;
    }
    main.getting-started .gs-step{
    display: grid;
    grid-template-columns: 56px 1fr;
    gap: 0 24px;
    margin-bottom: 48px;
    position: relative;
    }
    main.getting-started .gs-step:last-child{
    margin-bottom: 0;
    }
    main.getting-started .gs-step-num{
    counter-increment: step-counter;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--gs-serif);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 3px 12px hsla(310, 74%, 59%, 0.3);
    position: relative;
    z-index: 2;
    }
    main.getting-started .gs-step-num::after{
    content: "";
    position: absolute;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: calc(100% + 24px);
    background: var(--gs-border);
    }
    main.getting-started .gs-step:last-child .gs-step-num::after{
    display: none;
    }
    main.getting-started .gs-step-content{
    padding-top: 4px;
    }
    main.getting-started .gs-step-content h3{
    font-family: var(--gs-serif);
    font-size: 20px;
    font-weight: 700;
    color: var(--gs-text);
    margin: 0 0 10px;
    }
    main.getting-started .gs-step-content p{
    font-family: var(--gs-sans);
    font-size: 14.5px;
    color: var(--gs-text-light);
    line-height: 1.75;
    margin: 0 0 14px;
    }
    main.getting-started .gs-step-card{
    background: var(--gs-card-bg);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius-lg);
    overflow: hidden;
    }
    main.getting-started .gs-step-card img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    }
    main.getting-started .gs-step-card-body{
    padding: 18px 20px;
    }
    
    main.getting-started .gs-platform-tabs{
    display: flex;
    gap: 4px;
    background: var(--gs-bg-warm);
    border-radius: var(--gs-radius);
    padding: 4px;
    width: fit-content;
    margin-bottom: 24px;
    }
    main.getting-started .gs-tab{
    font-family: var(--gs-sans);
    font-size: 13px;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: calc(var(--gs-radius) - 2px);
    border: none;
    cursor: pointer;
    background: transparent;
    color: var(--gs-text-light);
    transition: all 0.2s;
    }
    main.getting-started .gs-tab.active{
    background: var(--gs-card-bg);
    color: var(--gs-text);
    box-shadow: var(--gs-shadow-sm);
    }
    main.getting-started .gs-platform-panel{
    display: none;
    }
    main.getting-started .gs-platform-panel.active{
    display: block;
    }
    
    main.getting-started .gs-diff-table{
    width: 100%;
    border-collapse: collapse;
    font-family: var(--gs-sans);
    font-size: 14px;
    background: var(--gs-card-bg);
    border-radius: var(--gs-radius-lg);
    overflow: hidden;
    box-shadow: var(--gs-shadow-sm);
    border: 1px solid var(--gs-border);
    }
    main.getting-started .gs-diff-table thead{
    background: linear-gradient(135deg, hsl(310, 30%, 22%), hsl(310, 35%, 28%)); color: #ffffff;}
    main.getting-started .gs-diff-table th{
    padding: 14px 20px;
    text-align: left;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 0.3px;
    }
    main.getting-started .gs-diff-table td{
    padding: 13px 20px;
    border-bottom: 1px solid var(--gs-border);
    color: var(--gs-text);
    line-height: 1.5;
    }
    main.getting-started .gs-diff-table tbody tr:last-child td{
    border-bottom: none;
    }
    main.getting-started .gs-diff-table tbody tr:nth-child(even){
    background: hsla(310, 7%, 96%, 0.5);
    }
    
    main.getting-started .gs-interface-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    }
    main.getting-started .gs-interface-card{
    background: var(--gs-card-bg);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius-lg);
    padding: 24px;
    transition: box-shadow 0.25s;
    }
    main.getting-started .gs-interface-card:hover{
    box-shadow: var(--gs-shadow-md);
    }
    main.getting-started .gs-interface-card h3{
    font-family: var(--gs-serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--gs-text);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    }
    main.getting-started .gs-interface-card h3 svg{
    width: 20px;
    height: 20px;
    color: var(--gs-primary);
    flex-shrink: 0;
    }
    main.getting-started .gs-interface-card p{
    font-family: var(--gs-sans);
    font-size: 14px;
    color: var(--gs-text-light);
    line-height: 1.7;
    margin: 0;
    }
    main.getting-started .gs-kbd{
    display: inline-block;
    background: var(--gs-bg-warm);
    border: 1px solid var(--gs-border);
    border-radius: 4px;
    padding: 1px 7px;
    font-family: "SF Mono", "Consolas", monospace;
    font-size: 12px;
    color: var(--gs-text);
    box-shadow: 0 1px 0 var(--gs-border);
    }
    
    main.getting-started .gs-firstdoc-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    }
    main.getting-started .gs-firstdoc-visual{
    border-radius: var(--gs-radius-lg);
    overflow: hidden;
    box-shadow: var(--gs-shadow-md);
    }
    main.getting-started .gs-firstdoc-visual img{
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    }
    main.getting-started .gs-firstdoc-steps{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.getting-started .gs-firstdoc-steps li{
    font-family: var(--gs-sans);
    font-size: 14.5px;
    color: var(--gs-text);
    line-height: 1.6;
    padding: 14px 0;
    border-bottom: 1px solid var(--gs-border);
    display: flex;
    gap: 14px;
    align-items: flex-start;
    }
    main.getting-started .gs-firstdoc-steps li:last-child{
    border-bottom: none;
    }
    main.getting-started .gs-firstdoc-steps .gs-li-num{
    width: 28px;
    height: 28px;
    min-width: 28px;
    background: hsla(310, 74%, 59%, 0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 13px;
    color: var(--gs-primary-dark);
    margin-top: 1px;
    }
    
    main.getting-started .gs-tips-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    }
    main.getting-started .gs-tip-card{
    background: var(--gs-card-bg);
    border: 1px solid var(--gs-border);
    border-radius: var(--gs-radius-lg);
    padding: 24px;
    border-top: 3px solid var(--gs-primary);
    }
    main.getting-started .gs-tip-card h3{
    font-family: var(--gs-sans);
    font-size: 15px;
    font-weight: 700;
    color: var(--gs-text);
    margin: 0 0 8px;
    }
    main.getting-started .gs-tip-card p{
    font-family: var(--gs-sans);
    font-size: 13.5px;
    color: var(--gs-text-light);
    line-height: 1.7;
    margin: 0;
    }
    
    main.getting-started .gs-cta-banner{
    background: linear-gradient(135deg, hsl(310, 50%, 28%), hsl(330, 45%, 22%), hsl(310, 40%, 18%));
    border-radius: var(--gs-radius-lg);
    padding: 48px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    position: relative;
    overflow: hidden; color: #ffffff;}
    main.getting-started .gs-cta-banner::before{
    content: "";
    position: absolute;
    top: -40%;
    right: -10%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, hsla(310, 74%, 59%, 0.2), transparent 70%);
    pointer-events: none;
    }
    main.getting-started .gs-cta-text h2{
    font-family: var(--gs-serif);
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
    }
    main.getting-started .gs-cta-text p{
    font-family: var(--gs-sans);
    font-size: 14.5px;
    color: hsl(310, 10%, 72%);
    margin: 0;
    line-height: 1.6;
    }
    main.getting-started .gs-cta-banner .knoll{
    white-space: nowrap;
    flex-shrink: 0;
    }
    
    main.getting-started .gs-footer{
    background: hsl(310, 15%, 12%);
    padding: 48px 24px 32px;
    margin-top: 0; color: #ffffff;}
    main.getting-started .gs-footer-inner{
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 40px;
    }
    main.getting-started .gs-footer-brand{
    font-family: var(--gs-serif);
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 10px;
    }
    main.getting-started .gs-footer-tagline{
    font-family: var(--gs-sans);
    font-size: 13px;
    color: hsl(310, 10%, 55%);
    line-height: 1.6;
    margin: 0;
    }
    main.getting-started .gs-footer-col h4{
    font-family: var(--gs-sans);
    font-size: 13px;
    font-weight: 700;
    color: hsl(310, 10%, 75%);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 14px;
    }
    main.getting-started .gs-footer-col ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.getting-started .gs-footer-col li{
    margin-bottom: 8px;
    }
    main.getting-started .gs-footer-col a{
    font-family: var(--gs-sans);
    font-size: 13.5px;
    color: hsl(310, 10%, 55%);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.getting-started .gs-footer-col a:hover{
    color: var(--gs-primary);
    }
    main.getting-started .gs-footer-bottom{
    max-width: 1100px;
    margin: 36px auto 0;
    padding-top: 24px;
    border-top: 1px solid hsl(310, 10%, 20%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    }
    main.getting-started .gs-footer-copy{
    font-family: var(--gs-sans);
    font-size: 12.5px;
    color: hsl(310, 10%, 45%);
    margin: 0;
    }
    main.getting-started .gs-footer-legal{
    display: flex;
    gap: 20px;
    }
    main.getting-started .gs-footer-legal a{
    font-family: var(--gs-sans);
    font-size: 12.5px;
    color: hsl(310, 10%, 45%);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.getting-started .gs-footer-legal a:hover{
    color: var(--gs-primary);
    }
    
    @media (max-width: 900px) {main.getting-started .scarlet{
    grid-template-columns: repeat(2, 1fr);
    }
    main.getting-started .gs-interface-grid{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-firstdoc-grid{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-tips-grid{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-cta-banner{
    flex-direction: column;
    text-align: center;
    padding: 36px 28px;
    }
    main.getting-started .gs-footer-inner{
    grid-template-columns: 1fr 1fr;
    gap: 28px;
    }
    main.getting-started .gs-diff-table{
    font-size: 13px;
    }
    main.getting-started .gs-diff-table th, main.getting-started .gs-diff-table td{
    padding: 10px 14px;
    }}
    @media (max-width: 600px) {main.getting-started .maroon{
    padding: 56px 18px 52px;
    }
    main.getting-started .steppe{
    padding: 48px 18px;
    }
    main.getting-started .scarlet{
    grid-template-columns: 1fr;
    }
    main.getting-started .gs-step{
    grid-template-columns: 44px 1fr;
    gap: 0 16px;
    }
    main.getting-started .gs-footer-inner{
    grid-template-columns: 1fr;
    gap: 24px;
    }
    main.getting-started .gs-footer-bottom{
    flex-direction: column;
    align-items: flex-start;
    }}
    main.getting-started .bastion{
    background: var(--text-color, hsl(310, 10%, 10%));
    padding: 48px 24px 32px;
    border-top: 3px solid var(--primary-color, hsl(310, 74%, 45%));
    }
    main.getting-started .turret{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
    }
    main.getting-started .lagoon{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    }
    main.getting-started .atoll{
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    background: linear-gradient(135deg, var(--primary-color, hsl(310, 74%, 45%)), var(--secondary-color, hsl(59, 59%, 48%)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
    main.getting-started .mesa{
    font-size: 13px;
    color: hsla(310, 10%, 100%, 0.5);
    margin: 0;
    letter-spacing: 0.3px;
    }
    main.getting-started .rampart{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
    }
    main.getting-started .cavern{
    color: hsla(310, 10%, 100%, 0.72);
    text-decoration: none;
    font-size: 13.5px;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    transition: var(--transition, all 0.25s ease);
    }
    main.getting-started .cavern:hover{
    color: #fff;
    background: hsla(310, 74%, 45%, 0.2);
    }
    main.getting-started .spire{
    color: hsla(310, 10%, 100%, 0.25);
    font-size: 14px;
    flex: 0 0 auto;
    user-select: none;
    }
    main.getting-started .grotto{
    padding-top: 20px;
    border-top: 1px solid hsla(310, 20%, 80%, 0.1);
    width: 100%;
    text-align: center;
    flex: 0 0 auto;
    }
    main.getting-started .canyon{
    font-size: 12.5px;
    color: hsla(310, 10%, 100%, 0.38);
    letter-spacing: 0.2px;
    }
    @media (max-width: 600px) {main.getting-started .bastion{
    padding: 36px 16px 24px;
    }
    main.getting-started .turret{
    gap: 20px;
    }
    main.getting-started .rampart{
    gap: 4px;
    }
    main.getting-started .cavern{
    font-size: 12.5px;
    padding: 4px 6px;
    }
    main.getting-started .atoll{
    font-size: 19px;
    }
    main.getting-started .mesa{
    font-size: 12px;
    }
    main.getting-started .canyon{
    font-size: 11.5px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Source+Han+Serif+SC:wght@400;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap");
    main.update-log .orbit{
    position: relative;
    overflow: hidden;
    padding: 4.5rem 1.5rem 3.5rem;
    background: linear-gradient(135deg, hsl(310, 40%, 22%) 0%, hsl(320, 55%, 35%) 40%, hsl(340, 60%, 45%) 70%, hsl(18, 70%, 55%) 100%);
    text-align: center;
    color: #fff;
    }
    main.update-log .orbit::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("img/update-log-office-brand-visual-1.jpg") center/cover no-repeat;
    opacity: 0.12;
    mix-blend-mode: overlay;
    }
    main.update-log .orbit::after{
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 60px;
    background: var(--ul-bg);
    clip-path: ellipse(55% 100% at 50% 100%);
    }
    main.update-log .nimbus{
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    }
    main.update-log .orbit h1{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: clamp(1.75rem, 4.5vw, 2.8rem);
    font-weight: 800;
    line-height: 1.3;
    margin: 0 0 1rem;
    text-shadow: 0 2px 12px rgba(0,0,0,0.25);
    }
    main.update-log .drift{
    font-size: 1.05rem;
    line-height: 1.7;
    opacity: 0.92;
    max-width: 620px;
    margin: 0 auto;
    }
    main.update-log .wander{
    max-width: 920px;
    margin: 0 auto;
    padding: 0 1.25rem;
    }
    main.update-log .summit{
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin: -1.5rem auto 2.5rem;
    position: relative;
    z-index: 2;
    }
    main.update-log .crescent{
    background: var(--ul-card-bg);
    border-radius: 12px;
    padding: 1.25rem 2rem;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-align: center;
    min-width: 150px;
    border-bottom: 3px solid var(--ul-primary);
    }
    main.update-log .onyx{
    font-family: "Playfair Display", serif;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--ul-primary-dark);
    display: block;
    }
    main.update-log .phantom{
    font-size: 0.85rem;
    color: var(--ul-text-muted);
    margin-top: 0.25rem;
    }
    main.update-log .bloom{
    padding: 2.5rem 0;
    }
    main.update-log .bloom h2{
    font-family: "Playfair Display", "Noto Serif SC", serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--ul-text);
    margin: 0 0 0.5rem;
    padding-left: 1rem;
    border-left: 4px solid var(--ul-primary);
    }
    main.update-log .flicker{
    color: var(--ul-text-muted);
    font-size: 0.95rem;
    margin: 0 0 2rem;
    padding-left: 1.25rem;
    }
    main.update-log .zenith{
    position: relative;
    padding-left: 2.5rem;
    }
    main.update-log .zenith::before{
    content: "";
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, var(--ul-primary), var(--ul-border));
    }
    main.update-log .tempest{
    position: relative;
    margin-bottom: 2.5rem;
    }
    main.update-log .tempest::before{
    content: "";
    position: absolute;
    left: -2.5rem;
    top: 1.5rem;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--ul-primary);
    border: 3px solid var(--ul-card-bg);
    box-shadow: 0 0 0 2px var(--ul-primary);
    z-index: 1;
    }
    main.update-log .tempest.haze::before{
    width: 18px;
    height: 18px;
    left: calc(-2.5rem - 2px);
    animation: ul-pulse 2s ease-in-out infinite;
    }
    @keyframes ul-pulse {0%, 100% { box-shadow: 0 0 0 2px var(--ul-primary); }
    50% { box-shadow: 0 0 0 6px rgba(200, 80, 180, 0.25); }}
    main.update-log .pinnacle{
    background: var(--ul-card-bg);
    border-radius: 14px;
    box-shadow: 0 2px 16px rgba(0,0,0,0.06);
    overflow: hidden;
    border: 1px solid var(--ul-border);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
    }
    main.update-log .pinnacle:hover{
    box-shadow: 0 6px 28px rgba(0,0,0,0.1);
    transform: translateY(-2px);
    }
    main.update-log .axiom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, hsl(310, 20%, 97%), hsl(310, 12%, 94%));
    border-bottom: 1px solid var(--ul-border);
    }
    main.update-log .beacon{
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    }
    main.update-log .basalt{
    font-family: "Playfair Display", serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--ul-text);
    }
    main.update-log .quarry{
    display: inline-block;
    background: linear-gradient(135deg, var(--ul-primary), var(--ul-accent-rose));
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.2rem 0.65rem;
    border-radius: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    }
    main.update-log .aurora{
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--ul-text-muted);
    }
    main.update-log .aurora svg{
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 3px;
    fill: currentColor;
    opacity: 0.6;
    }
    main.update-log .vortex{
    padding: 1.5rem;
    }
    main.update-log .radiant{
    margin-bottom: 1.5rem;
    }
    main.update-log .radiant:last-child{
    margin-bottom: 0;
    }
    main.update-log .ember{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: "Noto Serif SC", serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--ul-text);
    margin: 0 0 0.75rem;
    }
    main.update-log .spark{
    display: inline-block;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.15rem 0.55rem;
    border-radius: 4px;
    color: #fff;
    letter-spacing: 0.3px;
    }
    main.update-log .vertex{ background: var(--ul-tag-new); }
    main.update-log .nexus{ background: var(--ul-tag-fix); }
    main.update-log .cobalt{ background: var(--ul-tag-perf); }
    main.update-log .fathom{ background: var(--ul-tag-security); }
    main.update-log .cinder{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    main.update-log .cinder li{
    position: relative;
    padding: 0.45rem 0 0.45rem 1.4rem;
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--ul-text);
    }
    main.update-log .cinder li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.85rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--ul-primary);
    opacity: 0.5;
    }
    main.update-log .cinder li code{
    background: hsl(310, 15%, 93%);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.82rem;
    color: var(--ul-primary-dark);
    }
    main.update-log .ul-cta-section{
    text-align: center;
    padding: 3rem 1.5rem;
    margin: 1rem 0 0;
    background: linear-gradient(135deg, hsl(310, 25%, 95%), hsl(340, 20%, 93%), hsl(30, 25%, 94%));
    border-radius: 18px;
    }
    main.update-log .ul-cta-section h2{
    border: none;
    padding: 0;
    text-align: center;
    margin-bottom: 0.75rem;
    }
    main.update-log .ul-cta-desc{
    color: var(--ul-text-muted);
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
    }
    main.update-log .ul-cta-buttons{
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    }
    main.update-log .ul-btn{
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.85rem 2rem;
    border-radius: 10px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
    }
    main.update-log .ul-btn-primary{
    background: linear-gradient(135deg, var(--ul-primary), var(--ul-accent-rose));
    color: #fff;
    box-shadow: 0 4px 16px rgba(200, 80, 180, 0.35);
    }
    main.update-log .ul-btn-primary:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px rgba(200, 80, 180, 0.45);
    }
    main.update-log .ul-btn-secondary{
    background: var(--ul-card-bg);
    color: var(--ul-primary-dark);
    border: 2px solid var(--ul-primary);
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    main.update-log .ul-btn-secondary:hover{
    background: hsl(310, 30%, 96%);
    transform: translateY(-2px);
    }
    main.update-log .shard{
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    padding: 0.75rem;
    background: var(--ul-card-bg);
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }
    main.update-log .cipher{
    padding: 0.5rem 1.1rem;
    border: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    background: transparent;
    color: var(--ul-text-muted);
    transition: all 0.2s ease;
    }
    main.update-log .cipher:hover{
    background: hsl(310, 15%, 93%);
    color: var(--ul-text);
    }
    main.update-log .cipher.pulse{
    background: var(--ul-primary);
    color: #fff;
    }
    main.update-log .mirage{
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    }
    main.update-log .tundra{
    font-size: 0.72rem;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    background: hsl(310, 15%, 93%);
    color: var(--ul-text-muted);
    font-weight: 600;
    }
    main.update-log .ul-internal-link{
    color: var(--ul-primary-dark);
    text-decoration: underline;
    text-decoration-color: rgba(200, 80, 180, 0.3);
    text-underline-offset: 3px;
    transition: text-decoration-color 0.2s;
    }
    main.update-log .ul-internal-link:hover{
    text-decoration-color: var(--ul-primary);
    }
    main.update-log .ul-note-box{
    background: hsl(310, 18%, 95%);
    border-left: 4px solid var(--ul-primary);
    border-radius: 0 10px 10px 0;
    padding: 1rem 1.25rem;
    margin: 2rem 0;
    font-size: 0.9rem;
    line-height: 1.65;
    color: var(--ul-text);
    }
    main.update-log .ul-footer{
    margin-top: 3rem;
    padding: 2.5rem 1.5rem;
    background: hsl(310, 12%, 14%);
    color: hsl(310, 10%, 75%);
    }
    main.update-log .ul-footer-inner{
    max-width: 920px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 2rem;
    }
    main.update-log .ul-footer-brand{
    font-family: "Playfair Display", serif;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.5rem;
    }
    main.update-log .ul-footer-tagline{
    font-size: 0.85rem;
    line-height: 1.6;
    opacity: 0.7;
    }
    main.update-log .ul-footer-heading{
    font-size: 0.85rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    }
    main.update-log .ul-footer-links{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    main.update-log .ul-footer-links li{
    margin-bottom: 0.4rem;
    }
    main.update-log .ul-footer-links a{
    color: hsl(310, 10%, 65%);
    text-decoration: none;
    font-size: 0.85rem;
    transition: color 0.2s;
    }
    main.update-log .ul-footer-links a:hover{
    color: var(--ul-primary);
    }
    main.update-log .ul-footer-bottom{
    max-width: 920px;
    margin: 1.5rem auto 0;
    padding-top: 1.25rem;
    border-top: 1px solid hsl(310, 10%, 22%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.8rem;
    opacity: 0.65;
    }
    @media (max-width: 768px) {main.update-log .orbit{
    padding: 3.5rem 1rem 3rem;
    }
    main.update-log .summit{
    gap: 0.75rem;
    }
    main.update-log .crescent{
    padding: 1rem 1.25rem;
    min-width: 120px;
    }
    main.update-log .zenith{
    padding-left: 2rem;
    }
    main.update-log .axiom{
    padding: 1rem 1.15rem;
    }
    main.update-log .vortex{
    padding: 1.15rem;
    }
    main.update-log .ul-footer-inner{
    grid-template-columns: 1fr;
    gap: 1.5rem;
    }
    main.update-log .aurora{
    flex-wrap: wrap;
    gap: 0.5rem;
    }}
    @media (max-width: 480px) {main.update-log .orbit h1{
    font-size: 1.5rem;
    }
    main.update-log .crescent{
    min-width: 100px;
    padding: 0.75rem 1rem;
    }
    main.update-log .onyx{
    font-size: 1.4rem;
    }
    main.update-log .shard{
    gap: 0.35rem;
    padding: 0.5rem;
    }
    main.update-log .cipher{
    padding: 0.4rem 0.8rem;
    font-size: 0.78rem;
    }
    main.update-log .basalt{
    font-size: 1.15rem;
    }
    main.update-log .ul-cta-buttons{
    flex-direction: column;
    align-items: center;
    }}
    main.update-log .nebula{
    background: linear-gradient(180deg, hsl(310, 12%, 13%) 0%, hsl(310, 14%, 9%) 100%);
    color: hsla(310, 10%, 95%, 0.85);
    padding: 56px 24px 0;
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", serif;
    }
    main.update-log .echo{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding-bottom: 48px;
    }
    main.update-log .lattice{
    flex: 1 1 220px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.update-log .spectra{
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: #fff;
    font-family: "Georgia", "Noto Serif SC", serif;
    }
    main.update-log .helix{
    font-size: 14px;
    line-height: 1.6;
    color: hsla(310, 10%, 95%, 0.5);
    margin: 0;
    }
    main.update-log .lumen{
    flex: 0 1 140px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.update-log .torrent{
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    color: hsla(310, 10%, 95%, 0.45);
    margin-bottom: 4px;
    }
    main.update-log .ripple{
    font-size: 14px;
    color: hsla(310, 10%, 95%, 0.75);
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.5;
    }
    main.update-log .ripple:hover{
    color: hsl(310, 74%, 72%);
    }
    main.update-log .glacier{
    flex: 1 1 200px;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    }
    main.update-log .monolith{
    font-size: 13px;
    color: hsla(310, 10%, 95%, 0.5);
    margin: 0;
    line-height: 1.5;
    }
    main.update-log .forge{
    display: inline-block;
    margin-top: 6px;
    padding: 11px 28px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, hsl(310, 74%, 45%) 0%, hsl(330, 68%, 52%) 100%);
    border-radius: var(--radius-md, 8px);
    text-decoration: none;
    letter-spacing: 0.3px;
    box-shadow: 0 4px 18px hsla(310, 74%, 45%, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    }
    main.update-log .forge:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(310, 74%, 45%, 0.45);
    }
    main.update-log .ignite{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    height: 1px;
    background: hsla(310, 20%, 80%, 0.1);
    }
    main.update-log .shoal{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0 28px;
    gap: 12px;
    }
    main.update-log .umbra{
    font-size: 13px;
    color: hsla(310, 10%, 95%, 0.38);
    flex: 1 1 auto;
    }
    main.update-log .opal{
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 1 auto;
    }
    main.update-log .mosaic{
    font-size: 13px;
    color: hsla(310, 10%, 95%, 0.45);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.update-log .mosaic:hover{
    color: hsl(310, 74%, 72%);
    }
    main.update-log .cascade{
    font-size: 13px;
    color: hsla(310, 10%, 95%, 0.2);
    }
    @media (max-width: 768px) {main.update-log .nebula{
    padding: 40px 20px 0;
    }
    main.update-log .echo{
    gap: 32px 24px;
    }
    main.update-log .lattice{
    flex: 1 1 100%;
    }
    main.update-log .lumen{
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
    }
    main.update-log .glacier{
    flex: 1 1 100%;
    align-items: stretch;
    }
    main.update-log .forge{
    text-align: center;
    }
    main.update-log .shoal{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 20px 0 24px;
    }}
    main img.sbv2-ai-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    }
    main img.sbv2-ai-image.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main img.sbv2-ai-image.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main img.sbv2-ai-image.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main img.sbv2-ai-image.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame {
    overflow: hidden;
    }
    main .sbv2-media-frame.sbv2-ratio-16-9 { aspect-ratio: 16 / 9; }
    main .sbv2-media-frame.sbv2-ratio-16-10 { aspect-ratio: 16 / 10; }
    main .sbv2-media-frame.sbv2-ratio-4-3 { aspect-ratio: 4 / 3; }
    main .sbv2-media-frame.sbv2-ratio-1-1 { aspect-ratio: 1 / 1; }
    main .sbv2-media-frame > img.sbv2-ai-image,
    main .sbv2-media-frame > picture > img.sbv2-ai-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    }

    *,
    *::before,
    *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    
    .ember3 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: var(--nav-height);
    background: var(--nav-bg);
    border-bottom: 1px solid var(--nav-border);
    box-shadow: var(--shadow-sm);
    }
    .cobalt7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    .jade_rim {
    flex-shrink: 0;
    }
    .prism {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--text-color);
    }
    .rune {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, var(--primary-color), hsl(330, 70%, 55%));
    color: var(--btn-text);
    font-weight: 700;
    font-size: 18px;
    font-family: "Georgia", serif;
    letter-spacing: -0.5px;
    box-shadow: var(--shadow-sm);
    }
    .obsidian {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--text-color);
    }
    
    .shimmer {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .wispArc {
    position: relative;
    }
    .pale_dust {
    display: block;
    padding: 6px 14px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-radius: var(--radius-sm);
    transition: var(--transition);
    white-space: nowrap;
    }
    .pale_dust:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.07);
    }
    .fable {
    color: var(--primary-color);
    background: hsla(310, 60%, 50%, 0.09);
    font-weight: 600;
    }
    
    .velvet {
    flex-shrink: 0;
    }
    .vortex9 {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    white-space: nowrap;
    }
    .vortex9:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%));
    box-shadow: 0 4px 18px hsla(310, 70%, 40%, 0.38);
    transform: translateY(-1px); color: #ffffff;}
    .vortex9:active {
    transform: translateY(0);
    box-shadow: 0 1px 6px hsla(310, 70%, 45%, 0.25);
    }
    .zephyr {
    flex-shrink: 0;
    }
    
    .husk_line {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: var(--transition);
    }
    .husk_line:hover {
    background: hsla(310, 40%, 50%, 0.07);
    }
    .crumble {
    display: block;
    width: 100%;
    height: 2.5px;
    background: var(--text-color);
    border-radius: 2px;
    transition: var(--transition);
    transform-origin: center;
    }
    .wps-nav--mobile-open .crumble:nth-child(1) {
    transform: translateY(7.5px) rotate(45deg);
    }
    .wps-nav--mobile-open .crumble:nth-child(2) {
    opacity: 0;
    }
    .wps-nav--mobile-open .crumble:nth-child(3) {
    transform: translateY(-7.5px) rotate(-45deg);
    }
    
    .foxTail {
    display: none;
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--bg-color);
    padding: 16px 24px 32px;
    overflow-y: auto;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    }
    .wps-mobile-menu--open {
    display: block;
    opacity: 1;
    transform: translateY(0);
    }
    .thorn {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    }
    .driftMoss {
    display: block;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--border-color);
    transition: var(--transition);
    }
    .driftMoss:hover {
    color: var(--text-color);
    background: hsla(310, 40%, 50%, 0.05);
    }
    .quartz {
    color: var(--primary-color);
    font-weight: 600;
    }
    .glint {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    font-family: inherit;
    color: var(--btn-text);
    background: linear-gradient(135deg, var(--primary-color), hsl(325, 68%, 50%));
    border: none;
    border-radius: var(--radius-md);
    text-decoration: none;
    box-shadow: 0 2px 10px hsla(310, 70%, 45%, 0.30);
    cursor: pointer;
    transition: var(--transition);
    }
    .glint:hover {
    background: linear-gradient(135deg, hsl(310, 74%, 38%), hsl(325, 68%, 43%)); color: #ffffff;}
    
    @media (max-width: 900px) {.shimmer,
    .velvet {
    display: none;
    }
    .husk_line {
    display: flex;
    }}
    @media (min-width: 901px) {.foxTail {
    display: none !important;
    }}
    .driftMoss.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.05);}
    .quartz.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    .pale_dust.active {color: var(--text-color); background: hsla(310, 40%, 50%, 0.07);}
    .fable.active {color: var(--primary-color, #7c3aed); background: var(--border-color, rgba(0,0,0,0.08)); border-radius: var(--radius-sm, 8px);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;600;700&display=swap");
    
    main.faq .glacier{
    position: relative;
    background: linear-gradient(135deg, hsl(310, 50%, 25%) 0%, hsl(320, 60%, 35%) 40%, hsl(340, 55%, 40%) 100%);
    padding: 80px 24px 64px;
    text-align: center;
    overflow: hidden;
    }
    main.faq .glacier::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url("img/faq-office-brand-visual-1.jpg") center/cover no-repeat;
    opacity: 0.12;
    }
    main.faq .timber{
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    }
    main.faq .glacier h1{
    font-family: var(--faq-serif);
    font-size: clamp(1.75rem, 4vw, 2.6rem);
    font-weight: 800;
    color: var(--faq-white);
    line-height: 1.35;
    margin: 0 0 18px;
    letter-spacing: -0.01em;
    }
    main.faq .ivory{
    font-family: var(--faq-sans);
    font-size: 1.05rem;
    color: hsla(0, 0%, 100%, 0.88);
    line-height: 1.7;
    margin: 0 0 32px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    }
    main.faq .vapor{
    display: flex;
    max-width: 520px;
    margin: 0 auto;
    background: var(--faq-white);
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    }
    main.faq .vapor input{
    flex: 1;
    border: none;
    outline: none;
    padding: 14px 24px;
    font-size: 0.95rem;
    font-family: var(--faq-sans);
    color: var(--faq-text);
    background: transparent;
    }
    main.faq .vapor input::placeholder{
    color: hsl(310, 8%, 60%);
    }
    main.faq .kinetic{
    background: var(--faq-primary);
    color: var(--faq-white);
    border: none;
    padding: 14px 28px;
    font-family: var(--faq-sans);
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
    white-space: nowrap;
    }
    main.faq .kinetic:hover{
    background: var(--faq-primary-dark);
    }
    
    main.faq .faq-categories{
    max-width: 1100px;
    margin: -28px auto 0;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    }
    main.faq .faq-cat-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    background: var(--faq-white);
    border-radius: var(--faq-radius-lg);
    padding: 24px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08);
    }
    main.faq .faq-cat-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 18px 10px;
    border-radius: var(--faq-radius-md);
    cursor: pointer;
    transition: background 0.2s, transform 0.2s;
    text-decoration: none;
    color: var(--faq-text);
    }
    main.faq .faq-cat-item:hover{
    background: var(--faq-warm-bg);
    transform: translateY(-2px);
    }
    main.faq .faq-cat-icon{
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    }
    main.faq .faq-cat-icon svg{
    width: 22px;
    height: 22px;
    }
    main.faq .faq-cat-icon--install{ background: hsl(310, 40%, 92%); color: var(--faq-primary); }
    main.faq .faq-cat-icon--format{ background: hsl(20, 50%, 92%); color: var(--faq-accent-orange); }
    main.faq .faq-cat-icon--font{ background: hsl(59, 40%, 88%); color: var(--faq-secondary-dark); }
    main.faq .faq-cat-icon--cloud{ background: hsl(200, 40%, 90%); color: hsl(200, 60%, 45%); }
    main.faq .faq-cat-icon--member{ background: hsl(280, 40%, 92%); color: hsl(280, 55%, 50%); }
    main.faq .faq-cat-icon--other{ background: hsl(160, 30%, 90%); color: hsl(160, 50%, 38%); }
    main.faq .faq-cat-label{
    font-family: var(--faq-sans);
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    }
    
    main.faq .phantom{
    max-width: 1100px;
    margin: 0 auto;
    padding: 56px 24px 40px;
    }
    main.faq .bramble{
    margin-bottom: 52px;
    }
    main.faq .oxide{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--faq-border);
    }
    main.faq .unity{
    width: 5px;
    height: 28px;
    border-radius: 3px;
    background: var(--faq-primary);
    flex-shrink: 0;
    }
    main.faq .bramble h2{
    font-family: var(--faq-serif);
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--faq-text);
    margin: 0;
    letter-spacing: -0.01em;
    }
    
    main.faq .hollow{
    display: flex;
    flex-direction: column;
    gap: 10px;
    }
    main.faq .wren{
    background: var(--faq-white);
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-md);
    overflow: hidden;
    transition: box-shadow 0.25s;
    }
    main.faq .wren:hover{
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    }
    main.faq .dusk{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--faq-sans);
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--faq-text);
    line-height: 1.5;
    transition: color 0.2s;
    }
    main.faq .dusk:hover{
    color: var(--faq-primary);
    }
    main.faq .ether{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.3s;
    color: hsl(310, 10%, 55%);
    }
    main.faq .wren.lunar .ether{
    transform: rotate(180deg);
    color: var(--faq-primary);
    }
    main.faq .ember{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    }
    main.faq .wren.lunar .ember{
    max-height: 600px;
    padding: 0 22px 20px;
    }
    main.faq .nexus{
    font-family: var(--faq-sans);
    font-size: 0.92rem;
    color: var(--faq-text-light);
    line-height: 1.75;
    padding-top: 4px;
    border-top: 1px solid hsl(310, 10%, 92%);
    }
    main.faq .nexus p{
    margin: 0 0 10px;
    }
    main.faq .nexus p:last-child{
    margin-bottom: 0;
    }
    main.faq .nexus ol, main.faq .nexus ul{
    margin: 8px 0;
    padding-left: 22px;
    }
    main.faq .nexus li{
    margin-bottom: 5px;
    }
    main.faq .nexus code{
    background: hsl(310, 10%, 93%);
    padding: 2px 7px;
    border-radius: 4px;
    font-size: 0.88em;
    color: var(--faq-primary-dark);
    }
    main.faq .nexus a{
    color: var(--faq-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color 0.2s;
    }
    main.faq .nexus a:hover{
    color: var(--faq-primary-dark);
    }
    
    main.faq .faq-help-banner{
    background: linear-gradient(135deg, hsl(310, 45%, 94%) 0%, hsl(30, 40%, 95%) 100%);
    border-radius: var(--faq-radius-lg);
    padding: 40px 36px;
    display: flex;
    align-items: center;
    gap: 36px;
    margin-top: 16px;
    }
    main.faq .faq-help-text{
    flex: 1;
    }
    main.faq .faq-help-text h2{
    font-family: var(--faq-serif);
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--faq-text);
    margin: 0 0 10px;
    }
    main.faq .faq-help-text p{
    font-family: var(--faq-sans);
    font-size: 0.93rem;
    color: var(--faq-text-light);
    line-height: 1.7;
    margin: 0 0 20px;
    }
    main.faq .faq-help-actions{
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    }
    main.faq .faq-btn-primary{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--faq-primary);
    color: var(--faq-white);
    font-family: var(--faq-sans);
    font-size: 0.92rem;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: 50px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.2s, box-shadow 0.2s;
    box-shadow: 0 3px 12px hsla(310, 74%, 59%, 0.3);
    }
    main.faq .faq-btn-primary:hover{
    background: var(--faq-primary-dark);
    box-shadow: 0 4px 18px hsla(310, 74%, 59%, 0.4);
    }
    main.faq .faq-btn-outline{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--faq-white);
    color: var(--faq-text);
    font-family: var(--faq-sans);
    font-size: 0.92rem;
    font-weight: 600;
    padding: 12px 26px;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid var(--faq-border);
    cursor: pointer;
    transition: border-color 0.2s, color 0.2s;
    }
    main.faq .faq-btn-outline:hover{
    border-color: var(--faq-primary);
    color: var(--faq-primary);
    }
    main.faq .faq-help-visual{
    flex-shrink: 0;
    }
    main.faq .faq-help-visual svg{
    width: 100px;
    height: 100px;
    }
    
    main.faq .faq-quick-links{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
    margin-top: 48px;
    margin-bottom: 12px;
    }
    main.faq .faq-quick-card{
    background: var(--faq-white);
    border: 1px solid var(--faq-border);
    border-radius: var(--faq-radius-md);
    padding: 22px;
    text-decoration: none;
    color: var(--faq-text);
    transition: box-shadow 0.25s, transform 0.2s;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    }
    main.faq .faq-quick-card:hover{
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transform: translateY(-2px);
    }
    main.faq .faq-quick-card-icon{
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--faq-warm-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--faq-primary);
    }
    main.faq .faq-quick-card-icon svg{
    width: 18px;
    height: 18px;
    }
    main.faq .faq-quick-card h3{
    font-family: var(--faq-sans);
    font-size: 0.92rem;
    font-weight: 600;
    margin: 0 0 4px;
    }
    main.faq .faq-quick-card p{
    font-family: var(--faq-sans);
    font-size: 0.82rem;
    color: var(--faq-text-light);
    margin: 0;
    line-height: 1.55;
    }
    
    main.faq .quill{
    background: hsl(310, 12%, 14%);
    color: hsla(0, 0%, 100%, 0.7);
    padding: 40px 24px 32px;
    margin-top: 0;
    }
    main.faq .jade{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
    }
    main.faq .coral{
    font-family: var(--faq-serif);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--faq-white);
    margin-bottom: 6px;
    }
    main.faq .mantle{
    font-family: var(--faq-sans);
    font-size: 0.82rem;
    color: hsla(0, 0%, 100%, 0.5);
    margin: 0;
    }
    main.faq .delta{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    }
    main.faq .delta a{
    font-family: var(--faq-sans);
    font-size: 0.85rem;
    color: hsla(0, 0%, 100%, 0.65);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.faq .delta a:hover{
    color: var(--faq-white);
    }
    main.faq .plume{
    max-width: 1100px;
    margin: 24px auto 0;
    padding-top: 20px;
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    text-align: center;
    font-family: var(--faq-sans);
    font-size: 0.8rem;
    color: hsla(0, 0%, 100%, 0.4);
    }
    
    @media (max-width: 768px) {main.faq .glacier{
    padding: 60px 18px 50px;
    }
    main.faq .glacier h1{
    font-size: 1.5rem;
    }
    main.faq .faq-cat-grid{
    grid-template-columns: repeat(3, 1fr);
    padding: 18px;
    gap: 8px;
    }
    main.faq .faq-cat-item{
    padding: 12px 6px;
    }
    main.faq .faq-help-banner{
    flex-direction: column;
    text-align: center;
    padding: 28px 22px;
    gap: 20px;
    }
    main.faq .faq-help-actions{
    justify-content: center;
    }
    main.faq .faq-help-visual{
    display: none;
    }
    main.faq .faq-quick-links{
    grid-template-columns: 1fr;
    }
    main.faq .jade{
    flex-direction: column;
    align-items: center;
    text-align: center;
    }
    main.faq .delta{
    justify-content: center;
    }
    main.faq .dusk{
    padding: 15px 16px;
    font-size: 0.92rem;
    }}
    @media (max-width: 480px) {main.faq .faq-cat-grid{
    grid-template-columns: repeat(2, 1fr);
    }
    main.faq .vapor{
    flex-direction: column;
    border-radius: var(--faq-radius-md);
    }
    main.faq .kinetic{
    border-radius: 0 0 var(--faq-radius-md) var(--faq-radius-md);
    }}
    main.faq .quill{
    background: var(--text-color, hsl(310, 10%, 10%));
    padding: 0;
    margin-top: 80px;
    position: relative;
    overflow: hidden;
    }
    main.faq .quill::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
    90deg,
    var(--primary-color, hsl(310, 74%, 45%)),
    var(--secondary-color, hsl(59, 59%, 48%)),
    var(--primary-color, hsl(310, 74%, 45%))
    );
    }
    main.faq .jade{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    padding: 48px 32px 32px;
    }
    main.faq .cobalt{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    padding-bottom: 32px;
    border-bottom: 1px solid hsla(310, 20%, 80%, 0.12);
    }
    main.faq .coral{
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
    }
    main.faq .fractal{
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    }
    main.faq .mantle{
    font-size: 13px;
    color: hsla(310, 15%, 80%, 0.6);
    margin: 0;
    line-height: 1.4;
    }
    main.faq .delta{
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    }
    main.faq .glyph{
    font-size: 14px;
    color: hsla(310, 15%, 85%, 0.75);
    text-decoration: none;
    padding: 4px 8px;
    border-radius: var(--radius-sm, 4px);
    transition: var(--transition, all 0.25s ease);
    }
    main.faq .glyph:hover{
    color: #fff;
    background: hsla(310, 74%, 45%, 0.15);
    }
    main.faq .xeno{
    color: var(--primary-color, hsl(310, 74%, 45%));
    }
    main.faq .yield{
    color: hsla(310, 15%, 80%, 0.25);
    font-size: 14px;
    user-select: none;
    }
    main.faq .slate{
    flex: 0 0 auto;
    }
    main.faq .vortex{
    display: inline-block;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(
    135deg,
    var(--primary-color, hsl(310, 74%, 45%)),
    hsl(330, 70%, 50%)
    );
    border-radius: var(--radius-md, 8px);
    text-decoration: none;
    box-shadow: 0 4px 18px hsla(310, 74%, 45%, 0.35);
    transition: var(--transition, all 0.25s ease);
    letter-spacing: 0.3px;
    }
    main.faq .vortex:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 24px hsla(310, 74%, 45%, 0.45);
    }
    main.faq .plume{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.faq .nova{
    font-size: 13px;
    color: hsla(310, 15%, 80%, 0.4);
    flex: 0 1 auto;
    }
    main.faq .fossil{
    font-size: 12px;
    color: hsla(310, 15%, 80%, 0.3);
    flex: 0 0 auto;
    }
    @media (max-width: 768px) {main.faq .jade{
    padding: 36px 20px 24px;
    }
    main.faq .cobalt{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
    }
    main.faq .coral{
    align-items: center;
    }
    main.faq .delta{
    justify-content: center;
    }
    main.faq .plume{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    }}
    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;
}