/* Shared motion and homepage detail; enterprise treatment is scoped below. */
.site-header::after { content: ""; position: absolute; bottom: -1px; height: 2px; left: 0; width: 100%; background: currentColor; transform: scaleX(var(--reading-progress, 0)); transform-origin: left; pointer-events: none; }
.minimal-page.has-reveals .reveal { opacity: 1; transition: transform .65s ease; }
.minimal-page:not(.argonath-page) .hero h1 em { font-weight: inherit; }
.homepage-field { height: 330px; background: #151717; }
.homepage-field::before { opacity: .27; }
.homepage-field canvas { touch-action: pan-y; }
.field-toolbar { position: absolute; inset: 20px 24px auto; display: flex; justify-content: space-between; gap: 12px; align-items: center; color: #ddd; font: 10px Consolas, monospace; pointer-events: none; }
.field-modes, .deployment-modes { display: inline-flex; gap: 0; padding: 3px; border: 1px solid #737373; border-radius: 3px; pointer-events: auto; }
.field-modes button, .deployment-modes button { color: #c8c8c8; padding: 6px 12px; border: 0; background: transparent; font: 11px "Inter", Arial, sans-serif; border-radius: 1px; min-width: 64px; }
.field-modes button[aria-pressed="true"], .deployment-modes button[aria-pressed="true"] { background: #e9e9e9; color: #171717; }
.homepage-field figcaption { pointer-events: none; }
.homepage-field[data-field-mode="local"]::before { opacity: .14; }
.architecture-detail { margin-top: 32px; padding: 20px 0 0; border-top: 1px solid #ccc; min-height: 110px; }
.architecture-detail > span { font: 11px Consolas, monospace; color: #626262; }
.architecture-detail > p { margin-top: 12px; font-size: 15px; max-width: 510px; }
.blueprint-layer { position: relative; transition: border-color .25s, background .25s; }
.blueprint-layer.is-active { border-color: #171717; }
.blueprint-layer > span { transition: color .25s; }
.blueprint-layer.is-active > span { color: #171717; }
.blueprint-layer h3 button { font: inherit; display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; border: 0; padding: 0 0 6px; background: transparent; color: #414141; text-align: left; }
.blueprint-layer h3 button span { font-size: 19px; color: #999; transition: transform .25s, color .25s; }
.blueprint-layer.is-active h3 button, .blueprint-layer.is-active h3 button span { color: #171717; }
.blueprint-layer h3 button:hover span { transform: translate(2px, -2px); }
.glance-item, .intelligence-tier, .thesis-card { transition: border-color .25s, transform .25s; }
@media (hover: hover) {
    .glance-item:hover, .intelligence-tier:hover, .thesis-card:hover { border-color: #171717; transform: translateY(-3px); }
}
.platform-mode-panel.mode-updated .platform-mode-copy { animation: mode-arrival .35s ease both; }
@keyframes mode-arrival { from { opacity: .65; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.minimal-page:not(.argonath-page) .section-index { position: sticky; top: 114px; align-self: start; }
.minimal-page:not(.argonath-page) .manifesto-section { transition: background-color .7s; }
.minimal-page:not(.argonath-page) .section-index strong { transition: color .4s; }
.minimal-page:not(.argonath-page) .story-current .section-index strong { color: #171717; }
.minimal-page:not(.argonath-page) .site-nav a { position: relative; }
.minimal-page:not(.argonath-page) .site-nav a::after { content: ""; position: absolute; bottom: -6px; height: 1px; background: #171717; left: 0; width: 100%; transform: scaleX(0); transform-origin: left; transition: transform .25s; }
.minimal-page:not(.argonath-page) .site-nav a:hover::after, .minimal-page:not(.argonath-page) .site-nav a[aria-current]::after { transform: scaleX(1); }

.argonath-page { background: #141616; color: #f4f4f1; --ink: #f4f4f1; --ink-soft: #c6c8c6; --muted: #a8adab; --line: #424645; --display-family: "Inter", Arial, sans-serif; }
.argonath-page h1, .argonath-page h2 { font-family: "Inter", Arial, sans-serif; font-weight: 500; text-wrap: balance; }
.argonath-page h2 { font-size: 42px; line-height: 1.16; }
.argonath-page .site-header { color: #ededeb; background: rgba(17, 19, 19, .95); border-color: #424645; }
.argonath-page .brand-lockup svg { filter: grayscale(1) brightness(0) invert(1); }
.argonath-page .brand-dexi, .argonath-page .xw-letter { color: #ededeb; }
.argonath-page .site-nav a { color: #c6c8c6; }
.argonath-page .site-nav a:hover, .argonath-page .site-nav a[aria-current] { color: #fff; }
.argonath-page .header-pill, .argonath-page .button-primary { color: #111; background: #ededeb; border-color: #ededeb; border-radius: 1px; }
.argonath-page .header-pill:hover, .argonath-page .button-primary:hover { background: #fff; }
.argonath-page .button-secondary { color: #f4f4f1; background: transparent; border-color: #8b918e; border-radius: 1px; }
.argonath-page .button-secondary:hover { background: rgba(255,255,255,.12); }
.argonath-page .eyebrow { color: #afb4b1; text-transform: uppercase; }
.argonath-page .menu-toggle span { background: #eee; }
.argonath-page .argonath-hero { position: relative; isolation: isolate; min-height: 650px; display: flex; flex-direction: column; justify-content: space-between; gap: 44px; padding-top: 60px; padding-bottom: 24px; overflow: hidden; }
.argonath-hero-media { position: absolute; z-index: -1; inset: 0; background: #151717; }
.argonath-hero-media::before { content: none; }
.argonath-hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,10,10,.86), rgba(8,10,10,.42) 57%, rgba(8,10,10,.05)), linear-gradient(0deg, rgba(8,10,10,.5), transparent 35%); }
.argonath-hero-media canvas { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .45; }
.argonath-page .argonath-hero .hero-copy { display: block; position: relative; max-width: 670px; }
.argonath-page .argonath-hero h1 { font-size: 76px; line-height: 1.02; text-transform: uppercase; margin-bottom: 24px; }
.argonath-hero .eyebrow span { display: inline-block; margin: 0 12px; color: #fff; }
.argonath-page .argonath-hero .hero-lede { max-width: 590px; padding: 0; color: #e1e2df; font-size: 15px; }
.argonath-page .argonath-hero .launch-banner { margin-top: 26px; margin-bottom: 0; }
.argonath-page .argonath-hero .launch-banner span { color: #bfc3bf; }
.argonath-page .argonath-hero .launch-banner strong { color: #eee; }
.argonath-hero-register { display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid rgba(255,255,255,.35); padding-top: 20px; color: #c7ccc8; font: 10px Consolas, monospace; }
.argonath-hero-register a { text-decoration: none; color: #fff; }
.argonath-hero-register a span { margin-left: 20px; }
.argonath-page .argonath-intro { padding-top: 80px; padding-bottom: 80px; }
.argonath-page .argonath-intro .glance-heading h2 { font-size: 36px; }
.argonath-page .argonath-intro-copy .source-note { color: #a7aca8; }
.argonath-page .glance-item { border-color: #636964; }
.argonath-page .glance-item strong { font-size: 28px; }
.argonath-page .glance-item span { color: #b5bcb6; }
.argonath-page .argonath-baseline { margin-top: 24px; }
.argonath-page .argonath-deployment { background: #222625; padding-top: 80px; padding-bottom: 80px; }
.argonath-page .argonath-steps article { border-color: #555d58; }
.argonath-page .argonath-steps article > span { color: #b4bcb6; }
.argonath-page .argonath-steps h3 { font-size: 20px; }
.argonath-page .argonath-flow { border-color: #555d58; }
.argonath-page .argonath-flow > span, .argonath-page .cloud-route > span { color: #b7beb8; font: 10px Consolas, monospace; display: block; margin: 12px 0; }
.argonath-page .argonath-flow > strong, .argonath-page .cloud-route > strong { font-size: 17px; font-weight: 500; display: block; }
.argonath-page .argonath-flow > p, .argonath-page .cloud-route > p { color: #c6cdc7; font-size: 12px; margin-top: 8px; }
.argonath-page .route-bridge { border-color: #6b746c; }
.argonath-page .route-bridge i { background: #e4e9e3; }
.deployment-modes { margin-bottom: 20px; }
.cloud-route { max-height: 280px; opacity: 1; transition: opacity .35s, max-height .4s; overflow: hidden; }
.argonath-flow[data-deployment="local"] .cloud-route { opacity: .25; }
.argonath-flow[data-deployment="local"] .cloud-route .route-bridge i { animation-play-state: paused; }
.argonath-page .argonath-flow .deployment-route-note { border-top: 1px solid #555d58; margin-top: 24px; padding-top: 16px; max-width: 320px; color: #d4dad4; min-height: 56px; }
.argonath-page #industries { background: #edeeeb; color: #141616; --ink-soft: #3d4440; --line: #b8bfb7; }
.argonath-page #industries .eyebrow { color: #536055; }
.argonath-page .argonath-sector-note { font-size: 14px; }
.argonath-page .argonath-industries article { border-color: #abb4aa; padding: 20px 0 8px; }
.argonath-page .argonath-industries h3 { font-size: 18px; }
.argonath-page .argonath-industries span { color: #536055; }
.argonath-page .argonath-industries p { color: #414a43; }
.argonath-page .argonath-execution { background: #101212; }
.argonath-page .argonath-command { padding-top: 18px; border-top-color: #58605a; }
.command-register { display: flex; justify-content: space-between; gap: 16px; color: #aeb8af; font: 10px Consolas, monospace; padding-bottom: 32px; }
.argonath-page .argonath-command select { background: #1b201d; border-radius: 1px; }
.argonath-page .argonath-command pre { font-size: 21px; }
.argonath-page .argonath-next { background: #edeeeb; color: #141616; --line: #b8bfb7; }
.argonath-page .argonath-next .eyebrow { color: #536055; }
.argonath-page .argonath-next h2 { font-size: 48px; max-width: 850px; }
.argonath-page .argonath-next .button-primary { background: #141616; border-color: #141616; color: #fff; }
.argonath-page .argonath-next .button-secondary { color: #141616; border-color: #757e74; }
.argonath-page .argonath-next .button-secondary:hover { background: #d7dcd5; }
.argonath-page .access-panel { color: #171717; --ink-soft: #414141; }
.argonath-page .access-panel .eyebrow { color: #626262; }
.argonath-page .access-panel .button { background: #171717; border-color: #171717; color: #fff; }
.argonath-page .access-panel h2 { font-size: 30px; }
.argonath-page .site-footer { background: #101212 !important; }
.argonath-page .footer-mantra { font-family: "Inter", Arial, sans-serif !important; font-size: 48px !important; font-weight: 500 !important; }
@media (max-width: 1100px) {
    .argonath-page .argonath-hero h1 { font-size: 64px; }
    .argonath-page .argonath-hero { min-height: 640px; }
    .argonath-page .argonath-deployment-layout { gap: 48px; }
}
@media (max-width: 900px) {
    .minimal-page:not(.argonath-page) .section-index { position: static; }
    .argonath-page.menu-open .site-nav { background: #171b18; border-color: #555d58; }
    .argonath-page .argonath-hero { min-height: 680px; padding-top: 48px; }
    .argonath-page .argonath-hero h1 { font-size: 62px; }
    .argonath-page .argonath-hero .hero-lede { margin-top: 0; }
    .argonath-page .argonath-flow { border-color: #555d58; }
    .argonath-hero-register > span:nth-child(2) { display: none; }
}
@media (max-width: 560px) {
    .homepage-field { height: 270px; }
    .field-toolbar { inset: 16px 16px auto; font-size: 9px; align-items: start; }
    .field-toolbar > span { max-width: 130px; line-height: 1.6; }
    .field-modes button { min-width: 48px; padding: 6px 8px; font-size: 10px; }
    .architecture-detail { min-height: 120px; }
    .argonath-page .argonath-hero { min-height: 620px; padding-top: 40px; gap: 32px; }
    .argonath-page .argonath-hero h1 { font-size: 44px; }
    .argonath-hero .eyebrow span { margin: 0 6px; }
    .argonath-page .argonath-hero .eyebrow { font-size: 9px; }
    .argonath-hero-media::before { background-position: 65% center; opacity: .55; }
    .argonath-hero-media::after { background: rgba(8,10,10,.45); }
    .argonath-page .argonath-hero .hero-lede { font-size: 14px; }
    .argonath-page .argonath-intro, .argonath-page .argonath-deployment { padding: 52px 20px; }
    .argonath-page h2, .argonath-page .argonath-intro .glance-heading h2 { font-size: 30px; }
    .argonath-page .argonath-next h2 { font-size: 32px; }
    .argonath-page .argonath-command pre { font-size: 15px; }
    .command-register { flex-direction: column; gap: 8px; }
    .argonath-page .footer-mantra { font-size: 32px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .platform-mode-panel.mode-updated .platform-mode-copy { animation: none; }
    .cloud-route { transition: none; }
    .glance-item:hover, .intelligence-tier:hover, .thesis-card:hover { transform: none; }
}

/* Mathematical foundations and the technical reference drawer. */
.mathematics-section { background: #efefed; }
.mathematics-heading { text-align: center; max-width: 760px; margin: 0 auto 56px; }
.mathematics-heading .eyebrow { margin-bottom: 18px; }
.mathematics-heading h2 { font-size: 42px; }
.mathematics-heading > p:last-child { font-size: 14px; color: #555; margin-top: 18px; }
.mathematics-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.mathematics-feature { min-width: 0; display: flex; flex-direction: column; padding-top: 24px; border-top: 1px solid #bababa; }
.mathematics-feature-top { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.mathematics-feature-top img { width: 28px; height: 28px; }
.mathematics-feature-top > span { font: 10px Consolas, monospace; color: #616161; }
.mathematics-feature h3 { font-size: 25px; line-height: 1.3; font-weight: 500; min-height: 100px; margin-bottom: 18px; }
.mathematics-feature > p { font-size: 14px; line-height: 1.75; margin-bottom: 32px; }
.math-spec-trigger { position: relative; margin-top: auto; width: fit-content; max-width: 100%; }
.math-spec { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; background: none; color: #232323; border: 0; border-bottom: 1px solid #777; padding: 8px 0; min-height: 44px; text-align: left; font: 10px/1.6 Consolas, monospace; }
.math-spec img { flex: 0 0 14px; }
.math-spec:hover { border-color: #171717; }
.math-tooltip { position: absolute; z-index: 10; left: 0; bottom: calc(100% + 8px); width: min(280px, calc(100vw - 48px)); padding: 12px 14px; background: #171717; color: #f5f5f5; font: 11px/1.6 "Inter", Arial, sans-serif; border-radius: 3px; box-shadow: 0 8px 24px rgba(0,0,0,.12); opacity: 0; visibility: hidden; transition: opacity .16s; }
.math-tooltip::after { content: ""; position: absolute; left: 0; right: 0; bottom: -10px; height: 10px; }
.math-spec-trigger:hover .math-tooltip, .math-spec-trigger:focus-within .math-tooltip { opacity: 1; visibility: visible; }
.math-spec-trigger.tooltip-dismissed .math-tooltip { opacity: 0; visibility: hidden; }
body.has-spec-drawer { overflow: hidden; }
.math-drawer { position: fixed; inset: 0 0 0 auto; width: min(620px, 100%); height: 100dvh; max-height: 100dvh; max-width: 100%; margin: 0; padding: 0; border: 0; border-left: 1px solid #bfbfbf; background: #fafafa; color: #171717; overflow-y: auto; overscroll-behavior: contain; }
.math-drawer::backdrop { background: rgba(0,0,0,.45); backdrop-filter: blur(4px); }
.math-drawer[open] { animation: math-drawer-arrival .24s ease both; }
@keyframes math-drawer-arrival { from { transform: translateX(24px); opacity: .7; } to { transform: none; opacity: 1; } }
.math-drawer-inner { padding: 32px 40px 48px; }
.math-drawer-topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 40px; border-bottom: 1px solid #ccc; padding-bottom: 20px; }
.math-drawer-topline > span { font: 11px Consolas, monospace; color: #626262; }
.math-drawer-close { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #aaa; border-radius: 3px; background: transparent; }
.math-drawer-close:hover { background: #e7e7e7; }
.math-drawer h2 { font-size: 36px; line-height: 1.16; margin-bottom: 24px; }
.math-drawer-inner > p { font-size: 14px; }
.math-detail-block { border-top: 1px solid #ccc; padding-top: 24px; margin-top: 32px; }
.math-detail-block h3 { font: 11px/1.6 Consolas, monospace; color: #626262; margin-bottom: 16px; }
.math-detail-block pre { padding: 18px; margin: 0 0 20px; background: #eeeeec; overflow-x: auto; font: 12px/1.85 Consolas, monospace; color: #171717; border-radius: 3px; }
.math-detail-block p { font-size: 13px; line-height: 1.75; }
.math-drawer-inner > .math-reference-note { border-top: 1px solid #ccc; padding-top: 20px; margin-top: 28px; font-size: 11px; color: #626262; }
.math-reference-link { display: block; width: fit-content; margin-top: 18px; font-size: 12px; }
@media (max-width: 1100px) {
    .mathematics-grid { gap: 24px; }
    .mathematics-feature h3 { font-size: 23px; min-height: 116px; }
}
@media (max-width: 760px) {
    .mathematics-heading { text-align: left; margin-bottom: 36px; }
    .mathematics-heading h2 { font-size: 34px; }
    .mathematics-grid { grid-template-columns: 1fr; gap: 40px; }
    .mathematics-feature h3 { min-height: 0; font-size: 25px; }
    .mathematics-feature > p { margin-bottom: 20px; }
    .mathematics-feature-top { margin-bottom: 20px; }
    .math-drawer-inner { padding: 24px 24px 40px; }
    .math-drawer h2 { font-size: 32px; }
}
@media (prefers-reduced-motion: reduce) {
    .math-drawer[open] { animation: none; }
    .math-tooltip { transition: none; }
}
@media print {
    .math-drawer { display: none !important; }
}

/* Color lives in the package artwork and glass tools, with quiet reading bands. */
.minimal-page:not(.argonath-page) .hero h1 em { color: #326b70; }
.minimal-page:not(.argonath-page) .platform-section { background: #f4f5f3; }
.minimal-page:not(.argonath-page) .system-glance .glance-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.minimal-page:not(.argonath-page) [data-live-surface] { position: relative; isolation: isolate; }
.minimal-page:not(.argonath-page) [data-live-surface]::before { content: ""; position: absolute; pointer-events: none; inset: 0; z-index: -1; border-radius: inherit; background: linear-gradient(110deg, transparent 12%, rgba(255,255,255,.6) 44%, transparent 70%); background-position: var(--surface-shift, 0px) 0; background-size: calc(100% + 80px) 100%; opacity: .24; transition: opacity .3s; }
.minimal-page:not(.argonath-page) [data-live-surface].surface-engaged::before { opacity: .72; }
.minimal-page:not(.argonath-page) .intelligence-tiers { gap: 18px; }
.minimal-page:not(.argonath-page) .intelligence-tier { --plan-ink: #28475c; --plan-tint: #e0eaf2; padding: 0 24px 24px; min-width: 0; min-height: 490px; border: 1px solid rgba(35,57,63,.16); border-radius: 8px; background: rgba(255,255,255,.68); backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(35,57,63,.035); transition: transform .25s, border-color .25s, box-shadow .25s; }
.minimal-page:not(.argonath-page) .tier-premium { --plan-ink: #315546; --plan-tint: #dce9e0; }
.minimal-page:not(.argonath-page) .tier-platinum { --plan-ink: #7b4941; --plan-tint: #ecdcd6; }
.minimal-page:not(.argonath-page) .tier-enterprise { --plan-ink: #dce5dc; --plan-tint: #252e2b; color: #f4f5f1; background: #1c2421; border-color: #4e5d54; }
.minimal-page:not(.argonath-page) .tier-enterprise::before { opacity: .04; }
.minimal-page:not(.argonath-page) .tier-enterprise.surface-engaged::before { opacity: .1; }
.minimal-page:not(.argonath-page) .intelligence-tier > span { color: #59665f; min-height: 44px; margin-top: 22px; font-size: 10px; }
.minimal-page:not(.argonath-page) .intelligence-tier h4 { font-size: 24px; margin: 6px 0 16px; }
.minimal-page:not(.argonath-page) .intelligence-tier > p { margin-bottom: 24px; font-size: 13px; line-height: 1.75; }
.minimal-page:not(.argonath-page) .intelligence-tier > strong { min-height: 34px; color: var(--plan-ink); line-height: 1.6; font-size: 10px; }
.minimal-page:not(.argonath-page) .tier-enterprise > span { color: #c4cec6; }
.minimal-page:not(.argonath-page) .tier-enterprise > p { color: #d0d7d1; }
.tier-art { position: relative; display: grid; place-items: center; flex: 0 0 154px; height: 154px; margin: 0 -24px; border-radius: 7px 7px 0 0; background: var(--plan-tint); color: var(--plan-ink); overflow: hidden; }
.tier-art > img { position: relative; z-index: 2; opacity: .75; }
.tier-mosaic { position: absolute; display: grid; grid-template-columns: repeat(3, 24px); gap: 5px; transform: rotate(-10deg); }
.tier-mosaic i { width: 24px; height: 24px; background: rgba(64,115,145,.18); border: 1px solid rgba(64,115,145,.2); animation: mosaic-shift 5s ease-in-out infinite; }
.tier-mosaic i:nth-child(3n) { animation-delay: -1.6s; }
.tier-mosaic i:nth-child(2n) { animation-delay: -3.2s; }
.tier-art-standard > img { width: 29px; height: 29px; }
@keyframes mosaic-shift { 0%,100% { background: rgba(64,115,145,.13); } 50% { background: rgba(64,115,145,.35); } }
.tier-chip { position: relative; z-index: 2; display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid #779785; background: rgba(241,249,242,.6); box-shadow: 0 0 0 8px rgba(88,127,103,.08), 0 0 0 18px rgba(88,127,103,.04); }
.tier-chip img { opacity: .65; }
.chip-trace { position: absolute; left: 0; right: 0; height: 1px; background: rgba(56,93,72,.22); }
.chip-trace-a { top: 55px; }
.chip-trace-b { top: 99px; }
.chip-trace::after { content: ""; position: absolute; left: 0; width: 12px; height: 2px; background: #70907c; animation: trace-flow 4s linear infinite; }
.chip-trace-b::after { animation-delay: -2s; }
@keyframes trace-flow { from { left: -12px; } to { left: 100%; } }
.tier-cluster { position: absolute; width: 110px; height: 92px; border: 1px solid rgba(141,85,74,.3); transform: rotate(-8deg); }
.tier-cluster::before, .tier-cluster::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: rgba(141,85,74,.25); }
.tier-cluster::after { transform: rotate(40deg); }
.tier-cluster i { position: absolute; width: 12px; height: 12px; background: #cd9c8f; border: 1px solid #af7d70; animation: cluster-pulse 4s ease infinite; }
.tier-cluster i:nth-child(1) { left: -6px; top: -6px; }
.tier-cluster i:nth-child(2) { right: -6px; top: -6px; animation-delay: -1s; }
.tier-cluster i:nth-child(3) { right: -6px; bottom: -6px; animation-delay: -2s; }
.tier-cluster i:nth-child(4) { left: -6px; bottom: -6px; animation-delay: -3s; }
@keyframes cluster-pulse { 0%,100% { opacity: .45; } 50% { opacity: 1; } }
.tier-boundary { position: relative; width: 124px; height: 86px; border: 1px solid #7a9283; background: repeating-linear-gradient(0deg, transparent 0 16px, rgba(190,217,195,.07) 16px 17px), repeating-linear-gradient(90deg, transparent 0 16px, rgba(190,217,195,.07) 16px 17px); }
.tier-boundary i { position: absolute; width: 6px; height: 6px; background: #c0d0c3; }
.tier-boundary i:nth-child(1) { left: 17px; top: 17px; }
.tier-boundary i:nth-child(2) { right: 34px; top: 34px; }
.tier-boundary i:nth-child(3) { left: 51px; bottom: 17px; }
.tier-boundary i:nth-child(4) { right: 17px; bottom: 34px; }
.tier-art-enterprise > span { position: absolute; bottom: 15px; right: 16px; font: 9px Consolas, monospace; color: #b9c8be; }
.tier-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 12px 0 0; margin-top: 18px; border: 0; border-top: 1px solid rgba(37,54,47,.2); border-radius: 0; font: 12px "Inter", Arial, sans-serif; color: #283e34; text-decoration: none; background: transparent; text-align: left; }
.tier-action img { flex: 0 0 16px; transition: transform .2s; }
.tier-action:hover img { transform: translate(2px, -2px); }
.minimal-page:not(.argonath-page) .tier-enterprise .tier-action { color: #f0f3ee; border-color: #5c6c60; }
.tier-enterprise .tier-action img { filter: invert(1); }
.minimal-page:not(.argonath-page) .mapping-surface { display: block; min-width: 0; padding: 24px; border: 1px solid #b6c9c4; border-radius: 8px; background: rgba(225,239,232,.7); backdrop-filter: blur(14px); box-shadow: 0 12px 36px rgba(36,70,52,.055); }
.mapping-topline { display: flex; justify-content: space-between; gap: 16px; font: 10px/1.6 Consolas, monospace; color: #465e53; margin-bottom: 32px; }
.mapping-topline span:last-child { text-align: right; }
.mapping-network { display: grid; grid-template-columns: 1fr 24px .8fr 24px 1fr; align-items: center; min-height: 160px; }
.mapping-node { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; min-width: 0; color: #1d4637; transition: opacity .3s; }
.mapping-node img { opacity: .65; }
.mapping-node strong { font-weight: 500; font-size: 13px; line-height: 1.4; }
.mapping-node span { font: 9px/1.6 Consolas, monospace; color: #4b6658; }
.mapping-core strong { font-size: 23px; line-height: 1.6; width: 72px; height: 44px; border: 1px solid #94b3a2; border-radius: 3px; background: rgba(255,255,255,.4); box-shadow: 0 0 0 5px rgba(135,173,150,.06); }
.mapping-track { position: relative; height: 1px; background: #9bb6a6; }
.mapping-track i { position: absolute; top: -1px; left: 0; width: 5px; height: 3px; background: #447b61; animation: mapping-flow 2.2s linear infinite; }
.mapping-track i:nth-child(2) { animation-delay: -1.1s; }
@keyframes mapping-flow { 0% { left: 0; opacity: 0; } 20%,80% { opacity: 1; } 100% { left: calc(100% - 5px); opacity: 0; } }
.mapping-surface[data-map-route="local"] .mapping-cloud, .mapping-surface[data-map-route="local"] .mapping-cloud-track { opacity: .3; }
.mapping-surface[data-map-route="local"] .mapping-cloud-track i { animation-play-state: paused; opacity: 0; }
.mapping-modes { display: flex; gap: 4px; margin-top: 24px; padding: 3px; background: rgba(255,255,255,.42); border: 1px solid #b0c7b8; border-radius: 4px; }
.mapping-modes button { flex: 1; padding: 9px 8px; min-height: 38px; border: 0; border-radius: 2px; background: transparent; color: #375542; font-size: 11px; }
.mapping-modes button[aria-pressed="true"] { background: #365947; color: #f6faf4; }
.mapping-surface > .mapping-status { min-height: 84px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #b7cdbf; color: #40574a; font-size: 12px; line-height: 1.75; }
.minimal-page:not(.argonath-page) .platform-mode-panel { grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 40px; }
.minimal-page:not(.argonath-page) .mathematics-section { background: #edf1ef; }
.minimal-page:not(.argonath-page) .mathematics-feature { padding: 28px; border: 1px solid #c1cdc6; border-radius: 8px; background: rgba(255,255,255,.7); backdrop-filter: blur(12px); box-shadow: 0 8px 24px rgba(36,56,46,.035); }
.minimal-page:not(.argonath-page) .mathematics-feature:nth-child(2) { border-color: #bdc9d5; background: rgba(236,242,248,.85); }
.minimal-page:not(.argonath-page) .mathematics-feature:nth-child(3) { border-color: #d5c6c0; background: rgba(247,239,233,.85); }
.minimal-page:not(.argonath-page) .mathematics-grid { gap: 24px; }
.minimal-page:not(.argonath-page) .mathematics-feature h3 { font-size: 23px; min-height: 100px; }
.minimal-page:not(.argonath-page) .mathematics-feature > p { font-size: 13px; }
.minimal-page:not(.argonath-page) .mathematics-feature .math-tooltip { width: min(280px, calc(100vw - 88px)); max-width: calc(100% + 16px); }
.minimal-page:not(.argonath-page) .mathematics-feature:last-child .math-tooltip { left: auto; right: 0; }
.minimal-page:not(.argonath-page) .footer-contact-link { padding: 0 14px !important; border: 1px solid #4c5750 !important; border-radius: 4px; background: rgba(194,215,201,.06) !important; min-width: 120px; transition: border-color .25s, background .25s; }
.minimal-page:not(.argonath-page) .footer-contact-link:hover { border-color: #a0b4a6 !important; background: rgba(194,215,201,.12) !important; }
@media (hover: hover) {
    .minimal-page:not(.argonath-page) .intelligence-tier:hover { border-color: #8eaba0; box-shadow: 0 16px 32px rgba(35,57,63,.1); transform: translateY(-4px); }
}
@media (max-width: 1180px) {
    .minimal-page:not(.argonath-page) .intelligence-tiers { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .minimal-page:not(.argonath-page) .mathematics-feature { padding: 22px; }
    .minimal-page:not(.argonath-page) .mathematics-feature h3 { min-height: 118px; font-size: 22px; }
}
@media (max-width: 900px) {
    .minimal-page:not(.argonath-page) .platform-mode-panel { grid-template-columns: 1fr; }
    .mapping-network { max-width: 560px; margin: auto; }
    .mapping-modes { max-width: 360px; }
}
@media (max-width: 760px) {
    .minimal-page:not(.argonath-page) .mathematics-feature h3 { min-height: 0; }
    .minimal-page:not(.argonath-page) .system-glance .glance-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
    .minimal-page:not(.argonath-page) .intelligence-tiers { grid-template-columns: 1fr; gap: 24px; }
    .minimal-page:not(.argonath-page) .intelligence-tier { min-height: 0; }
    .minimal-page:not(.argonath-page) .intelligence-tier > span { min-height: 0; }
    .minimal-page:not(.argonath-page) .intelligence-tier > strong { min-height: 0; }
    .minimal-page:not(.argonath-page) .mapping-surface { padding: 20px; }
    .mapping-topline { gap: 12px; font-size: 9px; }
    .mapping-network { grid-template-columns: 1fr 12px .7fr 12px 1fr; min-height: 150px; }
    .mapping-core strong { width: 58px; height: 40px; font-size: 20px; }
    .mapping-node strong { font-size: 12px; }
    .mapping-node span { font-size: 8px; }
    .mapping-surface > .mapping-status { min-height: 104px; }
}
@media (prefers-reduced-motion: reduce) {
    .tier-mosaic i, .chip-trace::after, .tier-cluster i, .mapping-track i { animation: none; }
    .minimal-page:not(.argonath-page) .intelligence-tier:hover { transform: none; }
}
[data-live-surface].surface-paused .tier-art *, [data-live-surface].surface-paused .tier-art *::after, [data-live-surface].surface-paused .mapping-track i { animation-play-state: paused !important; }

.minimal-page:not(.argonath-page) .network-visual { height: 380px; max-width: none; background: #e7efeb; color: #214738; border: 1px solid #c0d3c7; border-radius: 8px; }
.network-visual canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.network-topline { position: absolute; top: 16px; left: 20px; right: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 10px Consolas, monospace; color: #456353; }
.network-toggle { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #a8c0b1; border-radius: 4px; background: rgba(255,255,255,.5); }
.network-toggle:hover { background: #f5f8f4; }
.minimal-page:not(.argonath-page) .network-visual .shard-copy { left: 16px; right: 16px; bottom: 16px; padding: 16px; border: 1px solid rgba(132,167,146,.4); border-radius: 4px; background: rgba(255,255,255,.72); backdrop-filter: blur(8px); }
.minimal-page:not(.argonath-page) .network-visual .shard-copy span { color: #4c6d58; }
.minimal-page:not(.argonath-page) .network-visual .shard-copy strong { color: #204936; font-size: 16px; }
@media (max-width: 560px) {
    .minimal-page:not(.argonath-page) .network-visual { height: 350px; }
}