/* TREE-SHAKEN from glee-visual-site.css by ops/css_treeshake.py.
   Consumers probed: /privacy/, /support/, /terms/, /terms/contributions/
   Viewports: 1280x800, 390x844
   Rules kept: 62.  Verify visually before installing. */
body.glee-visual-site { --vs-bg: #05070a; --vs-panel: rgba(9, 13, 18, 0.88); --vs-panel-strong: rgba(14, 19, 27, 0.94); --vs-line: rgba(231, 195, 132, 0.24); --vs-line-soft: rgba(230, 228, 223, 0.13); --vs-text: #f4efe4; --vs-dim: #9aa7b6; --vs-muted: #717d8d; --vs-accent: #e7c384; --vs-accent-2: #66ddeb; --vs-safe: #64d77b; --vs-route-art: url("/assets/phoenix-catalogue/active-workbench-console.webp"); --vs-route-art-position: 68% 50%; --vs-desktop-matrix: url("/assets/phoenix-catalogue/source-atlas-dense-e.webp"); --vs-desktop-code: url("/assets/phoenix-catalogue/component-atlas-ui.webp"); --vs-desktop-phoenix: url("/assets/phoenix-catalogue/phoenix-engine-badge.webp"); --vs-desktop-wings: url("/assets/phoenix-catalogue/hologram-wing-console.webp"); --vs-desktop-ghost: url("/assets/phoenix-ui/dashboard-void-frame.webp"); --vs-desktop-floor: url("/assets/phoenix-catalogue/active-workbench-console.webp"); --vs-grid: rgba(230, 228, 223, 0.035); color: var(--vs-text); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 54px 54px, 54px 54px, auto, auto, auto; }
body.glee-visual-site::before { content: ""; position: fixed; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(90deg, transparent 0 6%, color-mix(in srgb, var(--vs-accent) 24%, transparent) 6% calc(6% + 1px), transparent calc(6% + 1px) 94%, color-mix(in srgb, var(--vs-accent-2) 22%, transparent) 94% calc(94% + 1px), transparent calc(94% + 1px)),
    linear-gradient(180deg, transparent 0 14%, color-mix(in srgb, var(--vs-accent) 18%, transparent) 14% calc(14% + 1px), transparent calc(14% + 1px)); opacity: 0.72; }
body.glee-visual-site.page-support, body.glee-visual-site.page-compute-sponsorship, body.glee-visual-site.page-seed, body.glee-visual-site.page-ledger { --vs-route-art: url("/assets/phoenix-catalogue/winged-compass-sigil.webp"); --vs-accent-2: #64d77b; }
body.glee-visual-site .glee-site-desktop { position: relative; isolation: isolate; min-height: 100vh; padding: var(--space-8) 0px var(--space-16); overflow: hidden; }
body.glee-visual-site .glee-desktop-asset-field { position: fixed; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
body.glee-visual-site .glee-desktop-asset-field::before { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(5, 7, 10, 0.92), rgba(5, 7, 10, 0.58) 45%, rgba(5, 7, 10, 0.92)),
    repeating-linear-gradient(90deg, transparent 0 58px, color-mix(in srgb, var(--move) 5.5%, transparent) 58px 59px),
    repeating-linear-gradient(180deg, transparent 0 46px, color-mix(in srgb, var(--sand) 4.5%, transparent) 46px 47px); }
body.glee-visual-site .glee-art-asset { position: absolute; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center; transform: translateZ(0px); }
body.glee-visual-site .glee-art-matrix { left: 4vw; right: 4vw; top: 70px; height: min(48vh, 470px); background-image: linear-gradient(90deg, rgba(5, 7, 10, 0.72), transparent 45%, rgba(5, 7, 10, 0.78)),
    var(--vs-desktop-matrix); opacity: 0.42; mix-blend-mode: screen; clip-path: polygon(0px 0px, calc(100% - 64px) 0px, 100% 64px, 100% 100%, 64px 100%, 0px calc(100% - 64px)); }
body.glee-visual-site .glee-art-phoenix { left: 50%; top: 88px; width: min(34vw, 520px); height: min(34vw, 520px); transform: translateX(-50%); background-image: radial-gradient(circle, color-mix(in srgb, var(--sand) 72%, transparent), transparent 16%),
    var(--vs-desktop-phoenix); opacity: 0.34; filter: saturate(1.18) contrast(1.08) drop-shadow(0 0 34px color-mix(in srgb, var(--sand) 24%, transparent)); mix-blend-mode: screen; }
body.glee-visual-site .glee-art-ghost { width: min(32vw, 520px); height: 40vh; min-height: 290px; top: 24vh; border: 1px solid color-mix(in srgb, var(--vs-accent-2) 30%, transparent); background: linear-gradient(145deg, color-mix(in srgb, var(--bg) 72%, transparent), color-mix(in srgb, var(--bg) 22%, transparent)),
    var(--vs-desktop-ghost) center / cover no-repeat; opacity: 0.26; box-shadow: inset 0 0 80px color-mix(in srgb, var(--move) 8%, transparent); clip-path: polygon(0px 0px, calc(100% - 48px) 0px, 100% 48px, 100% 100%, 48px 100%, 0px calc(100% - 48px)); }
body.glee-visual-site .glee-art-ghost-left { left: -9vw; }
body.glee-visual-site .glee-art-ghost-right { right: -9vw; }
body.glee-visual-site .glee-art-spine { left: calc(50% - 2px); top: 86px; bottom: 78px; width: 4px; background: linear-gradient(180deg, transparent, var(--vs-accent), var(--vs-accent-2), transparent); opacity: 0.58; box-shadow: 0 0 26px color-mix(in srgb, var(--vs-accent-2) 38%, transparent); }
body.glee-visual-site .glee-art-floor { left: 9vw; right: 9vw; bottom: -120px; height: 330px; background-image: linear-gradient(180deg, transparent, rgba(5, 7, 10, 0.92) 70%),
    var(--vs-desktop-floor); opacity: 0.2; transform: perspective(900px) rotateX(58deg); transform-origin: center bottom; filter: saturate(1.15) contrast(1.1); }
body.glee-visual-site .glee-site-desktop-top, body.glee-visual-site .glee-site-desktop-viewport, body.glee-visual-site .glee-desktop-dock { position: relative; z-index: 2; }
body.glee-visual-site .glee-site-desktop-viewport { width: min(1860px, -28px + 100vw); margin: var(--space-12) auto 0px; display: grid; grid-template-columns: minmax(176px, 224px) minmax(0px, 1fr); gap: var(--space-8); align-items: stretch; }
body.glee-visual-site .glee-desktop-object-rail { position: relative; z-index: 4; height: calc(-94px + 100vh); min-height: 620px; display: flex; flex-direction: column; gap: var(--space-8); padding: var(--space-8); border: 1px solid var(--vs-line); background: linear-gradient(180deg, color-mix(in srgb, var(--move) 9%, transparent), transparent 38%),
    rgba(5, 7, 10, 0.78); box-shadow: inset 0 0 58px color-mix(in srgb, var(--move) 6%, transparent); overflow: hidden; clip-path: polygon(0px 0px, calc(100% - 28px) 0px, 100% 28px, 100% 100%, 28px 100%, 0px calc(100% - 28px)); }
body.glee-visual-site .glee-desktop-object-rail-head { flex: 0 0 auto; display: grid; gap: var(--space-4); min-width: 0px; }
body.glee-visual-site .glee-desktop-object-rail-head strong, body.glee-visual-site .glee-desktop-object strong { color: var(--vs-text); font: 900 11px / 1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0px; text-transform: uppercase; }
body.glee-visual-site .glee-desktop-object-rail-head span, body.glee-visual-site .glee-desktop-object em, body.glee-visual-site .glee-desktop-object small { color: var(--vs-muted); font: 800 10px / 1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; letter-spacing: 0px; text-transform: uppercase; }
body.glee-visual-site .glee-desktop-object-grid { min-height: 0px; display: grid; gap: var(--space-8); overflow-y: auto; scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--vs-accent-2) 45%, transparent) transparent; }
body.glee-visual-site .glee-desktop-object { position: relative; min-height: 78px; display: grid; grid-template-columns: 30px minmax(0px, 1fr); grid-template-rows: auto auto auto; gap: var(--space-4) var(--space-8); align-content: center; padding: var(--space-8) var(--space-8); color: var(--vs-text); text-decoration: none; border: 1px solid var(--vs-line-soft); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 8%, transparent), transparent),
    color-mix(in srgb, var(--bg) 78%, transparent); clip-path: polygon(9px 0px, 100% 0px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0px 100%, 0px 9px); }
body.glee-visual-site .glee-desktop-object-glyph { grid-row: 1 / span 3; align-self: center; width: 26px; height: 30px; background: linear-gradient(90deg, transparent 0 11px, var(--vs-accent) 11px 15px, transparent 15px),
    linear-gradient(135deg, transparent 0 43%, var(--vs-accent-2) 44% 55%, transparent 56%),
    linear-gradient(45deg, transparent 0 43%, var(--vs-accent) 44% 55%, transparent 56%); opacity: 0.82; clip-path: polygon(50% 0px, 100% 30%, 78% 100%, 50% 76%, 22% 100%, 0px 30%); }
body.glee-visual-site .glee-desktop-object strong, body.glee-visual-site .glee-desktop-object em, body.glee-visual-site .glee-desktop-object small { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.glee-visual-site .glee-desktop-object[data-current="true"], body.glee-visual-site .glee-desktop-object:hover, body.glee-visual-site .glee-desktop-object:focus-visible { color: var(--bg); border-color: transparent; outline: none; background: linear-gradient(90deg, var(--vs-accent), color-mix(in srgb, var(--vs-accent-2) 58%, var(--vs-accent))); }
body.glee-visual-site .glee-desktop-object[data-current="true"] strong, body.glee-visual-site .glee-desktop-object[data-current="true"] em, body.glee-visual-site .glee-desktop-object[data-current="true"] small, body.glee-visual-site .glee-desktop-object:hover strong, body.glee-visual-site .glee-desktop-object:hover em, body.glee-visual-site .glee-desktop-object:hover small, body.glee-visual-site .glee-desktop-object:focus-visible strong, body.glee-visual-site .glee-desktop-object:focus-visible em, body.glee-visual-site .glee-desktop-object:focus-visible small { color: var(--bg); }
body.glee-visual-site .glee-site-route-window { position: relative; height: calc(-94px + 100vh); min-height: 620px; display: flex; flex-direction: column; border: 1px solid var(--vs-line); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 11%, transparent) 0 2px, transparent 2px),
    linear-gradient(145deg, color-mix(in srgb, var(--bg) 82%, transparent), color-mix(in srgb, var(--bg) 64%, transparent)); box-shadow: 0 0 0 1px color-mix(in srgb, var(--move) 8%, transparent),
    0 30px 130px rgba(0, 0, 0, 0.48); clip-path: polygon(0px 0px, calc(100% - 42px) 0px, 100% 42px, 100% 100%, 42px 100%, 0px calc(100% - 42px)); overflow: hidden; transition: box-shadow 180ms, border-color 180ms; }
body.glee-visual-site .glee-site-route-window::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--vs-accent-2) 10%, transparent), transparent),
    var(--vs-desktop-code) 50% 18% / min(1100px, 92vw) auto no-repeat; opacity: 0.18; mix-blend-mode: screen; }
body.glee-visual-site .glee-site-route-body { position: relative; z-index: 1; flex: 1 1 auto; min-height: 0px; overflow: hidden auto; scrollbar-color: color-mix(in srgb, var(--vs-accent-2) 42%, transparent) rgba(255, 255, 255, 0.03); }
body.glee-visual-site .glee-site-route-body > .os-glb-top, body.glee-visual-site .glee-site-route-body > .draft-banner, body.glee-visual-site .glee-site-route-body > footer, body.glee-visual-site.page-work .glee-site-route-body > .topbar { display: none !important; }
body.glee-visual-site .glee-site-route-body > main.container, body.glee-visual-site .glee-site-route-body > main.wide-container, body.glee-visual-site .glee-site-route-body > main.wrap, body.glee-visual-site .glee-site-route-body > main { width: 100% !important; max-width: none !important; margin: 0px !important; }
body.glee-visual-site .glee-site-route-body > main.container, body.glee-visual-site .glee-site-route-body > main.wide-container { padding: clamp(var(--space-16), 2vw, var(--space-24)) clamp(var(--space-16), 3vw, var(--space-40)) clamp(var(--space-40), 4vw, var(--space-64)) !important; }
@media (max-width: 1180px) {
body.glee-visual-site .glee-site-desktop-viewport { grid-template-columns: minmax(156px, 196px) minmax(0px, 1fr); }
}
@media (max-width: 860px) {
body.glee-visual-site .glee-site-desktop { padding-top: 0px; }
body.glee-visual-site .glee-site-desktop-viewport { width: 100%; margin-top: var(--space-8); grid-template-columns: minmax(0px, 1fr); gap: var(--space-8); }
body.glee-visual-site .glee-desktop-object-rail { width: 100%; height: auto; min-height: 0px; gap: var(--space-8); padding: var(--space-8) var(--space-8); border-left: 0px; border-right: 0px; clip-path: none; }
body.glee-visual-site .glee-desktop-object-rail-head { grid-template-columns: auto minmax(0px, 1fr); align-items: center; gap: var(--space-8); }
body.glee-visual-site .glee-desktop-object-rail-head span { text-align: right; }
body.glee-visual-site .glee-desktop-object-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(94px, 1fr)); gap: var(--space-8); overflow: visible; scrollbar-width: none; }
body.glee-visual-site .glee-desktop-object { min-height: 62px; grid-template-columns: 24px minmax(0px, 1fr); padding: var(--space-8); }
body.glee-visual-site .glee-desktop-object-glyph { width: 22px; height: 25px; }
body.glee-visual-site .glee-site-route-window { height: calc(-150px + 100vh); min-height: 540px; clip-path: none; border-left: 0px; border-right: 0px; }
body.glee-visual-site .glee-art-phoenix { width: 70vw; height: 70vw; opacity: 0.22; }
body.glee-visual-site .glee-art-ghost { opacity: 0.16; }
}
@media (max-width: 560px) {
body.glee-visual-site .glee-desktop-object-grid { grid-template-columns: repeat(auto-fit, minmax(88px, 1fr)); }
body.glee-visual-site .glee-desktop-object { min-height: 58px; gap: var(--space-2) var(--space-4); }
body.glee-visual-site .glee-site-route-body > main.container, body.glee-visual-site .glee-site-route-body > main.wide-container { padding-left: var(--space-12) !important; padding-right: var(--space-12) !important; }
}
body.glee-visual-site > .draft-banner, body.glee-visual-site > nav, body.glee-visual-site > header, body.glee-visual-site > main, body.glee-visual-site > footer, body.glee-visual-site > .glee-visual-route-spine { position: relative; z-index: 1; }
body.glee-visual-site:not(.phoenix-forge-home) main.container, body.glee-visual-site:not(.phoenix-forge-home) main.wide-container { padding-top: var(--space-24); }
body.glee-visual-site .page-hero:not(.glee-visual-scene-host), body.glee-visual-site .hero:not(.glee-visual-scene-host), body.glee-visual-site .page-hero-band, body.glee-visual-site .simple-hero { position: relative; min-height: 390px; display: grid; align-items: center; overflow: hidden; border: 1px solid var(--vs-line); border-radius: 0px; padding: var(--space-40); background: linear-gradient(90deg, rgba(5, 7, 10, 0.95), rgba(5, 7, 10, 0.74) 48%, rgba(5, 7, 10, 0.92)),
    var(--vs-route-art) var(--vs-route-art-position) / cover no-repeat,
    var(--vs-panel); clip-path: polygon(0px 0px, calc(100% - 46px) 0px, 100% 46px, 100% 100%, 46px 100%, 0px calc(100% - 46px)); box-shadow: rgba(0, 0, 0, 0.32) 0px 26px 92px; }
body.glee-visual-site .page-hero:not(.glee-visual-scene-host)::before, body.glee-visual-site .hero:not(.glee-visual-scene-host)::before, body.glee-visual-site .page-hero-band::before, body.glee-visual-site .simple-hero::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, var(--vs-accent) 0 3px, transparent 3px),
    repeating-linear-gradient(115deg, transparent 0 28px, color-mix(in srgb, var(--vs-accent) 12%, transparent) 28px 29px),
    linear-gradient(90deg, transparent 42%, color-mix(in srgb, var(--vs-accent-2) 12%, transparent)); }
body.glee-visual-site .page-hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .page-hero-band::after, body.glee-visual-site .simple-hero::after { content: ""; position: absolute; right: 24px; top: 24px; bottom: 24px; width: min(360px, 36%); pointer-events: none; border: 1px solid color-mix(in srgb, var(--vs-accent-2) 34%, transparent); background: linear-gradient(180deg, transparent, rgba(5, 7, 10, 0.58)),
    var(--vs-route-art) var(--vs-route-art-position) / cover no-repeat; opacity: 0.62; mix-blend-mode: screen; clip-path: polygon(0px 0px, calc(100% - 28px) 0px, 100% 28px, 100% 100%, 28px 100%, 0px calc(100% - 28px)); }
body.glee-visual-site .page-hero > *, body.glee-visual-site .hero > *, body.glee-visual-site .page-hero-band > *, body.glee-visual-site .simple-hero > * { position: relative; z-index: 1; }
body.glee-visual-site .hero-tag, body.glee-visual-site .section-label, body.glee-visual-site .kicker, body.glee-visual-site .eyebrow { letter-spacing: 0px; }
body.glee-visual-site .hero-actions, body.glee-visual-site .cta-actions, body.glee-visual-site .inline-actions { gap: var(--space-8); }
body.glee-visual-site .btn, body.glee-visual-site .hero-actions a, body.glee-visual-site footer a, body.glee-visual-site .footer-pills a { border-radius: 0px; clip-path: polygon(8px 0px, 100% 0px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0px 100%, 0px 8px); }
body.glee-visual-site .platform-grid article, body.glee-visual-site .ship-fleet-grid article, body.glee-visual-site .agent-thesis-grid article, body.glee-visual-site .status-explainer-grid article, body.glee-visual-site .receipt-rail a, body.glee-visual-site .activity-feed article, body.glee-visual-site .definition-grid div, body.glee-visual-site .rule-list li, body.glee-visual-site .contract-doctrine article, body.glee-visual-site .terminal-card, body.glee-visual-site .callout { position: relative; overflow: hidden; border: 1px solid var(--vs-line-soft); border-radius: var(--radius-8); background: linear-gradient(90deg, color-mix(in srgb, var(--vs-accent) 8%, transparent) 0 2px, transparent 2px),
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 90%, transparent), color-mix(in srgb, var(--bg) 94%, transparent)); }
body.glee-visual-site .platform-grid article::after, body.glee-visual-site .ship-fleet-grid article::after, body.glee-visual-site .agent-thesis-grid article::after, body.glee-visual-site .status-explainer-grid article::after, body.glee-visual-site .receipt-rail a::after, body.glee-visual-site .activity-feed article::after, body.glee-visual-site .definition-grid div::after, body.glee-visual-site .contract-doctrine article::after, body.glee-visual-site .terminal-card::after, body.glee-visual-site .callout::after { content: ""; position: absolute; right: -10px; bottom: -18px; width: 150px; height: 92px; pointer-events: none; background: var(--vs-route-art) var(--vs-route-art-position) / cover no-repeat; opacity: 0.14; filter: saturate(1.1) contrast(1.05); clip-path: polygon(24px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 24px); }
@media (max-width: 860px) {
body.glee-visual-site .page-hero:not(.glee-visual-scene-host), body.glee-visual-site .hero:not(.glee-visual-scene-host), body.glee-visual-site .page-hero-band, body.glee-visual-site .simple-hero { min-height: 320px; padding: var(--space-24); clip-path: polygon(0px 0px, calc(100% - 30px) 0px, 100% 30px, 100% 100%, 30px 100%, 0px calc(100% - 30px)); }
body.glee-visual-site .page-hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .page-hero-band::after, body.glee-visual-site .simple-hero::after { width: 42%; opacity: 0.28; }
}
@media (max-width: 560px) {
body.glee-visual-site .page-hero:not(.glee-visual-scene-host), body.glee-visual-site .hero:not(.glee-visual-scene-host), body.glee-visual-site .page-hero-band, body.glee-visual-site .simple-hero { padding: var(--space-16); }
body.glee-visual-site .page-hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .hero:not(.glee-visual-scene-host)::after, body.glee-visual-site .page-hero-band::after, body.glee-visual-site .simple-hero::after { display: none; }
}