/* TREE-SHAKEN from round-zero-style.css by ops/css_treeshake.py.
   Consumers probed: /ai-start/, /architecture/, /friction/, /privacy/, /support/, /terms/, /terms/contributions/
   Viewports: 1280x800, 390x844
   Rules kept: 225.  Verify visually before installing. */
*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
:root { --scene-lift-z: 86px; --glee-bg: #07080B; --glee-bg-paper: #0f1116; --glee-line: #2C313A; --glee-gold: #E7C384; --glee-gold-dim: #C9923F; --glee-void-black: #0A0A0C; --glee-graphite-steel: #16181C; --glee-forged-gray: #2A2E33; --glee-bone-white: #E6E4DF; --glee-receipt-amber: #FFB000; --glee-intelligence-blue: #207BFF; --glee-speculative-violet: #885CFF; --glee-hard-stop-red: #FF3830; --forge-ember: #bd6a2f; --glee-canvas-bg: var(--glee-void-black); --glee-canvas-panel: rgba(22, 24, 28, 0.92); --glee-canvas-line: rgba(230, 228, 223, 0.12); --glee-canvas-route: rgba(255, 176, 0, 0.58); --glee-canvas-selected: rgba(255, 176, 0, 0.88); --glee-canvas-grid-size: 64px; --glee-canvas-grid-opacity: 0.18; --glee-canvas-texture-opacity: 0.11; --glee-green: #45A862; --glee-green-dark: #2a3a2e; --glee-green-mid: #3a5a42; --glee-gold-sem: #E7C384; --glee-red: #c94c4c; --glee-blue: #3E84D6; --glee-purple: #8C5AD2; --glee-bone: #f3efe7; --glee-amber: #E7C384; --glee-verified-green: #45A862; --glee-actor-primary: #f1ece2; --glee-actor-secondary: #d4c8b0; --glee-actor-tertiary: #a89a7f; --glee-actor-muted: #6f6453; --glee-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --glee-font-serif: Georgia, "Times New Roman", serif; --glee-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; --glee-text-xs: 11px; --glee-text-sm: 13px; --glee-text-base: 14px; --glee-text-lg: 16px; --glee-text-xl: 20px; --glee-text-2xl: 24px; --glee-space-1: 4px; --glee-space-2: 8px; --glee-space-3: 12px; --glee-space-4: 16px; --glee-space-5: 20px; --glee-space-6: 24px; --glee-duration-quick: 120ms; --glee-duration-standard: 280ms; --glee-duration-slow: 450ms; --glee-ease-precise: cubic-bezier(0.2, 0, 0.1, 1); --glee-ease-alive: cubic-bezier(0.23, 1, 0.32, 1); --void: var(--glee-bg); --bg: var(--glee-bg); --graphite: var(--glee-bg-paper); --surface: var(--glee-bg-paper); --text: #f4efe5; --text-soft: var(--glee-actor-primary); --muted: #a8b1b8; --amber: var(--glee-gold); --amber-hot: var(--glee-gold); --blue: var(--glee-blue); --green: var(--glee-green); --red: var(--glee-red); --violet: var(--glee-purple); --accent: var(--glee-gold); --accent2: var(--glee-blue); --page-accent: var(--glee-gold); --page-accent-2: var(--glee-blue); --phoenix-ui-launch: url("/assets/phoenix-ui/platform-launch-gate.webp"); --phoenix-ui-dashboard: url("/assets/phoenix-ui/dashboard-void-frame.webp"); --phoenix-ui-studio: url("/assets/phoenix-ui/studio-scene-backplate.webp"); --phoenix-ui-agent-dock: url("/assets/phoenix-ui/agent-dock-chamber.webp"); --page-sigil: ""; --line: var(--glee-line); --shadow: 0 28px 90px rgba(0, 0, 0, 0.42); --radius: 6px; --radius-md: 8px; --glass-surface: rgba(15, 17, 22, 0.78); --glass-border: rgba(231, 195, 132, 0.18); --glow-amber-sm: 0 0 8px rgba(231, 195, 132, 0.36); --max: 1120px; }
html { font-size: var(--text-16); scroll-behavior: smooth; background: var(--glee-bg); }
body { min-height: 100vh; background: var(--glee-bg); color: var(--text); font-family: var(--glee-font-sans); line-height: 1.55; }
body:not(.home) { background: var(--glee-bg); }
body[class*="page-"] { background: var(--glee-bg); }
.container, .wide-container { width: min(var(--max), calc(100% - 40px)); margin: 0px auto; }
main.container > section, body > .container > section { border-top: 1px solid var(--glee-line); padding-top: var(--glee-space-6); }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; color: var(--amber-hot); }
.container, .wide-container { width: min(var(--max), calc(100% - 40px)); margin: 0px auto; }
main.container > section, body > .container > section, .contracts-page > section, .status-dashboard-page > section, .veela-page > section, .ask-veela-page > section, .search-page > section { position: relative; border-top: 1px solid color-mix(in srgb, var(--page-accent) 42%, transparent); }
main.container > section::before, body > .container > section::before, .contracts-page > section::before, .status-dashboard-page > section::before, .veela-page > section::before, .ask-veela-page > section::before, .search-page > section::before { content: ""; position: absolute; top: -1px; left: 0px; width: min(290px, 56%); height: 2px; background: linear-gradient(90deg, var(--page-accent), var(--page-accent-2), transparent); box-shadow: 0 0 28px color-mix(in srgb, var(--page-accent) 32%, transparent); }
.top-nav, nav { position: sticky; top: 0px; z-index: 20; border-bottom: 1px solid var(--glee-gold-dim); background: var(--glee-bg); color: var(--text); font-family: var(--glee-font-sans); padding: var(--glee-space-2) 0; }
.top-nav::after, nav::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: -1px; height: 2px; background: linear-gradient(90deg, var(--rose), var(--amber), var(--blue), var(--green), var(--rose)); opacity: 0.84; }
@keyframes hero-caret {
50% { opacity: 0; }
}
.proof-run-art::before, .signal-art::before, .forge-map-art::after, .phoenix-system-art::after { content: ""; position: absolute; inset: 0px; pointer-events: none; z-index: 1; background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 18%, transparent), transparent 17%, transparent 83%, color-mix(in srgb, var(--act) 12%, transparent)),
    repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--ink) 3.5%, transparent) 18px 19px); opacity: 0.28; mix-blend-mode: screen; }
.signal-art { position: relative; overflow: hidden; margin: var(--space-24) 0px var(--space-24); border: 1px solid color-mix(in srgb, var(--move) 24%, transparent); border-radius: calc(var(--radius) + 8px); background: radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--move) 9%, transparent), transparent 18rem),
    color-mix(in srgb, var(--bg) 82%, transparent); box-shadow: rgba(0, 0, 0, 0.34) 0px 32px 96px; }
.signal-art::after { position: absolute; right: 18px; bottom: 14px; color: color-mix(in srgb, var(--mist) 58%, transparent); font-family: "JetBrains Mono", monospace; font-size: var(--text-10); font-weight: 900; letter-spacing: 0.12em; }
.support-path-art { border-color: color-mix(in srgb, var(--sand) 28%, transparent); }
.support-path-art::after { content: "SUPPORT TO RECORD"; color: color-mix(in srgb, var(--sand) 76%, transparent); }
.hero-kicker, .eyebrow, .section-label, .hero-tag { display: inline-flex; align-items: center; gap: var(--space-8); color: var(--amber); font-family: "JetBrains Mono", SFMono-Regular, monospace; font-size: var(--text-12); font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: var(--space-12); }
.hero-kicker::before, .eyebrow::before { content: ""; width: 8px; height: 8px; border: 1px solid; transform: rotate(45deg); }
.hero-copy h1, .hero h1, section h2, .page-hero-band h1 { font-family: var(--serif); font-weight: 500; color: var(--bone); letter-spacing: -0.035em; }
.hero-copy h1, .hero h1 { max-width: 760px; font-size: clamp(var(--text-40), 6vw, var(--text-40)); line-height: 0.93; margin-bottom: var(--space-24); }
.hero-sub { color: var(--text-soft); font-size: clamp(var(--text-16), 1.6vw, var(--text-20)); max-width: 650px; margin-bottom: var(--space-24); }
.hero-actions, .cta-actions { display: flex; flex-wrap: wrap; gap: var(--space-12); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: var(--glee-space-2) var(--glee-space-4); border-radius: var(--radius-2); font-family: var(--glee-font-serif); font-weight: 700; font-size: var(--glee-text-sm); letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid var(--glee-gold); background: transparent; color: var(--glee-gold); transition: all var(--glee-duration-quick) var(--glee-ease-precise); text-decoration: none; }
.btn:hover { background: color-mix(in srgb, var(--sand) 10%, transparent); border-color: var(--glee-gold-dim); }
.btn-primary { background: var(--glee-gold); color: var(--bg); border-color: var(--glee-gold); }
.btn-primary:hover { background: var(--glee-gold-dim); }
.hero-status-panel, .terminal-card, .proof-list a, .activity-feed article, .definition-grid div, .triad-item, .milestone-card, .tier-row, .payment-row, .rule-list li, .status-bar, .callout, table { background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--bg) 96%, transparent)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: rgba(255, 255, 255, 0.03) 0px 1px 0px inset; }
main section, section { padding: var(--space-64) 0px; border-bottom: 1px solid var(--line); position: relative; }
body:not(.home) > .container > section, body:not(.home) .hero { margin: 0px 0px var(--space-24); padding: var(--space-40); background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--bg) 94%, transparent)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: rgba(0, 0, 0, 0.24) 0px 18px 70px; }
body:not(.home) > .container > section::before, body:not(.home) .hero::before { content: ""; position: absolute; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, var(--amber), var(--blue), var(--green)); border-radius: var(--radius) var(--radius) 0 0; }
body:not(.home) .hero { position: relative; overflow: hidden; min-height: 280px; display: grid; align-content: center; background: radial-gradient(circle at 78% 34%, color-mix(in srgb, var(--move) 14%, transparent), transparent 24rem),
    linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), rgba(7,8,11,0.96)); }
body:not(.home) .hero::after { content: ""; position: absolute; right: 32px; top: 38px; width: 180px; height: 180px; border: 1px solid color-mix(in srgb, var(--sand) 28%, transparent); border-radius: 50%; box-shadow: 0 0 0 42px color-mix(in srgb, var(--move) 3.5%, transparent); }
.hero-tag { color: var(--amber); font-family: "JetBrains Mono", monospace; font-size: var(--text-12); letter-spacing: 0.12em; text-transform: uppercase; }
.hero h1 { max-width: 760px; font-size: clamp(var(--text-40), 5vw, var(--text-40)); line-height: 0.98; margin: var(--space-12) 0px var(--space-16); }
.hero h1 em { color: var(--amber); font-style: normal; }
section h2 { font-size: clamp(var(--text-28), 3.5vw, var(--text-40)); line-height: 1.04; margin-bottom: var(--space-16); max-width: 820px; }
section h3 { color: var(--text); font-size: var(--text-16); margin-bottom: var(--space-8); }
section p { color: var(--muted); max-width: 700px; margin-bottom: var(--space-16); }
.section-menu-links a, .pill { border: 1px solid var(--line); background: rgba(255, 255, 255, 0.035); border-radius: var(--radius-pill); padding: var(--space-4) var(--space-8); color: var(--text-soft); font-family: "JetBrains Mono", monospace; font-size: var(--text-12); }
table { width: 100%; border-collapse: collapse; overflow: hidden; }
th, td { padding: var(--space-12) var(--space-12); text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
th { color: var(--amber); font-family: "JetBrains Mono", monospace; font-size: var(--text-11); letter-spacing: 0.08em; text-transform: uppercase; }
td { color: var(--text-soft); font-size: var(--text-14); }
tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.cta-actions { justify-content: flex-end; }
.inline-actions { justify-content: flex-start; margin-top: var(--space-16); }
.text-link { color: var(--amber); font-family: "JetBrains Mono", monospace; font-weight: 900; font-size: var(--text-13); }
.callout { border-left: 4px solid var(--amber); padding: var(--space-16); background: linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--bg) 96%, transparent)); color: var(--text-soft); }
.inline-actions { margin: 0px 0px var(--space-24); }
.rail-state, .terms-line { color: var(--amber); font-family: "JetBrains Mono", monospace; font-size: var(--text-11); font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
.terms-line { margin-top: var(--space-16); color: var(--text-soft); text-transform: none; letter-spacing: 0.02em; }
.terms-line a { color: var(--amber-hot); }
.support-flow, .receipt-workflow { display: grid; gap: var(--space-12); margin-top: var(--space-24); }
.support-flow { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.receipt-workflow { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.support-flow article, .receipt-workflow article { position: relative; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, color-mix(in srgb, var(--move) 6%, transparent), transparent 58%),
    color-mix(in srgb, var(--panel) 72%, transparent); padding: var(--space-16); overflow: hidden; }
.support-flow article::after, .receipt-workflow article::after { content: ""; position: absolute; right: 14px; bottom: 12px; width: 52px; height: 1px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--sand) 58%, transparent)); }
.support-flow span { display: inline-flex; margin-bottom: var(--space-8); color: var(--amber-hot); font-family: "JetBrains Mono", monospace; font-size: var(--text-12); font-weight: 900; }
.support-flow h3, .receipt-workflow strong { display: block; color: var(--bone); font-size: var(--text-16); margin-bottom: var(--space-8); }
.support-flow p, .receipt-workflow p { color: var(--muted); font-size: var(--text-16); }
.milestones, .tier-list, .payment-options, .rule-list { display: grid; gap: var(--space-8); margin-top: var(--space-16); }
.milestone-card, .tier-row, .payment-row, .rule-list li { padding: var(--space-16); }
.milestone-unlocks, .tier-desc, .payment-status { color: var(--muted); font-size: var(--text-14); }
.rule-list { list-style: none; }
.rule-list li::before { content: "CHECK"; color: var(--green); font-family: "JetBrains Mono", monospace; font-weight: 900; margin-right: var(--space-8); font-size: var(--text-11); }
footer { background: var(--bg); color: var(--muted); padding: var(--space-24) 0px; border-top: 1px solid var(--line); }
.footer-inner { display: flex; justify-content: space-between; gap: var(--space-16); align-items: center; flex-wrap: wrap; }
.footer-legal { font-family: "JetBrains Mono", monospace; font-size: var(--text-12); }
.footer-links { display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-8); min-width: min(100%, 320px); max-width: min(760px, 100%); }
.footer-pills { display: flex; gap: var(--space-8); flex-wrap: wrap; }
.footer-pills-primary, .footer-pills-secondary { justify-content: flex-end; }
.footer-pills-secondary { margin-top: var(--space-8); }
.footer-more { width: 100%; }
.footer-more summary { display: flex; justify-content: flex-end; align-items: center; gap: var(--space-8); list-style: none; cursor: pointer; color: var(--text-soft); font-family: "JetBrains Mono", monospace; font-size: var(--text-12); user-select: none; }
.footer-more summary::after { content: "+"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid var(--line); border-radius: var(--radius-pill); color: var(--amber-hot); }
footer .pill { display: inline-flex; align-items: center; background: transparent; }
.draft-banner { display: none; }
@keyframes glee-signal-drift {
0% { transform: translate3d(0px, 0px, 0px) rotate(0deg); opacity: 0.56; }
50% { transform: translate3d(-16px, 12px, 0px) rotate(0.6deg); opacity: 0.82; }
100% { transform: translate3d(0px, 0px, 0px) rotate(0deg); opacity: 0.56; }
}
@keyframes glee-scan {
0% { transform: translateY(-120%); opacity: 0; }
24% { opacity: 0.45; }
100% { transform: translateY(280%); opacity: 0; }
}
.hero-visual::after, .page-hero::after { animation: 18s ease-in-out 0s infinite normal none running glee-signal-drift; }
.page-hero { position: relative; overflow: hidden; min-height: 340px; display: grid; align-content: end; padding: var(--space-64) var(--space-40) var(--space-40) !important; background: radial-gradient(circle at 84% 24%, color-mix(in srgb, var(--move) 16%, transparent), transparent 22rem),
    radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--sand) 12%, transparent), transparent 20rem),
    linear-gradient(140deg, color-mix(in srgb, var(--panel) 96%, transparent), rgba(7,8,11,0.98)) !important; border-color: color-mix(in srgb, var(--sand) 22%, transparent) !important; }
.page-hero::after { content: ""; position: absolute; right: clamp(18px, 6vw, 72px); top: 44px; width: min(34vw, 300px); aspect-ratio: 1 / 1; border: 1px solid color-mix(in srgb, var(--sand) 26%, transparent); border-radius: 50%; background: linear-gradient(90deg, transparent 49.5%, color-mix(in srgb, var(--move) 20%, transparent) 49.5% 50.5%, transparent 50.5%),
    linear-gradient(0deg, transparent 49.5%, color-mix(in srgb, var(--sand) 20%, transparent) 49.5% 50.5%, transparent 50.5%); box-shadow: 0 0 0 38px color-mix(in srgb, var(--move) 2.5%, transparent),
    inset 0 0 60px color-mix(in srgb, var(--move) 5.5%, transparent); opacity: 0.9; }
.page-hero > * { position: relative; z-index: 1; }
.phoenix-ui-surface .hero-actions .btn, .phoenix-ui-surface .text-link { position: relative; overflow: hidden; border-radius: var(--radius-8); border-color: color-mix(in srgb, var(--sand) 54%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 16%, transparent), color-mix(in srgb, var(--move) 8%, transparent)),
    rgba(7,8,11,0.7); box-shadow: inset 4px 0 0 color-mix(in srgb, var(--sand) 72%, transparent), 0 12px 30px rgba(0,0,0,0.24); }
.phoenix-ui-surface .hero-actions .btn::after, .phoenix-ui-surface .text-link::after { content: ""; position: absolute; inset: auto 12px 6px; height: 1px; background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 88%, transparent), color-mix(in srgb, var(--move) 60%, transparent), transparent); }
.phoenix-ui-surface .btn-primary { background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 92%, transparent), color-mix(in srgb, var(--sand) 78%, transparent)) !important; color: var(--panel) !important; border-color: color-mix(in srgb, var(--sand) 90%, transparent) !important; }
.phoenix-ui-surface .section-label { display: inline-flex; width: max-content; align-items: center; gap: var(--space-8); padding: var(--space-4) var(--space-8); border: 1px solid color-mix(in srgb, var(--sand) 30%, transparent); border-radius: var(--radius-pill); background: rgba(7, 8, 11, 0.56); box-shadow: inset 0 0 18px color-mix(in srgb, var(--sand) 4%, transparent); }
.phoenix-ui-surface .section-label::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 12px; }
.phoenix-ui-surface .status-chip, .phoenix-ui-surface .platform-grid article span, .phoenix-ui-surface .ship-fleet-grid article span, .phoenix-ui-surface .layer-map a span, .phoenix-ui-surface .agent-thesis-grid article span { display: inline-flex; width: max-content; align-items: center; gap: var(--space-8); border-radius: var(--radius-pill); border: 1px solid; padding: var(--space-4) var(--space-8); background: rgba(7, 8, 11, 0.62); box-shadow: rgba(255, 255, 255, 0.03) 0px 0px 18px inset; }
.phoenix-ui-surface .status-chip::before, .phoenix-ui-surface .platform-grid article span::before, .phoenix-ui-surface .ship-fleet-grid article span::before, .phoenix-ui-surface .layer-map a span::before, .phoenix-ui-surface .agent-thesis-grid article span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentcolor; box-shadow: currentcolor 0px 0px 10px; }
a:focus-visible, summary:focus-visible, .btn:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
@media (max-width: 920px) {
.hero-overlay, .mission-control, .mission-feed-grid, .proof-grid, .funding-grid, .recognition-grid, .cta-grid, .stream-grid, .veela-band .wide-container, .definition-grid, .identity-triad, .layer-map, .support-rail-grid, .platform-grid, .forge-map-grid, .comparison-grid, .cockpit-grid, .cockpit-console, .agent-system-strip, .public-agent-grid, .public-agent-grid.compact-grid, .pulse-grid, .veela-identity-grid, .veela-search-panel, .veela-guided-flow, .veela-source-strip, .search-console, .search-results-grid, .project-tree-grid, .contract-doctrine, .contract-matrix, .platform-status-card, .platform-status-grid, .ship-fleet-grid, .status-dashboard-page .status-matrix, .status-command-panel, .status-project-grid, .status-proof-grid, .platform-visual-panel, .agent-thesis-grid, .agent-type-grid, .status-explainer-grid, .provider-status-grid, .support-truth-grid, .agent-card-demo { grid-template-columns: 1fr; }
.ledger-stat-grid, .status-matrix, .support-flow, .receipt-workflow, .agent-state-grid { grid-template-columns: 1fr; }
.cta-actions { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
*, ::before, ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important; }
}
@media (max-width: 720px) {
.container, .wide-container, .hero-overlay, .nav-shell, nav .container { width: calc(100% - 24px); }
.hero-actions { display: grid; grid-template-columns: 1fr; }
.hero-actions .btn { width: 100%; justify-content: center; }
footer { padding: var(--space-24) 0px; }
.footer-inner { align-items: stretch; gap: var(--space-12); }
.footer-legal { line-height: 1.5; }
.footer-links { align-items: stretch; width: 100%; max-width: none; min-width: 0px; }
.footer-pills { gap: var(--space-4); }
.footer-pills-primary, .footer-pills-secondary { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); justify-content: stretch; }
.footer-pills-primary .pill, .footer-pills-secondary .pill { justify-content: center; min-width: 0px; white-space: normal; text-align: center; }
.footer-more summary { justify-content: center; width: 100%; min-height: 34px; padding: var(--space-8) var(--space-8); border: 1px solid var(--line); border-radius: var(--radius-pill); background: rgba(255, 255, 255, 0.03); }
.proof-run-art, .forge-map-art, .signal-art { overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: color-mix(in srgb, var(--move) 45%, transparent) color-mix(in srgb, var(--bg) 72%, transparent); }
.proof-run-art::after, .signal-art::after { position: sticky; right: 14px; display: block; width: max-content; margin-left: auto; padding: var(--space-4) var(--space-8); border: 1px solid color-mix(in srgb, var(--act) 28%, transparent); border-radius: var(--radius-pill); background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(8px); }
main section, section { padding: var(--space-64) 0px; }
}
@media (max-width: 520px) {
.hero-copy h1, .hero h1 { font-size: var(--text-40); }
.hero-sub { font-size: var(--text-16); }
}
body[class*="page-"] .page-hero, body[class*="page-"] .page-hero-band { border-color: color-mix(in srgb, var(--page-accent) 38%, transparent) !important; background: linear-gradient(90deg, color-mix(in srgb, var(--page-accent) 18%, transparent), transparent 18%, transparent 82%, color-mix(in srgb, var(--page-accent-2) 16%, transparent)),
    radial-gradient(circle at 84% 24%, color-mix(in srgb, var(--page-accent-2) 18%, transparent), transparent 22rem),
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--page-accent) 16%, transparent), transparent 20rem),
    linear-gradient(140deg, color-mix(in srgb, var(--panel) 97%, transparent), rgba(7,8,11,0.99)) !important; }
body[class*="page-"] .page-hero::before, body[class*="page-"] .page-hero-band::before { content: var(--page-sigil); position: absolute; right: 34px; top: 28px; z-index: 0; color: color-mix(in srgb, var(--page-accent) 18%, transparent); font-family: "JetBrains Mono", monospace; font-size: clamp(var(--text-40), 8vw, var(--text-40)); font-weight: 900; letter-spacing: -0.06em; pointer-events: none; }
body[class*="page-"] .page-hero .hero-tag, body[class*="page-"] .section-label, body[class*="page-"] .hero-tag, body[class*="page-"] .eyebrow { color: var(--page-accent); }
body[class*="page-"] .hero-now-grid a, body[class*="page-"] .platform-status-card, body[class*="page-"] .hero-status-panel, body[class*="page-"] .activity-feed article, body[class*="page-"] .proof-list a, body[class*="page-"] .support-rail-card, body[class*="page-"] .route-card, body[class*="page-"] .callout-panel, body[class*="page-"] .airlock-panel, body[class*="page-"] .ship-fleet-panel, body[class*="page-"] .receipt-card, body[class*="page-"] .layer-map a, body[class*="page-"] .platform-grid article, body[class*="page-"] .agent-thesis-grid article, body[class*="page-"] .agent-type-grid article, body[class*="page-"] .agent-spec-card, body[class*="page-"] .public-agent-card, body[class*="page-"] .search-console, body[class*="page-"] .search-results-panel, body[class*="page-"] .veela-identity-card, body[class*="page-"] .veela-search-panel, body[class*="page-"] .receipt-detail-section, body[class*="page-"] .bet-item, body[class*="page-"] .triad-compact > div, body[class*="page-"] details, body[class*="page-"] .agent-state, body[class*="page-"] .status-command-panel, body[class*="page-"] .status-matrix > *, body[class*="page-"] .status-project-grid > *, body[class*="page-"] .contract-doctrine article, body[class*="page-"] .contract-matrix > div, body[class*="page-"] .milestone-card, body[class*="page-"] .roadmap-status-bar { border-color: color-mix(in srgb, var(--page-accent) 25%, color-mix(in srgb, var(--mist) 14%, transparent)); background: linear-gradient(135deg, color-mix(in srgb, var(--page-accent) 11%, transparent), rgba(255,255,255,0.018)),
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--page-accent-2) 12%, transparent), transparent 16rem),
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, transparent), rgba(7,9,12,0.98)); }
body[class*="page-"] table { border: 1px solid color-mix(in srgb, var(--page-accent) 24%, color-mix(in srgb, var(--mist) 14%, transparent)); background: linear-gradient(135deg, color-mix(in srgb, var(--page-accent) 8%, transparent), color-mix(in srgb, var(--bg) 82%, transparent)); }
body[class*="page-"] th { color: var(--page-accent); }
body[class*="page-"] .btn-primary, body[class*="page-"] .text-link { color: var(--bg); background: linear-gradient(135deg, var(--page-accent), var(--page-accent-2)); border-color: transparent; }
body[class*="page-"] .text-link { display: inline-flex; padding: var(--space-8) var(--space-8); border-radius: var(--radius-pill); }
.status-chip { font-family: var(--glee-font-mono); font-size: var(--text-10); padding: var(--space-2) var(--space-8); border: 1px solid; border-radius: var(--radius-pill); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.08em; }
.status-chip.status-live { color: var(--green); border-color: color-mix(in srgb, var(--act) 48%, transparent); background: color-mix(in srgb, var(--act) 8%, transparent); }
.status-chip.status-soft { color: var(--amber-hot); border-color: color-mix(in srgb, var(--sand) 50%, transparent); background: color-mix(in srgb, var(--sand) 8%, transparent); }
.status-explainer-grid, .provider-status-grid, .support-truth-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-12); margin: var(--space-24) 0px; }
.status-explainer-grid article, .provider-status-grid article, .support-truth-grid article { border: 1px solid var(--line); border-radius: var(--radius); padding: var(--space-16); background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--move) 8%, transparent), transparent 12rem),
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 94%, transparent), rgba(7,9,12,0.98)); }
.status-explainer-grid h2, .support-truth-grid h2 { margin: var(--space-12) 0px var(--space-8); color: var(--bone); font-family: var(--serif); line-height: 1.1; }
.status-explainer-grid p, .provider-status-grid p, .support-truth-grid p { color: var(--text-soft); line-height: 1.6; }
.support-truth-grid .friction-entry-card { border-color: color-mix(in srgb, var(--move) 34%, transparent); }
.support-phoenix-page .support-truth-grid article, .support-phoenix-page .support-flow article, .support-phoenix-page .receipt-workflow article, .support-phoenix-page .callout { position: relative; overflow: hidden; border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); border-radius: 0px; clip-path: var(--forge-cut-sm); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 12%, transparent) 0 3px, transparent 3px),
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, transparent), color-mix(in srgb, var(--bg) 98%, transparent)); box-shadow: rgba(255, 255, 255, 0.06) 0px 1px 0px inset, rgba(0, 0, 0, 0.22) 0px 16px 42px; }
.support-phoenix-page .support-truth-grid article::before, .support-phoenix-page .support-flow article::before, .support-phoenix-page .receipt-workflow article::before, .support-phoenix-page .callout::before { content: ""; position: absolute; inset: 0px 0px auto; height: 3px; background: linear-gradient(90deg, var(--forge-amber), var(--forge-cyan), transparent); }
.support-phoenix-page .support-truth-grid article::after, .support-phoenix-page .support-flow article::after, .support-phoenix-page .receipt-workflow article::after, .support-phoenix-page .callout::after { content: ""; position: absolute; right: 14px; bottom: 14px; width: 42px; height: 14px; border-right: 1px solid color-mix(in srgb, var(--sand) 34%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--move) 28%, transparent); transform: skewX(-24deg); opacity: 0.76; pointer-events: none; }
.support-phoenix-page .support-truth-grid h2, .support-phoenix-page .support-flow h3, .support-phoenix-page .receipt-workflow strong { color: var(--forge-text); font-family: var(--glee-font-sans); letter-spacing: 0px; }
@media (max-width: 920px) {
.status-explainer-grid, .provider-status-grid, .support-truth-grid, .first-visit-rail, .guide-status-grid, .guide-route-map, .mode-comparison { grid-template-columns: 1fr; }
}
@keyframes living-pulse {
0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sand) 60%, transparent); }
70% { box-shadow: 0 0 0 12px color-mix(in srgb, var(--sand) 0%, transparent); }
100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--sand) 0%, transparent); }
}
@media (max-width: 820px) {
body { overflow-x: hidden; }
}
:root { --forge-ink: #06080c; --forge-panel: #101820; --forge-panel-2: #151f29; --forge-amber: #f4bd45; --forge-gold: #e7c384; --forge-blue: #2f9fff; --forge-cyan: #66e4ff; --forge-violet: #9a70ff; --forge-green: #64d77b; --forge-text: #f2eee5; --forge-soft: #c7d2de; --forge-muted: #8b99a8; --forge-line: rgba(233, 225, 208, 0.18); --forge-hot-line: rgba(244, 189, 69, 0.48); --forge-cut-lg: polygon(0 0, calc(100% - 42px) 0, 100% 42px, 100% 100%, 42px 100%, 0 calc(100% - 42px)); --forge-cut-md: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px)); --forge-cut-sm: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); --forge-shadow: 0 30px 100px rgba(0, 0, 0, 0.42); }
body { background: linear-gradient(115deg, color-mix(in srgb, var(--sand) 4.5%, transparent), transparent 24%, transparent 72%, color-mix(in srgb, var(--move) 6.5%, transparent)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.026) 0 1px, transparent 1px 72px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 54px),
    radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--move) 10%, transparent), transparent 28rem),
    radial-gradient(circle at 12% 22%, color-mix(in srgb, var(--sand) 10%, transparent), transparent 24rem),
    var(--forge-ink); }
.container, .wide-container { width: min(1180px, 100% - 40px); }
main.container { padding-top: var(--space-40); padding-bottom: var(--space-64); }
.os-glb-top { height: auto !important; min-height: 70px !important; gap: var(--space-16) !important; padding: var(--space-8) max(18px, -590px + 50vw) !important; border-bottom: 1px solid color-mix(in srgb, var(--sand) 30%, transparent) !important; background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 11%, transparent), transparent 26%, transparent 74%, color-mix(in srgb, var(--move) 10%, transparent)),
    rgba(6, 8, 12, 0.9) !important; backdrop-filter: blur(18px) saturate(150%) !important; box-shadow: rgba(0, 0, 0, 0.28) 0px 18px 70px !important; }
.os-glb-top::before { content: "" !important; position: absolute !important; left: max(18px, -590px + 50vw) !important; right: max(18px, -590px + 50vw) !important; bottom: -1px !important; height: 2px !important; background: linear-gradient(90deg, var(--forge-amber), var(--forge-cyan), transparent) !important; box-shadow: 0 0 28px color-mix(in srgb, var(--sand) 28%, transparent) !important; }
.os-glb-top .glb-brand { position: relative !important; min-height: 48px !important; padding: 0px var(--space-12) 0px var(--space-40) !important; color: var(--forge-text) !important; letter-spacing: 0.22em !important; background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 12%, transparent), color-mix(in srgb, var(--move) 4%, transparent)) !important; border: 1px solid color-mix(in srgb, var(--sand) 24%, transparent) !important; clip-path: var(--forge-cut-sm) !important; }
.os-glb-top .glb-brand::before { content: "" !important; position: absolute !important; left: 12px !important; top: 8px !important; width: 28px !important; height: 32px !important; background: linear-gradient(90deg, transparent 0 12px, var(--forge-amber) 12px 15px, transparent 15px),
    linear-gradient(135deg, transparent 0 43%, var(--forge-cyan) 44% 55%, transparent 56%),
    linear-gradient(45deg, transparent 0 43%, var(--forge-amber) 44% 55%, transparent 56%) !important; clip-path: polygon(50% 0px, 100% 26%, 78% 100%, 50% 76%, 22% 100%, 0px 26%) !important; filter: drop-shadow(0 0 16px color-mix(in srgb, var(--sand) 44%, transparent)) !important; }
.os-glb-top .glb-cmd { min-height: 44px !important; display: none !important; align-items: center !important; border: 1px solid color-mix(in srgb, var(--move) 24%, transparent) !important; border-radius: 0px !important; background: linear-gradient(90deg, color-mix(in srgb, var(--move) 8%, transparent), color-mix(in srgb, var(--sand) 5%, transparent)) !important; clip-path: var(--forge-cut-sm) !important; }
.os-glb-top .glb-links { flex: 1 1 auto !important; gap: var(--space-8) !important; min-width: 0px !important; overflow-x: auto !important; scrollbar-width: none !important; }
.os-glb-top .glb-links a, .os-glb-top .glb-btn { position: relative !important; min-height: 40px !important; border-radius: 0px !important; border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent) !important; background: rgba(255, 255, 255, 0.024) !important; color: var(--forge-soft) !important; clip-path: var(--forge-cut-sm) !important; transition: transform 140ms, border-color 140ms, color 140ms !important; }
.os-glb-top .glb-links a::before, .os-glb-top .glb-btn::before { content: "" !important; position: absolute !important; left: 0px !important; top: 0px !important; bottom: 0px !important; width: 3px !important; background: linear-gradient(180deg, var(--forge-amber), var(--forge-cyan)) !important; opacity: 0.72 !important; }
.os-glb-top .glb-links a:hover, .os-glb-top .glb-btn:hover { transform: translateY(var(--gm-lift)) !important; color: var(--forge-text) !important; border-color: color-mix(in srgb, var(--sand) 42%, transparent) !important; background: color-mix(in srgb, var(--sand) 8%, transparent) !important; }
.os-glb-top .glb-btn.primary { border-color: color-mix(in srgb, var(--sand) 70%, transparent) !important; background: linear-gradient(90deg, var(--forge-amber), var(--forge-gold)) !important; color: var(--bg) !important; font-weight: 900 !important; }
.os-glb-top .glb-spacer { flex: 0 1 10px !important; min-width: 0px !important; }
.os-glb-top .glb-actions { flex: 0 0 auto !important; margin-left: auto !important; }
@media (max-width: 1320px) and (min-width: 981px) {
.os-glb-top .glb-surface-badge { display: none !important; }
.os-glb-top .glb-links { gap: var(--space-4) !important; }
.os-glb-top .glb-links a { padding-left: var(--space-8) !important; padding-right: var(--space-8) !important; font-size: var(--text-12) !important; }
}
@media (max-width: 640px) {
.os-glb-top .glb-surface-badge { display: none !important; }
}
.btn, button, input[type="submit"], .text-link, footer .pill { border-radius: 0px !important; }
.btn, .phoenix-ui-surface .hero-actions .btn, body[class*="page-"] .btn-primary, body[class*="page-"] .text-link { position: relative; overflow: hidden; min-height: 48px; padding: 0px var(--space-64) 0px var(--space-16); border: 1px solid color-mix(in srgb, var(--sand) 38%, transparent); color: var(--forge-text); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 12%, transparent), color-mix(in srgb, var(--move) 6%, transparent)),
    color-mix(in srgb, var(--bg) 86%, transparent); clip-path: var(--forge-cut-sm); box-shadow: inset 4px 0 0 color-mix(in srgb, var(--sand) 62%, transparent), 0 14px 38px rgba(0, 0, 0, 0.2); font-family: var(--glee-font-mono); letter-spacing: 0.06em; }
.btn::after, .phoenix-ui-surface .hero-actions .btn::after, body[class*="page-"] .text-link::after { content: ">" !important; position: absolute !important; inset: 0px 0px 0px auto !important; width: 42px !important; height: auto !important; display: grid !important; place-items: center !important; background: color-mix(in srgb, var(--bg) 86%, transparent) !important; color: var(--forge-amber) !important; border-left: 1px solid color-mix(in srgb, var(--ink) 16%, transparent) !important; }
.btn:hover, .phoenix-ui-surface .hero-actions .btn:hover, body[class*="page-"] .text-link:hover { transform: translateY(var(--gm-lift)); border-color: color-mix(in srgb, var(--move) 50%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 18%, transparent), color-mix(in srgb, var(--move) 10%, transparent)),
    color-mix(in srgb, var(--bg) 94%, transparent); }
.btn-primary, .phoenix-ui-surface .btn-primary, body[class*="page-"] .btn-primary { color: var(--bg) !important; background: linear-gradient(90deg, var(--forge-amber), var(--forge-gold)) !important; border-color: color-mix(in srgb, var(--sand) 88%, transparent) !important; box-shadow: inset 4px 0 0 rgba(255, 255, 255, 0.34), 0 18px 48px color-mix(in srgb, var(--sand) 16%, transparent) !important; }
.btn-secondary, .btn-outline, .btn-glass { border-color: color-mix(in srgb, var(--move) 30%, transparent) !important; }
.page-hero, .page-hero.phoenix-ui-hero, body[class*="page-"] .page-hero, body[class*="page-"] .page-hero.phoenix-ui-hero { min-height: 460px; display: grid; align-content: center; clip-path: var(--forge-cut-lg); box-shadow: var(--forge-shadow); padding: clamp(var(--space-24), 4vw, var(--space-40)) !important; border: 1px solid color-mix(in srgb, var(--sand) 30%, transparent) !important; border-radius: 0px !important; background-position-x:  !important; background-position-y:  !important; background-size:  !important; background-repeat:  !important; background-attachment:  !important; background-origin:  !important; background-clip:  !important; background-color:  !important; background-image: linear-gradient(90deg, color-mix(in srgb, var(--sand) 13%, transparent) 0 2px, transparent 2px),
    linear-gradient(135deg, color-mix(in srgb, var(--panel) 96%, transparent), rgba(6, 8, 12, 0.98)) !important; }
.page-hero::before, body[class*="page-"] .page-hero::before { content: ""; position: absolute; inset: 0px; z-index: 0; background: repeating-linear-gradient(115deg, transparent 0 22px, color-mix(in srgb, var(--sand) 5.5%, transparent) 22px 23px, transparent 23px 44px),
    linear-gradient(90deg, color-mix(in srgb, var(--sand) 8%, transparent), transparent 30%, transparent 70%, color-mix(in srgb, var(--move) 8%, transparent)); pointer-events: none; }
.page-hero::after, body[class*="page-"] .page-hero::after { content: ""; position: absolute; right: clamp(20px, 6vw, 86px); top: clamp(20px, 5vw, 58px); width: min(30vw, 280px); height: min(18vw, 170px); border-radius: 0px; border: 0px; background: repeating-linear-gradient(104deg, transparent 0 18px, color-mix(in srgb, var(--sand) 38%, transparent) 18px 20px, transparent 20px 34px); clip-path: polygon(0px 72%, 45% 8%, 50% 26%, 55% 8%, 100% 72%, 78% 88%, 50% 52%, 22% 88%); box-shadow: none; opacity: 0.32; }
.page-hero > *, body[class*="page-"] .page-hero > * { position: relative; z-index: 1; }
.phoenix-forge-hero { grid-template-columns: minmax(0px, 0.92fr) minmax(430px, 1.16fr); gap: clamp(var(--space-24), 5vw, var(--space-64)); }
.phoenix-forge-hero .phoenix-hero-copy { display: grid; align-content: center; gap: var(--space-16); }
.page-hero h1, .phoenix-forge-hero h1 { max-width: 860px; color: var(--forge-text); font-size: clamp(var(--text-40), 6vw, var(--text-40)); line-height: 0.94; letter-spacing: 0px; }
.page-hero .hero-sub, .phoenix-forge-hero .hero-sub { max-width: 68ch; color: var(--forge-soft); font-size: clamp(var(--text-16), 1.7vw, var(--text-20)); }
.hero-tag, .section-label, .phoenix-ui-surface .section-label, body[class*="page-"] .hero-tag, body[class*="page-"] .section-label { width: max-content; max-width: 100%; display: inline-flex; align-items: center; gap: var(--space-8); padding: var(--space-8) var(--space-12); border: 1px solid color-mix(in srgb, var(--sand) 34%, transparent); border-radius: 0px; color: var(--forge-amber); background: color-mix(in srgb, var(--bg) 62%, transparent); clip-path: var(--forge-cut-sm); font-family: var(--glee-font-mono); font-size: var(--text-12); font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.hero-tag::before, .section-label::before, .phoenix-ui-surface .section-label::before { content: ""; width: 18px; height: 7px; border-radius: 0px; background: currentcolor; clip-path: polygon(0px 45%, 100% 0px, 82% 50%, 100% 100%, 0px 56%); box-shadow: currentcolor 0px 0px 16px; }
main.container > section, body > .container > section, .covenant-band, .transformation-pipeline-panel, .ship-fleet-panel, .airlock-panel, .platform-visual-panel, .phoenix-agent-dock-section { position: relative; margin: var(--space-24) 0px; padding: clamp(var(--space-24), 4vw, var(--space-40)); border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); clip-path: var(--forge-cut-md); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 10%, transparent) 0 2px, transparent 2px),
    linear-gradient(135deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--bg) 96%, transparent)); box-shadow: rgba(0, 0, 0, 0.22) 0px 20px 70px; border-radius: 0px !important; }
main.container > section::before, body > .container > section::before { width: auto; height: auto; background: repeating-linear-gradient(115deg, transparent 0 26px, color-mix(in srgb, var(--sand) 5%, transparent) 26px 27px, transparent 27px 52px); box-shadow: none; inset: 0px; pointer-events: none; }
main.container > section::after, body > .container > section::after { content: ""; position: absolute; right: 14px; bottom: 14px; width: 56px; height: 18px; border-right: 1px solid color-mix(in srgb, var(--sand) 38%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--move) 30%, transparent); transform: skewX(-24deg); pointer-events: none; }
.status-chip, .platform-grid article span, .ship-fleet-grid article span, .agent-thesis-grid article span, .layer-map a span, .phoenix-ui-surface .status-chip, .phoenix-ui-surface .platform-grid article span, .phoenix-ui-surface .ship-fleet-grid article span, .phoenix-ui-surface .agent-thesis-grid article span, .phoenix-ui-surface .layer-map a span { display: inline-flex; width: max-content; max-width: 100%; align-items: center; gap: var(--space-8); margin-bottom: var(--space-12); padding: var(--space-4) var(--space-8); border: 1px solid; border-radius: 0px; color: var(--forge-amber); background: color-mix(in srgb, var(--bg) 62%, transparent); clip-path: var(--forge-cut-sm); font-family: var(--glee-font-mono); font-size: var(--text-11); font-weight: 900; letter-spacing: 0.09em; text-transform: uppercase; }
.status-chip::before, .platform-grid article span::before, .ship-fleet-grid article span::before, .agent-thesis-grid article span::before, .layer-map a span::before { content: ""; width: 18px; height: 7px; border-radius: 0px; background: currentcolor; clip-path: polygon(0px 45%, 100% 0px, 82% 50%, 100% 100%, 0px 56%); box-shadow: currentcolor 0px 0px 14px; }
.signal-art { border-radius: 0px; clip-path: var(--forge-cut-sm); }
footer { position: relative; padding: var(--space-40) 0px; border-top: 1px solid color-mix(in srgb, var(--sand) 26%, transparent); background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 8%, transparent), transparent 30%, transparent 72%, color-mix(in srgb, var(--move) 8%, transparent)),
    var(--bg); }
footer::before { content: ""; position: absolute; left: max(20px, -590px + 50vw); right: max(20px, -590px + 50vw); top: -1px; height: 2px; background: linear-gradient(90deg, var(--forge-amber), var(--forge-cyan), transparent); }
.footer-inner { align-items: start; }
.footer-legal { color: var(--forge-soft); letter-spacing: 0.08em; text-transform: uppercase; }
.footer-pills { gap: var(--space-8); }
footer .pill, .footer-more summary { min-height: 34px; align-items: center; padding: var(--space-8) var(--space-8); border: 1px solid color-mix(in srgb, var(--ink) 14%, transparent); color: var(--forge-muted); background: rgba(255, 255, 255, 0.024); clip-path: var(--forge-cut-sm); font-family: var(--glee-font-mono); font-size: var(--text-11); font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; }
footer .pill:hover, .footer-more summary:hover { color: var(--forge-text); border-color: color-mix(in srgb, var(--sand) 38%, transparent); }
.footer-more summary::after { border-radius: 0px; clip-path: polygon(50% 0px, 100% 50%, 50% 100%, 0px 50%); }
@media (max-width: 980px) {
.phoenix-forge-hero, .phoenix-command-array { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.container, .wide-container { width: min(100% - 24px, 1180px); }
main.container { padding-top: var(--space-16); }
.os-glb-top { min-height: 60px !important; padding: var(--space-8) var(--space-8) !important; max-width: 100vw !important; overflow: hidden !important; }
.os-glb-top .glb-links, .os-glb-top .glb-cmd { display: none !important; }
.os-glb-top .glb-brand { min-width: 0px !important; padding-right: var(--space-8) !important; }
.os-glb-top .glb-spacer { flex: 1 1 auto !important; }
.os-glb-top .glb-actions { min-width: 0px !important; gap: var(--space-4) !important; }
.os-glb-top .glb-actions .glb-btn:not(.primary) { display: none !important; }
.os-glb-top .glb-btn.primary { max-width: 132px !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.page-hero, .page-hero.phoenix-ui-hero, body[class*="page-"] .page-hero, body[class*="page-"] .page-hero.phoenix-ui-hero { min-height: auto; clip-path: var(--forge-cut-md); padding: var(--space-24) !important; }
.page-hero::after { display: none; }
.page-hero h1, .phoenix-forge-hero h1 { font-size: clamp(var(--text-28), 13vw, var(--text-40)); }
.hero-actions { display: grid; grid-template-columns: 1fr; }
.phoenix-ui-surface .phoenix-hero-copy, .phoenix-ui-surface .hero-actions { width: min(100%, -72px + 100vw); max-width: 100%; min-width: 0px; }
.hero-actions .btn, .btn { width: 100%; max-width: 100%; min-width: 0px; box-sizing: border-box; }
main.container > section, body > .container > section, .covenant-band, .transformation-pipeline-panel, .ship-fleet-panel, .airlock-panel, .platform-visual-panel, .phoenix-agent-dock-section { padding: var(--space-24); clip-path: var(--forge-cut-sm); }
.footer-inner, .footer-links { align-items: stretch; }
.footer-pills-primary, .footer-pills-secondary { justify-content: flex-start; }
}
:root { --phoenix-epic-art: url("/assets/phoenix/phoenix-sovereign-ascension.webp"); --phoenix-dramatic-art: url("/assets/phoenix/glee-phoenix-dramatic.jpg"); }
.phoenix-route-hero { position: relative; isolation: isolate; overflow: hidden; }
.phoenix-route-hero::after { opacity: 0.16; }
.route-phoenix-art { position: relative; min-height: 390px; margin: 0px; border: 1px solid color-mix(in srgb, var(--sand) 44%, transparent); background: var(--bg); clip-path: var(--forge-cut-md); box-shadow: 0 26px 90px rgba(0, 0, 0, 0.44), inset 0 0 0 1px color-mix(in srgb, var(--move) 12%, transparent); overflow: hidden; }
.route-phoenix-art::before, .route-phoenix-art::after { content: ""; position: absolute; inset: 0px; pointer-events: none; }
.route-phoenix-art::before { z-index: 1; background: linear-gradient(90deg, rgba(5, 7, 10, 0.52), rgba(5, 7, 10, 0.04) 45%, rgba(5, 7, 10, 0.42)),
    linear-gradient(180deg, rgba(5, 7, 10, 0), rgba(5, 7, 10, 0.7)),
    repeating-linear-gradient(115deg, transparent 0 30px, color-mix(in srgb, var(--sand) 6%, transparent) 30px 31px); }
.route-phoenix-art::after { z-index: 2; inset: auto 18px 18px auto; width: 88px; height: 28px; border-right: 1px solid color-mix(in srgb, var(--sand) 52%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--move) 38%, transparent); transform: skewX(-24deg); }
.route-phoenix-art figcaption { position: absolute; z-index: 3; left: 18px; right: 18px; bottom: 18px; display: grid; gap: var(--space-4); padding: var(--space-12) var(--space-16); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--forge-amber); color: var(--forge-text); background: rgba(4, 7, 10, 0.78); clip-path: var(--forge-cut-sm); backdrop-filter: blur(8px) saturate(140%); }
.route-phoenix-art figcaption span { color: var(--forge-amber); font-family: var(--glee-font-mono); font-size: var(--text-11); font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; }
.route-phoenix-art figcaption strong { font-size: clamp(var(--text-16), 1.8vw, var(--text-20)); }
.paid-work-phoenix-page .support-truth-grid article, .support-phoenix-page .support-truth-grid article, .paid-work-phoenix-page .receipt-workflow article, .support-phoenix-page .receipt-workflow article, .platform-status-phoenix-page .contract-matrix > div, .platform-status-phoenix-page .platform-status-card, .platform-status-phoenix-page .status-cell { position: relative; clip-path: var(--forge-cut-sm); border-color: color-mix(in srgb, var(--ink) 14%, transparent); overflow: hidden; border-radius: 0px !important; background: linear-gradient(90deg, color-mix(in srgb, var(--sand) 12%, transparent) 0 3px, transparent 3px),
    linear-gradient(135deg, rgba(6, 8, 12, 0.72), rgba(6, 8, 12, 0.96)),
    var(--phoenix-dramatic-art) right top / 46% auto no-repeat,
    linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, transparent), color-mix(in srgb, var(--bg) 98%, transparent)) !important; }
.paid-work-phoenix-page .support-truth-grid article::after, .support-phoenix-page .support-truth-grid article::after, .paid-work-phoenix-page .receipt-workflow article::after, .support-phoenix-page .receipt-workflow article::after, .platform-status-phoenix-page .contract-matrix > div::after, .platform-status-phoenix-page .status-cell::after { content: ""; position: absolute; right: 12px; bottom: 12px; width: 46px; height: 15px; border-right: 1px solid color-mix(in srgb, var(--sand) 34%, transparent); border-bottom: 1px solid color-mix(in srgb, var(--move) 28%, transparent); transform: skewX(-24deg); pointer-events: none; }
@media (max-width: 980px) {
.phoenix-route-hero { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
.phoenix-route-hero .phoenix-hero-copy { display: contents; }
.phoenix-route-hero .hero-tag { order: 1; }
.phoenix-route-hero h1 { order: 2; }
.phoenix-route-hero .route-phoenix-art { order: 3; }
.phoenix-route-hero .hero-sub { order: 4; }
.phoenix-route-hero .hero-actions { order: 5; }
.route-phoenix-art { min-height: 220px; }
.route-phoenix-art figcaption { left: 12px; right: 12px; bottom: 12px; }
}
@keyframes sceneRailFlow {
100% { stroke-dashoffset: -104; }
}
@keyframes sceneSpinePulse {
0%, 100% { opacity: 0.72; }
50% { opacity: 1; }
}
@keyframes sceneModuleBreathe {
0%, 100% { filter: brightness(0.98) saturate(1); }
48% { filter: brightness(1.1) saturate(1.12); }
}
@keyframes sceneModuleBeacon {
0%, 100% { opacity: 0.78; text-shadow: 0 0 10px var(--module-accent); }
50% { opacity: 1; text-shadow: 0 0 22px var(--module-accent); }
}