:root {
  --primary-color: hsl(307, 62%, 42%);
  --secondary-color: hsl(64, 50%, 38%);
  --bg-color: hsl(307, 6%, 96%);
  --text-color: hsl(307, 10%, 10%);
  --text-muted: hsl(307, 6%, 44%);
  --border-color: rgba(0, 0, 0, 0.1);
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --nav-height: 64px;
  --max-width: 1200px;
  --transition: all 0.2s ease;
  --nav-bg: var(--bg-color);
  --nav-border: var(--border-color);
  --wps-primary: hsl(307, 62%, 55%);
  --wps-primary-dark: hsl(307, 62%, 42%);
  --wps-secondary: hsl(64, 50%, 55%);
  --wps-text: hsl(307, 10%, 10%);
  --wps-bg: hsl(307, 6%, 96%);
  --wps-text-muted: hsl(307, 6%, 45%);
  --wps-border: hsl(307, 6%, 86%);
  --wps-surface: #ffffff;
  --wps-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --wps-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --feat-primary: hsl(307, 62%, 55%);
  --feat-primary-dark: hsl(307, 62%, 42%);
  --feat-secondary: hsl(64, 50%, 55%);
  --feat-secondary-dark: hsl(64, 50%, 40%);
  --feat-text: hsl(307, 10%, 10%);
  --feat-text-light: hsl(307, 8%, 40%);
  --feat-bg: hsl(307, 6%, 96%);
  --feat-bg-alt: hsl(307, 4%, 92%);
  --feat-white: #ffffff;
  --feat-border: hsl(307, 6%, 86%);
  --feat-serif: "Playfair Display", Georgia, "Songti SC", serif;
  --feat-sans: "Inter", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --page-primary: hsl(307, 62%, 55%);
  --page-primary-dark: hsl(307, 62%, 42%);
  --page-secondary: hsl(64, 50%, 55%);
  --page-text: hsl(307, 10%, 10%);
  --page-text-light: hsl(307, 8%, 40%);
  --page-bg: hsl(307, 6%, 96%);
  --page-surface: #ffffff;
  --page-border: hsl(307, 6%, 88%);
  --page-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --page-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --guide-primary: hsl(307, 62%, 55%);
  --guide-primary-dark: hsl(307, 62%, 42%);
  --guide-secondary: hsl(64, 50%, 55%);
  --guide-secondary-dark: hsl(64, 50%, 40%);
  --guide-text: hsl(307, 10%, 10%);
  --guide-text-light: hsl(307, 8%, 40%);
  --guide-bg: hsl(307, 6%, 96%);
  --guide-white: #ffffff;
  --guide-border: hsl(307, 6%, 88%);
  --guide-step-bg: hsl(307, 6%, 99%);
  --wps-muted: hsl(307, 6%, 45%);
  --wps-card: #ffffff;
  --wps-tag-new: hsl(307, 62%, 55%);
  --wps-tag-fix: hsl(160, 50%, 42%);
  --wps-tag-opt: hsl(220, 50%, 50%);
}

*,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.index *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    main.index .cinder_vat{
    padding: 100px 24px 80px;
    background-color: var(--wps-bg, hsl(307, 6%, 96%));
    text-align: center;
    }
    main.index .quirk_z{
    max-width: 800px;
    margin: 0 auto;
    }
    main.index .cinder_vat h1{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 3.2rem;
    font-weight: 700;
    color: var(--wps-text, hsl(307, 10%, 10%));
    line-height: 1.2;
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    }
    main.index .crypt_ox{
    font-family: "Inter", sans-serif;
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    margin-bottom: 40px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    }
    main.index .torque8{
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }
    main.index .jotKnob{
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--wps-primary, hsl(307, 62%, 55%));
    padding: 16px 40px;
    text-decoration: none;
    transition: background-color 0.2s ease;
    }
    main.index .jotKnob:hover{
    background-color: var(--wps-primary-dark, hsl(307, 62%, 42%));
    }
    main.index .fawnLip{
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    color: var(--wps-text, hsl(307, 10%, 10%));
    background-color: var(--wps-surface, #ffffff);
    border: 2px solid var(--wps-text, hsl(307, 10%, 10%));
    padding: 14px 36px;
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
    }
    main.index .fawnLip:hover{
    background-color: var(--wps-text, hsl(307, 10%, 10%));
    color: #ffffff;
    }
    main.index .barque{
    margin-top: 60px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    }
    main.index .barque img{
    width: 100%;
    height: auto;
    display: block;
    }
    
    main.index .zenPulse{
    padding: 100px 24px;
    background-color: var(--wps-surface, #ffffff);
    }
    main.index .veldt{
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    }
    main.index .plinth h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--wps-text, hsl(307, 10%, 10%));
    line-height: 1.25;
    margin-bottom: 24px;
    }
    main.index .plinth p{
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    margin-bottom: 16px;
    }
    main.index .plinth .fizzPop{
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--wps-primary, hsl(307, 62%, 55%));
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
    }
    main.index .plinth .fizzPop:hover{
    border-bottom-color: var(--wps-primary, hsl(307, 62%, 55%));
    }
    main.index .oxbow img{
    width: 100%;
    height: auto;
    display: block;
    }
    
    main.index .junco{
    padding: 100px 24px;
    background-color: var(--wps-bg, hsl(307, 6%, 96%));
    }
    main.index .prong{
    text-align: center;
    max-width: 600px;
    margin: 0 auto 64px;
    }
    main.index .prong h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--wps-text, hsl(307, 10%, 10%));
    margin-bottom: 16px;
    }
    main.index .prong p{
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    }
    main.index .skald{
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    }
    main.index .jive3x{
    background-color: var(--wps-surface, #ffffff);
    padding: 40px 32px;
    border: 1px solid var(--wps-border, hsl(307, 6%, 88%));
    }
    main.index .nimbus2{
    width: 48px;
    height: 48px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.index .nimbus2 svg{
    width: 32px;
    height: 32px;
    stroke: var(--wps-primary, hsl(307, 62%, 55%));
    fill: none;
    stroke-width: 1.5;
    }
    main.index .jive3x h3{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wps-text, hsl(307, 10%, 10%));
    margin-bottom: 12px;
    }
    main.index .jive3x p{
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    }
    
    main.index .moltArc{
    padding: 100px 24px;
    background-color: var(--wps-surface, #ffffff);
    }
    main.index .drabFog{
    max-width: 1080px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    }
    main.index .xv7{
    order: 1;
    }
    main.index .xv7 img{
    width: 100%;
    height: auto;
    display: block;
    }
    main.index .duskFall{
    order: 2;
    }
    main.index .duskFall h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: var(--wps-text, hsl(307, 10%, 10%));
    line-height: 1.25;
    margin-bottom: 24px;
    }
    main.index .duskFall p{
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    margin-bottom: 16px;
    }
    main.index .bramble{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    }
    main.index .bramble li{
    font-family: "Inter", sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--wps-text, hsl(307, 10%, 10%));
    background-color: var(--wps-bg, hsl(307, 6%, 96%));
    padding: 8px 20px;
    border: 1px solid var(--wps-border, hsl(307, 6%, 88%));
    }
    
    main.index .grotto{
    padding: 100px 24px;
    background-color: var(--wps-text, hsl(307, 10%, 10%));
    text-align: center;
    }
    main.index .ember_q{
    max-width: 640px;
    margin: 0 auto;
    }
    main.index .grotto h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.4rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 16px;
    }
    main.index .grotto p{
    font-family: "Inter", sans-serif;
    font-size: 1rem;
    line-height: 1.7;
    color: hsl(307, 6%, 70%);
    margin-bottom: 40px;
    }
    main.index .grotto .jotKnob{
    background-color: var(--wps-primary, hsl(307, 62%, 55%));
    padding: 18px 48px;
    font-size: 1.05rem;
    }
    main.index .grotto .jotKnob:hover{
    background-color: var(--wps-primary-dark, hsl(307, 62%, 42%));
    }
    main.index .halcyon{
    font-family: "Inter", sans-serif;
    font-size: 0.8rem;
    color: hsl(307, 6%, 50%);
    margin-top: 20px;
    }
    
    main.index .kelpFarm{
    padding: 48px 24px;
    background-color: var(--wps-surface, #ffffff);
    border-top: 1px solid var(--wps-border, hsl(307, 6%, 88%));
    }
    main.index .waspNest{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.index .glintMesh{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--wps-text, hsl(307, 10%, 10%));
    }
    main.index .sableWing{
    font-family: "Inter", sans-serif;
    font-size: 0.8rem;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    }
    main.index .cobalt_rim{
    display: flex;
    gap: 24px;
    list-style: none;
    }
    main.index .cobalt_rim a{
    font-family: "Inter", sans-serif;
    font-size: 0.8rem;
    color: var(--wps-text-muted, hsl(307, 6%, 40%));
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.index .cobalt_rim a:hover{
    color: var(--wps-text, hsl(307, 10%, 10%));
    }
    
    @media (max-width: 768px) {main.index .cinder_vat{
    padding: 72px 20px 56px;
    }
    main.index .cinder_vat h1{
    font-size: 2.2rem;
    }
    main.index .crypt_ox{
    font-size: 1rem;
    }
    main.index .veldt, main.index .drabFog{
    grid-template-columns: 1fr;
    gap: 40px;
    }
    main.index .xv7{
    order: 2;
    }
    main.index .duskFall{
    order: 1;
    }
    main.index .skald{
    grid-template-columns: 1fr;
    gap: 20px;
    }
    main.index .plinth h2, main.index .duskFall h2, main.index .prong h2, main.index .grotto h2{
    font-size: 1.8rem;
    }
    main.index .torque8{
    flex-direction: column;
    }
    main.index .jotKnob, main.index .fawnLip{
    width: 100%;
    text-align: center;
    }
    main.index .waspNest{
    flex-direction: column;
    text-align: center;
    }
    main.index .cobalt_rim{
    justify-content: center;
    }}
    @media (max-width: 480px) {main.index .cinder_vat h1{
    font-size: 1.75rem;
    }
    main.index .jive3x{
    padding: 28px 24px;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.download *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    main.download .stumpJar{
    background-color: var(--wps-bg);
    padding: 80px 24px 64px;
    text-align: center;
    }
    main.download .brinePod{
    max-width: 720px;
    margin: 0 auto;
    }
    main.download .stumpJar h1{
    font-family: var(--wps-serif);
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--wps-text);
    line-height: 1.2;
    margin-bottom: 16px;
    letter-spacing: -0.02em;
    }
    main.download .cusp{
    font-family: var(--wps-sans);
    font-size: 1.125rem;
    color: var(--wps-text-muted);
    line-height: 1.6;
    margin-bottom: 40px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    }
    main.download .lucid_3{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: var(--wps-primary);
    color: #ffffff;
    font-family: var(--wps-sans);
    font-size: 1.125rem;
    font-weight: 600;
    padding: 18px 48px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.2s ease;
    letter-spacing: 0.01em;
    }
    main.download .lucid_3:hover{
    background-color: var(--wps-primary-dark);
    }
    main.download .lucid_3 svg{
    width: 20px;
    height: 20px;
    fill: currentColor;
    }
    main.download .opaque7{
    margin-top: 20px;
    font-family: var(--wps-sans);
    font-size: 0.8125rem;
    color: var(--wps-text-muted);
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
    }
    main.download .cragDen{
    padding: 80px 24px;
    background-color: var(--wps-surface);
    }
    main.download .wraith_6{
    max-width: 960px;
    margin: 0 auto;
    }
    main.download .cragDen h2{
    font-family: var(--wps-serif);
    font-size: 2rem;
    font-weight: 600;
    color: var(--wps-text);
    text-align: center;
    margin-bottom: 48px;
    letter-spacing: -0.01em;
    }
    main.download .molt_cue{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background-color: var(--wps-border);
    border: 1px solid var(--wps-border);
    }
    main.download .glyph{
    background-color: var(--wps-surface);
    padding: 40px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    }
    main.download .quilMark{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    main.download .quilMark svg{
    width: 40px;
    height: 40px;
    fill: var(--wps-text);
    }
    main.download .eclat{
    font-family: var(--wps-serif);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--wps-text);
    }
    main.download .jag{
    font-family: var(--wps-sans);
    font-size: 0.8125rem;
    color: var(--wps-text-muted);
    line-height: 1.5;
    }
    main.download .brackFin{
    display: inline-block;
    margin-top: auto;
    padding: 12px 28px;
    font-family: var(--wps-sans);
    font-size: 0.875rem;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--wps-primary);
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
    }
    main.download .brackFin:hover{
    background-color: var(--wps-primary-dark);
    }
    main.download .orbWeave{
    padding: 80px 24px;
    background-color: var(--wps-bg);
    }
    main.download .slateHum{
    max-width: 800px;
    margin: 0 auto;
    }
    main.download .orbWeave h2{
    font-family: var(--wps-serif);
    font-size: 2rem;
    font-weight: 600;
    color: var(--wps-text);
    text-align: center;
    margin-bottom: 48px;
    }
    main.download .feral_nub{
    width: 100%;
    border-collapse: collapse;
    font-family: var(--wps-sans);
    background-color: var(--wps-surface);
    border: 1px solid var(--wps-border);
    }
    main.download .feral_nub th, main.download .feral_nub td{
    padding: 16px 24px;
    text-align: left;
    border-bottom: 1px solid var(--wps-border);
    font-size: 0.9375rem;
    color: var(--wps-text);
    }
    main.download .feral_nub th{
    font-weight: 600;
    background-color: var(--wps-bg);
    color: var(--wps-text-muted);
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    }
    main.download .raze{
    padding: 80px 24px;
    background-color: var(--wps-surface);
    }
    main.download .axiom{
    max-width: 960px;
    margin: 0 auto;
    }
    main.download .raze h2{
    font-family: var(--wps-serif);
    font-size: 2rem;
    font-weight: 600;
    color: var(--wps-text);
    text-align: center;
    margin-bottom: 48px;
    }
    main.download .pewRing{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background-color: var(--wps-border);
    border: 1px solid var(--wps-border);
    }
    main.download .quartzHex{
    background-color: var(--wps-surface);
    padding: 32px;
    }
    main.download .quartzHex h3{
    font-family: var(--wps-serif);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--wps-text);
    margin-bottom: 16px;
    }
    main.download .tuft_elk{
    list-style: none;
    font-family: var(--wps-sans);
    font-size: 0.875rem;
    color: var(--wps-text-muted);
    line-height: 2;
    }
    main.download .tuft_elk li::before{
    content: "—";
    margin-right: 8px;
    color: var(--wps-border);
    }
    main.download .pebbleSaw{
    padding: 80px 24px;
    background-color: var(--wps-bg);
    }
    main.download .rumble5{
    max-width: 960px;
    margin: 0 auto;
    }
    main.download .pebbleSaw h2{
    font-family: var(--wps-serif);
    font-size: 2rem;
    font-weight: 600;
    color: var(--wps-text);
    text-align: center;
    margin-bottom: 48px;
    }
    main.download .wyvern{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    }
    main.download .talc{
    background-color: var(--wps-surface);
    border: 1px solid var(--wps-border);
    overflow: hidden;
    }
    main.download .gnarlHub{
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
    }
    main.download .deft_coil{
    padding: 24px;
    }
    main.download .deft{
    font-family: var(--wps-sans);
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--wps-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    }
    main.download .deft_coil h3{
    font-family: var(--wps-serif);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--wps-text);
    margin-bottom: 8px;
    }
    main.download .deft_coil p{
    font-family: var(--wps-sans);
    font-size: 0.875rem;
    color: var(--wps-text-muted);
    line-height: 1.6;
    }
    main.download .snagPly{
    padding: 80px 24px;
    background-color: var(--wps-surface);
    }
    main.download .dawnKit{
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    }
    main.download .snagPly h2{
    font-family: var(--wps-serif);
    font-size: 2rem;
    font-weight: 600;
    color: var(--wps-text);
    margin-bottom: 24px;
    }
    main.download .pyxis{
    font-family: var(--wps-sans);
    font-size: 1rem;
    color: var(--wps-text-muted);
    line-height: 1.7;
    margin-bottom: 40px;
    }
    main.download .fluxSeed{
    display: flex;
    justify-content: center;
    gap: 48px;
    flex-wrap: wrap;
    }
    main.download .jarvik{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    }
    main.download .jarvik svg{
    width: 32px;
    height: 32px;
    fill: var(--wps-primary);
    }
    main.download .jarvik span{
    font-family: var(--wps-sans);
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--wps-text);
    }
    main.download .sprig{
    margin-top: 48px;
    font-family: var(--wps-sans);
    font-size: 0.875rem;
    color: var(--wps-text-muted);
    line-height: 1.7;
    }
    main.download .sprig a{
    color: var(--wps-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s ease;
    }
    main.download .sprig a:hover{
    border-bottom-color: var(--wps-primary);
    }
    main.download .rivulet{
    padding: 40px 24px;
    background-color: var(--wps-text);
    text-align: center;
    }
    main.download .xylem{
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    }
    main.download .vexShim{
    font-family: var(--wps-serif);
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
    }
    main.download .novaTip{
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center;
    }
    main.download .novaTip a{
    font-family: var(--wps-sans);
    font-size: 0.8125rem;
    color: hsl(307, 6%, 65%);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.download .novaTip a:hover{
    color: #ffffff;
    }
    main.download .dl-footer-copy{
    font-family: var(--wps-sans);
    font-size: 0.75rem;
    color: hsl(307, 6%, 50%);
    }
    @media (max-width: 768px) {main.download .stumpJar{
    padding: 56px 20px 48px;
    }
    main.download .stumpJar h1{
    font-size: 2rem;
    }
    main.download .cusp{
    font-size: 1rem;
    }
    main.download .molt_cue{
    grid-template-columns: repeat(2, 1fr);
    }
    main.download .pewRing{
    grid-template-columns: 1fr;
    }
    main.download .wyvern{
    grid-template-columns: 1fr;
    }
    main.download .opaque7{
    flex-direction: column;
    gap: 8px;
    }}
    @media (max-width: 480px) {main.download .molt_cue{
    grid-template-columns: 1fr;
    }
    main.download .stumpJar h1{
    font-size: 1.75rem;
    }
    main.download .lucid_3{
    padding: 16px 36px;
    font-size: 1rem;
    }
    main.download .fluxSeed{
    gap: 32px;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.features .frond{
    padding: 100px 0 80px;
    background-color: var(--feat-bg, hsl(307, 6%, 96%));
    border-bottom: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    }
    main.features .knotFur{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    }
    main.features .apex9{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    }
    main.features .spurGem h1{
    font-family: var(--feat-serif);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.3;
    color: var(--feat-text, hsl(307, 10%, 10%));
    margin: 0 0 24px;
    }
    main.features .spurGem p{
    font-family: var(--feat-sans);
    font-size: 1.0625rem;
    line-height: 1.75;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    margin: 0 0 36px;
    }
    main.features .thaw{
    display: inline-block;
    padding: 14px 36px;
    background-color: var(--feat-primary, hsl(307, 62%, 55%));
    color: var(--feat-white, #ffffff);
    font-family: var(--feat-sans);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color 0.2s ease;
    }
    main.features .thaw:hover{
    background-color: var(--feat-primary-dark, hsl(307, 62%, 42%));
    }
    main.features .fen_grit img{
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    }
    
    main.features .pyre{
    padding: 96px 0;
    background-color: var(--feat-white, #ffffff);
    }
    main.features .vial_jet{
    font-family: var(--feat-serif);
    font-size: 1.875rem;
    font-weight: 700;
    color: var(--feat-text, hsl(307, 10%, 10%));
    margin: 0 0 16px;
    text-align: center;
    }
    main.features .clodVex{
    font-family: var(--feat-sans);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    text-align: center;
    max-width: 640px;
    margin: 0 auto 64px;
    }
    main.features .plume_ox{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    }
    main.features .zinc_orb{
    padding: 40px 32px;
    background-color: var(--feat-bg, hsl(307, 6%, 96%));
    border: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    transition: box-shadow 0.2s ease;
    }
    main.features .zinc_orb:hover{
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    }
    main.features .dripSaw3{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    background-color: var(--feat-primary, hsl(307, 62%, 55%));
    }
    main.features .dripSaw3 svg{
    width: 24px;
    height: 24px;
    fill: var(--feat-white, #ffffff);
    }
    main.features .zinc_orb h3{
    font-family: var(--feat-serif);
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--feat-text, hsl(307, 10%, 10%));
    margin: 0 0 12px;
    }
    main.features .zinc_orb p{
    font-family: var(--feat-sans);
    font-size: 0.9375rem;
    line-height: 1.7;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    margin: 0;
    }
    
    main.features .oakum{
    padding: 96px 0;
    border-top: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    }
    main.features .oakum:nth-child(even){
    background-color: var(--feat-white, #ffffff);
    }
    main.features .oakum:nth-child(odd){
    background-color: var(--feat-bg, hsl(307, 6%, 96%));
    }
    main.features .bevel7{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    }
    main.features .bevel7.lurk3{
    direction: rtl;
    }
    main.features .bevel7.lurk3 > *{
    direction: ltr;
    }
    main.features .gulchMap h2{
    font-family: var(--feat-serif);
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--feat-text, hsl(307, 10%, 10%));
    margin: 0 0 20px;
    }
    main.features .gulchMap p{
    font-family: var(--feat-sans);
    font-size: 1rem;
    line-height: 1.75;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    margin: 0 0 16px;
    }
    main.features .nexWarp{
    list-style: none;
    padding: 0;
    margin: 24px 0 0;
    }
    main.features .nexWarp li{
    font-family: var(--feat-sans);
    font-size: 0.9375rem;
    line-height: 1.6;
    color: var(--feat-text, hsl(307, 10%, 10%));
    padding: 8px 0;
    border-bottom: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    display: flex;
    align-items: center;
    gap: 12px;
    }
    main.features .nexWarp li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: var(--feat-primary, hsl(307, 62%, 55%));
    flex-shrink: 0;
    }
    main.features .cruxPad img{
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    }
    
    main.features .spool{
    padding: 64px 0;
    background-color: var(--feat-white, #ffffff);
    border-top: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    }
    main.features .cob_rune{
    display: flex;
    justify-content: center;
    gap: 64px;
    text-align: center;
    }
    main.features .whisk{
    font-family: var(--feat-sans);
    }
    main.features .blokeVin{
    font-size: 0.8125rem;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
    }
    main.features .flinch{
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--feat-text, hsl(307, 10%, 10%));
    }
    
    main.features .rusk{
    padding: 96px 0;
    background-color: var(--feat-bg, hsl(307, 6%, 96%));
    border-top: 1px solid var(--feat-border, hsl(307, 6%, 86%));
    text-align: center;
    }
    main.features .rusk h2{
    font-family: var(--feat-serif);
    font-size: 2rem;
    font-weight: 700;
    color: var(--feat-text, hsl(307, 10%, 10%));
    margin: 0 0 16px;
    }
    main.features .rusk p{
    font-family: var(--feat-sans);
    font-size: 1.0625rem;
    line-height: 1.7;
    color: var(--feat-text-light, hsl(307, 8%, 40%));
    max-width: 560px;
    margin: 0 auto 40px;
    }
    main.features .tarn{
    display: flex;
    justify-content: center;
    gap: 16px;
    }
    main.features .scrawl{
    display: inline-block;
    padding: 14px 36px;
    background-color: var(--feat-text, hsl(307, 10%, 10%));
    color: var(--feat-white, #ffffff);
    font-family: var(--feat-sans);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.2s ease;
    }
    main.features .scrawl:hover{
    opacity: 0.85;
    }
    
    main.features .swirl9{
    padding: 48px 0;
    background-color: var(--feat-text, hsl(307, 10%, 10%));
    color: hsl(307, 6%, 70%);
    font-family: var(--feat-sans);
    }
    main.features .midge{
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    main.features .dint{
    font-family: var(--feat-serif);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--feat-white, #ffffff);
    }
    main.features .garb_hue{
    display: flex;
    gap: 32px;
    }
    main.features .garb_hue a{
    font-size: 0.875rem;
    color: hsl(307, 6%, 70%);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.features .garb_hue a:hover{
    color: var(--feat-white, #ffffff);
    }
    main.features .jadePith{
    font-size: 0.8125rem;
    color: hsl(307, 6%, 50%);
    }
    
    @media (max-width: 900px) {main.features .apex9, main.features .bevel7, main.features .bevel7.lurk3{
    grid-template-columns: 1fr;
    gap: 40px;
    direction: ltr;
    }
    main.features .plume_ox{
    grid-template-columns: 1fr;
    gap: 24px;
    }
    main.features .spurGem h1{
    font-size: 1.75rem;
    }
    main.features .cob_rune{
    flex-direction: column;
    gap: 24px;
    }
    main.features .midge{
    flex-direction: column;
    gap: 24px;
    text-align: center;
    }
    main.features .garb_hue{
    flex-wrap: wrap;
    justify-content: center;
    }
    main.features .tarn{
    flex-direction: column;
    align-items: center;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.system-requirements *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    main.system-requirements{
    font-family: var(--page-sans);
    color: var(--page-text, #1a1a1a);
    background-color: var(--page-bg, #f5f4f5);
    line-height: 1.6;
    }
    main.system-requirements .obsidian{
    position: relative;
    overflow: hidden;
    padding: 80px 0 60px;
    background: var(--page-surface);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .velvet{
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    }
    main.system-requirements .creel h1{
    font-family: var(--page-serif);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--page-text, #1a1a1a);
    margin-bottom: 20px;
    }
    main.system-requirements .creel p{
    font-size: 1.05rem;
    color: var(--page-text-light);
    line-height: 1.7;
    margin-bottom: 28px;
    }
    main.system-requirements .basalt{
    display: inline-block;
    padding: 14px 36px;
    background: var(--page-primary);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    transition: background 0.2s;
    }
    main.system-requirements .basalt:hover{
    background: var(--page-primary-dark);
    }
    main.system-requirements .cobalt{
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    }
    main.system-requirements .cobalt img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    }
    main.system-requirements .falcon{
    max-width: 1080px;
    margin: 0 auto;
    padding: 64px 24px;
    }
    main.system-requirements .ivory{
    font-family: var(--page-serif);
    font-size: 1.75rem;
    font-weight: 600;
    color: var(--page-text, #1a1a1a);
    margin-bottom: 12px;
    }
    main.system-requirements .dusk{
    font-size: 0.95rem;
    color: var(--page-text-light);
    margin-bottom: 40px;
    max-width: 640px;
    }
    main.system-requirements .jade{
    background: var(--page-surface);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .trellis_q{
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--page-border);
    margin-bottom: 48px;
    }
    main.system-requirements .crimson{
    padding: 14px 28px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--page-text-light);
    cursor: default;
    border-bottom: 2px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    }
    main.system-requirements .crimson.aurora{
    color: var(--page-primary);
    border-bottom-color: var(--page-primary);
    }
    main.system-requirements .onyx{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    }
    main.system-requirements .prism{
    border: 1px solid var(--page-border);
    padding: 32px;
    background: var(--page-bg);
    }
    main.system-requirements .caulkFin{
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--page-primary);
    margin-bottom: 16px;
    padding: 4px 10px;
    border: 1px solid var(--page-primary);
    }
    main.system-requirements .caulkFin.jamb_ray{
    background: var(--page-primary);
    color: #fff;
    }
    main.system-requirements .prism h3{
    font-family: var(--page-serif);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--page-text, #1a1a1a);
    }
    main.system-requirements .snipOrb{
    list-style: none;
    }
    main.system-requirements .snipOrb li{
    padding: 10px 0;
    border-bottom: 1px solid var(--page-border);
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    }
    main.system-requirements .snipOrb li:last-child{
    border-bottom: none;
    }
    main.system-requirements .sapphire{
    color: var(--page-text-light);
    flex-shrink: 0;
    margin-right: 16px;
    }
    main.system-requirements .floe{
    text-align: right;
    font-weight: 500;
    color: var(--page-text, #1a1a1a);
    }
    main.system-requirements .quartz{
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .grove{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    }
    main.system-requirements .cedar{
    border: 1px solid var(--page-border);
    background: var(--page-surface);
    padding: 32px;
    }
    main.system-requirements .cedar h3{
    font-family: var(--page-serif);
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--page-text, #1a1a1a);
    }
    main.system-requirements .cedar .ember{
    font-size: 1.5rem;
    margin-bottom: 12px;
    display: block;
    }
    main.system-requirements .haze{
    background: var(--page-surface);
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .marble{
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
    }
    main.system-requirements .marble thead{
    background: var(--page-bg);
    }
    main.system-requirements .marble th{
    text-align: left;
    padding: 14px 20px;
    font-weight: 600;
    color: var(--page-text, #1a1a1a);
    border-bottom: 2px solid var(--page-border);
    }
    main.system-requirements .marble td{
    padding: 14px 20px;
    border-bottom: 1px solid var(--page-border);
    color: var(--page-text-light);
    }
    main.system-requirements .marble tbody tr:hover{
    background: var(--page-bg);
    }
    main.system-requirements .vortex{
    color: var(--page-primary);
    font-weight: 700;
    }
    main.system-requirements .nimbus{
    border-bottom: 1px solid var(--page-border);
    }
    main.system-requirements .flint{
    max-width: 720px;
    }
    main.system-requirements .lumen{
    border-bottom: 1px solid var(--page-border);
    padding: 20px 0;
    }
    main.system-requirements .lumen:last-child{
    border-bottom: none;
    }
    main.system-requirements .zenith{
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--page-text, #1a1a1a);
    margin-bottom: 8px;
    }
    main.system-requirements .gust7{
    font-size: 0.9rem;
    color: var(--page-text-light);
    line-height: 1.7;
    }
    main.system-requirements .gust7 a{
    color: var(--page-primary);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.system-requirements .gust7 a:hover{
    border-bottom-color: var(--page-primary);
    }
    main.system-requirements .phantom{
    text-align: center;
    padding: 64px 24px;
    background: var(--page-text, #1a1a1a);
    }
    main.system-requirements .phantom h2{
    font-family: var(--page-serif);
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px;
    }
    main.system-requirements .phantom p{
    color: hsl(307, 6%, 70%);
    font-size: 0.95rem;
    margin-bottom: 28px;
    }
    main.system-requirements .phantom a{
    display: inline-block;
    padding: 14px 40px;
    background: var(--page-primary);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    transition: background 0.2s;
    }
    main.system-requirements .phantom a:hover{
    background: var(--page-primary-dark);
    }
    main.system-requirements .valeMist{
    background: var(--page-text, #1a1a1a);
    border-top: 1px solid hsl(307, 6%, 22%);
    padding: 32px 24px;
    }
    main.system-requirements .pang_duo{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }
    main.system-requirements .bask{
    font-family: var(--page-serif);
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    }
    main.system-requirements .glacier{
    font-size: 0.8rem;
    color: hsl(307, 6%, 55%);
    }
    main.system-requirements .kelp{
    display: flex;
    gap: 24px;
    }
    main.system-requirements .kelp a{
    font-size: 0.8rem;
    color: hsl(307, 6%, 55%);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.system-requirements .kelp a:hover{
    color: #fff;
    }
    main.system-requirements .dhole{
    font-size: 0.8rem;
    color: var(--page-text-light);
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid var(--page-border);
    }
    @media (max-width: 768px) {main.system-requirements .velvet{
    grid-template-columns: 1fr;
    gap: 32px;
    }
    main.system-requirements .creel h1{
    font-size: 1.75rem;
    }
    main.system-requirements .onyx, main.system-requirements .grove{
    grid-template-columns: 1fr;
    }
    main.system-requirements .trellis_q{
    overflow-x: auto;
    }
    main.system-requirements .crimson{
    padding: 12px 20px;
    white-space: nowrap;
    font-size: 0.85rem;
    }
    main.system-requirements .marble{
    font-size: 0.8rem;
    }
    main.system-requirements .marble th, main.system-requirements .marble td{
    padding: 10px 12px;
    }
    main.system-requirements .pang_duo{
    flex-direction: column;
    gap: 16px;
    text-align: center;
    }
    main.system-requirements .falcon{
    padding: 48px 24px;
    }}
    @media (max-width: 480px) {main.system-requirements .obsidian{
    padding: 48px 0 40px;
    }
    main.system-requirements .creel h1{
    font-size: 1.5rem;
    }
    main.system-requirements .ivory{
    font-size: 1.4rem;
    }
    main.system-requirements .snipOrb li{
    flex-direction: column;
    gap: 4px;
    }
    main.system-requirements .floe{
    text-align: left;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.guide *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    main.guide .opal{
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--guide-text, #1a1518);
    background: var(--guide-bg, #f4f3f4);
    line-height: 1.7;
    }
    main.guide .nectar{
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    }
    main.guide .fable{
    padding: 80px 24px 64px;
    text-align: center;
    background: var(--guide-white, #ffffff);
    border-bottom: 1px solid var(--guide-border, #e0dde0);
    }
    main.guide .delta{
    max-width: 720px;
    margin: 0 auto;
    }
    main.guide .fable h1{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--guide-text, #1a1518);
    margin-bottom: 20px;
    letter-spacing: -0.02em;
    }
    main.guide .glyph{
    font-size: 1.05rem;
    color: var(--guide-text-light, #5e4f5a);
    max-width: 560px;
    margin: 0 auto 32px;
    line-height: 1.8;
    }
    main.guide .jovial{
    font-size: 0.85rem;
    color: var(--guide-text-light, #5e4f5a);
    }
    main.guide .guide-toc{
    max-width: 800px;
    margin: 0 auto;
    padding: 48px 24px;
    }
    main.guide .guide-toc h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 24px;
    color: var(--guide-text, #1a1518);
    }
    main.guide .guide-toc-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    }
    main.guide .guide-toc-item{
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: var(--guide-white, #ffffff);
    border: 1px solid var(--guide-border, #e0dde0);
    text-decoration: none;
    color: var(--guide-text, #1a1518);
    font-size: 0.95rem;
    transition: border-color 0.2s;
    }
    main.guide .guide-toc-item:hover{
    border-color: var(--guide-primary, hsl(307, 62%, 55%));
    }
    main.guide .guide-toc-num{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--guide-primary, hsl(307, 62%, 55%));
    min-width: 28px;
    }
    main.guide .ridgeline{
    max-width: 800px;
    margin: 0 auto;
    padding: 0 24px 56px;
    }
    main.guide .mosaic{
    padding-bottom: 16px;
    margin-bottom: 28px;
    border-bottom: 2px solid var(--guide-text, #1a1518);
    }
    main.guide .mosaic h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--guide-text, #1a1518);
    }
    main.guide .ridgeline h3{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.15rem;
    font-weight: 600;
    margin: 28px 0 12px;
    color: var(--guide-text, #1a1518);
    }
    main.guide .ridgeline p{
    margin-bottom: 16px;
    font-size: 0.95rem;
    color: var(--guide-text, #1a1518);
    }
    main.guide .timber{
    list-style: none;
    counter-reset: step-counter;
    margin: 20px 0;
    }
    main.guide .timber li{
    counter-increment: step-counter;
    display: flex;
    gap: 16px;
    padding: 20px;
    margin-bottom: 12px;
    background: var(--guide-step-bg, #fcfcfc);
    border: 1px solid var(--guide-border, #e0dde0);
    }
    main.guide .timber li::before{
    content: counter(step-counter);
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--guide-primary, hsl(307, 62%, 55%));
    min-width: 32px;
    line-height: 1.3;
    }
    main.guide .inlet{
    flex: 1;
    }
    main.guide .crest{
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 4px;
    }
    main.guide .helix{
    font-size: 0.9rem;
    color: var(--guide-text-light, #5e4f5a);
    margin: 0;
    }
    main.guide .umbra{
    margin: 28px 0;
    border: 1px solid var(--guide-border, #e0dde0);
    overflow: hidden;
    }
    main.guide .umbra img{
    display: block;
    width: 100%;
    height: auto;
    }
    main.guide .pulse{
    padding: 10px 16px;
    font-size: 0.82rem;
    color: var(--guide-text-light, #5e4f5a);
    background: var(--guide-white, #ffffff);
    border-top: 1px solid var(--guide-border, #e0dde0);
    }
    main.guide .kite{
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.9rem;
    }
    main.guide .kite th, main.guide .kite td{
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid var(--guide-border, #e0dde0);
    }
    main.guide .kite th{
    font-weight: 600;
    background: var(--guide-step-bg, #fcfcfc);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--guide-text-light, #5e4f5a);
    }
    main.guide .kite td:first-child{
    font-weight: 500;
    }
    main.guide .kite kbd{
    display: inline-block;
    padding: 2px 8px;
    font-family: "SF Mono", "Consolas", monospace;
    font-size: 0.82rem;
    background: var(--guide-bg, #f4f3f4);
    border: 1px solid var(--guide-border, #e0dde0);
    color: var(--guide-text, #1a1518);
    }
    main.guide .summit{
    padding: 20px 24px;
    margin: 24px 0;
    background: var(--guide-white, #ffffff);
    border-left: 3px solid var(--guide-primary, hsl(307, 62%, 55%));
    }
    main.guide .bloom{
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--guide-primary, hsl(307, 62%, 55%));
    margin-bottom: 6px;
    }
    main.guide .summit p{
    margin: 0;
    font-size: 0.9rem;
    color: var(--guide-text-light, #5e4f5a);
    }
    main.guide .vapor{
    color: var(--guide-primary, hsl(307, 62%, 55%));
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s;
    }
    main.guide .vapor:hover{
    color: var(--guide-primary-dark, hsl(307, 62%, 42%));
    }
    main.guide .monolith{
    text-align: center;
    padding: 64px 24px;
    background: var(--guide-white, #ffffff);
    border-top: 1px solid var(--guide-border, #e0dde0);
    border-bottom: 1px solid var(--guide-border, #e0dde0);
    }
    main.guide .monolith h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px;
    }
    main.guide .monolith p{
    font-size: 0.95rem;
    color: var(--guide-text-light, #5e4f5a);
    margin-bottom: 28px;
    }
    main.guide .epoch{
    display: inline-block;
    padding: 14px 40px;
    background: var(--guide-primary, hsl(307, 62%, 55%));
    color: var(--guide-white, #ffffff);
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    transition: background 0.2s;
    }
    main.guide .epoch:hover{
    background: var(--guide-primary-dark, hsl(307, 62%, 42%));
    }
    main.guide .lattice{
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.82rem;
    color: var(--guide-text-light, #5e4f5a);
    }
    main.guide .wren{
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 600;
    color: var(--guide-text, #1a1518);
    font-size: 0.9rem;
    }
    main.guide .axiom{
    display: flex;
    gap: 20px;
    }
    main.guide .axiom a{
    color: var(--guide-text-light, #5e4f5a);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.guide .axiom a:hover{
    color: var(--guide-text, #1a1518);
    }
    @media (max-width: 640px) {main.guide .fable{
    padding: 56px 20px 48px;
    }
    main.guide .fable h1{
    font-size: 1.75rem;
    }
    main.guide .guide-toc-grid{
    grid-template-columns: 1fr;
    }
    main.guide .mosaic h2{
    font-size: 1.35rem;
    }
    main.guide .timber li{
    padding: 16px;
    gap: 12px;
    }
    main.guide .kite th, main.guide .kite td{
    padding: 10px 12px;
    }
    main.guide .lattice{
    flex-direction: column;
    gap: 16px;
    text-align: center;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.update-log .kinetic{
    position: relative;
    overflow: hidden;
    padding: 80px 24px 64px;
    background-color: var(--wps-text);
    color: #ffffff;
    text-align: center;
    }
    main.update-log .kinetic::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("media/update-log-screenshot-1.jpg");
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    }
    main.update-log .mythos{
    position: relative;
    max-width: 720px;
    margin: 0 auto;
    }
    main.update-log .kinetic h1{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 20px;
    letter-spacing: -0.02em;
    }
    main.update-log .canopy{
    font-family: "Inter", sans-serif;
    font-size: 1.05rem;
    line-height: 1.7;
    color: hsla(0, 0%, 100%, 0.78);
    margin: 0 0 32px;
    }
    main.update-log .jolt{
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 14px 36px;
    background: var(--wps-primary);
    color: #ffffff;
    text-decoration: none;
    transition: background 0.2s ease;
    }
    main.update-log .jolt:hover{
    background: var(--wps-primary-dark);
    }
    main.update-log .garnet{
    max-width: 860px;
    margin: 0 auto;
    padding: 64px 24px 80px;
    }
    main.update-log .totem{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--wps-border);
    }
    main.update-log .husk{
    font-family: "Inter", sans-serif;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 8px 20px;
    border: 1px solid var(--wps-border);
    background: transparent;
    color: var(--wps-muted);
    cursor: pointer;
    transition: all 0.2s ease;
    }
    main.update-log .husk:hover{
    border-color: var(--wps-primary);
    color: var(--wps-primary);
    }
    main.update-log .husk.fresco{
    background: var(--wps-text);
    border-color: var(--wps-text);
    color: #ffffff;
    }
    main.update-log .yarn{
    margin-bottom: 56px;
    }
    main.update-log .yarn h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--wps-text, #1a1a1a);
    margin: 0 0 8px;
    letter-spacing: -0.01em;
    }
    main.update-log .nook{
    font-family: "Inter", sans-serif;
    font-size: 0.85rem;
    color: var(--wps-muted);
    margin: 0 0 28px;
    display: flex;
    align-items: center;
    gap: 16px;
    }
    main.update-log .nook time{
    color: var(--wps-muted);
    }
    main.update-log .dapple{
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 10px;
    background: var(--wps-primary);
    color: #ffffff;
    }
    main.update-log .quarry{
    margin-bottom: 24px;
    }
    main.update-log .quarry h3{
    font-family: "Inter", sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--wps-text, #1a1a1a);
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    }
    main.update-log .nexus{
    list-style: none;
    margin: 0;
    padding: 0;
    }
    main.update-log .nexus li{
    font-family: "Inter", sans-serif;
    font-size: 0.92rem;
    line-height: 1.7;
    color: var(--wps-text, #333);
    padding: 8px 0 8px 28px;
    position: relative;
    border-bottom: 1px solid hsl(307, 6%, 92%);
    }
    main.update-log .nexus li:last-child{
    border-bottom: none;
    }
    main.update-log .nexus li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    }
    main.update-log .nexus.orbit li::before{
    background: var(--wps-tag-new);
    }
    main.update-log .nexus.lantern li::before{
    background: var(--wps-tag-fix);
    }
    main.update-log .nexus.shard li::before{
    background: var(--wps-tag-opt);
    }
    main.update-log .wicker{
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 8px;
    margin-right: 8px;
    vertical-align: middle;
    }
    main.update-log .urchin{
    background: hsla(307, 62%, 55%, 0.12);
    color: var(--wps-tag-new);
    }
    main.update-log .oxide{
    background: hsla(160, 50%, 42%, 0.12);
    color: var(--wps-tag-fix);
    }
    main.update-log .etch{
    background: hsla(220, 50%, 50%, 0.12);
    color: var(--wps-tag-opt);
    }
    main.update-log .plume{
    border: none;
    border-top: 1px solid var(--wps-border);
    margin: 0;
    }
    main.update-log .ignite{
    text-align: center;
    padding: 56px 24px;
    background: var(--wps-card);
    border: 1px solid var(--wps-border);
    margin-top: 16px;
    }
    main.update-log .ignite h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--wps-text, #1a1a1a);
    margin: 0 0 12px;
    }
    main.update-log .ignite p{
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    color: var(--wps-muted);
    margin: 0 0 28px;
    line-height: 1.6;
    }
    main.update-log .ignite .jolt{
    margin-right: 12px;
    }
    main.update-log .rune{
    display: inline-block;
    font-family: "Inter", sans-serif;
    font-size: 0.95rem;
    font-weight: 500;
    padding: 14px 36px;
    border: 1px solid var(--wps-text);
    color: var(--wps-text);
    text-decoration: none;
    transition: all 0.2s ease;
    }
    main.update-log .rune:hover{
    background: var(--wps-text);
    color: #ffffff;
    }
    main.update-log .alcove{
    border-top: 1px solid var(--wps-border);
    padding: 40px 24px;
    text-align: center;
    }
    main.update-log .xeno{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--wps-text, #1a1a1a);
    margin: 0 0 6px;
    }
    main.update-log .vale{
    font-family: "Inter", sans-serif;
    font-size: 0.82rem;
    color: var(--wps-muted);
    margin: 0 0 20px;
    }
    main.update-log .changelog-footer-links{
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    }
    main.update-log .changelog-footer-links a{
    font-family: "Inter", sans-serif;
    font-size: 0.82rem;
    color: var(--wps-muted);
    text-decoration: none;
    transition: color 0.2s ease;
    }
    main.update-log .changelog-footer-links a:hover{
    color: var(--wps-primary);
    }
    main.update-log .brine{
    font-family: "Inter", sans-serif;
    font-size: 0.78rem;
    color: var(--wps-muted);
    margin: 0;
    }
    @media (max-width: 640px) {main.update-log .kinetic{
    padding: 56px 20px 48px;
    }
    main.update-log .kinetic h1{
    font-size: 1.7rem;
    }
    main.update-log .garnet{
    padding: 40px 20px 56px;
    }
    main.update-log .yarn h2{
    font-size: 1.3rem;
    }
    main.update-log .ignite{
    padding: 40px 20px;
    }
    main.update-log .jolt, main.update-log .rune{
    display: block;
    margin: 0 0 12px;
    text-align: center;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.faq *, main.faq *::before, main.faq *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    main.faq .marble{
    --faq-primary: hsl(307, 62%, 55%);
    --faq-primary-dark: hsl(307, 62%, 42%);
    --faq-secondary: hsl(64, 50%, 55%);
    --faq-text: hsl(307, 10%, 10%);
    --faq-text-light: hsl(307, 8%, 40%);
    --faq-bg: hsl(307, 6%, 96%);
    --faq-white: #ffffff;
    --faq-border: hsl(307, 6%, 88%);
    --faq-border-light: hsl(307, 6%, 92%);
    --faq-serif: "Playfair Display", Georgia, "Times New Roman", serif;
    --faq-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    main.faq .marble{
    font-family: inherit;
    color: var(--faq-text, #1a1a1a);
    background-color: var(--faq-bg, #f5f4f5);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    }
    main.faq .cobalt{
    position: relative;
    padding: 80px 24px 64px;
    background: var(--primary-color);
    border-bottom: 1px solid var(--faq-border);
    overflow: hidden;
    }
    main.faq .cobalt::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--primary-color);
    }
    main.faq .nimbus{
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
    }
    main.faq .cobalt h1{
    font-family: inherit;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--text-color);
    margin-bottom: 20px;
    letter-spacing: -0.01em;
    }
    main.faq .nectar{
    font-size: 1.05rem;
    color: var(--text-color);
    line-height: 1.7;
    max-width: 600px;
    margin: 0 auto 32px;
    }
    main.faq .quartz{
    max-width: 480px;
    margin: 0 auto;
    position: relative;
    }
    main.faq .quartz input{
    width: 100%;
    padding: 14px 20px 14px 48px;
    font-size: 0.95rem;
    font-family: inherit;
    border: 1px solid var(--faq-border);
    background: var(--primary-color);
    color: var(--text-color);
    outline: none;
    transition: border-color 0.2s;
    }
    main.faq .quartz input::placeholder{
    color: hsl(307, 6%, 60%);
    }
    main.faq .quartz input:focus{
    border-color: var(--border-color);
    }
    main.faq .mosaic{
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: hsl(307, 6%, 55%);
    }
    main.faq .ivory{
    max-width: 960px;
    margin: 0 auto;
    padding: 56px 24px 0;
    }
    main.faq .grove{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--primary-color);
    border: 1px solid var(--faq-border);
    margin-bottom: 64px;
    }
    main.faq .kelp{
    background: var(--primary-color);
    padding: 28px 20px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s;
    text-decoration: none;
    color: var(--text-color);
    }
    main.faq .kelp:hover{
    background: var(--primary-color);
    }
    main.faq .kelp.dusk{
    background: var(--primary-color);
    color: var(--text-color);
    }
    main.faq .ember{
    font-size: 1.5rem;
    margin-bottom: 8px;
    display: block;
    }
    main.faq .lumen{
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.02em;
    }
    main.faq .pulse{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 48px;
    align-items: start;
    }
    main.faq .pebble{
    position: sticky;
    top: 100px;
    }
    main.faq .zenith{
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--text-color);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--faq-border);
    }
    main.faq .faq-sidebar-nav a{
    display: block;
    padding: 8px 0;
    font-size: 0.88rem;
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.2s;
    border-left: 2px solid transparent;
    padding-left: 12px;
    }
    main.faq .faq-sidebar-nav a:hover, main.faq .faq-sidebar-nav a.dusk{
    color: var(--text-color);
    border-left-color: inherit;
    }
    main.faq .glacier{
    min-width: 0;
    }
    main.faq .falcon{
    margin-bottom: 56px;
    }
    main.faq .falcon h2{
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--faq-border);
    }
    main.faq .opal{
    border-bottom: 1px solid var(--faq-border-light);
    }
    main.faq .flint{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text-color);
    text-align: left;
    line-height: 1.5;
    gap: 16px;
    transition: color 0.2s;
    }
    main.faq .flint:hover{
    color: var(--text-color);
    }
    main.faq .aurora{
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    }
    main.faq .aurora svg{
    width: 14px;
    height: 14px;
    color: var(--text-color);
    }
    main.faq .opal.open .aurora{
    transform: rotate(45deg);
    }
    main.faq .basalt{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.35s ease;
    }
    main.faq .opal.open .basalt{
    max-height: 600px;
    }
    main.faq .sapphire{
    padding: 0 0 20px;
    font-size: 0.9rem;
    color: var(--text-color);
    line-height: 1.8;
    }
    main.faq .sapphire ol, main.faq .sapphire ul{
    padding-left: 20px;
    margin: 8px 0;
    }
    main.faq .sapphire li{
    margin-bottom: 4px;
    }
    main.faq .sapphire code{
    font-family: "SF Mono", "Fira Code", monospace;
    font-size: 0.85em;
    background: var(--primary-color);
    padding: 2px 6px;
    border: 1px solid var(--faq-border-light);
    }
    main.faq .sapphire a{
    color: var(--text-color);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
    }
    main.faq .sapphire a:hover{
    border-bottom-color: inherit;
    }
    main.faq .obsidian{
    max-width: 960px;
    margin: 0 auto 64px;
    padding: 0 24px;
    }
    main.faq .phantom{
    position: relative;
    overflow: hidden;
    background: var(--primary-color);
    border: 1px solid var(--faq-border);
    }
    main.faq .phantom img{
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
    filter: grayscale(10%);
    }
    main.faq .velvet{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px;
    background: linear-gradient(to top, rgba(26, 20, 25, 0.85), transparent);
    color: #ffffff;
    }
    main.faq .velvet p{
    font-family: inherit;
    font-size: 1.15rem;
    line-height: 1.5;
    max-width: 480px;
    }
    main.faq .faq-cta-section{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px 80px;
    }
    main.faq .faq-cta-box{
    background: var(--primary-color);
    border: 1px solid var(--faq-border);
    padding: 48px;
    text-align: center;
    }
    main.faq .faq-cta-box h2{
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text-color);
    }
    main.faq .faq-cta-box p{
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 28px;
    }
    main.faq .faq-cta-actions{
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    }
    main.faq .faq-btn-primary{
    display: inline-block;
    padding: 13px 32px;
    background: var(--primary-color);
    color: var(--text-color);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: background 0.2s;
    }
    main.faq .faq-btn-primary:hover{
    background: var(--primary-color);
    }
    main.faq .faq-btn-secondary{
    display: inline-block;
    padding: 13px 32px;
    background: var(--primary-color);
    color: var(--text-color);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: none;
    letter-spacing: 0.02em;
    transition: opacity 0.2s;
    }
    main.faq .faq-btn-secondary:hover{
    opacity: 0.85;
    }
    main.faq .faq-update-note{
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px 48px;
    text-align: right;
    }
    main.faq .faq-update-note span{
    font-size: 0.78rem;
    color: hsl(307, 6%, 60%);
    letter-spacing: 0.02em;
    }
    main.faq .onyx{
    border-top: 1px solid var(--faq-border);
    background: var(--primary-color);
    padding: 40px 24px;
    }
    main.faq .prism{
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.faq .faq-footer-brand{
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    color: var(--text-color);
    }
    main.faq .faq-footer-brand span{
    display: block;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--text-color);
    margin-top: 4px;
    }
    main.faq .faq-footer-links{
    display: flex;
    gap: 24px;
    }
    main.faq .faq-footer-links a{
    font-size: 0.82rem;
    color: var(--text-color);
    text-decoration: none;
    transition: color 0.2s;
    }
    main.faq .faq-footer-links a:hover{
    color: var(--text-color);
    }
    main.faq .faq-footer-copy{
    width: 100%;
    text-align: center;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--faq-border-light);
    font-size: 0.78rem;
    color: hsl(307, 6%, 60%);
    }
    @media (max-width: 768px) {main.faq .cobalt{
    padding: 56px 20px 48px;
    }
    main.faq .cobalt h1{
    font-size: 1.7rem;
    }
    main.faq .grove{
    grid-template-columns: repeat(2, 1fr);
    }
    main.faq .pulse{
    grid-template-columns: 1fr;
    gap: 0;
    }
    main.faq .pebble{
    position: static;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--faq-border);
    }
    main.faq .zenith{
    display: none;
    }
    main.faq .faq-sidebar-nav{
    display: flex;
    gap: 4px;
    }
    main.faq .faq-sidebar-nav a{
    white-space: nowrap;
    border-left: none;
    padding: 6px 14px;
    background: var(--primary-color);
    border: 1px solid var(--faq-border-light);
    font-size: 0.82rem;
    }
    main.faq .faq-sidebar-nav a:hover, main.faq .faq-sidebar-nav a.dusk{
    border-color: var(--border-color);
    background: var(--primary-color);
    }
    main.faq .faq-cta-box{
    padding: 32px 20px;
    }
    main.faq .prism{
    flex-direction: column;
    text-align: center;
    }
    main.faq .faq-footer-links{
    justify-content: center;
    }}
    @media (max-width: 480px) {main.faq .cobalt h1{
    font-size: 1.4rem;
    }
    main.faq .grove{
    grid-template-columns: 1fr 1fr;
    }
    main.faq .falcon h2{
    font-size: 1.25rem;
    }
    main.faq .faq-cta-actions{
    flex-direction: column;
    align-items: center;
    }}
    main.faq .onyx{
    width: 100%;
    background-color: var(--text-color, hsl(307, 10%, 10%));
    border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
    padding: 32px 24px;
    box-sizing: border-box;
    }
    main.faq .prism{
    max-width: var(--max-width, 1200px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.faq .crimson{
    flex: 0 0 auto;
    }
    main.faq .jade{
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: hsl(307, 6%, 62%);
    font-family: "Georgia", "Times New Roman", serif;
    letter-spacing: 0.01em;
    }
    main.faq .haze{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    }
    main.faq .cedar{
    font-size: 14px;
    line-height: 1.6;
    color: hsl(307, 6%, 62%);
    text-decoration: none;
    font-family: "Georgia", "Times New Roman", serif;
    transition: var(--transition, all 0.2s ease);
    letter-spacing: 0.01em;
    }
    main.faq .cedar:hover{
    color: #fff;
    }
    main.faq .vortex{
    color: hsl(307, 6%, 30%);
    font-size: 13px;
    user-select: none;
    }
    @media (max-width: 600px) {main.faq .prism{
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    }
    main.faq .haze{
    justify-content: center;
    }}

    *,
    *::before,
    *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    body {
    padding-top: var(--nav-height);
    font-family: "Georgia", "Times New Roman", "Noto Serif SC", serif;
    color: var(--text-color);
    background: var(--bg-color);
    }
    .fn_bolt {
    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);
    }
    .pixDust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: var(--max-width);
    height: 100%;
    margin: 0 auto;
    padding: 0 32px;
    }
    .crumble {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--text-color);
    text-decoration: none;
    line-height: 1;
    flex-shrink: 0;
    }
    .vortex_9 {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    padding: 6px;
    background: none;
    border: none;
    cursor: pointer;
    }
    .zephyr {
    display: block;
    width: 100%;
    height: 2px;
    background: var(--text-color);
    transition: var(--transition);
    }
    .rlyph {
    display: flex;
    align-items: center;
    gap: 32px;
    }
    .tundra {
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    }
    .quasar {
    line-height: 1;
    }
    .oaken {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
    letter-spacing: 0.01em;
    color: var(--text-muted);
    text-decoration: none;
    transition: var(--transition);
    }
    .oaken:hover {
    color: var(--text-color);
    }
    .smelt {
    display: inline-block;
    padding: 10px 24px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    background: var(--primary-color);
    border-radius: var(--radius-sm);
    transition: var(--transition);
    flex-shrink: 0;
    }
    .smelt:hover {
    background: hsl(307, 62%, 36%); color: #ffffff;}
    @media (max-width: 860px) {.pixDust {
    padding: 0 20px;
    }
    .vortex_9 {
    display: flex;
    }
    .rlyph {
    position: fixed;
    top: var(--nav-height);
    left: 0;
    right: 0;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 16px 20px 32px;
    background: var(--nav-bg);
    border-top: 1px solid var(--nav-border);
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.28s ease;
    }
    .rlyph.is-open {
    transform: translateX(0);
    }
    .tundra {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    }
    .oaken {
    padding: 14px 4px;
    font-size: 16px;
    border-bottom: 1px solid var(--nav-border);
    }
    .smelt {
    margin-top: 24px;
    padding: 14px 24px;
    text-align: center;
    font-size: 16px;
    }}
    .oaken.active {color: var(--text-color);}
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600&display=swap");
    main.about .timber{
    --about-primary: hsl(307, 62%, 55%);
    --about-primary-dark: hsl(307, 62%, 42%);
    --about-secondary: hsl(64, 50%, 55%);
    --about-text: hsl(307, 10%, 10%);
    --about-text-light: hsl(307, 8%, 40%);
    --about-bg: hsl(307, 6%, 96%);
    --about-bg-alt: hsl(307, 4%, 92%);
    --about-border: hsl(307, 6%, 85%);
    --about-white: #ffffff;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--text-color);
    background-color: var(--primary-color);
    line-height: 1.7;
    }
    main.about .timber *, main.about .timber *::before, main.about .timber *::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    }
    main.about .xeno{
    font-family: "Playfair Display", Georgia, "Times New Roman", serif;
    }
    main.about .helix{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    }
    
    main.about .kite{
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--primary-color);
    }
    main.about .umbra{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.3;
    }
    main.about .summit{
    position: relative;
    z-index: 2;
    width: 100%;
    }
    main.about .monolith{
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 24px;
    }
    main.about .kite h1{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.25;
    max-width: 720px;
    margin-bottom: 20px;
    }
    main.about .vale{
    font-size: 1.1rem;
    color: hsl(307, 6%, 78%);
    max-width: 600px;
    line-height: 1.8;
    }
    
    main.about .plume{
    padding: 80px 0;
    }
    main.about .yarn{
    background: var(--primary-color);
    }
    main.about .nexus{
    margin-bottom: 48px;
    }
    main.about .nexus h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 12px;
    }
    main.about .nexus p{
    font-size: 1.05rem;
    color: var(--text-color);
    max-width: 640px;
    }
    
    main.about .canopy{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
    }
    main.about .dapple p{
    font-size: 1rem;
    color: var(--text-color);
    margin-bottom: 16px;
    }
    main.about .dapple p:last-child{
    margin-bottom: 0;
    }
    main.about .etch{
    width: 100%;
    height: 400px;
    object-fit: cover;
    }
    
    main.about .fable{
    position: relative;
    padding-left: 40px;
    }
    main.about .fable::before{
    content: "";
    position: absolute;
    left: 7px;
    top: 4px;
    bottom: 4px;
    width: 2px;
    background: var(--primary-color);
    }
    main.about .rune{
    position: relative;
    margin-bottom: 40px;
    }
    main.about .rune:last-child{
    margin-bottom: 0;
    }
    main.about .rune::before{
    content: "";
    position: absolute;
    left: -40px;
    top: 6px;
    width: 16px;
    height: 16px;
    border: 3px solid var(--about-primary);
    background: var(--primary-color);
    border-radius: 0;
    }
    main.about .bloom{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 4px;
    }
    main.about .jovial{
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 4px;
    }
    main.about .epoch{
    font-size: 0.95rem;
    color: var(--text-color);
    }
    
    main.about .lattice{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
    }
    main.about .vapor{
    text-align: center;
    padding: 40px 16px;
    background: var(--primary-color);
    border: 1px solid var(--about-border);
    }
    main.about .garnet{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-color);
    line-height: 1.2;
    margin-bottom: 8px;
    }
    main.about .quarry{
    font-size: 0.95rem;
    color: var(--text-color);
    }
    
    main.about .wicker{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    }
    main.about .axiom{
    padding: 40px 32px;
    background: var(--primary-color);
    border: 1px solid var(--about-border);
    }
    main.about .glyph{
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--text-color);
    font-size: 1.25rem;
    margin-bottom: 20px;
    }
    main.about .axiom h3{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text-color);
    }
    main.about .axiom p{
    font-size: 0.95rem;
    color: var(--text-color);
    line-height: 1.7;
    }
    
    main.about .fresco{
    padding: 80px 0;
    background: var(--primary-color);
    text-align: center;
    }
    main.about .fresco h2{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 16px;
    }
    main.about .fresco p{
    font-size: 1.05rem;
    color: hsl(307, 6%, 70%);
    margin-bottom: 32px;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    }
    main.about .brine{
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
    }
    main.about .urchin{
    display: inline-block;
    padding: 14px 36px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    cursor: pointer;
    border: none;
    }
    main.about .shard{
    background: var(--primary-color);
    color: var(--text-color);
    }
    main.about .shard:hover{
    background: var(--primary-color);
    }
    main.about .alcove{
    background: transparent;
    color: var(--text-color);
    border: 2px solid hsl(307, 6%, 50%);
    }
    main.about .alcove:hover{
    border-color: var(--border-color);
    }
    
    main.about .delta{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    }
    main.about .wren{
    padding: 32px;
    background: var(--primary-color);
    border: 1px solid var(--about-border);
    }
    main.about .wren h3{
    font-size: 1.05rem;
    font-weight: 600;
    margin-bottom: 12px;
    color: var(--text-color);
    }
    main.about .wren p{
    font-size: 0.95rem;
    color: var(--text-color);
    line-height: 1.7;
    }
    main.about .wren a{
    color: var(--text-color);
    text-decoration: none;
    }
    main.about .wren a:hover{
    text-decoration: underline;
    }
    
    main.about .ridgeline{
    padding: 48px 0;
    background: hsl(307, 10%, 8%);
    color: hsl(307, 6%, 60%);
    font-size: 0.9rem;
    }
    main.about .crest{
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
    }
    main.about .totem{
    font-family: "Playfair Display", Georgia, serif;
    font-size: 1.1rem;
    font-weight: 700;
    color: hsl(307, 6%, 80%);
    }
    main.about .inlet{
    display: flex;
    gap: 24px;
    list-style: none;
    }
    main.about .inlet a{
    color: hsl(307, 6%, 60%);
    text-decoration: none;
    font-size: 0.9rem;
    }
    main.about .inlet a:hover{
    color: var(--text-color);
    }
    main.about .orbit{
    width: 100%;
    text-align: center;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid hsl(307, 6%, 18%);
    }
    
    @media (max-width: 900px) {main.about .kite h1{
    font-size: 2rem;
    }
    main.about .canopy{
    grid-template-columns: 1fr;
    gap: 32px;
    }
    main.about .etch{
    height: 280px;
    }
    main.about .lattice{
    grid-template-columns: repeat(2, 1fr);
    }
    main.about .wicker{
    grid-template-columns: 1fr;
    }
    main.about .delta{
    grid-template-columns: 1fr;
    }}
    @media (max-width: 600px) {main.about .kite{
    min-height: 400px;
    }
    main.about .kite h1{
    font-size: 1.6rem;
    }
    main.about .monolith{
    padding: 60px 20px;
    }
    main.about .plume{
    padding: 56px 0;
    }
    main.about .nexus h2{
    font-size: 1.6rem;
    }
    main.about .lattice{
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    }
    main.about .vapor{
    padding: 28px 12px;
    }
    main.about .garnet{
    font-size: 2rem;
    }
    main.about .crest{
    flex-direction: column;
    text-align: center;
    }
    main.about .inlet{
    justify-content: center;
    }}

.cc-sec-area.active,
.cc-sec-area.cc-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
}