/* Shared light/dark palette. Baseline: white 2.4.3; no duplicate theme payload. */
:root {
  --axionai-tone-_f9f9f9: #f9f9f9;
  --axionai-tone-_cbcbcb: #cbcbcb;
  --axionai-tone-_595959: #595959;
  --axionai-tone-_2d2d2d: #2d2d2d;
  --axionai-tone-_1d1d1d: #1d1d1d;
  --axionai-tone-_161616: #161616;
  --axionai-tone-_aeaeae: #aeaeae;
  --axionai-tone-_2c2c2c1f: #2c2c2c1f;
  --axionai-tone-_16161633: #16161633;
  --axionai-tone-_2f2f2f0f: #2f2f2f0f;
  --axionai-tone-_ffffff4d: #ffffff4d;
  --axionai-tone-_efefef: #efefef;
  --axionai-tone-_2b2b2b: #2b2b2b;
  --axionai-tone-rgba_249_249_249__78_: rgba(249,249,249,.78);
  --axionai-tone-_2c2c2c10: #2c2c2c10;
  --axionai-tone-rgba_249_249_249__94_: rgba(249,249,249,.94);
  --axionai-tone-_000000: #000000;
  --axionai-tone-_2d2d2d0f: #2d2d2d0f;
  --axionai-tone-_2c2c2c44: #2c2c2c44;
  --axionai-tone-_2c2c2c0b: #2c2c2c0b;
  --axionai-tone-_ffffff: #ffffff;
  --axionai-tone-_2b2b2b24: #2b2b2b24;
  --axionai-tone-_2b2b2b42: #2b2b2b42;
  --axionai-tone-_2b2b2b15: #2b2b2b15;
  --axionai-tone-_6d6d6d: #6d6d6d;
  --axionai-tone-_3b3b3b: #3b3b3b;
  --axionai-tone-_2f2f2f: #2f2f2f;
  --axionai-tone-_4c4c4c: #4c4c4c;
  --axionai-tone-_2c2c2c: #2c2c2c;
  --axionai-tone-_2c2c2c24: #2c2c2c24;
  --axionai-tone-_3e3e3e: #3e3e3e;
  --axionai-tone-_2d2d2d20: #2d2d2d20;
  --axionai-tone-_2d2d2d27: #2d2d2d27;
  --axionai-tone-_16161666: #16161666;
  --axionai-tone-_2c2c2c14: #2c2c2c14;
  --axionai-tone-_2b2b2b35: #2b2b2b35;
  --axionai-tone-rgba_243_243_243__92_: rgba(243,243,243,.92);
  --axionai-tone-_16161610: #16161610;
  --axionai-tone-_2d2d2d50: #2d2d2d50;
  --axionai-tone-_2b2b2b20: #2b2b2b20;
  --axionai-tone-_16161673: #16161673;
  --axionai-tone-_2b2b2b1a: #2b2b2b1a;
  --axionai-tone-_2b2b2b12: #2b2b2b12;
  --axionai-tone-_2c2c2c55: #2c2c2c55;
  --axionai-tone-_2d2d2d1f: #2d2d2d1f;
  --axionai-tone-_2d2d2d12: #2d2d2d12;
  --axionai-tone-_2c2c2c2f: #2c2c2c2f;
  --axionai-tone-_878787: #878787;
  --axionai-tone-_2d2d2d08: #2d2d2d08;
  --axionai-tone-_2b2b2b0e: #2b2b2b0e;
  --axionai-tone-_2d2d2d0d: #2d2d2d0d;
  --axionai-tone-_2d2d2d0e: #2d2d2d0e;
  --axionai-tone-_16161650: #16161650;
  --axionai-tone-_2d2d2d14: #2d2d2d14;
  --axionai-tone-_ffffff30: #ffffff30;
  --axionai-tone-_f9f9f9f7: #f9f9f9f7;
  --axionai-tone-_9b9b9b: #9b9b9b;
  --axionai-tone-_ff3038: #ff3038;
  --axionai-tone-_ff303899: #ff303899;
  --axionai-tone-_ff303833: #ff303833;
  --axionai-tone-_212121: #212121;
  --axionai-tone-_111111: #111111;
  --axionai-tone-_555555: #555555;
  --axionai-tone-_17171712: #17171712;
  --axionai-tone-_1717170a: #1717170a;
  --axionai-tone-rgba_255_255_255__86_: rgba(255,255,255,.86);
  --axionai-tone-rgba_255_255_255__96_: rgba(255,255,255,.96);
  --axionai-tone-rgba_255_255_255__92_: rgba(255,255,255,.92);
  --axionai-tone-_fafafa: #fafafa;
  --axionai-tone-_17171710: #17171710;
  --axionai-tone-_17171704: #17171704;
  --axionai-tone-_17171724: #17171724;
  --axionai-tone-_1717170c: #1717170c;
  --axionai-tone-_ffffffb3: #ffffffb3;
  --axionai-tone-_f7f7f7: #f7f7f7;
  --axionai-tone-_171717: #171717;
  --axionai-tone-_d9202e: #d9202e;
  --axionai-tone-_ffffff40: #ffffff40;
  --axionai-tone-_b81724: #b81724;
  --axionai-tone-_d9202e26: #d9202e26;
  --axionai-tone-_111: #111;
  --axionai-tone-_444: #444;
  --axionai-tone-_666: #666;
  --axionai-tone-_bdbdbd99: #bdbdbd99;
  --axionai-tone-_eeeeee: #eeeeee;
  --axionai-tone-rgba_255_255_255__97_: rgba(255,255,255,.97);
}
:root[data-axion-theme="dark"] {
  --axionai-tone-_f9f9f9: #060606;
  --axionai-tone-_cbcbcb: #343434;
  --axionai-tone-_595959: #a6a6a6;
  --axionai-tone-_2d2d2d: #d2d2d2;
  --axionai-tone-_1d1d1d: #e2e2e2;
  --axionai-tone-_161616: #e9e9e9;
  --axionai-tone-_aeaeae: #515151;
  --axionai-tone-_2c2c2c1f: #d3d3d31f;
  --axionai-tone-_16161633: #e9e9e933;
  --axionai-tone-_2f2f2f0f: #d0d0d00f;
  --axionai-tone-_ffffff4d: #0000004d;
  --axionai-tone-_efefef: #101010;
  --axionai-tone-_2b2b2b: #d4d4d4;
  --axionai-tone-rgba_249_249_249__78_: rgba(6,6,6,.78);
  --axionai-tone-_2c2c2c10: #d3d3d310;
  --axionai-tone-rgba_249_249_249__94_: rgba(6,6,6,.94);
  --axionai-tone-_000000: #ffffff;
  --axionai-tone-_2d2d2d0f: #d2d2d20f;
  --axionai-tone-_2c2c2c44: #d3d3d344;
  --axionai-tone-_2c2c2c0b: #d3d3d30b;
  --axionai-tone-_ffffff: #000000;
  --axionai-tone-_2b2b2b24: #d4d4d424;
  --axionai-tone-_2b2b2b42: #d4d4d442;
  --axionai-tone-_2b2b2b15: #d4d4d415;
  --axionai-tone-_6d6d6d: #929292;
  --axionai-tone-_3b3b3b: #c4c4c4;
  --axionai-tone-_2f2f2f: #d0d0d0;
  --axionai-tone-_4c4c4c: #b3b3b3;
  --axionai-tone-_2c2c2c: #d3d3d3;
  --axionai-tone-_2c2c2c24: #d3d3d324;
  --axionai-tone-_3e3e3e: #c1c1c1;
  --axionai-tone-_2d2d2d20: #d2d2d220;
  --axionai-tone-_2d2d2d27: #d2d2d227;
  --axionai-tone-_16161666: #e9e9e966;
  --axionai-tone-_2c2c2c14: #d3d3d314;
  --axionai-tone-_2b2b2b35: #d4d4d435;
  --axionai-tone-rgba_243_243_243__92_: rgba(12,12,12,.92);
  --axionai-tone-_16161610: #e9e9e910;
  --axionai-tone-_2d2d2d50: #d2d2d250;
  --axionai-tone-_2b2b2b20: #d4d4d420;
  --axionai-tone-_16161673: #e9e9e973;
  --axionai-tone-_2b2b2b1a: #d4d4d41a;
  --axionai-tone-_2b2b2b12: #d4d4d412;
  --axionai-tone-_2c2c2c55: #d3d3d355;
  --axionai-tone-_2d2d2d1f: #d2d2d21f;
  --axionai-tone-_2d2d2d12: #d2d2d212;
  --axionai-tone-_2c2c2c2f: #d3d3d32f;
  --axionai-tone-_878787: #787878;
  --axionai-tone-_2d2d2d08: #d2d2d208;
  --axionai-tone-_2b2b2b0e: #d4d4d40e;
  --axionai-tone-_2d2d2d0d: #d2d2d20d;
  --axionai-tone-_2d2d2d0e: #d2d2d20e;
  --axionai-tone-_16161650: #e9e9e950;
  --axionai-tone-_2d2d2d14: #d2d2d214;
  --axionai-tone-_ffffff30: #00000030;
  --axionai-tone-_f9f9f9f7: #060606f7;
  --axionai-tone-_9b9b9b: #646464;
  --axionai-tone-_ff3038: #ff3038;
  --axionai-tone-_ff303899: #ff303899;
  --axionai-tone-_ff303833: #ff303833;
  --axionai-tone-_212121: #dedede;
  --axionai-tone-_111111: #eeeeee;
  --axionai-tone-_555555: #aaaaaa;
  --axionai-tone-_17171712: #e8e8e812;
  --axionai-tone-_1717170a: #e8e8e80a;
  --axionai-tone-rgba_255_255_255__86_: rgba(0,0,0,.86);
  --axionai-tone-rgba_255_255_255__96_: rgba(0,0,0,.96);
  --axionai-tone-rgba_255_255_255__92_: rgba(0,0,0,.92);
  --axionai-tone-_fafafa: #050505;
  --axionai-tone-_17171710: #e8e8e810;
  --axionai-tone-_17171704: #e8e8e804;
  --axionai-tone-_17171724: #e8e8e824;
  --axionai-tone-_1717170c: #e8e8e80c;
  --axionai-tone-_ffffffb3: #000000b3;
  --axionai-tone-_f7f7f7: #080808;
  --axionai-tone-_171717: #e8e8e8;
  --axionai-tone-_d9202e: #d9202e;
  --axionai-tone-_ffffff40: #00000040;
  --axionai-tone-_b81724: #b81724;
  --axionai-tone-_d9202e26: #d9202e26;
  --axionai-tone-_111: #eeeeee;
  --axionai-tone-_444: #bbbbbb;
  --axionai-tone-_666: #999999;
  --axionai-tone-_bdbdbd99: #42424299;
  --axionai-tone-_eeeeee: #111111;
  --axionai-tone-rgba_255_255_255__97_: rgba(0,0,0,.97);
}
/* White background study. Saved dark variant: axionai-monochrome.css. */
body.axionai-theme {
    --color-midnight-canvas: var(--axionai-tone-_f9f9f9);
    --color-steel-plate: var(--axionai-tone-_cbcbcb);
    --color-fog-veil: var(--axionai-tone-_595959);
    --color-moon-mist: var(--axionai-tone-_2d2d2d);
    --color-frost-glow: var(--axionai-tone-_1d1d1d);
    --color-ice-highlight: var(--axionai-tone-_161616);
    --color-void-violet: var(--axionai-tone-_aeaeae);
    --color-glass-edge: var(--axionai-tone-_2c2c2c1f);
    --font-untitled-sans: 'Untitled Sans', 'Inter', system-ui, sans-serif;
    --font-aeonikpro: 'aeonikPro', 'Inter', system-ui, sans-serif;
    --font-dotdigital: 'dotDigital', ui-monospace, Consolas, monospace;
    --axionai-shadow: inset 0 1px 1px var(--axionai-tone-_16161633), inset 0 24px 48px var(--axionai-tone-_2f2f2f0f), 0 16px 32px var(--axionai-tone-_ffffff4d);
    background: var(--color-midnight-canvas);
    color: var(--color-frost-glow);
    font-family: var(--font-untitled-sans);
}
.axionai-home {
    --axion-ink: var(--axionai-tone-_f9f9f9);
    --axion-panel: var(--axionai-tone-_efefef);
    --axion-line: var(--axionai-tone-_2c2c2c1f);
    --axion-muted: var(--axionai-tone-_595959);
    --axion-mint: var(--axionai-tone-_1d1d1d);
    --axion-sky: var(--axionai-tone-_2b2b2b);
    background: var(--axionai-tone-_f9f9f9);
    color: var(--axionai-tone-_1d1d1d);
}
.axionai-theme .container { max-width: 1200px; }
.axionai-theme .site-header { padding: 16px 0; background: var(--axionai-tone-rgba_249_249_249__78_); backdrop-filter: blur(18px); border-bottom: 1px solid var(--axionai-tone-_2c2c2c10); }
.axionai-theme .site-header.scrolled { background: var(--axionai-tone-rgba_249_249_249__94_); }
.axionai-theme .site-title, .axionai-theme .site-title a { color: var(--axionai-tone-_1d1d1d); font-weight: 500; font-size: 22px; margin: 0; }
.axionai-theme .site-title { position: static !important; clip: auto !important; clip-path: none; width: auto; height: auto; overflow: visible; }
.axionai-theme .nav-menu { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
.axionai-theme .mobile-menu-toggle { display: none; }
.axionai-theme .nav-menu a { color: var(--axionai-tone-_2d2d2d); font-size: 13px; font-weight: 500; }
.axionai-theme .nav-menu a:hover { color: var(--axionai-tone-_000000); }
.axionai-theme .nav-menu a::after { background: var(--axionai-tone-_2b2b2b); }
.axionai-theme .nav-menu li:last-child > a { border: 1px solid var(--axionai-tone-_2c2c2c1f); border-radius: 999px; background: var(--axionai-tone-_2d2d2d0f); padding: 9px 17px; }
.axionai-theme .nav-menu li:last-child > a::after { display: none; }
.axionai-theme .mobile-menu-toggle .bar { background: var(--axionai-tone-_1d1d1d); }
.axionai-home h1, .axionai-home h2, .axionai-home h3 { font-family: var(--font-aeonikpro); font-weight: 500; }
.axionai-home :is(a, button, input, textarea, select):focus-visible { outline: 2px solid var(--axionai-tone-_2b2b2b); outline-offset: 5px; }
.axionai-home :is(.axion-section, .axion-contact) { padding: clamp(72px, 9vw, 120px) 0; background: transparent; position: relative; scroll-margin-top: 90px; }
.axionai-home .axion-section.axion-proof { padding-top: clamp(40px, 5vw, 72px); }
.axionai-home .axion-eyebrow { display: flex; align-items: center; justify-content: center; gap: 16px; color: var(--axionai-tone-_2d2d2d); font: 400 12px/1.4 var(--font-dotdigital); letter-spacing: .1em; }
.axionai-home .axion-eyebrow::before, .axionai-home .axion-eyebrow::after { content: ''; width: 48px; height: 1px; background: linear-gradient(90deg, transparent, var(--axionai-tone-_2c2c2c44)); }
.axionai-home .axion-eyebrow::after { transform: rotate(180deg); }
.axionai-home .axion-hero { position: relative; isolation: isolate; background: var(--axionai-tone-_f9f9f9); border-bottom: 0; padding: 135px 0 20px; }
.axionai-home .axion-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: -1; background-image: linear-gradient(var(--axionai-tone-_2c2c2c0b) 1px, transparent 1px), linear-gradient(90deg, var(--axionai-tone-_2c2c2c0b) 1px, transparent 1px); background-size: 80px 80px; mask-image: radial-gradient(ellipse at 50% 38%, var(--axionai-tone-_ffffff) 10%, transparent 70%); }
.axionai-home .axion-hero::after { content: ''; position: absolute; top: -180px; left: 15%; width: 70%; height: 730px; z-index: -1; pointer-events: none; background: conic-gradient(from 150deg at 50% 0%, transparent 0deg, var(--axionai-tone-_2b2b2b24) 25deg, var(--axionai-tone-_2b2b2b42) 30deg, var(--axionai-tone-_2b2b2b15) 38deg, transparent 60deg); filter: blur(35px); transform-origin: 50% 0; animation: axionai-light 14s ease-in-out infinite alternate; }
.axionai-home .axion-hero-grid { display: block; }
.axionai-home .axion-hero-copy { max-width: 800px; margin: 0 auto; text-align: center; }
.axionai-home .axion-hero-copy > .axion-eyebrow { margin-bottom: 20px; }
.axionai-wordmark { font-family: var(--font-aeonikpro); font-size: clamp(88px, 11vw, 156px); font-weight: 500; letter-spacing: -.06em; line-height: 1.05; padding: 0 6px 16px; background-image: linear-gradient(110deg, var(--axionai-tone-_6d6d6d) 0%, var(--axionai-tone-_3b3b3b) 18%, var(--axionai-tone-_161616) 30%, var(--axionai-tone-_000000) 36%, var(--axionai-tone-_2f2f2f) 42%, var(--axionai-tone-_4c4c4c) 52%, var(--axionai-tone-_161616) 65%, var(--axionai-tone-_000000) 71%, var(--axionai-tone-_2c2c2c) 78%, var(--axionai-tone-_6d6d6d) 100%); background-size: 250% 100%; background-position: 100% 50%; background-clip: text; -webkit-background-clip: text; color: transparent; filter: drop-shadow(0 0 20px var(--axionai-tone-_2c2c2c24)); animation: axionai-wordmark-shimmer 7s ease-in-out infinite alternate; }
@keyframes axionai-wordmark-shimmer { from { background-position: 100% 50%; } to { background-position: 0% 50%; } }
.axionai-home .axion-hero h1 { font-size: clamp(30px, 4vw, 48px); line-height: 1.17; letter-spacing: -.025em; color: var(--axionai-tone-_161616); font-weight: 500; margin: 16px 0 0; }
.axionai-home .axion-hero h1 span { color: var(--axionai-tone-_3e3e3e); }
.axionai-home .axion-lede { max-width: 560px; margin: 20px auto 0 !important; color: var(--axionai-tone-_595959); font-size: 16px; line-height: 1.5; }
.axionai-home .axion-actions { justify-content: center; margin-top: 28px; gap: 12px; }
.axionai-home .axion-button { border: 1px solid var(--axionai-tone-_2c2c2c1f); border-radius: 999px; padding: 12px 22px; min-height: 46px; color: var(--axionai-tone-_000000) !important; font-size: 14px; font-weight: 500; background: var(--axionai-tone-_2d2d2d0f); box-shadow: inset 0 1px 1px var(--axionai-tone-_16161633); transition: background .25s, box-shadow .25s, transform .25s; }
.axionai-home .axion-button-primary { background: var(--axionai-tone-_2d2d2d20); }
.axionai-home .axion-button:hover, .axionai-home .axion-button:focus-visible { color: var(--axionai-tone-_000000) !important; background: var(--axionai-tone-_2d2d2d27); box-shadow: inset 0 1px 1px var(--axionai-tone-_16161666), 0 0 24px var(--axionai-tone-_2c2c2c14); transform: translateY(-2px); }
.axionai-home .axion-scope-list { justify-content: center; gap: 18px; margin: 24px 0 0; }
.axionai-home .axion-scope-list li { border: 0; padding: 0; color: var(--axionai-tone-_595959); text-transform: none; letter-spacing: 0; font-size: 12px; font-weight: 400; }
.axionai-stage { position: relative; max-width: 1152px; margin: 56px auto 28px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.axionai-stage-glow { position: absolute; width: 70%; height: 160px; left: 15%; bottom: 30px; border-radius: 50%; background: radial-gradient(ellipse,var(--axionai-tone-_2b2b2b35),transparent 70%); filter: blur(30px); animation: axionai-breathe 9s ease-in-out infinite alternate; }
.axionai-float { position: relative; min-width: 0; z-index: 1; }
.axionai-float-left { --axionai-start: calc(150% + 24px); }
.axionai-float-center { --axionai-start: calc(50% + 8px); z-index: 3; }
.axionai-float-right { --axionai-start: calc(-50% - 8px); z-index: 2; }
.axionai-float-infra { --axionai-start: calc(-150% - 24px); }
.axionai-stage.axionai-spread-ready:not(.axionai-spread-open) .axionai-float { transform: translateX(var(--axionai-start)); opacity: 1; }
.axionai-stage.axionai-spread-open .axionai-float { animation: axionai-spread 4.8s cubic-bezier(.22,.65,.2,1) both; }
.axionai-stage.axionai-spread-open .axionai-float-left, .axionai-stage.axionai-spread-open .axionai-float-infra { animation-delay: .12s; }
.axionai-stage-four .axionai-demo-card { display: flex; flex-direction: column; height: 100%; min-height: 324px; padding: 22px; }
.axionai-stage-four .axionai-demo-label { margin-top: auto; padding-top: 16px; }
.axionai-stage-four .axionai-code-lines { margin: 10px 0 24px; line-height: 1.6; }
.axionai-stage-four .axionai-center-title { font-size: 25px; margin-bottom: 18px; }
.axionai-stage-four .axionai-pipeline { margin-top: 0; }
.axionai-stage-four .axionai-workflow { padding-bottom: 24px; }
.axionai-stage-four .axionai-skeleton { margin-bottom: 24px; }
.axionai-stage-four .axionai-demo-top { min-height: 30px; }
.axionai-stage-four .axionai-mark { flex-shrink: 0; }
.axionai-demo-card { background: var(--axionai-tone-rgba_243_243_243__92_); border-radius: 16px; padding: 24px; box-shadow: var(--axionai-shadow); backdrop-filter: blur(16px); color: var(--axionai-tone-_2d2d2d); position: relative; overflow: hidden; }
.axionai-demo-card::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg,transparent 20%,var(--axionai-tone-_16161610) 42%,transparent 62%); transform: translateX(-110%); animation: axionai-sheen 12s ease-in-out infinite; }
.axionai-window-bar { display: flex; align-items: center; gap: 4px; color: var(--axionai-tone-_595959); }
.axionai-window-bar > span { width: 5px; height: 5px; border-radius: 50%; background: var(--axionai-tone-_2d2d2d50); }
.axionai-window-bar small { margin-left: auto; font-size: 9px; }
.axionai-browser-art { height: 108px; position: relative; margin: 16px 0; overflow: hidden; background: radial-gradient(ellipse at center,var(--axionai-tone-_2b2b2b20),transparent 70%); }
.axionai-orbit { position: absolute; width: 115px; height: 75px; top: 15px; left: calc(50% - 58px); border: 1px solid var(--axionai-tone-_16161673); border-radius: 50%; transform: rotate(-28deg); box-shadow: inset 0 0 20px var(--axionai-tone-_2b2b2b1a), 0 0 22px var(--axionai-tone-_2b2b2b12); }
.axionai-orbit::before, .axionai-orbit::after { content: ''; position: absolute; inset: 8px -8px; border: 1px solid var(--axionai-tone-_2c2c2c55); border-radius: 50%; transform: rotate(75deg); }
.axionai-orbit::after { transform: rotate(135deg); }
/* Slow, independent orbital motion; shared by the light and dark palettes. */
.axionai-browser-art::before { content: ''; position: absolute; inset: 5% 18%; border-radius: 50%; background: radial-gradient(ellipse,var(--axionai-tone-_2b2b2b20),transparent 70%); pointer-events: none; animation: axionai-orbit-glow 6s ease-in-out infinite alternate; }
.axionai-orbit { animation: axionai-orbit-turn 24s linear infinite; }
.axionai-orbit::before { animation: axionai-orbit-inner 16s linear infinite; }
.axionai-orbit::after { animation: axionai-orbit-outer 20s linear infinite; }
@keyframes axionai-orbit-turn { from { transform: rotate(-28deg); } to { transform: rotate(332deg); } }
@keyframes axionai-orbit-inner { from { transform: rotate(75deg); } to { transform: rotate(-285deg); } }
@keyframes axionai-orbit-outer { from { transform: rotate(135deg); } to { transform: rotate(495deg); } }
@keyframes axionai-orbit-glow { from { transform: scale(.8); opacity: .3; } to { transform: scale(1.15); opacity: .8; } }
.axionai-art-line { width: 100%; height: 1px; background: linear-gradient(90deg,transparent,var(--axionai-tone-_2b2b2b),transparent); position: absolute; top: 50%; }
.axionai-home .axionai-demo-heading { font-size: 13px; line-height: 1.5; color: var(--axionai-tone-_1d1d1d); margin-bottom: 12px; }
.axionai-skeleton i { display: block; height: 4px; width: 90%; margin-bottom: 6px; background: var(--axionai-tone-_2d2d2d1f); border-radius: 8px; }
.axionai-skeleton i:last-child { width: 62%; }
.axionai-demo-label { display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: var(--axionai-tone-_595959); border-top: 1px solid var(--axionai-tone-_2c2c2c1f); margin-top: 18px; padding-top: 12px; }
.axionai-demo-top { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.axionai-mark { display: grid; place-items: center; border-radius: 9px; width: 30px; height: 30px; background: var(--axionai-tone-_2d2d2d0f); box-shadow: inset 0 0 0 1px var(--axionai-tone-_2c2c2c1f); color: var(--axionai-tone-_161616); }
.axionai-spark { width: 5px; height: 5px; border-radius: 50%; background: var(--axionai-tone-_161616); margin-left: auto; box-shadow: 0 0 7px var(--axionai-tone-_161616); }
.axionai-home .axionai-center-title { margin-top: 22px; color: var(--axionai-tone-_161616); font-size: 28px; font-weight: 500; letter-spacing: -.035em; line-height: 1.2; }
.axionai-pipeline { display: flex; align-items: center; margin: 20px 0; font-size: 10px; }
.axionai-pipeline span { padding: 4px 8px; border-radius: 6px; background: var(--axionai-tone-_2d2d2d12); box-shadow: inset 0 0 0 1px var(--axionai-tone-_2c2c2c1f); }
.axionai-pipeline i { flex: 1; height: 1px; background: var(--axionai-tone-_2c2c2c2f); position: relative; }
.axionai-pipeline i::after { content: ''; position: absolute; left: 0; width: 3px; height: 3px; top: -1px; background: var(--axionai-tone-_161616); border-radius: 50%; animation: axionai-flow 3.5s ease-in-out infinite; }
.axionai-code-lines { display: grid; gap: 8px; font-size: 11px; }
.axionai-code-lines i { color: var(--axionai-tone-_878787); font: 10px var(--font-dotdigital); margin-right: 12px; }
.axionai-workflow { display: flex; flex-direction: column; padding: 22px 0 6px; }
.axionai-workflow > span { padding: 10px; font-size: 11px; background: var(--axionai-tone-_2d2d2d08); border-radius: 6px; box-shadow: inset 0 0 0 1px var(--axionai-tone-_2c2c2c1f); }
.axionai-workflow b { color: var(--axionai-tone-_595959); font-weight: 400; font-size: 9px; margin-right: 10px; }
.axionai-workflow > i { height: 13px; width: 1px; margin-left: 19px; background: var(--axionai-tone-_2c2c2c44); }
.axionai-motion-toggle { display: block; margin: 4px auto 0; border: 1px solid var(--axionai-tone-_2c2c2c1f); border-radius: 999px; background: var(--axionai-tone-_2d2d2d08); color: var(--axionai-tone-_595959); padding: 8px 16px; font-size: 12px; cursor: pointer; }
.axionai-motion-toggle[hidden] { display: none; }
.axionai-motion-toggle:hover { color: var(--axionai-tone-_000000); }
.axionai-home .axion-section-heading { max-width: 680px; margin: 0 auto; text-align: center; }
.axionai-home .axion-heading-split { display: block; }
.axionai-home .axion-section-heading h2, .axionai-home .axion-contact h2 { font-size: clamp(30px,4vw,44px); line-height: 1.16; font-weight: 500; letter-spacing: -.025em; color: var(--axionai-tone-_161616); }
.axionai-home .axion-section-heading > p:last-child { color: var(--axionai-tone-_595959); font-size: 16px; line-height: 1.5; margin-top: 20px !important; }
.axionai-home .axion-case-grid { gap: 24px; margin-top: 48px; }
.axionai-home .axion-case-card { background: radial-gradient(ellipse at 50% 0%,var(--axionai-tone-_2b2b2b0e),transparent 70%),var(--axionai-tone-_2d2d2d08); border: 0; border-radius: 16px; box-shadow: var(--axionai-shadow); padding: 32px; }
.axionai-home .axion-case-label { color: var(--axionai-tone-_595959); font: 400 12px var(--font-dotdigital); }
.axionai-home .axion-case-card h3 { font-size: 28px; font-weight: 500; color: var(--axionai-tone-_161616); margin-top: 32px; }
.axionai-home .axion-case-card h3 span { font-size: 14px; color: var(--axionai-tone-_595959); margin-top: 8px; }
.axionai-home .axion-case-card p { font-size: 14px; color: var(--axionai-tone-_595959); line-height: 1.6; }
.axionai-home .axion-case-card li { color: var(--axionai-tone-_2d2d2d); font-size: 13px; border-color: var(--axionai-tone-_2c2c2c1f); }
.axionai-home .axion-text-link, .axionai-home .axion-service-card a { color: var(--axionai-tone-_1d1d1d) !important; font-size: 14px; font-weight: 500; }
.axionai-home .axion-service-grid { gap: 20px; background: transparent; margin-top: 48px; }
.axionai-home .axion-service-card { background: var(--axionai-tone-_2d2d2d08); border-radius: 16px; padding: 24px; min-height: 330px; box-shadow: inset 0 1px 1px var(--axionai-tone-_2d2d2d1f), inset 0 24px 48px var(--axionai-tone-_2d2d2d0d); transition: background .3s, box-shadow .3s; }
.axionai-home .axion-service-card:hover { background: var(--axionai-tone-_2d2d2d0e); box-shadow: inset 0 1px 1px var(--axionai-tone-_16161650), inset 0 24px 48px var(--axionai-tone-_2d2d2d14), 0 10px 35px var(--axionai-tone-_ffffff30); }
.axionai-home .axion-service-number { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: var(--axionai-tone-_2b2b2b); background: var(--axionai-tone-_2d2d2d0f); box-shadow: inset 0 0 0 1px var(--axionai-tone-_2c2c2c1f); font: 400 12px var(--font-dotdigital); }
.axionai-home .axion-service-card h3 { font-size: 20px; line-height: 1.3; margin-top: 24px; color: var(--axionai-tone-_161616); }
.axionai-home .axion-service-card p { font-size: 14px; color: var(--axionai-tone-_595959); }
.axionai-home .axion-service-scope { font-size: 12px; color: var(--axionai-tone-_2d2d2d); padding-top: 24px; }
.axionai-home .axion-reasons-grid { gap: 64px; align-items: center; }
.axionai-home .axion-sticky-heading { position: static; }
.axionai-home .axion-sticky-heading .axion-eyebrow { justify-content: flex-start; }
.axionai-home .axion-sticky-heading .axion-eyebrow::before { display: none; }
.axionai-home .axion-sticky-heading h2 { font-size: clamp(28px,3.5vw,40px); line-height: 1.2; letter-spacing: -.02em; color: var(--axionai-tone-_161616); }
.axionai-home .axion-reason-list { padding: 8px 28px; border: 0; border-radius: 16px; background: var(--axionai-tone-_2d2d2d08); box-shadow: var(--axionai-shadow); }
.axionai-home .axion-reason-list strong { color: var(--axionai-tone-_1d1d1d); font-weight: 500; font-size: 18px; }
.axionai-home .axion-reason-list p { color: var(--axionai-tone-_595959); font-size: 14px; }
.axionai-home .axion-reason-list article:last-child { border: 0; }
.axionai-home .axion-process-list { gap: 16px; margin-top: 48px; }
.axionai-home .axion-process-list li { border: 0; background: var(--axionai-tone-_2d2d2d08); border-radius: 16px; margin: 0; min-height: 200px; box-shadow: inset 0 0 0 1px var(--axionai-tone-_2c2c2c1f); }
.axionai-home .axion-process-list li > span { color: var(--axionai-tone-_595959); font-family: var(--font-dotdigital); font-weight: 400; }
.axionai-home .axion-process-list h3 { color: var(--axionai-tone-_161616); font-size: 18px; margin-top: 24px; }
.axionai-home .axion-process-list p { color: var(--axionai-tone-_595959); font-size: 14px; }
.axionai-home .axion-contact { background: radial-gradient(ellipse at 50% 100%,var(--axionai-tone-_2b2b2b12),transparent 65%); }
.axionai-home .axion-contact-grid { gap: 64px; align-items: center; }
.axionai-home .axion-contact-grid > div:first-child .axion-eyebrow { justify-content: flex-start; margin-bottom: 24px; }
.axionai-home .axion-contact-grid > div:first-child .axion-eyebrow::before { display: none; }
.axionai-home .axion-contact-grid > div:first-child > p:last-child { color: var(--axionai-tone-_595959); font-size: 16px; }
.axionai-home .axion-form-wrap { border: 0; border-radius: 16px; background: var(--axionai-tone-_f9f9f9f7); box-shadow: var(--axionai-shadow); padding: 32px; }
.axionai-home .axion-contact-form label { color: var(--axionai-tone-_2d2d2d); font-size: 12px; font-weight: 500; }
.axionai-home .axion-contact-form :is(input,select,textarea) { background: var(--axionai-tone-_2d2d2d0f); border: 1px solid var(--axionai-tone-_2c2c2c1f); border-radius: 6px; color: var(--axionai-tone-_000000); font-size: 14px; }
.axionai-home .axion-contact-form textarea::placeholder { color: var(--axionai-tone-_595959); opacity: 1; }
.axionai-home .axion-contact-form option { background: var(--axionai-tone-_efefef); color: var(--axionai-tone-_1d1d1d); }
.axionai-home .axion-contact-form .axion-button-primary { background: var(--axionai-tone-_aeaeae); border-color: transparent; width: 100%; }
.axionai-home .axion-contact-form .axion-button-primary:hover { background: var(--axionai-tone-_9b9b9b); }
.axionai-theme .site-footer { background: var(--axionai-tone-_f9f9f9); border-top: 1px solid var(--axionai-tone-_2c2c2c1f); }
.axionai-theme .footer-logo { color: var(--axionai-tone-_1d1d1d); background: none; -webkit-text-fill-color: var(--axionai-tone-_1d1d1d); }
.axionai-theme .site-footer p, .axionai-theme .site-footer a, .axionai-theme .site-footer i { color: var(--axionai-tone-_595959); }
.axionai-theme .site-footer h4 { color: var(--axionai-tone-_1d1d1d); font-weight: 500; }
.axionai-theme .footer-bottom { border-color: var(--axionai-tone-_2c2c2c1f); }
.axionai-home.axionai-motion-ready .axionai-reveal { transition: opacity .7s ease, translate .7s cubic-bezier(.2,.65,.3,1); }
.axionai-home.axionai-motion-ready .axionai-reveal:not(.is-visible) { opacity: 0; translate: 0 24px; }
.axionai-home.axionai-motion-paused *, .axionai-home.axionai-motion-paused::before, .axionai-home.axionai-motion-paused *::before, .axionai-home.axionai-motion-paused *::after, .axionai-home.axionai-document-hidden * { animation-play-state: paused !important; }
.axionai-home.axionai-motion-paused .axionai-reveal { opacity: 1; translate: none; }
.axionai-stage.axionai-offscreen *, .axionai-stage.axionai-offscreen *::before, .axionai-stage.axionai-offscreen *::after { animation-play-state: paused; }
.axionai-home.axionai-document-hidden *::before, .axionai-home.axionai-document-hidden *::after { animation-play-state: paused !important; }
@keyframes axionai-spread { from { transform: translateX(var(--axionai-start)); } to { transform: translateX(0); } }
@keyframes axionai-light { from { transform: rotate(-6deg); opacity: .6; } to { transform: rotate(6deg); opacity: 1; } }
@keyframes axionai-breathe { from { transform: scale(.85); opacity: .5; } to { transform: scale(1.08); opacity: .85; } }
@keyframes axionai-flow { 0% { left: 0; opacity: 0; } 25%,75% { opacity: 1; } 100% { left: 100%; opacity: 0; } }
@keyframes axionai-sheen { 0%,65% { transform: translateX(-110%); } 100% { transform: translateX(110%); } }
@media (max-width: 900px) {
    .axionai-home .axion-hero { padding-top: 120px; }
    .axionai-stage { max-width: 720px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
    .axionai-float-left, .axionai-float-right { --axionai-start: calc(50% + 10px); }
    .axionai-float-center, .axionai-float-infra { --axionai-start: calc(-50% - 10px); }
    .axionai-demo-card { padding: 18px; }
    .axionai-demo-top { font-size: 10px; }
    .axionai-home .axionai-center-title { font-size: 24px; }
    .axionai-code-lines { font-size: 10px; }
    .axionai-home .axion-reasons-grid, .axionai-home .axion-contact-grid { gap: 40px; }
}
@media (max-width: 768px) {
    /* The previous Customizer CSS hid this control with !important. */
    .axionai-theme .mobile-menu-toggle { display: flex !important; align-items: center; justify-content: center; border: 1px solid var(--axionai-tone-_2c2c2c1f); border-radius: 999px; background: var(--axionai-tone-_2d2d2d0f); width: 42px; height: 42px; cursor: pointer; }
    .axionai-theme .hamburger { display: grid; gap: 4px; }
    .axionai-theme .hamburger .bar { display: block; width: 17px; height: 1px; }
    .axionai-theme .nav-menu-wrapper { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 24px; background: var(--axionai-tone-_f9f9f9f7); backdrop-filter: blur(18px); border-bottom: 1px solid var(--axionai-tone-_2c2c2c1f); }
    .axionai-theme .nav-menu-wrapper.active { display: block; }
    .axionai-theme .nav-menu { flex-direction: column; align-items: stretch; gap: 12px; }
    .axionai-theme .nav-menu a { display: block; padding: 10px 0; }
    .axionai-theme .nav-menu li:last-child > a { text-align: center; }
}
@media (max-width: 620px) {
    .axionai-home .axion-hero { padding-top: 110px; }
    .axionai-home .axion-hero h1 br { display: none; }
    .axionai-wordmark { font-size: clamp(80px,21vw,122px); }
    .axionai-home .axion-actions { flex-direction: row; }
    .axionai-home .axion-actions .axion-button { width: auto; padding: 12px 18px; font-size: 13px; }
    .axionai-home .axion-eyebrow { font-size: 10px; gap: 10px; }
    .axionai-home .axion-eyebrow::before, .axionai-home .axion-eyebrow::after { width: 24px; }
    .axionai-stage { margin-top: 42px; gap: 12px; }
    .axionai-float-left, .axionai-float-right { --axionai-start: calc(50% + 6px); }
    .axionai-float-center, .axionai-float-infra { --axionai-start: calc(-50% - 6px); }
    .axionai-stage-four .axionai-demo-card { padding: 14px; min-height: 308px; }
    .axionai-stage-four .axionai-center-title { font-size: 20px; }
    .axionai-stage-four .axionai-mark { width: 24px; height: 24px; }
    .axionai-stage-four .axionai-window-bar small { font-size: 9px; margin-left: 0; }
    .axionai-stage-four .axionai-window-bar > span { display: none; }
    .axionai-stage-four .axionai-window-bar { min-height: 30px; }
    .axionai-stage-four .axionai-demo-label { font-size: 10px; }
    .axionai-stage-four .axionai-code-lines { font-size: 10px; gap: 10px; }
    .axionai-stage-four .axionai-code-lines i { display: none; }
    .axionai-stage-four .axionai-pipeline span { font-size: 9px; padding: 4px; }
    .axionai-stage-four .axionai-workflow > span { padding: 8px; font-size: 10px; }
    .axionai-stage-four .axionai-workflow b { margin-right: 4px; }
    .axionai-home .axion-case-card, .axionai-home .axion-form-wrap { padding: 24px; }
    .axionai-home .axion-case-grid { gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .axionai-home *, .axionai-home *::before, .axionai-home *::after { animation: none !important; transition: none !important; }
    .axionai-home .axionai-reveal { opacity: 1 !important; translate: none !important; }
    .axionai-stage.axionai-spread-ready .axionai-float { opacity: 1 !important; transform: none !important; }
    html:has(body.axionai-theme) { scroll-behavior: auto; }
}


/* Single chromatic accent: the moving signals in the product workflow. */
.axionai-home .axionai-pipeline i::after { background: var(--axionai-tone-_ff3038); box-shadow: 0 0 5px var(--axionai-tone-_ff303899), 0 0 12px var(--axionai-tone-_ff303833); width: 4px; height: 4px; top: -1.5px; }
/* Keep the form CTA neutral, with clear contrast against the glass. */
.axionai-home .axion-contact-form .axion-button-primary { background: var(--axionai-tone-_212121); color: var(--axionai-tone-_efefef) !important; }
.axionai-home .axion-contact-form .axion-button-primary:hover { background: var(--axionai-tone-_000000); color: var(--axionai-tone-_efefef) !important; }
.axionai-home .axion-form-success, .axionai-home .axion-form-error { color: var(--axionai-tone-_111111); border-color: var(--axionai-tone-_555555); }
.axionai-theme .mobile-menu-toggle:focus-visible, .axionai-theme .site-header a:focus-visible { outline: 2px solid var(--axionai-tone-_212121); outline-offset: 4px; }


/* White canvas with fine grey structure and white glass surfaces. */
body.axionai-theme, .axionai-home { background: var(--axionai-tone-_ffffff); --axionai-shadow: inset 0 1px 1px var(--axionai-tone-_ffffff), inset 0 0 0 1px var(--axionai-tone-_17171712), 0 16px 40px var(--axionai-tone-_1717170a); }
.axionai-home .axion-hero, .axionai-theme .site-footer { background: var(--axionai-tone-_ffffff); }
.axionai-theme .site-header { background: var(--axionai-tone-rgba_255_255_255__86_); border-bottom-color: var(--axionai-tone-_17171712); }
.axionai-theme .site-header.scrolled { background: var(--axionai-tone-rgba_255_255_255__96_); }
.axionai-demo-card { background: var(--axionai-tone-rgba_255_255_255__92_); }
.axionai-home .axion-case-card, .axionai-home .axion-form-wrap, .axionai-home .axion-reason-list { background: var(--axionai-tone-_ffffff); }
.axionai-home .axion-service-card, .axionai-home .axion-process-list li { background: var(--axionai-tone-_fafafa); box-shadow: inset 0 0 0 1px var(--axionai-tone-_17171710), 0 8px 24px var(--axionai-tone-_17171704); }
.axionai-home .axion-service-card:hover { background: var(--axionai-tone-_ffffff); box-shadow: inset 0 0 0 1px var(--axionai-tone-_17171724), 0 12px 30px var(--axionai-tone-_1717170c); }
.axionai-home .axion-button { box-shadow: inset 0 1px 1px var(--axionai-tone-_ffffffb3); }
.axionai-home .axion-contact-form :is(input,select,textarea) { background: var(--axionai-tone-_f7f7f7); color: var(--axionai-tone-_171717); }
.axionai-home .axion-contact-form .axion-button-primary { background: var(--axionai-tone-_d9202e); color: var(--axionai-tone-_ffffff) !important; box-shadow: inset 0 1px 1px var(--axionai-tone-_ffffff40); }
.axionai-home .axion-contact-form .axion-button-primary:hover,
.axionai-home .axion-contact-form .axion-button-primary:focus-visible { background: var(--axionai-tone-_b81724); color: var(--axionai-tone-_ffffff) !important; box-shadow: inset 0 1px 1px var(--axionai-tone-_ffffff40), 0 6px 18px var(--axionai-tone-_d9202e26); }
.axionai-wordmark {
    --axionai-interactive-wordmark: 1;
    position: relative;
    filter: none;
    background-image: linear-gradient(110deg, var(--axionai-tone-_111) 15%, var(--axionai-tone-_444) 35%, var(--axionai-tone-_111) 50%, var(--axionai-tone-_666) 65%, var(--axionai-tone-_111) 85%);
    animation: axionai-wordmark-shimmer 7s ease-in-out infinite alternate, axionai-wordmark-arrive 1.4s cubic-bezier(.2,.65,.3,1) both;
    translate: var(--axionai-wordmark-x, 0px) var(--axionai-wordmark-y, 0px);
    transition: translate .65s cubic-bezier(.2,.65,.3,1);
}
.axionai-wordmark::after {
    content: attr(data-wordmark);
    position: absolute;
    inset: 0;
    padding: inherit;
    font: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    pointer-events: none;
    color: transparent;
    background-image: linear-gradient(110deg, transparent 40%, var(--axionai-tone-_bdbdbd99) 46%, var(--axionai-tone-_eeeeee) 49%, var(--axionai-tone-_bdbdbd99) 52%, transparent 58%);
    background-size: 300% 100%;
    background-position: 100% 50%;
    background-clip: text;
    -webkit-background-clip: text;
    animation: axionai-wordmark-glint 6s cubic-bezier(.35,0,.25,1) infinite;
}
@keyframes axionai-wordmark-arrive { from { opacity: 0; transform: translateY(16px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } }
@keyframes axionai-wordmark-glint { 0%,12% { background-position: 100% 50%; opacity: 0; } 18% { opacity: .95; } 62% { opacity: .95; } 76%,100% { background-position: 0% 50%; opacity: 0; } }
.axionai-home.axionai-document-hidden .axionai-wordmark::after { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
    .axionai-wordmark { opacity: 1; transform: none; translate: none; filter: none; }
    .axionai-wordmark::after { display: none; }
}
.axionai-stage-glow { opacity: .45; }
@media (max-width: 768px) { .axionai-theme .nav-menu-wrapper { background: var(--axionai-tone-rgba_255_255_255__97_); } }


/* Scroll-built product study. Static finished dashboard is the no-JS fallback. */
.axionai-forge { --forge-p: 1; --forge-code: 0; --forge-ui: 1; --forge-rest: 0; --forge-scan: 0; padding-top: 8px; padding-bottom: 16px; font-size: 12px; line-height: 1.4; }
.axionai-forge-caption { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
.axionai-home .axionai-forge-caption .axion-eyebrow { justify-content: flex-start; margin-bottom: 12px; font-size: 10px; }
.axionai-forge-caption .axion-eyebrow::before, .axionai-forge-caption .axion-eyebrow::after { display: none; }
.axionai-home .axionai-forge-caption h2 { font-size: clamp(23px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -.035em; margin: 0; color: var(--axionai-text); }
.axionai-forge-hint { flex-shrink: 0; color: var(--axionai-muted); font: 10px ui-monospace, monospace; }
.axionai-forge-hint > span { margin-left: 12px; }
.axionai-forge-window { border: 1px solid var(--axionai-border); border-radius: 14px; overflow: hidden; background: var(--axionai-surface); box-shadow: 0 20px 60px var(--axionai-tone-_2b2b2b12); color: var(--axionai-text); }
.axionai-forge-toolbar, .axionai-forge-footer { height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 20px; color: var(--axionai-muted); font: 10px ui-monospace, monospace; }
.axionai-forge-toolbar { border-bottom: 1px solid var(--axionai-border); }
.axionai-forge-dots { font-size: 7px; letter-spacing: 3px; opacity: .5; }
.axionai-forge-status { display: flex; align-items: center; gap: 7px; }
.axionai-forge-status i { width: 5px; height: 5px; border-radius: 50%; background: #d9202e; box-shadow: 0 0 9px #d9202e40; }
.axionai-forge-canvas { position: relative; height: 302px; overflow: hidden; background-image: linear-gradient(var(--axionai-border) 1px, transparent 1px), linear-gradient(90deg,var(--axionai-border) 1px, transparent 1px); background-size: 38px 38px; }
.axionai-forge-code { position: absolute; inset: 32px; display: flex; flex-direction: column; justify-content: center; gap: 13px; font: 12px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; }
.axionai-forge-code > span { display: block; white-space: pre; opacity: var(--forge-code); transform: translate(calc(var(--forge-p) * (30px + var(--line) * 12px)), calc(var(--forge-p) * (3 - var(--line)) * 16px)); }
.axionai-forge-code em { display: inline-block; width: 36px; font-style: normal; opacity: .35; }
.axionai-forge-code b { font-weight: 600; }
.axionai-forge-code i { display: inline-block; width: 6px; height: 12px; background: currentColor; margin-left: 4px; opacity: .5; }
.axionai-forge-dashboard { position: absolute; inset: 0; display: grid; grid-template-columns: 145px minmax(0,1fr); opacity: var(--forge-ui); background: var(--axionai-surface); }
.axionai-forge-sidebar { border-right: 1px solid var(--axionai-border); padding: 22px 14px 14px; display: flex; flex-direction: column; gap: 7px; font-size: 10px; transform: translateX(calc(var(--forge-rest) * -25px)); }
.axionai-forge-sidebar strong { margin-bottom: 15px; font-size: 15px; font-weight: 500; }
.axionai-forge-sidebar strong span { font-size: 9px; color: var(--axionai-muted); }
.axionai-forge-sidebar > span { padding: 8px; color: var(--axionai-muted); }
.axionai-forge-sidebar > span span { margin-left: 7px; }
.axionai-forge-sidebar .is-selected { background: var(--axionai-border); color: var(--axionai-text); border-radius: 5px; }
.axionai-forge-sidebar small { margin-top: auto; font: 8px ui-monospace, monospace; color: var(--axionai-muted); letter-spacing: 2px; }
.axionai-forge-main { padding: 19px; min-width: 0; }
.axionai-forge-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 15px; font-size: 12px; }
.axionai-forge-heading small, .axionai-forge-panel small { color: var(--axionai-muted); font-size: 9px; font-weight: 400; }
.axionai-forge-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.axionai-forge-panel { min-width: 0; border: 1px solid var(--axionai-border); background: var(--axionai-canvas); border-radius: 7px; padding: 12px; transform: translateY(calc(var(--forge-rest) * (16px + var(--step) * 7px))) scale(calc(1 - var(--forge-rest) * .06)); }
.axionai-forge-panel strong { display: flex; align-items: center; gap: 12px; font-size: 23px; font-weight: 500; letter-spacing: -.04em; line-height: 1.4; }
.axionai-forge-panel strong span { color: var(--axionai-muted); font: 8px ui-monospace, monospace; letter-spacing: 0; }
.axionai-forge-mini { display: flex; align-items: end; gap: 4px; height: 14px; margin-top: 3px; }
.axionai-forge-mini i { flex: 1; height: 40%; background: var(--axionai-border); transform-origin: bottom; transform: scaleY(var(--forge-p)); }
.axionai-forge-mini i:nth-child(2n) { height: 65%; }.axionai-forge-mini i:nth-child(3n) { height: 80%; }.axionai-forge-mini i:last-child { height: 100%; background: var(--axionai-muted); }
.axionai-forge-meter { height: 4px; margin-top: 13px; background: var(--axionai-border); border-radius: 4px; overflow: hidden; }.axionai-forge-meter i { display: block; width: 76%; height: 100%; background: var(--axionai-muted); transform: scaleX(var(--forge-p)); transform-origin: left; }
.axionai-forge-nodes { margin-top: 5px; color: var(--axionai-muted); font: 10px ui-monospace, monospace; }
.axionai-forge-bottom { display: grid; grid-template-columns: 1.35fr 1fr; gap: 10px; margin-top: 10px; }
.axionai-forge-chart > div:first-child { display: flex; justify-content: space-between; font-size: 10px; }
.axionai-forge-chart svg { display: block; width: 100%; height: 65px; margin-top: 9px; overflow: visible; }
.axionai-forge-grid { stroke: var(--axionai-border); fill: none; stroke-width: 1; }.axionai-forge-area { fill: var(--axionai-border); opacity: var(--forge-p); }.axionai-forge-graph { fill: none; stroke: #d9202e; stroke-width: 1.5; stroke-dasharray: 1; stroke-dashoffset: var(--forge-rest); vector-effect: non-scaling-stroke; }
.axionai-forge-axis { display: flex; justify-content: space-between; margin-top: 6px; color: var(--axionai-muted); font: 7px ui-monospace, monospace; }
.axionai-forge-feed { font-size: 10px; }.axionai-forge-feed > div { display: flex; align-items: center; gap: 9px; margin-top: 10px; font-size: 8px; }.axionai-forge-feed i { font-style: normal; font-size: 13px; }.axionai-forge-feed small { display: block; font-size: 7px; margin-top: 2px; }.axionai-forge-feed b { font-size: 7px; font-weight: 400; margin-left: auto; color: var(--axionai-muted); }
.axionai-forge-scan { position: absolute; inset: 0; pointer-events: none; opacity: var(--forge-scan); background: linear-gradient(90deg, transparent 30%, var(--axionai-border) 49.8%, var(--axionai-text) 50%, transparent 50.2%); transform: translateX(calc(-60% + var(--forge-p) * 120%)); }
.axionai-forge-footer { border-top: 1px solid var(--axionai-border); font-size: 9px; }.axionai-forge-footer > span:first-child { width: 100px; display: grid; }.axionai-forge-footer > span:first-child > span { grid-area: 1/1; }.axionai-forge-source-label { opacity: var(--forge-code); }.axionai-forge-product-label { opacity: var(--forge-ui); }
.axionai-forge-footer > div { height: 2px; flex: 1; max-width: 220px; background: var(--axionai-border); }.axionai-forge-footer > div i { display: block; height: 100%; background: var(--axionai-muted); transform: scaleX(var(--forge-p)); transform-origin: left; }
@media (max-width: 700px) {
    .axionai-forge-caption { display: block; }.axionai-forge-hint { display: block; margin-top: 14px; }
    .axionai-forge-toolbar { padding: 0 12px; gap: 8px; font-size: 8px; }.axionai-forge-dots { display: none; }
    .axionai-forge-canvas { height: 290px; }.axionai-forge-code { inset: 18px 12px; font-size: 8px; gap: 16px; }.axionai-forge-code em { width: 23px; }
    .axionai-forge-dashboard { grid-template-columns: 36px minmax(0,1fr); }.axionai-forge-sidebar { padding: 17px 5px; }.axionai-forge-sidebar > span { padding: 7px 4px; text-align: center; }.axionai-forge-sidebar span span, .axionai-forge-sidebar strong span, .axionai-forge-sidebar small { display: none; }.axionai-forge-sidebar strong { text-align: center; }
    .axionai-forge-main { padding: 14px 10px; }.axionai-forge-heading { display: block; font-size: 10px; margin-bottom: 12px; }.axionai-forge-heading small { display: block; margin-top: 4px; font-size: 8px; }
    .axionai-forge-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }.axionai-forge-third, .axionai-forge-feed { display: none; }.axionai-forge-panel { padding: 9px; }.axionai-forge-panel strong { font-size: 20px; gap: 6px; }.axionai-forge-panel strong span { font-size: 7px; }.axionai-forge-panel small { font-size: 8px; }.axionai-forge-bottom { grid-template-columns: 1fr; margin-top: 7px; }.axionai-forge-chart svg { height: 65px; }
    .axionai-forge-footer { padding: 0 12px; font-size: 8px; gap: 12px; }.axionai-forge-footer > span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .axionai-forge { --forge-p: 1 !important; --forge-code: 0 !important; --forge-ui: 1 !important; --forge-rest: 0 !important; --forge-scan: 0 !important; }.axionai-forge-hint { display: none; }
}

/* A single, viewport-triggered release sequence leads into the inquiry. */
.axionai-launch { padding-top: 12px; font-size: 12px; line-height: 1.4; color: var(--axionai-text); }
.axionai-launch-console { border: 1px solid var(--axionai-border); border-radius: 14px; background: var(--axionai-surface); overflow: hidden; box-shadow: 0 18px 50px var(--axionai-tone-_2b2b2b12); }
.axionai-launch-top, .axionai-launch-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 15px 24px; font: 9px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--axionai-muted); }
.axionai-launch-top { border-bottom: 1px solid var(--axionai-border); letter-spacing: .08em; }.axionai-launch-top > span:first-child { display: flex; align-items: center; gap: 8px; }.axionai-launch-top i { width: 5px; height: 5px; border-radius: 50%; background: var(--axionai-muted); }
.axionai-launch-body { display: grid; grid-template-columns: 1fr 1.7fr; align-items: center; gap: 48px; padding: 30px 24px; }
.axionai-launch-intro > span { display: block; color: var(--axionai-muted); font-size: 11px; margin-bottom: 8px; }.axionai-launch-intro strong { display: block; font-size: clamp(24px,2.5vw,32px); font-weight: 500; letter-spacing: -.035em; line-height: 1.15; }
.axionai-launch-steps { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; }.axionai-launch-step { min-width: 0; }.axionai-launch-step > span { display: flex; align-items: center; gap: 8px; font: 15px ui-monospace, monospace; }.axionai-launch-step small { font-size: 9px; color: var(--axionai-muted); }.axionai-launch-step i { font-size: 12px; font-style: normal; margin-left: auto; }.axionai-home .axionai-launch-step p { font: 9px/1.4 ui-monospace, monospace; color: var(--axionai-muted); margin: 9px 0 13px; white-space: nowrap; }.axionai-launch-step > div { height: 2px; overflow: hidden; background: var(--axionai-border); }.axionai-launch-step b { display: block; height: 100%; background: var(--axionai-text); transform-origin: left; }.axionai-launch-arrow { color: var(--axionai-muted); font-size: 12px; }
.axionai-launch-bottom { border-top: 1px solid var(--axionai-border); min-height: 52px; }.axionai-launch-result { display: grid; }.axionai-launch-result > * { grid-area: 1/1; }.axionai-launch-pending { opacity: 0; }.axionai-launch-success { display: flex; align-items: center; gap: 8px; font: 11px/1.4 ui-monospace, monospace; color: var(--axionai-text); }.axionai-launch-success i { width: 5px; height: 5px; border-radius: 50%; background: #d9202e; box-shadow: 0 0 8px #d9202e35; }.axionai-launch-success > span { margin-left: 8px; color: #d9202e; }
.axionai-launch-guide { width: 1px; height: 48px; position: relative; margin: 0 auto; overflow: hidden; background: linear-gradient(var(--axionai-border),transparent); }.axionai-launch-guide i { display: block; position: absolute; top: 0; width: 1px; height: 16px; background: linear-gradient(transparent,#d9202e,transparent); opacity: 0; }
.axionai-home .axionai-launch + .axion-contact { padding-top: clamp(24px,4vw,48px); }
.axionai-launch.is-armed .axionai-launch-step b { transform: scaleX(0); }.axionai-launch.is-armed .axionai-launch-step i, .axionai-launch.is-armed .axionai-launch-success { opacity: 0; }.axionai-launch.is-armed .axionai-launch-pending { opacity: 1; }
.axionai-launch-step > div { height: 3px; border-radius: 3px; }
.axionai-launch-step b { background: #d9202e; }
.axionai-launch-step i { color: #16824b; font-weight: 700; }
[data-axion-theme="dark"] .axionai-launch-step i { color: #56d991; }
.axionai-launch.is-started .axionai-launch-step b { animation: axionai-release-fill 2s linear calc(var(--phase) * 2.3s + .6s) both; }
.axionai-launch.is-started .axionai-launch-step i { animation: axionai-release-check .3s ease calc(var(--phase) * 2.3s + 2.6s) both; }
.axionai-launch.is-started .axionai-launch-pending { animation: axionai-release-hide .3s ease 7.3s both; }.axionai-launch.is-started .axionai-launch-success { animation: axionai-release-check .65s ease 7.5s both; }.axionai-launch.is-started .axionai-launch-guide i { animation: axionai-release-signal 1.2s ease 7.75s both; }
.axionai-launch.is-offscreen *, .axionai-launch.is-offscreen *::before, .axionai-launch.is-offscreen *::after { animation-play-state: paused !important; }
.axionai-home .axion-contact-form .axionai-launch-cta-cue { animation: axionai-release-cta 1.6s ease-out both; }
@keyframes axionai-release-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes axionai-release-check { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@keyframes axionai-release-hide { from { opacity: 1; } to { opacity: 0; } }
@keyframes axionai-release-signal { 0% { opacity: 0; transform: translateY(-16px); } 20%,70% { opacity: 1; } 100% { opacity: 0; transform: translateY(48px); } }
@keyframes axionai-release-cta { 0%,100% { box-shadow: 0 0 0 0 #d9202e00; } 40% { box-shadow: 0 0 0 7px #d9202e12, 0 8px 30px #d9202e26; } }
@media (max-width: 800px) { .axionai-launch-body { grid-template-columns: 1fr; gap: 24px; padding: 24px; }.axionai-launch-top > span:last-child { display: none; } }
@media (max-width: 480px) { .axionai-launch-body { padding: 22px 16px; }.axionai-launch-top, .axionai-launch-bottom { padding: 13px 16px; }.axionai-launch-steps { gap: 8px; }.axionai-launch-step > span { font-size: 12px; gap: 4px; }.axionai-launch-step small { font-size: 7px; }.axionai-home .axionai-launch-step p { font-size: 7px; }.axionai-launch-bottom > span { display: none; }.axionai-launch-result { margin-left: auto; }.axionai-launch-success { font-size: 10px; } }
@media (prefers-reduced-motion: reduce) { .axionai-launch.is-armed .axionai-launch-step b { transform: none; }.axionai-launch.is-armed .axionai-launch-step i, .axionai-launch.is-armed .axionai-launch-success { opacity: 1; transform: none; }.axionai-launch.is-armed .axionai-launch-pending { opacity: 0; }.axionai-launch-guide i { display: none; } }

/* Shared UI and inner-page palette; layout/content are never duplicated. */
:root { --axionai-canvas: #fff; --axionai-surface: #fafafa; --axionai-text: #171717; --axionai-muted: #595959; --axionai-border: #17171720; }
:root[data-axion-theme="dark"] { --axionai-canvas: #060606; --axionai-surface: #101010; --axionai-text: #e9e9e9; --axionai-muted: #a6a6a6; --axionai-border: #ffffff20; --axionai-tone-_ffffff: #060606; }
.axionai-theme .axion-v2 { --axion-ink: var(--axionai-canvas); --axion-line: var(--axionai-border); --axion-muted: var(--axionai-muted); --axion-mint: var(--axionai-text); --axion-sky: var(--axionai-text); }
.axionai-theme .axion-contact-form .axion-button-primary,
.axionai-theme .axion-contact-form .axion-button-primary:hover,
.axionai-theme .axion-contact-form .axion-button-primary:focus-visible { color: #fff !important; }
[data-axion-theme="dark"] .axionai-theme, [data-axion-theme="dark"] .axionai-home { --axionai-shadow: inset 0 1px 1px #ffffff20, inset 0 24px 48px #ffffff09, 0 16px 32px #0005; }
[data-axion-theme="dark"] .axionai-home .axion-service-card,
[data-axion-theme="dark"] .axionai-home .axion-process-list li { box-shadow: inset 0 1px 1px #ffffff20, inset 0 24px 48px #ffffff09; }
[data-axion-theme="dark"] .axionai-wordmark::after { background-image: linear-gradient(110deg, transparent 40%, #bdbdbd99 46%, #eeeeee 49%, #bdbdbd99 52%, transparent 58%); }
[data-axion-theme="dark"] .axionai-demo-card { background: rgba(12,12,12,.95); }
[data-axion-theme="dark"] .axionai-home .axion-button { box-shadow: inset 0 1px 1px #ffffff20; }
[data-axion-theme="dark"] .axionai-home .axion-actions .axion-button { background: #d2d2d212; }
.axionai-theme .site-header { transition: transform .3s ease; }
.axionai-theme .site-header a { transition: transform .2s ease; }
.axionai-theme-toggle { display: inline-flex; align-items: center; flex-shrink: 0; gap: 3px; height: 38px; padding: 3px; border: 1px solid var(--axionai-border); border-radius: 999px; background: var(--axionai-surface); color: var(--axionai-muted); cursor: pointer; }
.axionai-theme-toggle span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; }
.axionai-theme-toggle svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.axionai-theme-toggle .axionai-theme-sun { background: var(--axionai-canvas); color: var(--axionai-text); box-shadow: 0 1px 4px #0002; }
[data-axion-theme="dark"] .axionai-theme-toggle .axionai-theme-sun { background: none; color: var(--axionai-muted); box-shadow: none; }
[data-axion-theme="dark"] .axionai-theme-toggle .axionai-theme-moon { background: #292929; color: #fff; }
.axionai-theme-toggle:focus-visible { outline: 2px solid var(--axionai-text); outline-offset: 4px; }
.axionai-theme-toggle[hidden] { display: none; }
.axionai-theme .navbar-content { gap: 24px; }
.axionai-theme .site-branding { margin-right: auto; }
.axionai-theme .axion-v2:not(.axionai-home),
.axionai-theme .axion-v2:not(.axionai-home) :is(.axion-case-hero,.axion-case-content,.axion-service-content) { background: var(--axionai-canvas); color: var(--axionai-text); }
.axionai-theme .axion-v2:not(.axionai-home) :is(h1,h2,h3,h1 span,h2 span) { color: var(--axionai-text); font-weight: 500; }
.axionai-theme .axion-v2:not(.axionai-home) :is(p,li) { color: var(--axionai-muted); }
.axionai-theme .axion-v2:not(.axionai-home) :is(.axion-service-card,.axion-directory-grid article,.axion-architecture-map,.axion-architecture-map span,.axion-case-lessons,.axion-delivery-strip span) { background: var(--axionai-surface); color: var(--axionai-text); border-color: var(--axionai-border); }
.axionai-theme .axion-v2:not(.axionai-home) .axion-button-primary { background: var(--axionai-text); color: var(--axionai-canvas) !important; border-radius: 999px; }
.axionai-theme .axion-service-directory .axion-service-card h2 { font-size: 24px; line-height: 1.2; margin: 24px 0 12px; }
.axionai-theme .axion-service-directory .axion-service-card a { margin-top: auto; padding-top: 24px; }
.axionai-theme .axion-service-intro-grid > div > p:not(.axion-eyebrow) { margin: 20px 0 24px; }
@media (max-width: 768px) { .axionai-theme .navbar-content { gap: 12px; } .axionai-theme-toggle { order: 1; } .axionai-theme .mobile-menu-toggle { order: 2; } }

/* Services directory: an original monochrome 8-bit system builder. */
.axionai-service-arcade {
    background: var(--axionai-canvas);
    border-bottom: 1px solid var(--axionai-border);
    padding: clamp(72px, 9vw, 120px) 0;
}
.axionai-service-arcade__layout {
    align-items: center;
    display: grid;
    gap: clamp(42px, 8vw, 100px);
    grid-template-columns: minmax(260px, .68fr) minmax(560px, 1.32fr);
}
.axionai-service-arcade__copy h2 {
    color: var(--axionai-text);
    font-size: clamp(2.4rem, 4.8vw, 4.5rem);
    font-weight: 500;
    letter-spacing: -.055em;
    line-height: .98;
    margin: 18px 0 24px;
}
.axionai-service-arcade__copy > p:not(.axion-eyebrow) {
    color: var(--axionai-muted);
    font-size: 1rem;
    line-height: 1.65;
    max-width: 470px;
}
.axionai-service-arcade__legend {
    border-top: 1px solid var(--axionai-border);
    color: var(--axionai-muted);
    display: grid;
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 11px;
    gap: 12px;
    letter-spacing: .04em;
    margin-top: 36px;
    padding-top: 20px;
    text-transform: uppercase;
}
.axionai-service-arcade__legend span { align-items: center; display: flex; gap: 10px; }
.axionai-service-arcade__swatch { background: var(--axionai-text); display: inline-block; height: 8px; width: 8px; }
.axionai-service-arcade__swatch--signal {
    background: transparent;
    height: 8px;
    position: relative;
    width: 12px;
}
.axionai-service-arcade__swatch--signal::before {
    background: #ed1f3a;
    box-shadow: 0 4px #ed1f3a, 4px 4px #ed1f3a, 8px 4px #ed1f3a;
    content: '';
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 4px;
}

.axionai-arcade {
    --arcade-red: #ed1f3a;
    --arcade-red-edge: #a90f25;
    --arcade-bg: #fff;
    --arcade-board: #fff;
    --arcade-panel: #fafafa;
    --arcade-ink: #111;
    --arcade-muted: #676767;
    --arcade-line: #d8d8d8;
    --arcade-grid: #ececec;
    --arcade-scan: #00000008;
    --arcade-shadow: #00000012;
    --arcade-piece-i: #111;
    --arcade-piece-o: #303030;
    --arcade-piece-t: #595959;
    --arcade-piece-s: #111;
    --arcade-piece-z: #737373;
    --arcade-piece-j: #464646;
    --arcade-piece-edge: #fff;
    background: var(--arcade-bg);
    border: 1px solid var(--arcade-line);
    box-shadow: 8px 8px 0 var(--axionai-border), 0 28px 70px var(--arcade-shadow);
    color: var(--arcade-ink);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    overflow: hidden;
    position: relative;
}
[data-axion-theme="dark"] .axionai-arcade {
    --arcade-red-edge: #ff6c7f;
    --arcade-bg: #090909;
    --arcade-board: #070707;
    --arcade-panel: #0d0d0d;
    --arcade-ink: #f1f1f1;
    --arcade-muted: #858585;
    --arcade-line: #333;
    --arcade-grid: #1f1f1f;
    --arcade-scan: #ffffff08;
    --arcade-shadow: #0005;
    --arcade-piece-i: #f2f2f2;
    --arcade-piece-o: #d8d8d8;
    --arcade-piece-t: #aaa;
    --arcade-piece-s: #f2f2f2;
    --arcade-piece-z: #8d8d8d;
    --arcade-piece-j: #c6c6c6;
    --arcade-piece-edge: #fff;
}
.axionai-arcade::after {
    background: repeating-linear-gradient(0deg, transparent 0 3px, var(--arcade-scan) 3px 4px);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 4;
}
.axionai-arcade__topbar {
    align-items: center;
    border-bottom: 1px solid var(--arcade-line);
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    letter-spacing: .12em;
    min-height: 44px;
    padding: 0 18px;
}
.axionai-arcade__topbar span:last-child::before {
    background: var(--arcade-ink);
    content: '';
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    opacity: .7;
    width: 6px;
}
.axionai-arcade__screen {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px;
    min-height: 520px;
}
.axionai-arcade__board-wrap {
    align-items: center;
    background: var(--arcade-bg);
    border-right: 1px solid var(--arcade-line);
    display: flex;
    justify-content: center;
    min-width: 0;
    padding: 20px;
}
.axionai-arcade__board {
    aspect-ratio: 1 / 2;
    background: var(--arcade-board);
    border: 1px solid var(--arcade-line);
    display: block;
    image-rendering: pixelated;
    max-height: 480px;
    max-width: 240px;
    outline: 0;
    width: min(100%, 240px);
}
.axionai-arcade__board:focus-visible { box-shadow: 0 0 0 2px var(--arcade-ink); }
.axionai-arcade__hud {
    background: var(--arcade-panel);
    display: flex;
    flex-direction: column;
    padding: 22px 18px;
}
.axionai-arcade__hud > div:not(.axionai-arcade__keys) {
    border-bottom: 1px solid var(--arcade-line);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.axionai-arcade__hud span {
    color: var(--arcade-muted);
    display: block;
    font-size: 9px;
    letter-spacing: .12em;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.axionai-arcade__hud strong { color: var(--arcade-ink); font-size: 20px; font-weight: 400; letter-spacing: .08em; }
.axionai-arcade__next canvas { background: var(--arcade-board); display: block; image-rendering: pixelated; max-width: 100%; }
.axionai-arcade__keys { margin-top: auto; }
.axionai-arcade__keys span { line-height: 1.65; margin: 0; }
.axionai-arcade__controls {
    border-top: 1px solid var(--arcade-line);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(4, 46px) minmax(70px, 1fr) minmax(88px, 1.1fr);
    position: relative;
    z-index: 5;
}
.axionai-arcade__controls button {
    background: var(--arcade-panel);
    border: 0;
    border-right: 1px solid var(--arcade-line);
    border-radius: 0;
    color: var(--arcade-ink);
    cursor: pointer;
    font: 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    min-height: 50px;
    padding: 0 10px;
}
.axionai-arcade__controls button:hover,
.axionai-arcade__controls button:focus-visible { background: var(--arcade-ink); color: var(--arcade-bg); outline: 0; }
.axionai-arcade__controls button:active { translate: 0 1px; }
.axionai-arcade__controls .axionai-arcade__start { border-right: 0; letter-spacing: .08em; }

@media (max-width: 980px) {
    .axionai-service-arcade__layout { grid-template-columns: 1fr; }
    .axionai-service-arcade__copy { max-width: 720px; }
    .axionai-arcade { margin: 0 auto; max-width: 680px; width: 100%; }
}
@media (max-width: 560px) {
    .axionai-service-arcade { padding: 64px 0; }
    .axionai-service-arcade__copy h2 { font-size: clamp(2.25rem, 12vw, 3.4rem); }
    .axionai-arcade { box-shadow: 5px 5px 0 var(--axionai-border); }
    .axionai-arcade__screen { grid-template-columns: minmax(190px, 1fr) 104px; min-height: 420px; }
    .axionai-arcade__board-wrap { padding: 10px; }
    .axionai-arcade__board { max-height: 400px; max-width: 200px; }
    .axionai-arcade__hud { padding: 14px 10px; }
    .axionai-arcade__hud > div:not(.axionai-arcade__keys) { margin-bottom: 10px; padding-bottom: 10px; }
    .axionai-arcade__hud strong { font-size: 15px; }
    .axionai-arcade__keys { display: none; }
    .axionai-arcade__controls { grid-template-columns: repeat(4, 1fr); }
    .axionai-arcade__controls button { min-height: 46px; }
    .axionai-arcade__controls button:nth-child(5),
    .axionai-arcade__controls button:nth-child(6) { grid-column: span 2; }
}
@media (prefers-reduced-motion: reduce) {
    .axionai-arcade::after { display: none; }
}

/* LoyaltyBoss case study: a playable monochrome loyalty loop. */
.axionai-loyalty-game {
    background: var(--axionai-canvas);
    border-bottom: 1px solid var(--axionai-border);
    padding: clamp(72px, 9vw, 120px) 0;
}
.axionai-loyalty-game__layout {
    align-items: center;
    display: grid;
    gap: clamp(42px, 8vw, 100px);
    grid-template-columns: minmax(250px, .62fr) minmax(600px, 1.38fr);
}
.axionai-loyalty-game__copy h2 {
    color: var(--axionai-text);
    font-size: clamp(3rem, 6.4vw, 6.2rem);
    font-weight: 500;
    letter-spacing: -.06em;
    line-height: .84;
    margin: 22px 0 30px;
}
.axionai-loyalty-game__copy > p:not(.axion-eyebrow) {
    color: var(--axionai-muted);
    font-size: 1rem;
    line-height: 1.65;
    max-width: 430px;
}
.axionai-snake {
    --snake-red: #ed1f3a;
    --snake-red-edge: #a90f25;
    --snake-green: #159c50;
    --snake-bg: #fff;
    --snake-board: #fff;
    --snake-panel: #fafafa;
    --snake-ink: #111;
    --snake-muted: #676767;
    --snake-line: #d8d8d8;
    --snake-grid: #ececec;
    --snake-scan: #00000008;
    background: var(--snake-bg);
    border: 1px solid var(--snake-line);
    box-shadow: 8px 8px 0 var(--axionai-border), 0 28px 70px #00000012;
    color: var(--snake-ink);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    overflow: hidden;
    position: relative;
}
[data-axion-theme="dark"] .axionai-snake {
    --snake-red-edge: #ff6c7f;
    --snake-green: #56d991;
    --snake-bg: #090909;
    --snake-board: #070707;
    --snake-panel: #0d0d0d;
    --snake-ink: #f1f1f1;
    --snake-muted: #858585;
    --snake-line: #333;
    --snake-grid: #1f1f1f;
    --snake-scan: #ffffff08;
    box-shadow: 8px 8px 0 var(--axionai-border), 0 28px 70px #0005;
}
.axionai-snake::after {
    background: repeating-linear-gradient(0deg, transparent 0 3px, var(--snake-scan) 3px 4px);
    content: '';
    inset: 0;
    pointer-events: none;
    position: absolute;
    z-index: 4;
}
.axionai-snake__topbar {
    align-items: center;
    border-bottom: 1px solid var(--snake-line);
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    letter-spacing: .12em;
    min-height: 44px;
    padding: 0 18px;
}
.axionai-snake__topbar span:last-child::before {
    background: var(--snake-ink);
    content: '';
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    opacity: .7;
    width: 6px;
}
.axionai-snake__screen { display: grid; grid-template-columns: minmax(360px, 1fr) 148px; }
.axionai-snake__board-wrap {
    align-items: center;
    background: var(--snake-bg);
    border-right: 1px solid var(--snake-line);
    display: flex;
    justify-content: center;
    min-width: 0;
    padding: 22px;
}
.axionai-snake__board {
    aspect-ratio: 3 / 2;
    background: var(--snake-board);
    border: 1px solid var(--snake-line);
    display: block;
    image-rendering: pixelated;
    max-width: 432px;
    outline: 0;
    width: 100%;
}
.axionai-snake__board:focus-visible { box-shadow: 0 0 0 2px var(--snake-ink); }
.axionai-snake__hud {
    background: var(--snake-panel);
    display: flex;
    flex-direction: column;
    padding: 22px 18px;
}
.axionai-snake__hud > div {
    border-bottom: 1px solid var(--snake-line);
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.axionai-snake__hud span {
    color: var(--snake-muted);
    display: block;
    font-size: 9px;
    letter-spacing: .12em;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.axionai-snake__hud strong { color: var(--snake-ink); font-size: 20px; font-weight: 400; letter-spacing: .08em; }
.axionai-snake__hud small {
    color: var(--snake-muted);
    display: block;
    font-size: 8px;
    letter-spacing: .08em;
    margin-top: 5px;
}
.axionai-snake__hud p {
    color: var(--snake-muted) !important;
    font: 9px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .08em;
    margin-top: auto !important;
    text-transform: uppercase;
}
.axionai-snake__controls {
    border-top: 1px solid var(--snake-line);
    display: grid;
    grid-template-columns: repeat(4, 54px) minmax(100px, 1fr);
    position: relative;
    z-index: 5;
}
.axionai-snake__controls button {
    background: var(--snake-panel);
    border: 0;
    border-right: 1px solid var(--snake-line);
    border-radius: 0;
    color: var(--snake-ink);
    cursor: pointer;
    font: 11px/1 ui-monospace, SFMono-Regular, Consolas, monospace;
    min-height: 50px;
    padding: 0 10px;
}
.axionai-snake__controls button:hover,
.axionai-snake__controls button:focus-visible { background: var(--snake-ink); color: var(--snake-bg); outline: 0; }
.axionai-snake__controls button:active { translate: 0 1px; }
.axionai-snake__controls .axionai-snake__start { border-right: 0; letter-spacing: .08em; }

@media (max-width: 980px) {
    .axionai-loyalty-game__layout { grid-template-columns: 1fr; }
    .axionai-loyalty-game__copy { max-width: 720px; }
    .axionai-snake { margin: 0 auto; max-width: 720px; width: 100%; }
}
@media (max-width: 560px) {
    .axionai-loyalty-game { padding: 64px 0; }
    .axionai-loyalty-game__copy h2 { font-size: clamp(3.1rem, 18vw, 5rem); }
    .axionai-snake { box-shadow: 5px 5px 0 var(--axionai-border); }
    .axionai-snake__screen { grid-template-columns: 1fr; }
    .axionai-snake__board-wrap { border-bottom: 1px solid var(--snake-line); border-right: 0; padding: 10px; }
    .axionai-snake__hud { display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); padding: 0; }
    .axionai-snake__hud > div { border-bottom: 0; border-right: 1px solid var(--snake-line); margin: 0; padding: 12px 10px; }
    .axionai-snake__hud p { display: none; }
    .axionai-snake__hud strong { font-size: 15px; }
    .axionai-snake__controls { grid-template-columns: repeat(4, 1fr); }
    .axionai-snake__controls button { min-height: 46px; }
    .axionai-snake__controls .axionai-snake__start { grid-column: 1 / -1; }
}
@media (prefers-reduced-motion: reduce) {
    .axionai-snake::after { display: none; }
}

/* Content and utility pages share the commercial pages' palette. */
.axionai-document { background: var(--axionai-canvas); color: var(--axionai-text); min-height: 65vh; padding: clamp(110px, 12vw, 170px) 0 90px; }
.axionai-document > .container { max-width: 1080px; }
.axionai-document__article { max-width: 850px; margin-inline: auto; }
.axionai-document__header { margin-bottom: 42px; }
.axionai-document h1 { font-size: clamp(32px, 5.5vw, 62px); line-height: 1.1; letter-spacing: -.045em; font-weight: 400; overflow-wrap: anywhere; }
.axionai-document h2 { font-size: clamp(24px, 3vw, 34px); line-height: 1.2; letter-spacing: -.025em; font-weight: 400; }
.axionai-document__meta { color: var(--axionai-muted); margin-top: 20px; font-size: 14px; }
.axionai-document__image { margin-bottom: 36px; }
.axionai-document img { max-width: 100%; height: auto; border-radius: 10px; }
.axionai-prose { color: var(--axionai-muted); font-size: 17px; line-height: 1.8; overflow-wrap: anywhere; }
.axionai-prose > * + * { margin-top: 22px; }
.axionai-prose :is(h2,h3,h4,h5,h6) { color: var(--axionai-text); margin-top: 38px; margin-bottom: 18px; font-weight: 500; }
.axionai-prose :is(ul,ol) { padding-left: 1.5em; }
.axionai-prose li + li { margin-top: 8px; }
.axionai-document a { color: var(--axionai-text); }
.axionai-prose a { text-decoration: underline; text-underline-offset: 4px; }
.axionai-document a:hover { text-decoration: underline; text-underline-offset: 4px; }
.axionai-prose blockquote { padding: 20px 24px; border-left: 2px solid var(--axionai-text); background: var(--axionai-surface); }
.axionai-prose :is(pre,code) { background: var(--axionai-surface); color: var(--axionai-text); font-size: .9em; }
.axionai-prose pre { padding: 20px; overflow-x: auto; max-width: 100%; border: 1px solid var(--axionai-border); border-radius: 8px; }
.axionai-prose table { width: 100%; border-collapse: collapse; }
.axionai-prose :is(th,td) { padding: 10px; border: 1px solid var(--axionai-border); }
.axionai-prose .wp-block-table { overflow-x: auto; }
.axionai-prose hr { border: 0; border-top: 1px solid var(--axionai-border); }
.axionai-document__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.axionai-document__card { min-width: 0; padding: 28px; border: 1px solid var(--axionai-border); border-radius: 12px; background: var(--axionai-surface); }
.axionai-document__card h2 { margin: 18px 0; }
.axionai-document__card h2 a { text-decoration: none; }
.axionai-document__link { display: inline-block; margin-top: 22px; }
.axionai-document__search { max-width: 660px; margin-top: 32px; }
.axionai-document__search label { display: block; margin-bottom: 10px; color: var(--axionai-muted); font-size: 14px; }
.axionai-document__search > div { display: flex; gap: 10px; }
.axionai-document__search input { min-width: 0; flex: 1; width: 100%; border: 1px solid var(--axionai-border); border-radius: 6px; padding: 14px; background: var(--axionai-surface); color: var(--axionai-text); font: inherit; }
.axionai-document__search input::placeholder { color: var(--axionai-muted); opacity: 1; }
.axionai-document__search button { border: 1px solid var(--axionai-text); border-radius: 6px; padding: 12px 22px; background: var(--axionai-text); color: var(--axionai-canvas); font: inherit; cursor: pointer; }
.axionai-document :is(a,input,button):focus-visible { outline: 2px solid var(--axionai-text); outline-offset: 4px; }
.axionai-document__links { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.axionai-document__pagination { margin-top: 36px; }
.axionai-document__pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; }
.axionai-document__pagination .page-numbers { background: var(--axionai-surface); color: var(--axionai-text); border-color: var(--axionai-border); }
.axionai-document__pagination .current { background: var(--axionai-text); color: var(--axionai-canvas); }
@media (max-width: 640px) { .axionai-document__grid { grid-template-columns: 1fr; } .axionai-document__card { padding: 22px; } .axionai-document__search > div { flex-direction: column; } }