:root {
  --axis-bg: #081120;
  --axis-bg-soft: #0d1729;
  --axis-panel: #111b2d;
  --axis-panel-2: #17233a;
  --axis-header: rgba(10, 19, 33, 0.78);
  --axis-header-contrast: rgba(255, 255, 255, 0.075);
  --axis-header-nav: rgba(255, 255, 255, 0.055);
  --axis-ink: #f8fafc;
  --axis-muted: #a8b3c7;
  --axis-dim: #66758a;
  --axis-line: rgba(148, 163, 184, 0.16);
  --axis-line-strong: rgba(148, 163, 184, 0.3);
  --axis-patina: #a3b343;
  --axis-brass: #8d75b4;
  --axis-clay: #3b82f6;
  --axis-ruby: #ef4444;
  --axis-cyan: #67d9ef;
  --axis-blue-rgb: 59, 130, 246;
  --axis-olive-rgb: 163, 179, 67;
  --axis-purple-rgb: 141, 117, 180;
  --axis-accent-rgb: var(--axis-olive-rgb);
  --axis-slate-rgb: 148, 163, 184;
  --axis-bg-rgb: 8, 17, 32;
  --axis-card-rgb: 17, 27, 45;
  --axis-surface-rgb: 23, 35, 58;
  --axis-border-rgb: 148, 163, 184;
  --axis-shadow: 0 24px 72px rgba(0, 0, 0, 0.42);
  --axis-soft-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
  --axis-radius: 10px;
  --axis-shell: min(100% - 2rem, 1280px);
  --axis-font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --axis-font-display: "Space Grotesk", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --axis-font-editorial: var(--axis-font-display);
  --axis-font-ui: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --axis-font-accent: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --axis-font-mono: var(--axis-font-accent);
  color-scheme: dark;
}

html.axis-light {
  --axis-bg: #f7f8fb;
  --axis-bg-soft: #eef2f7;
  --axis-panel: #ffffff;
  --axis-panel-2: #f3f6fb;
  --axis-header: rgba(255, 255, 255, 0.82);
  --axis-header-contrast: rgba(15, 23, 42, 0.055);
  --axis-header-nav: rgba(15, 23, 42, 0.035);
  --axis-ink: #101828;
  --axis-muted: #526173;
  --axis-dim: #8b97a8;
  --axis-line: rgba(15, 23, 42, 0.105);
  --axis-line-strong: rgba(15, 23, 42, 0.16);
  --axis-patina: #758522;
  --axis-brass: #775aa5;
  --axis-clay: #2563eb;
  --axis-blue-rgb: 37, 99, 235;
  --axis-olive-rgb: 117, 133, 34;
  --axis-purple-rgb: 119, 90, 165;
  --axis-slate-rgb: 71, 85, 105;
  --axis-bg-rgb: 247, 248, 251;
  --axis-card-rgb: 255, 255, 255;
  --axis-surface-rgb: 243, 246, 251;
  --axis-border-rgb: 15, 23, 42;
  --axis-shadow: 0 28px 70px rgba(15, 23, 42, 0.14);
  --axis-soft-shadow: 0 18px 44px rgba(15, 23, 42, 0.1);
  color-scheme: light;
}

html[data-axis-palette="logo"] {
  --axis-bg: #070d20;
  --axis-bg-soft: #0b1430;
  --axis-panel: #101936;
  --axis-panel-2: #172247;
  --axis-header: rgba(8, 13, 32, 0.82);
  --axis-header-contrast: rgba(255, 255, 255, 0.078);
  --axis-header-nav: rgba(255, 255, 255, 0.058);
  --axis-patina: #64c8ff;
  --axis-brass: #f36cae;
  --axis-clay: #8c72ff;
  --axis-ruby: #ff5a9b;
  --axis-cyan: #8be6ff;
  --axis-blue-rgb: 140, 114, 255;
  --axis-olive-rgb: 100, 200, 255;
  --axis-purple-rgb: 243, 108, 174;
  --axis-accent-rgb: var(--axis-olive-rgb);
  --axis-bg-rgb: 7, 13, 32;
  --axis-card-rgb: 16, 25, 54;
  --axis-surface-rgb: 23, 34, 71;
}

html.axis-light[data-axis-palette="logo"] {
  --axis-bg: #f8fbff;
  --axis-bg-soft: #edf6ff;
  --axis-panel: #ffffff;
  --axis-panel-2: #f1f7ff;
  --axis-header: rgba(255, 255, 255, 0.86);
  --axis-header-contrast: rgba(15, 23, 42, 0.058);
  --axis-header-nav: rgba(15, 23, 42, 0.038);
  --axis-patina: #0077b6;
  --axis-brass: #be2c76;
  --axis-clay: #5b4fd6;
  --axis-ruby: #d63384;
  --axis-cyan: #0284c7;
  --axis-blue-rgb: 91, 79, 214;
  --axis-olive-rgb: 0, 119, 182;
  --axis-purple-rgb: 190, 44, 118;
  --axis-accent-rgb: var(--axis-olive-rgb);
  --axis-bg-rgb: 248, 251, 255;
  --axis-card-rgb: 255, 255, 255;
  --axis-surface-rgb: 241, 247, 255;
}

html[data-axis-palette="aurora"] {
  --axis-patina: #2dd4bf;
  --axis-brass: #f472b6;
  --axis-clay: #7c3aed;
  --axis-cyan: #67e8f9;
  --axis-blue-rgb: 124, 58, 237;
  --axis-olive-rgb: 45, 212, 191;
  --axis-purple-rgb: 244, 114, 182;
}

html.axis-light[data-axis-palette="aurora"] {
  --axis-patina: #0f766e;
  --axis-brass: #c026d3;
  --axis-clay: #6d28d9;
  --axis-cyan: #0891b2;
  --axis-blue-rgb: 109, 40, 217;
  --axis-olive-rgb: 15, 118, 110;
  --axis-purple-rgb: 192, 38, 211;
}

html[data-axis-palette="midnight"] {
  --axis-patina: #f59e0b;
  --axis-brass: #6366f1;
  --axis-clay: #38bdf8;
  --axis-cyan: #22d3ee;
  --axis-blue-rgb: 56, 189, 248;
  --axis-olive-rgb: 245, 158, 11;
  --axis-purple-rgb: 99, 102, 241;
}

html.axis-light[data-axis-palette="midnight"] {
  --axis-patina: #b45309;
  --axis-brass: #4f46e5;
  --axis-clay: #0284c7;
  --axis-cyan: #0891b2;
  --axis-blue-rgb: 2, 132, 199;
  --axis-olive-rgb: 180, 83, 9;
  --axis-purple-rgb: 79, 70, 229;
}

html[data-axis-palette="sage"] {
  --axis-patina: #84cc16;
  --axis-brass: #14b8a6;
  --axis-clay: #f97316;
  --axis-cyan: #5eead4;
  --axis-blue-rgb: 249, 115, 22;
  --axis-olive-rgb: 132, 204, 22;
  --axis-purple-rgb: 20, 184, 166;
}

html.axis-light[data-axis-palette="sage"] {
  --axis-patina: #4d7c0f;
  --axis-brass: #0f766e;
  --axis-clay: #c2410c;
  --axis-cyan: #0d9488;
  --axis-blue-rgb: 194, 65, 12;
  --axis-olive-rgb: 77, 124, 15;
  --axis-purple-rgb: 15, 118, 110;
}

html[data-axis-palette="rose"] {
  --axis-patina: #22c55e;
  --axis-brass: #a855f7;
  --axis-clay: #fb7185;
  --axis-cyan: #60a5fa;
  --axis-blue-rgb: 251, 113, 133;
  --axis-olive-rgb: 34, 197, 94;
  --axis-purple-rgb: 168, 85, 247;
}

html.axis-light[data-axis-palette="rose"] {
  --axis-patina: #15803d;
  --axis-brass: #9333ea;
  --axis-clay: #e11d48;
  --axis-cyan: #2563eb;
  --axis-blue-rgb: 225, 29, 72;
  --axis-olive-rgb: 21, 128, 61;
  --axis-purple-rgb: 147, 51, 234;
}

html[data-axis-palette="copper"] {
  --axis-patina: #06b6d4;
  --axis-brass: #7c3aed;
  --axis-clay: #f97316;
  --axis-cyan: #22d3ee;
  --axis-blue-rgb: 249, 115, 22;
  --axis-olive-rgb: 6, 182, 212;
  --axis-purple-rgb: 124, 58, 237;
}

html.axis-light[data-axis-palette="copper"] {
  --axis-patina: #0e7490;
  --axis-brass: #6d28d9;
  --axis-clay: #c2410c;
  --axis-cyan: #0891b2;
  --axis-blue-rgb: 194, 65, 12;
  --axis-olive-rgb: 14, 116, 144;
  --axis-purple-rgb: 109, 40, 217;
}

html[data-axis-palette="mono"] {
  --axis-patina: #a3e635;
  --axis-brass: #64748b;
  --axis-clay: #0ea5e9;
  --axis-cyan: #38bdf8;
  --axis-blue-rgb: 14, 165, 233;
  --axis-olive-rgb: 163, 230, 53;
  --axis-purple-rgb: 100, 116, 139;
}

html.axis-light[data-axis-palette="mono"] {
  --axis-patina: #65a30d;
  --axis-brass: #475569;
  --axis-clay: #0284c7;
  --axis-cyan: #0891b2;
  --axis-blue-rgb: 2, 132, 199;
  --axis-olive-rgb: 101, 163, 13;
  --axis-purple-rgb: 71, 85, 105;
}

html[data-axis-palette="royal"] {
  --axis-patina: #facc15;
  --axis-brass: #c084fc;
  --axis-clay: #4f46e5;
  --axis-cyan: #38bdf8;
  --axis-blue-rgb: 79, 70, 229;
  --axis-olive-rgb: 250, 204, 21;
  --axis-purple-rgb: 192, 132, 252;
}

html.axis-light[data-axis-palette="royal"] {
  --axis-patina: #a16207;
  --axis-brass: #9333ea;
  --axis-clay: #4338ca;
  --axis-cyan: #0284c7;
  --axis-blue-rgb: 67, 56, 202;
  --axis-olive-rgb: 161, 98, 7;
  --axis-purple-rgb: 147, 51, 234;
}

html[data-axis-palette="boardroom"] {
  --axis-patina: #d6d85a;
  --axis-brass: #c65f3a;
  --axis-clay: #2f5d50;
  --axis-cyan: #83c5b6;
  --axis-blue-rgb: 47, 93, 80;
  --axis-olive-rgb: 214, 216, 90;
  --axis-purple-rgb: 198, 95, 58;
}

html.axis-light[data-axis-palette="boardroom"] {
  --axis-patina: #727b1c;
  --axis-brass: #a04629;
  --axis-clay: #244f44;
  --axis-cyan: #47796f;
  --axis-blue-rgb: 36, 79, 68;
  --axis-olive-rgb: 114, 123, 28;
  --axis-purple-rgb: 160, 70, 41;
}

html[data-axis-palette="sterling"] {
  --axis-patina: #d4b45f;
  --axis-brass: #b45f4a;
  --axis-clay: #1f2a37;
  --axis-cyan: #8c9aa9;
  --axis-blue-rgb: 31, 42, 55;
  --axis-olive-rgb: 212, 180, 95;
  --axis-purple-rgb: 180, 95, 74;
}

html.axis-light[data-axis-palette="sterling"] {
  --axis-patina: #94762b;
  --axis-brass: #924a38;
  --axis-clay: #172231;
  --axis-cyan: #536274;
  --axis-blue-rgb: 23, 34, 49;
  --axis-olive-rgb: 148, 118, 43;
  --axis-purple-rgb: 146, 74, 56;
}

html[data-axis-palette="executive"] {
  --axis-patina: #c4c95a;
  --axis-brass: #7b5f9e;
  --axis-clay: #234f8c;
  --axis-cyan: #6aa9bf;
  --axis-blue-rgb: 35, 79, 140;
  --axis-olive-rgb: 196, 201, 90;
  --axis-purple-rgb: 123, 95, 158;
}

html.axis-light[data-axis-palette="executive"] {
  --axis-patina: #788018;
  --axis-brass: #664b87;
  --axis-clay: #1f477f;
  --axis-cyan: #3f7d92;
  --axis-blue-rgb: 31, 71, 127;
  --axis-olive-rgb: 120, 128, 24;
  --axis-purple-rgb: 102, 75, 135;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 9% 10%, rgba(var(--axis-blue-rgb), 0.16), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(var(--axis-purple-rgb), 0.22), transparent 26rem),
    radial-gradient(circle at 72% 82%, rgba(var(--axis-olive-rgb), 0.1), transparent 24rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.028) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.022) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
  color: var(--axis-ink);
  font-family: var(--axis-font-body);
  letter-spacing: 0;
  line-height: 1.5;
}

.axis-light body {
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-blue-rgb), 0.08), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(var(--axis-purple-rgb), 0.08), transparent 26rem),
    radial-gradient(circle at 58% 70%, rgba(var(--axis-olive-rgb), 0.06), transparent 24rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.028) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(15, 23, 42, 0.022) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
}

body.menu-open {
  overflow: hidden;
}

body::selection {
  color: #07111f;
  background: var(--axis-patina);
}

img,
svg {
  display: block;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

button,
input,
textarea,
select {
  font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-heading,
.axis-hero h1,
.axis-app-landing__title,
.axis-app-offer__price,
.axis-app-conversion__prices strong {
  font-family: var(--axis-font-display);
  font-weight: 760;
  letter-spacing: 0;
}

h1,
.axis-hero h1,
.axis-app-landing__title {
  font-weight: 800;
  line-height: 0.9;
}

h2,
.axis-section__header h2,
.axis-app-offer__copy h2,
.axis-app-conversion__copy h2 {
  font-weight: 740;
  line-height: 0.96;
}

.axis-app-offer__price,
.axis-app-conversion__prices strong,
.axis-hero__ledger strong,
.axis-app-hero-card__metric strong {
  font-family: var(--axis-font-display);
  font-weight: 760;
}

p,
li,
.axis-hero__lead,
.axis-app-landing__lead,
.axis-app-problem__copy p,
.axis-app-explainer__step p,
.axis-app-conversion__copy p:not(.axis-kicker) {
  font-family: var(--axis-font-body);
}

button,
input,
textarea,
select,
.axis-button,
.axis-nav,
.axis-user-pill,
.axis-account-link,
.axis-kicker,
.axis-palette-option,
.axis-app-offer__label,
.axis-app-conversion__eyebrow,
.axis-nav__submenu-label,
.axis-nav__submenu-description {
  font-family: var(--axis-font-ui);
}

.axis-kicker,
.axis-app-offer__label,
.axis-app-conversion__eyebrow,
.axis-app-feature-card__number,
.axis-app-explainer__index {
  font-size: 0.78rem;
  font-weight: 850;
}

.screen-reader-text,
.skip-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.skip-link:focus {
  z-index: 99999;
  top: 1rem;
  left: 1rem;
  width: auto;
  height: auto;
  padding: 0.75rem 1rem;
  clip: auto;
  color: var(--axis-bg);
  background: var(--axis-brass);
}

.axis-site {
  min-height: 100vh;
  overflow: clip;
}

.axis-shell {
  width: var(--axis-shell);
  margin-inline: auto;
}

.axis-home--editor .wp-block-group > .wp-block-group__inner-container {
  display: contents;
}

.editor-styles-wrapper {
  background:
    radial-gradient(circle at 9% 10%, rgba(var(--axis-blue-rgb), 0.16), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(var(--axis-purple-rgb), 0.18), transparent 26rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.04) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.032) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
  color: var(--axis-ink);
  font-family: var(--axis-font-body);
}

.editor-styles-wrapper .is-root-container {
  max-width: none;
}

.editor-styles-wrapper .wp-block {
  max-width: none;
}

.editor-styles-wrapper .wp-block-group > .wp-block-group__inner-container {
  display: contents;
}

.editor-styles-wrapper .wp-block-html {
  display: none !important;
}

.editor-styles-wrapper .axis-hero,
.editor-styles-wrapper .axis-section,
.editor-styles-wrapper .axis-final {
  margin-block: 0;
}

.axis-shell--narrow {
  width: min(100% - 2rem, 880px);
}

.axis-motion-ready .axis-reveal {
  opacity: 0;
  transform: translateY(34px);
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

.axis-motion-ready .axis-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Full article cards can be taller than the viewport, which prevents
   IntersectionObserver threshold ratios from firing reliably. Keep the
   readable article surface visible even if reveal JS has not run yet. */
.axis-motion-ready .axis-article-card {
  opacity: 1;
  transform: none;
}

.axis-motion-ready .axis-home .axis-layer.axis-reveal {
  opacity: 1;
  transform: none;
}

.axis-motion-ready .axis-home .axis-section__header.axis-reveal,
.axis-motion-ready .axis-home .axis-home-showcase.axis-reveal,
.axis-motion-ready .axis-home .axis-suite-board.axis-reveal {
  opacity: 1;
  transform: none;
}

.axis-motion-ready .axis-agent-list .axis-reveal:nth-child(2),
.axis-motion-ready .axis-layer-stack .axis-reveal:nth-child(2) {
  transition-delay: 0.08s;
}

.axis-motion-ready .axis-agent-list .axis-reveal:nth-child(3),
.axis-motion-ready .axis-layer-stack .axis-reveal:nth-child(3) {
  transition-delay: 0.16s;
}

.axis-motion-ready .axis-agent-list .axis-reveal:nth-child(4) {
  transition-delay: 0.24s;
}

.axis-motion-ready .axis-agent-list .axis-reveal:nth-child(5) {
  transition-delay: 0.32s;
}

.axis-tilt-card {
  --axis-tilt-x: 0deg;
  --axis-tilt-y: 0deg;
  --axis-hover-x: 50%;
  --axis-hover-y: 0%;
  transform-style: preserve-3d;
  transition:
    transform 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    background 0.22s ease;
}

.axis-tilt-card:hover {
  transform: perspective(1000px) rotateX(var(--axis-tilt-y)) rotateY(var(--axis-tilt-x)) translateY(-4px);
  border-color: rgba(var(--axis-blue-rgb), 0.32);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.28);
}

.axis-header {
  position: fixed;
  z-index: 100;
  top: var(--axis-header-top, 14px);
  right: 0;
  left: 0;
  padding-inline: clamp(0.7rem, 2vw, 1.25rem);
  pointer-events: none;
}

.admin-bar .axis-header {
  top: calc(var(--axis-header-top, 14px) + 26px);
}

.axis-header__frame {
  position: relative;
  width: min(100%, var(--axis-header-width, 1320px));
  margin-inline: auto;
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background: var(--axis-header);
  box-shadow:
    var(--axis-soft-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(24px) saturate(1.35);
  -webkit-backdrop-filter: blur(24px) saturate(1.35);
  pointer-events: auto;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

.axis-header__frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.11), transparent 36%),
    radial-gradient(circle at 8% 0%, rgba(var(--axis-blue-rgb), 0.16), transparent 22rem);
  opacity: 0.65;
  pointer-events: none;
}

.axis-light .axis-header__frame::before {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.72), transparent 42%),
    radial-gradient(circle at 8% 0%, rgba(var(--axis-blue-rgb), 0.09), transparent 22rem);
}

.axis-header__inner {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: var(--axis-header-height, 66px);
  padding: 0.5rem 0.6rem 0.5rem 0.7rem;
  grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(0.6rem, 1.5vw, 1.1rem);
}

.axis-header.is-scrolled .axis-header__frame {
  border-color: var(--axis-line-strong);
  background: color-mix(in srgb, var(--axis-header) 92%, var(--axis-panel) 8%);
  transform: translateY(-4px);
  box-shadow:
    var(--axis-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.axis-topbar {
  display: flex;
  min-height: 84px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.7rem 1.25rem;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.18), transparent 48%),
    linear-gradient(180deg, #142f52, #102642);
}

.axis-subbar {
  display: flex;
  min-height: 62px;
  align-items: center;
  gap: 0.9rem;
  padding: 0.62rem 1.05rem;
  border-top: 1px solid rgba(0, 0, 0, 0.22);
  background:
    linear-gradient(180deg, rgba(18, 35, 61, 0.98), rgba(13, 26, 46, 0.98));
}

.axis-light .axis-subbar {
  border-top-color: rgba(15, 23, 42, 0.08);
  background: rgba(248, 250, 252, 0.96);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.axis-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}

.axis-brand__link {
  display: flex;
  width: var(--axis-header-logo-box-width, 168px);
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0.35rem 0.5rem;
  border-radius: 18px;
  background: transparent;
  text-decoration: none;
}

.axis-brand__logo,
.axis-brand img {
  width: var(--axis-header-logo-width, 148px);
  height: auto;
  object-fit: contain;
}

.axis-brand__logo--light,
.axis-light .axis-brand__logo--dark {
  display: none;
}

.axis-light .axis-brand__logo--light {
  display: block;
}

.axis-version-chip,
.axis-license-chip {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: #f8fafc;
  font-size: 0.84rem;
  font-weight: 900;
  white-space: nowrap;
}

.axis-version-chip span {
  color: #9fb1ca;
  font-size: 0.72rem;
}

.axis-license-chip {
  border-color: rgba(250, 204, 21, 0.18);
  color: #facc15;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.axis-license-chip svg {
  width: 1rem;
  height: 1rem;
}

.axis-nav {
  position: relative;
  min-width: 0;
  justify-self: center;
  padding: 0.26rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: var(--axis-header-nav);
}

.axis-nav__list,
.axis-footer__links {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 0.12rem;
  list-style: none;
}

.axis-nav__list li {
  position: relative;
}

.axis-nav__list a {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 0.38rem;
  padding: 0.48rem 0.68rem;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--axis-muted);
  background: transparent;
  box-shadow: none;
  font-size: 0.82rem;
  font-weight: 860;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.axis-light .axis-nav__list a {
  color: #526173;
}

.axis-nav__icon {
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  align-items: center;
  justify-content: center;
  color: currentcolor;
}

.axis-nav__icon svg {
  width: 1rem;
  height: 1rem;
}

.axis-nav__label {
  white-space: nowrap;
}

.axis-nav__badge {
  display: inline-flex;
  min-width: 1.55rem;
  height: 1.24rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.45rem;
  border-radius: 999px;
  color: #dbe4ef;
  background: rgba(148, 163, 184, 0.2);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
}

.axis-light .axis-nav__badge {
  color: #334155;
  background: rgba(15, 23, 42, 0.08);
}

.axis-nav__chevron {
  width: 0.42rem;
  height: 0.42rem;
  margin-left: 0.1rem;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  transform: rotate(45deg) translateY(-1px);
  opacity: 0.7;
}

.axis-nav__list a:hover,
.axis-nav__list a:focus-visible,
.axis-nav__list .current-menu-item > a,
.axis-nav__list .current-menu-ancestor > a {
  border-color: rgba(var(--axis-blue-rgb), 0.18);
  color: var(--axis-ink);
  background: var(--axis-header-contrast);
  transform: translateY(-1px);
}

.axis-light .axis-nav__list a:hover,
.axis-light .axis-nav__list a:focus-visible,
.axis-light .axis-nav__list .current-menu-item > a,
.axis-light .axis-nav__list .current-menu-ancestor > a {
  color: #101828;
  background: #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

.axis-nav__list .sub-menu {
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 50%;
  z-index: 80;
  display: grid;
  min-width: 320px;
  margin: 0;
  padding: 0.55rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    #08101e;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  list-style: none;
  opacity: 0;
  transform: translate(-50%, 8px);
  visibility: hidden;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}

.axis-light .axis-nav__list .sub-menu {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.72)),
    rgba(255, 255, 255, 0.94);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
}

.axis-nav__list li:hover > .sub-menu,
.axis-nav__list li:focus-within > .sub-menu {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.axis-nav__list .sub-menu a {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 0.7rem;
  width: 100%;
  min-height: 62px;
  justify-content: flex-start;
  padding: 0.62rem 0.68rem;
  border-radius: 14px;
}

.axis-nav__submenu-icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 13px;
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.12);
}

.axis-nav__submenu-icon svg {
  width: 1rem;
  height: 1rem;
}

.axis-nav__submenu-copy {
  display: grid;
  gap: 0.08rem;
  min-width: 0;
}

.axis-nav__submenu-label {
  color: var(--axis-ink);
  font-size: 0.86rem;
  font-weight: 920;
}

.axis-nav__submenu-description {
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 720;
  line-height: 1.35;
}

.axis-nav__item--mega {
  position: static;
}

.axis-nav__item--mega > .axis-mega-menu {
  --axis-mega-pack-count: 3;
  left: 50%;
  width: min(94vw, 1080px);
  min-width: 0;
  grid-template-columns: repeat(var(--axis-mega-pack-count), minmax(0, 1fr));
  grid-template-rows: auto repeat(5, minmax(0, auto));
  gap: 0.55rem 0.75rem;
  padding: 0.85rem;
}

.axis-nav__item--mega > .axis-mega-menu--packs-1 {
  --axis-mega-pack-count: 1;
  width: min(94vw, 430px);
}

.axis-nav__item--mega > .axis-mega-menu--packs-2 {
  --axis-mega-pack-count: 2;
  width: min(94vw, 760px);
}

.axis-nav__item--mega > .axis-mega-menu--packs-3 {
  --axis-mega-pack-count: 3;
}

.axis-nav__item--mega:hover > .axis-mega-menu,
.axis-nav__item--mega:focus-within > .axis-mega-menu {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.axis-mega-menu__summary {
  display: grid;
  grid-column: 1 / -1;
  gap: 0.2rem;
  margin: 0 0 0.25rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 18px;
  color: var(--axis-muted);
  background:
    radial-gradient(circle at 96% 18%, rgba(var(--axis-blue-rgb), 0.18), transparent 14rem),
    rgba(255, 255, 255, 0.045);
}

.axis-mega-menu__summary strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.05;
}

.axis-mega-menu__summary span {
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 750;
  line-height: 1.35;
}

.axis-mega-menu__summary .axis-mega-menu__eyebrow {
  color: var(--axis-brass);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-mega-menu__item {
  display: grid;
  align-content: start;
  gap: 0.38rem;
  min-width: 0;
}

.axis-mega-menu__item--pack-starter {
  grid-column: 1;
}

.axis-mega-menu__item--pack-pro {
  grid-column: 2;
}

.axis-mega-menu__item--pack-ultimate {
  grid-column: 3;
}

.axis-mega-menu__item--column-1 {
  grid-column: 1;
}

.axis-mega-menu__item--column-2 {
  grid-column: 2;
}

.axis-mega-menu__item--column-3 {
  grid-column: 3;
}

.axis-mega-menu__item--pack-index-1 {
  grid-row: 2;
}

.axis-mega-menu__item--pack-index-2 {
  grid-row: 3;
}

.axis-mega-menu__item--pack-index-3 {
  grid-row: 4;
}

.axis-mega-menu__item--pack-index-4 {
  grid-row: 5;
}

.axis-mega-menu__item--pack-index-5 {
  grid-row: 6;
}

.axis-mega-menu__item--pack-first::before {
  display: block;
  margin: 0.25rem 0 0.1rem;
  padding: 0 0.2rem;
  color: var(--axis-ink);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1.35;
  white-space: pre-line;
  text-transform: uppercase;
}

.axis-mega-menu__item--pack-starter.axis-mega-menu__item--pack-first::before {
  content: "Starter Pack\A 5 launch apps";
  color: var(--axis-brass);
}

.axis-mega-menu__item--pack-pro.axis-mega-menu__item--pack-first::before {
  content: "Pro Pack\A 5 growth apps";
  color: var(--axis-patina);
}

.axis-mega-menu__item--pack-ultimate.axis-mega-menu__item--pack-first::before {
  content: "Ultimate Pack\A 5 advanced apps";
  color: var(--axis-clay);
}

.axis-nav__list .axis-mega-menu a {
  min-height: 70px;
  padding: 0.58rem;
  background: rgba(255, 255, 255, 0.035);
}

.axis-nav__list .axis-mega-menu a:hover,
.axis-nav__list .axis-mega-menu a:focus-visible,
.axis-nav__list .axis-mega-menu .current-menu-item > a {
  border-color: rgba(var(--axis-blue-rgb), 0.26);
  background: rgba(255, 255, 255, 0.075);
}

.axis-mega-menu .axis-nav__submenu-description {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.axis-light .axis-mega-menu__summary,
.axis-light .axis-nav__list .axis-mega-menu a {
  background: rgba(15, 23, 42, 0.035);
}

.axis-header--menu-dock .axis-header__frame {
  border-radius: 30px;
}

.axis-header--menu-dock .axis-nav {
  padding: 0.18rem;
  border-color: rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(var(--axis-surface-rgb), 0.36);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-header--menu-dock .axis-nav__list {
  gap: 0.22rem;
}

.axis-header--menu-dock .axis-nav__list > li > a {
  min-height: 40px;
  padding-inline: 0.86rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-header--menu-dock .axis-nav__list > li.current-menu-item > a,
.axis-header--menu-dock .axis-nav__list > li.current-menu-ancestor > a,
.axis-header--menu-dock .axis-nav__list > li > a:hover,
.axis-header--menu-dock .axis-nav__list > li > a:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.28);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.18), rgba(var(--axis-olive-rgb), 0.08)),
    rgba(255, 255, 255, 0.07);
}

.axis-header--menu-dock .axis-nav__badge {
  color: #081120;
  background: var(--axis-brass);
}

.axis-header--menu-line .axis-header__frame {
  border-radius: 18px;
}

.axis-header--menu-line .axis-nav {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.axis-header--menu-line .axis-nav__list {
  gap: clamp(0.35rem, 1.1vw, 0.85rem);
}

.axis-header--menu-line .axis-nav__list > li > a {
  position: relative;
  min-height: 42px;
  padding: 0.48rem 0.18rem;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.axis-header--menu-line .axis-nav__list > li > a::after {
  content: "";
  position: absolute;
  right: 0.1rem;
  bottom: 0.28rem;
  left: 0.1rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-brass), var(--axis-patina));
  opacity: 0;
  transform: scaleX(0.35);
  transform-origin: left center;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.axis-header--menu-line .axis-nav__list > li.current-menu-item > a,
.axis-header--menu-line .axis-nav__list > li.current-menu-ancestor > a,
.axis-header--menu-line .axis-nav__list > li > a:hover,
.axis-header--menu-line .axis-nav__list > li > a:focus-visible {
  color: var(--axis-ink);
  background: transparent;
  box-shadow: none;
}

.axis-header--menu-line .axis-nav__list > li.current-menu-item > a::after,
.axis-header--menu-line .axis-nav__list > li.current-menu-ancestor > a::after,
.axis-header--menu-line .axis-nav__list > li > a:hover::after,
.axis-header--menu-line .axis-nav__list > li > a:focus-visible::after {
  opacity: 1;
  transform: scaleX(1);
}

.axis-header--menu-line .axis-nav__badge {
  min-width: 1.35rem;
  height: 1.1rem;
  color: var(--axis-brass);
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-header--menu-line .axis-nav__list .sub-menu {
  top: calc(100% + 0.55rem);
}

.axis-actions {
  display: flex;
  align-items: center;
  gap: 0.45rem;
}

.axis-palette-control {
  position: relative;
}

.axis-palette-toggle__icon,
.axis-palette-toggle__swatch {
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.axis-palette-toggle__swatch {
  width: 16px;
  height: 16px;
  margin: auto;
  border: 2px solid rgba(255, 255, 255, 0.58);
  border-radius: 999px;
  background: conic-gradient(from 35deg, var(--axis-clay), var(--axis-brass), var(--axis-patina), var(--axis-clay));
  box-shadow: 0 0 0 4px rgba(var(--axis-blue-rgb), 0.12);
  opacity: 0;
  transform: scale(0.72);
}

.axis-palette-toggle:hover .axis-palette-toggle__icon,
.axis-palette-toggle:focus-visible .axis-palette-toggle__icon,
.axis-palette-control.is-open .axis-palette-toggle__icon {
  opacity: 0;
  transform: scale(0.72);
}

.axis-palette-toggle:hover .axis-palette-toggle__swatch,
.axis-palette-toggle:focus-visible .axis-palette-toggle__swatch,
.axis-palette-control.is-open .axis-palette-toggle__swatch {
  opacity: 1;
  transform: scale(1);
}

.axis-palette-menu {
  position: absolute;
  top: calc(100% + 0.72rem);
  right: 0;
  z-index: 30;
  width: min(420px, calc(100vw - 2rem));
  padding: 0.8rem;
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), transparent),
    rgba(12, 22, 38, 0.96);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  visibility: hidden;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    visibility 0.2s ease;
}

.axis-light .axis-palette-menu {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.76)),
    rgba(255, 255, 255, 0.95);
  box-shadow: 0 22px 64px rgba(15, 23, 42, 0.16);
}

.axis-palette-control.is-open .axis-palette-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

.axis-palette-menu > p {
  margin: 0 0 0.65rem;
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-palette-menu__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
}

.axis-palette-option {
  display: grid;
  min-width: 0;
  gap: 0.42rem;
  padding: 0.62rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 900;
  text-align: left;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease;
}

.axis-light .axis-palette-option {
  background: rgba(255, 255, 255, 0.74);
}

.axis-palette-option:hover,
.axis-palette-option:focus-visible,
.axis-palette-option[aria-pressed="true"] {
  border-color: rgba(var(--axis-blue-rgb), 0.34);
  background: rgba(var(--axis-blue-rgb), 0.1);
  transform: translateY(-1px);
}

.axis-palette-option__swatches {
  display: flex;
  gap: 0.2rem;
}

.axis-palette-option__swatches span {
  width: 100%;
  height: 0.55rem;
  border-radius: 999px;
  background: var(--axis-swatch-color);
}

.axis-actions > .axis-button {
  min-height: 38px;
  padding: 0.52rem 0.85rem;
  border-radius: 14px;
  font-size: 0.82rem;
}

.axis-account-link {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.52rem 0.75rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  color: var(--axis-ink);
  background: var(--axis-header-nav);
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: none;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}

.axis-account-link:hover,
.axis-account-link:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  background: var(--axis-header-contrast);
  transform: translateY(-1px);
}

.axis-account-link svg {
  width: 1rem;
  height: 1rem;
  color: var(--axis-brass);
}

.axis-header-cart {
  position: relative;
  z-index: 40;
}

.axis-header-cart__button {
  position: relative;
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 0.52rem;
  padding: 0.5rem 0.58rem 0.5rem 0.72rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.26);
  border-radius: 14px;
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.18), rgba(var(--axis-purple-rgb), 0.08)),
    var(--axis-header-nav);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 32px rgba(0, 0, 0, 0.16);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}

.axis-header-cart__button::before {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-brass);
  box-shadow: 0 0 18px rgba(var(--axis-purple-rgb), 0.78);
}

.axis-header-cart__button:hover,
.axis-header-cart__button:focus-visible,
.axis-header-cart.is-open .axis-header-cart__button {
  border-color: rgba(var(--axis-olive-rgb), 0.58);
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.24), rgba(var(--axis-purple-rgb), 0.12)),
    var(--axis-header-contrast);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 44px rgba(var(--axis-blue-rgb), 0.18);
  transform: translateY(-1px);
}

.axis-header-cart__icon,
.axis-header-cart__empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.axis-header-cart__icon svg {
  width: 1rem;
  height: 1rem;
  color: var(--axis-patina);
}

.axis-header-cart__badge {
  display: inline-flex;
  min-width: 1.45rem;
  height: 1.45rem;
  align-items: center;
  justify-content: center;
  padding: 0 0.32rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.42);
  border-radius: 999px;
  color: #04120f;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-patina));
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  box-shadow: 0 0 24px rgba(var(--axis-olive-rgb), 0.24);
}

.axis-header-cart--button-solid .axis-header-cart__button {
  min-height: 42px;
  padding-inline: 0.86rem 0.64rem;
  border-color: rgba(var(--axis-olive-rgb), 0.82);
  border-radius: 999px;
  color: #061512;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 18px 42px rgba(var(--axis-olive-rgb), 0.26);
}

.axis-header-cart--button-solid .axis-header-cart__button:hover,
.axis-header-cart--button-solid .axis-header-cart__button:focus-visible,
.axis-header-cart--button-solid.is-open .axis-header-cart__button {
  border-color: rgba(var(--axis-olive-rgb), 0.9);
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    0 20px 48px rgba(var(--axis-olive-rgb), 0.3);
}

.axis-header-cart--button-solid .axis-header-cart__button::before {
  display: none;
}

.axis-header-cart--button-solid .axis-header-cart__icon {
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 999px;
  background: rgba(6, 21, 18, 0.14);
}

.axis-header-cart--button-solid .axis-header-cart__icon svg {
  color: #061512;
}

.axis-header-cart--button-solid .axis-header-cart__badge {
  min-width: 1.52rem;
  height: 1.52rem;
  border-color: rgba(255, 255, 255, 0.58);
  color: var(--axis-ink);
  background: rgba(7, 15, 28, 0.92);
  box-shadow: none;
}

.axis-header-cart--button-outline .axis-header-cart__button {
  min-height: 42px;
  padding-inline: 0.78rem 0.58rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.58);
  border-radius: 12px;
  background: transparent;
  box-shadow:
    inset 0 0 0 1px rgba(var(--axis-olive-rgb), 0.12),
    0 12px 28px rgba(0, 0, 0, 0.1);
}

.axis-header-cart--button-outline .axis-header-cart__button::before {
  display: none;
}

.axis-header-cart--button-outline .axis-header-cart__icon {
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.24);
  border-radius: 10px;
  background: rgba(var(--axis-olive-rgb), 0.07);
}

.axis-header-cart--button-outline .axis-header-cart__button:hover,
.axis-header-cart--button-outline .axis-header-cart__button:focus-visible,
.axis-header-cart--button-outline.is-open .axis-header-cart__button {
  border-color: rgba(var(--axis-olive-rgb), 0.62);
  background: rgba(var(--axis-olive-rgb), 0.07);
}

.axis-header-cart--button-outline .axis-header-cart__badge {
  border-color: rgba(var(--axis-olive-rgb), 0.56);
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.12);
}

.axis-header-cart--button-compact .axis-header-cart__button {
  width: 46px;
  min-height: 46px;
  gap: 0;
  padding: 0;
  border-color: rgba(var(--axis-olive-rgb), 0.5);
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 24%, rgba(var(--axis-olive-rgb), 0.26), transparent 1.35rem),
    rgba(255, 255, 255, 0.06);
}

.axis-header-cart--button-compact .axis-header-cart__button:hover,
.axis-header-cart--button-compact .axis-header-cart__button:focus-visible,
.axis-header-cart--button-compact.is-open .axis-header-cart__button {
  border-color: rgba(var(--axis-olive-rgb), 0.66);
  background:
    radial-gradient(circle at 35% 24%, rgba(var(--axis-olive-rgb), 0.32), transparent 1.35rem),
    rgba(255, 255, 255, 0.08);
}

.axis-header-cart--button-compact .axis-header-cart__label {
  display: none;
}

.axis-header-cart--button-compact .axis-header-cart__button::before {
  display: none;
}

.axis-header-cart--button-compact .axis-header-cart__badge {
  position: absolute;
  top: -0.36rem;
  right: -0.36rem;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.24rem;
  font-size: 0.62rem;
}

.axis-header-cart--button-premium .axis-header-cart__button {
  min-height: 44px;
  padding-inline: 0.86rem 0.62rem;
  border-color: rgba(var(--axis-purple-rgb), 0.62);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-olive-rgb), 0.34), transparent 1.8rem),
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.32), rgba(var(--axis-blue-rgb), 0.2)),
    rgba(9, 17, 31, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 0 0 1px rgba(var(--axis-purple-rgb), 0.12),
    0 18px 48px rgba(var(--axis-blue-rgb), 0.24);
}

.axis-header-cart--button-premium .axis-header-cart__button:hover,
.axis-header-cart--button-premium .axis-header-cart__button:focus-visible,
.axis-header-cart--button-premium.is-open .axis-header-cart__button {
  border-color: rgba(var(--axis-purple-rgb), 0.72);
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-olive-rgb), 0.38), transparent 1.8rem),
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.38), rgba(var(--axis-blue-rgb), 0.24)),
    rgba(9, 17, 31, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 0 0 1px rgba(var(--axis-purple-rgb), 0.16),
    0 22px 54px rgba(var(--axis-blue-rgb), 0.28);
}

.axis-header-cart--button-premium .axis-header-cart__button::before {
  width: 0.58rem;
  height: 0.58rem;
  background: var(--axis-cyan);
  box-shadow: 0 0 22px rgba(103, 217, 239, 0.76);
}

.axis-header-cart--button-premium .axis-header-cart__badge {
  border-color: rgba(255, 255, 255, 0.36);
  background: linear-gradient(135deg, var(--axis-cyan), var(--axis-brass));
}

.axis-header-cart__panel {
  position: absolute;
  top: calc(100% + 0.72rem);
  right: 0;
  width: min(420px, calc(100vw - 1.5rem));
  max-height: min(620px, calc(100dvh - 112px));
  overflow: auto;
  padding: 0.92rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 22px;
  color: var(--axis-ink);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--axis-olive-rgb), 0.16), transparent 38%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(7, 15, 28, 0.98);
  box-shadow: 0 28px 84px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(22px) saturate(1.18);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px) scale(0.98);
  transform-origin: top right;
  visibility: hidden;
  transition:
    opacity 0.22s ease,
    transform 0.22s ease,
    visibility 0.22s ease;
}

.axis-header-cart--popup-compact .axis-header-cart__panel {
  width: min(340px, calc(100vw - 1.5rem));
  padding: 0.68rem;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
    rgba(7, 15, 28, 0.98);
}

.axis-header-cart--popup-compact .axis-header-cart__item {
  grid-template-columns: 46px minmax(0, 1fr) auto;
  padding: 0.46rem;
}

.axis-header-cart--popup-compact .axis-header-cart__thumb {
  width: 46px;
  height: 46px;
  border-radius: 12px;
}

.axis-header-cart--popup-compact .axis-header-cart__actions {
  gap: 0.4rem;
}

.axis-header-cart--popup-checkout .axis-header-cart__panel {
  width: min(460px, calc(100vw - 1.5rem));
  border-color: rgba(var(--axis-olive-rgb), 0.44);
  background:
    radial-gradient(circle at 0 0, rgba(var(--axis-olive-rgb), 0.2), transparent 12rem),
    radial-gradient(circle at 100% 100%, rgba(var(--axis-blue-rgb), 0.12), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(7, 15, 28, 0.98);
}

.axis-header-cart--popup-checkout .axis-header-cart__actions {
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
}

.axis-header-cart--popup-checkout .axis-header-cart__link--primary {
  min-height: 46px;
  color: #061512;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-cyan));
}

.axis-header-cart--popup-premium .axis-header-cart__panel {
  width: min(480px, calc(100vw - 1.5rem));
  padding: 1.02rem;
  border-color: rgba(var(--axis-purple-rgb), 0.52);
  border-radius: 28px;
  background:
    radial-gradient(circle at 82% 0, rgba(var(--axis-purple-rgb), 0.24), transparent 12rem),
    radial-gradient(circle at 5% 12%, rgba(var(--axis-olive-rgb), 0.16), transparent 11rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(8, 14, 29, 0.98);
  box-shadow:
    0 30px 90px rgba(0, 0, 0, 0.56),
    0 0 0 1px rgba(var(--axis-purple-rgb), 0.16);
}

.axis-header-cart--popup-premium .axis-header-cart__item,
.axis-header-cart--popup-premium .axis-header-cart__empty {
  border-color: rgba(var(--axis-purple-rgb), 0.24);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.12), rgba(var(--axis-olive-rgb), 0.05)),
    rgba(255, 255, 255, 0.045);
}

.axis-header-cart--popup-premium .axis-header-cart__panel-head strong,
.axis-header-cart--popup-premium .axis-header-cart__remove:hover,
.axis-header-cart--popup-premium .axis-header-cart__remove:focus-visible {
  color: var(--axis-cyan);
}

.axis-header-cart--popup-premium .axis-header-cart__link--primary {
  background: linear-gradient(135deg, var(--axis-cyan), var(--axis-brass));
}

.axis-header-cart--popup-minimal .axis-header-cart__panel {
  width: min(380px, calc(100vw - 1.5rem));
  padding: 0.72rem;
  border-color: rgba(var(--axis-border-rgb), 0.28);
  border-radius: 12px;
  background: #081120;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.36);
}

.axis-header-cart--popup-minimal .axis-header-cart__panel-head,
.axis-header-cart--popup-minimal .axis-header-cart__summary {
  padding-inline: 0.2rem;
}

.axis-header-cart--popup-minimal .axis-header-cart__item,
.axis-header-cart--popup-minimal .axis-header-cart__empty {
  border-color: rgba(var(--axis-border-rgb), 0.2);
  background: transparent;
}

.axis-header-cart--popup-minimal .axis-header-cart__link {
  border-radius: 12px;
}

.axis-header-cart--popup-minimal .axis-header-cart__link--primary {
  color: var(--axis-ink);
  background: rgba(var(--axis-olive-rgb), 0.18);
}

.axis-header-cart.is-open .axis-header-cart__panel {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  visibility: visible;
}

.axis-header-cart__panel-head,
.axis-header-cart__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.axis-header-cart__panel-head {
  margin-bottom: 0.82rem;
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

.axis-header-cart__panel-head strong {
  color: var(--axis-patina);
  font-size: 0.72rem;
}

.axis-header-cart__items {
  display: grid;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-header-cart__item {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  padding: 0.58rem;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.045);
}

.axis-header-cart__thumb {
  display: block;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.22);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.16), rgba(var(--axis-purple-rgb), 0.1)),
    rgba(255, 255, 255, 0.04);
}

.axis-header-cart__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.axis-header-cart__item-copy {
  display: grid;
  min-width: 0;
  gap: 0.22rem;
}

.axis-header-cart__item-copy a {
  overflow: hidden;
  color: var(--axis-ink);
  font-size: 0.88rem;
  font-weight: 950;
  line-height: 1.2;
  text-overflow: ellipsis;
  text-decoration: none;
  white-space: nowrap;
}

.axis-header-cart__item-copy span {
  color: var(--axis-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.axis-header-cart__remove {
  align-self: start;
  color: rgba(203, 213, 225, 0.72);
  font-size: 0.68rem;
  font-weight: 950;
  text-decoration: none;
  text-transform: uppercase;
}

.axis-header-cart__remove:hover,
.axis-header-cart__remove:focus-visible {
  color: var(--axis-patina);
}

.axis-header-cart__summary {
  margin-top: 0.82rem;
  padding-top: 0.78rem;
  border-top: 1px solid rgba(148, 163, 184, 0.2);
}

.axis-header-cart__summary span {
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-header-cart__summary strong {
  color: var(--axis-ink);
  font-size: 1rem;
  font-weight: 950;
}

.axis-header-cart__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.52rem;
  margin-top: 0.82rem;
}

.axis-header-cart__link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0.58rem 0.8rem;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 14px;
  color: var(--axis-ink);
  font-size: 0.78rem;
  font-weight: 950;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.axis-header-cart__link:hover,
.axis-header-cart__link:focus-visible {
  transform: translateY(-1px);
}

.axis-header-cart__link--ghost {
  background: rgba(255, 255, 255, 0.045);
}

.axis-header-cart__link--primary {
  border-color: rgba(var(--axis-olive-rgb), 0.5);
  color: #061512;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-patina));
  box-shadow: 0 16px 36px rgba(var(--axis-olive-rgb), 0.18);
}

.axis-header-cart__empty {
  display: grid;
  gap: 0.72rem;
  justify-items: start;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

.axis-header-cart__empty-icon {
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.32);
  border-radius: 14px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.08);
}

.axis-header-cart__empty-icon svg {
  width: 1rem;
  height: 1rem;
}

.axis-header-cart__empty p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1.5;
}

.axis-cart-toast {
  position: absolute;
  top: calc(100% + 0.72rem);
  right: 0;
  display: inline-flex;
  min-width: 172px;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  padding: 0.58rem 0.78rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.44);
  border-radius: 14px;
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.2), rgba(var(--axis-purple-rgb), 0.12)),
    rgba(8, 18, 32, 0.98);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.32);
  font-size: 0.8rem;
  font-weight: 950;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

.axis-cart-toast span {
  display: inline-flex;
  color: var(--axis-patina);
}

.axis-cart-toast svg {
  width: 1rem;
  height: 1rem;
}

.axis-cart-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.axis-header-cart.is-added .axis-header-cart__button {
  animation: axis-cart-pop 0.5s ease;
}

@keyframes axis-cart-pop {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  42% {
    transform: translateY(-2px) scale(1.04);
  }
}

.axis-light .axis-header-cart__button {
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.16), rgba(var(--axis-purple-rgb), 0.1)),
    rgba(255, 255, 255, 0.78);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.1);
}

.axis-light .axis-header-cart__panel,
.axis-light .axis-cart-toast {
  color: var(--axis-ink);
  background:
    radial-gradient(circle at 100% 0%, rgba(var(--axis-olive-rgb), 0.13), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.86));
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
}

.axis-light .axis-header-cart__item,
.axis-light .axis-header-cart__empty,
.axis-light .axis-header-cart__link--ghost {
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-header-cart__remove {
  color: rgba(71, 85, 105, 0.72);
}

.axis-light .axis-header-cart--button-solid .axis-header-cart__button {
  color: #061512;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass));
  box-shadow: 0 14px 32px rgba(var(--axis-olive-rgb), 0.18);
}

.axis-light .axis-header-cart--button-solid .axis-header-cart__icon svg {
  color: #061512;
}

.axis-light .axis-header-cart--button-outline .axis-header-cart__button {
  background: transparent;
}

.axis-light .axis-header-cart--button-compact .axis-header-cart__button {
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.16), rgba(var(--axis-purple-rgb), 0.1)),
    rgba(255, 255, 255, 0.78);
}

.axis-light .axis-header-cart--button-premium .axis-header-cart__button {
  color: var(--axis-ink);
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-olive-rgb), 0.24), transparent 1.8rem),
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.2), rgba(var(--axis-blue-rgb), 0.12)),
    rgba(255, 255, 255, 0.86);
}

.axis-light .axis-header-cart--popup-compact .axis-header-cart__panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.86)),
    rgba(255, 255, 255, 0.96);
}

.axis-light .axis-header-cart--popup-checkout .axis-header-cart__panel {
  background:
    radial-gradient(circle at 0 0, rgba(var(--axis-olive-rgb), 0.14), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.86));
}

.axis-light .axis-header-cart--popup-premium .axis-header-cart__panel {
  background:
    radial-gradient(circle at 82% 0, rgba(var(--axis-purple-rgb), 0.16), transparent 12rem),
    radial-gradient(circle at 5% 12%, rgba(var(--axis-olive-rgb), 0.12), transparent 11rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.84));
}

.axis-light .axis-header-cart--popup-minimal .axis-header-cart__panel {
  background: rgba(255, 255, 255, 0.96);
}

.axis-button,
.axis-icon-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 1px solid var(--axis-line-strong);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.04);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.axis-button {
  padding: 0.72rem 1.02rem;
  font-size: 0.85rem;
  background: var(--axis-panel-2);
}

.wp-block-button.axis-button .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}

.axis-button svg,
.axis-icon-button svg {
  width: 1rem;
  height: 1rem;
}

.axis-button:hover,
.axis-icon-button:hover {
  transform: translateY(-1px);
}

.axis-button--primary {
  border-color: rgba(var(--axis-blue-rgb), 0.3);
  color: #fff;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay));
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.24);
}

.axis-button--ghost {
  color: var(--axis-ink);
}

.axis-button--quiet {
  color: var(--axis-muted);
  background: rgba(255, 255, 255, 0.035);
}

.axis-icon-button {
  position: relative;
  width: 38px;
  min-height: 38px;
  padding: 0;
  border-radius: 14px;
  color: var(--axis-ink);
  background: var(--axis-header-nav);
}

.axis-icon-button:hover,
.axis-icon-button:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  background: var(--axis-header-contrast);
}

.axis-icon-button--alert > span {
  position: absolute;
  top: -0.45rem;
  right: -0.36rem;
  display: inline-flex;
  min-width: 1.1rem;
  height: 1.1rem;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--axis-header);
  border-radius: 999px;
  color: #fff;
  background: var(--axis-ruby);
  font-size: 0.62rem;
  font-weight: 950;
  line-height: 1;
}

.axis-icon-button__sun {
  display: none;
}

.axis-light .axis-icon-button__sun {
  display: block;
}

.axis-light .axis-icon-button__moon {
  display: none;
}

.axis-user-pill {
  display: flex;
  min-height: 52px;
  align-items: center;
  gap: 0.7rem;
  padding: 0.35rem 0.85rem 0.35rem 0.42rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-user-pill__avatar {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.36);
  border-radius: 50%;
  background: #f8fafc;
}

.axis-user-pill__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.axis-user-pill__text {
  display: grid;
  min-width: 84px;
  line-height: 1.08;
}

.axis-user-pill__text strong {
  font-size: 0.84rem;
  font-weight: 900;
}

.axis-user-pill__text small {
  color: #9fb1ca;
  font-size: 0.62rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-header-search {
  display: flex;
  flex: 0 0 min(360px, 31vw);
  align-items: center;
  gap: 0.72rem;
  margin-left: auto;
  padding: 0.3rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
}

.axis-light .axis-header-search {
  border-color: rgba(15, 23, 42, 0.08);
  background: #fff;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.1);
}

.axis-header-search label {
  padding-left: 0.58rem;
  color: currentcolor;
  font-size: 0.8rem;
  font-weight: 900;
}

.axis-header-search div {
  display: flex;
  min-height: 38px;
  min-width: 0;
  flex: 1;
  align-items: center;
  gap: 0.45rem;
  padding: 0 0.8rem;
  border-radius: 999px;
  color: var(--axis-dim);
  background: rgba(255, 255, 255, 0.04);
}

.axis-light .axis-header-search div {
  background: #f1f3f6;
}

.axis-header-search svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}

.axis-header-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--axis-ink);
  background: transparent;
  font-size: 0.82rem;
  font-weight: 700;
}

.axis-header-search input::placeholder {
  color: var(--axis-dim);
}

.axis-menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.35rem;
  border: 1px solid var(--axis-line);
  border-radius: 50%;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.06);
}

.axis-menu-toggle__line {
  width: 18px;
  height: 2px;
  border-radius: 99px;
  background: currentcolor;
}

.axis-main,
.axis-home {
  min-height: 60vh;
}

.axis-hero {
  position: relative;
  min-height: 980px;
  padding: 10.4rem 0 6rem;
  isolation: isolate;
}

.axis-grid-bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.105) 42% 42.14%, transparent 42.14%),
    linear-gradient(70deg, transparent 0 56%, rgba(var(--axis-olive-rgb), 0.09) 56% 56.14%, transparent 56.14%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 21%);
  mask-image: linear-gradient(to bottom, #000 0 78%, transparent 100%);
}

.axis-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
}

.axis-kicker {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 1rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.3);
  border-radius: 999px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.07);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-hero h1,
.axis-section h2,
.axis-final h2,
.axis-entry__title,
.axis-archive-header h1 {
  margin: 0;
  color: var(--axis-ink);
  font-weight: 780;
  line-height: 0.94;
}

.axis-hero h1 {
  max-width: 640px;
  font-size: clamp(3.7rem, 5.4vw, 5.2rem);
}

.axis-hero h1 span {
  display: block;
}

.axis-hero__lead {
  max-width: 560px;
  margin: 1.35rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 750;
}

.axis-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2rem;
}

.axis-hero__ledger {
  display: grid;
  max-width: 660px;
  margin-top: 2.5rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(255, 255, 255, 0.035);
}

.axis-hero__ledger div {
  min-width: 0;
  padding: 1rem;
  border-right: 1px solid var(--axis-line);
}

.axis-hero__ledger div:last-child {
  border-right: 0;
}

.axis-hero__ledger strong,
.axis-signal-card strong {
  display: block;
  color: var(--axis-brass);
  font-size: clamp(1.35rem, 2.5vw, 2.15rem);
  font-weight: 950;
  line-height: 1;
}

.axis-hero__ledger span,
.axis-signal-card p {
  display: block;
  margin-top: 0.4rem;
  color: var(--axis-muted);
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.axis-hero__visual {
  position: relative;
  min-height: 690px;
  perspective: 1300px;
}

.axis-operating-demo {
  --axis-demo-rest-x: -3.6deg;
  --axis-demo-rest-y: 4.8deg;
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.14);
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.14), transparent 38%),
    linear-gradient(310deg, rgba(var(--axis-olive-rgb), 0.09), transparent 34%),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.09) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    rgba(9, 18, 32, 0.78);
  box-shadow:
    0 40px 110px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  transform:
    perspective(1300px)
    rotateX(calc(var(--axis-demo-rest-x) + (var(--axis-parallax-y, 0) * -0.72deg)))
    rotateY(calc(var(--axis-demo-rest-y) + (var(--axis-parallax-x, 0) * 0.72deg)))
    translateZ(0);
  transform-origin: 52% 42%;
  transform-style: preserve-3d;
  transition:
    transform 0.2s ease-out,
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.axis-operating-demo:hover {
  border-color: rgba(var(--axis-blue-rgb), 0.26);
  box-shadow:
    0 48px 128px rgba(0, 0, 0, 0.44),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-operating-demo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
  transform: translateX(-120%);
  animation: axisScan 7s ease-in-out infinite;
  pointer-events: none;
}

.axis-operating-demo::after {
  content: "";
  position: absolute;
  inset: auto 1rem 1rem 1rem;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--axis-olive-rgb), 0.65), rgba(var(--axis-blue-rgb), 0.55), transparent);
  opacity: 0.75;
}

.axis-operating-demo__top {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: 58px;
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.85rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(10, 20, 36, 0.62);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.axis-operating-demo__top strong,
.axis-operating-demo__top em {
  position: relative;
  z-index: 2;
  font-size: 0.82rem;
  font-weight: 950;
}

.axis-operating-demo__top em {
  margin-left: auto;
  padding: 0.34rem 0.6rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 999px;
  color: #edf5b8;
  background: rgba(var(--axis-olive-rgb), 0.1);
  font-style: normal;
}

.axis-live-dot {
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.55);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-operating-demo__body {
  position: relative;
  z-index: 2;
  display: grid;
  padding: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(210px, 0.72fr);
  gap: 0.85rem;
}

.axis-command-panel,
.axis-agent-pill,
.axis-suite-core,
.axis-app-card__preview {
  border: 1px solid rgba(148, 163, 184, 0.14);
  background: rgba(15, 25, 42, 0.84);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.axis-command-panel {
  position: relative;
  overflow: hidden;
  min-height: 190px;
  padding: 0.92rem;
  border-radius: 18px;
}

.axis-command-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.13), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent);
  pointer-events: none;
}

.axis-command-panel__prompt,
.axis-command-panel__response,
.axis-command-panel__bar {
  position: relative;
}

.axis-command-panel__prompt span {
  color: var(--axis-patina);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-command-panel__prompt p {
  margin: 0.4rem 0 0;
  color: #f8fafc;
  font-size: clamp(1rem, 1.7vw, 1.26rem);
  font-weight: 920;
  line-height: 1.3;
}

.axis-command-panel__response {
  width: min(92%, 450px);
  margin-top: 1rem;
  padding: 0.78rem;
  border: 1px solid rgba(var(--axis-purple-rgb), 0.26);
  border-radius: 14px;
  background: rgba(var(--axis-purple-rgb), 0.14);
}

.axis-command-panel__response strong {
  display: block;
  font-size: 0.74rem;
}

.axis-command-panel__response p {
  margin: 0.3rem 0 0;
  color: var(--axis-muted);
  font-size: 0.86rem;
}

.axis-command-panel__bar {
  height: 4px;
  margin-top: 1rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.axis-command-panel__bar span {
  display: block;
  width: 42%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #a78bfa);
  animation: axisProgress 4.5s ease-in-out infinite;
}

.axis-agent-rail {
  display: grid;
  gap: 0.55rem;
}

.axis-agent-pill {
  display: grid;
  min-height: 54px;
  padding: 0.58rem;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.52rem;
  border-radius: 14px;
  animation: axisAgentGlow 8s ease-in-out infinite;
  animation-delay: calc(var(--axis-agent-index) * 0.55s);
}

.axis-agent-pill--1 {
  --axis-agent-index: 0;
}

.axis-agent-pill--2 {
  --axis-agent-index: 1;
}

.axis-agent-pill--3 {
  --axis-agent-index: 2;
}

.axis-agent-pill--4 {
  --axis-agent-index: 3;
}

.axis-agent-pill--5 {
  --axis-agent-index: 4;
}

.axis-agent-pill span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: var(--axis-clay);
  background: rgba(var(--axis-blue-rgb), 0.12);
}

.axis-agent-pill svg {
  width: 16px;
  height: 16px;
}

.axis-agent-pill strong,
.axis-agent-pill em {
  overflow: hidden;
  font-size: 0.76rem;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-agent-pill em {
  color: var(--axis-patina);
  font-style: normal;
}

.axis-operating-demo__screens {
  position: absolute;
  z-index: 1;
  inset: 280px 1rem 1rem;
}

.axis-console {
  --axis-console-rest-x: 3.4deg;
  --axis-console-rest-y: -6deg;
  --axis-console-rest-z: -0.8deg;
  position: absolute;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
  border-radius: var(--axis-radius);
  background: var(--axis-panel);
  box-shadow: var(--axis-shadow);
  animation: axisPanelFloat 8s ease-in-out infinite;
  transform-style: preserve-3d;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  pointer-events: auto;
}

.axis-console:hover {
  border-color: rgba(var(--axis-blue-rgb), 0.42);
  box-shadow: 0 34px 86px rgba(0, 0, 0, 0.38);
}

.axis-console--1 {
  --axis-console-rest-x: 3deg;
  --axis-console-rest-y: -7.4deg;
  --axis-console-rest-z: -1.2deg;
  top: 8%;
  left: 3%;
  z-index: 2;
  width: 58%;
}

.axis-console--2 {
  --axis-console-rest-x: -2.2deg;
  --axis-console-rest-y: 6deg;
  --axis-console-rest-z: 0.9deg;
  top: 0;
  right: 0;
  z-index: 3;
  width: 50%;
  animation-delay: -2s;
}

.axis-console--3 {
  --axis-console-rest-x: 2.4deg;
  --axis-console-rest-y: 4.8deg;
  --axis-console-rest-z: -0.45deg;
  right: 4%;
  bottom: 3%;
  z-index: 4;
  width: 44%;
  animation-delay: -4s;
}

.axis-console__chrome {
  display: flex;
  height: 34px;
  align-items: center;
  gap: 0.45rem;
  padding: 0 0.8rem;
  border-bottom: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  background: rgba(255, 255, 255, 0.045);
}

.axis-console__chrome span {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background: var(--axis-clay);
}

.axis-console__chrome span:nth-child(2) {
  background: var(--axis-brass);
}

.axis-console__chrome span:nth-child(3) {
  background: var(--axis-patina);
}

.axis-console__chrome em {
  margin-left: 0.4rem;
  color: var(--axis-dim);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 800;
}

.axis-console img {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.axis-section {
  padding: clamp(5rem, 8vw, 8rem) 0;
  scroll-margin-top: 120px;
}

.axis-section--signal,
.axis-layers,
.axis-pricing {
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.035), transparent 18rem),
    rgba(255, 255, 255, 0.015);
  border-top: 1px solid var(--axis-line);
  border-bottom: 1px solid var(--axis-line);
}

.axis-section__header {
  max-width: 780px;
  margin: 0 auto 3rem;
  text-align: center;
}

.axis-section__header--row {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 0.62fr);
  align-items: end;
  gap: 2rem;
  text-align: left;
}

.axis-section h2,
.axis-final h2 {
  font-size: clamp(2.35rem, 5vw, 4.6rem);
}

.axis-section__header p:not(.axis-kicker),
.axis-final p,
.axis-entry__content,
.axis-archive-description,
.axis-empty-state p {
  color: var(--axis-muted);
  font-size: 1.05rem;
}

.axis-signal-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.axis-signal-card {
  position: relative;
  min-height: 210px;
  padding: 1.25rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background:
    radial-gradient(circle at var(--axis-hover-x) var(--axis-hover-y), rgba(var(--axis-blue-rgb), 0.16), transparent 34%),
    linear-gradient(160deg, rgba(var(--axis-olive-rgb), 0.08), transparent 58%),
    var(--axis-panel);
  overflow: hidden;
}

.axis-signal-card::after {
  content: "";
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  height: 3px;
  background: linear-gradient(90deg, var(--axis-brass), var(--axis-patina), var(--axis-clay));
}

.axis-signal-card__icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  margin-bottom: 2.5rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 50%;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.08);
}

.axis-signal-card__icon svg {
  width: 22px;
  height: 22px;
}

.axis-workflow-band {
  position: relative;
  display: grid;
  margin-top: 1rem;
  padding: 1rem;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 48px 48px,
    rgba(255, 255, 255, 0.02);
  overflow: hidden;
}

.axis-workflow-band__line {
  position: absolute;
  top: 52px;
  right: 9%;
  left: 9%;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.axis-workflow-band__line span {
  display: block;
  width: 36%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, var(--axis-patina), var(--axis-clay), transparent);
  animation: axisWorkflow 5.6s ease-in-out infinite;
}

.axis-workflow-step {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: 190px;
  align-content: start;
  padding: 1rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(14, 25, 44, 0.86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.axis-workflow-step span {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.3);
  border-radius: 16px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.09);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.18);
  animation: axisWorkflowNode 5.6s ease-in-out infinite;
  animation-delay: calc(var(--axis-step-index) * 0.42s);
}

.axis-workflow-step--1 {
  --axis-step-index: 0;
}

.axis-workflow-step--2 {
  --axis-step-index: 1;
}

.axis-workflow-step--3 {
  --axis-step-index: 2;
}

.axis-workflow-step--4 {
  --axis-step-index: 3;
}

.axis-workflow-step svg {
  width: 21px;
  height: 21px;
}

.axis-workflow-step strong {
  margin-top: 1.5rem;
  color: var(--axis-ink);
  font-size: 1.05rem;
  font-weight: 950;
}

.axis-workflow-step p {
  margin: 0.42rem 0 0;
  color: var(--axis-muted);
  font-size: 0.92rem;
}

.axis-brain {
  background:
    linear-gradient(180deg, rgba(var(--axis-purple-rgb), 0.05), transparent 24rem),
    rgba(255, 255, 255, 0.01);
  border-bottom: 1px solid var(--axis-line);
}

.axis-brain__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(340px, 0.68fr);
  align-items: start;
  gap: clamp(1.5rem, 5vw, 4rem);
}

.axis-brain h2 {
  max-width: 760px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.35rem, 5vw, 4.6rem);
  font-weight: 950;
  line-height: 0.98;
}

.axis-brain__layout > div > p:not(.axis-kicker) {
  max-width: 650px;
  color: var(--axis-muted);
  font-size: 1.08rem;
}

.axis-agent-list {
  display: grid;
  margin-top: 2rem;
  gap: 0.75rem;
}

.axis-agent-list article {
  display: grid;
  padding: 0.9rem;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 0.85rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(255, 255, 255, 0.035);
}

.axis-agent-list span,
.axis-app-card__icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.32);
  border-radius: 50%;
  color: var(--axis-clay);
  background: rgba(var(--axis-blue-rgb), 0.09);
}

.axis-agent-list svg,
.axis-app-card__icon svg {
  width: 21px;
  height: 21px;
}

.axis-agent-list h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1rem;
}

.axis-agent-list p {
  margin: 0.28rem 0 0;
  color: var(--axis-muted);
}

.axis-chat-demo {
  position: sticky;
  top: 120px;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24);
  border-radius: var(--axis-radius);
  background:
    linear-gradient(155deg, rgba(var(--axis-blue-rgb), 0.12), transparent 48%),
    var(--axis-panel);
  box-shadow: var(--axis-shadow);
}

.axis-chat-demo::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(var(--axis-blue-rgb), 0.28), transparent, rgba(var(--axis-olive-rgb), 0.24));
  opacity: 0;
  transition: opacity 0.24s ease;
}

.axis-chat-demo:hover::before {
  opacity: 1;
}

.axis-chat-demo__header {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--axis-line);
}

.axis-chat-demo__header span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.12);
}

.axis-chat-demo__header small {
  margin-left: auto;
  color: var(--axis-dim);
  font-weight: 900;
  text-transform: uppercase;
}

.axis-chat-demo__messages {
  display: grid;
  padding: 1rem 0;
  gap: 0.75rem;
}

.axis-chat-message {
  width: min(92%, 460px);
  padding: 0.85rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(255, 255, 255, 0.04);
}

.axis-chat-message.is-brain {
  margin-left: auto;
  border-color: rgba(var(--axis-purple-rgb), 0.36);
  background: rgba(var(--axis-purple-rgb), 0.16);
}

.axis-chat-message strong {
  display: block;
  color: var(--axis-ink);
  font-size: 0.78rem;
}

.axis-chat-message p {
  margin: 0.35rem 0 0;
  color: var(--axis-muted);
}

.axis-chat-demo__command {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 999px;
  color: #edf5b8;
  background: rgba(var(--axis-olive-rgb), 0.12);
  font-weight: 900;
}

.axis-chat-demo__command svg {
  width: 1.05rem;
  height: 1.05rem;
  flex: 0 0 auto;
}

.axis-app-map {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 1rem;
}

.axis-app-map__tabs {
  display: grid;
  gap: 0.7rem;
  align-self: start;
  padding: 0.7rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(255, 255, 255, 0.03);
  position: sticky;
  top: 112px;
}

.axis-tab {
  display: flex;
  min-height: 52px;
  align-items: center;
  gap: 0.75rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid transparent;
  border-radius: var(--axis-radius);
  color: var(--axis-muted);
  background: transparent;
  font-weight: 900;
  text-align: left;
  cursor: pointer;
}

.axis-tab span {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--axis-line);
  border-radius: 50%;
  color: var(--axis-brass);
}

.axis-tab svg {
  width: 16px;
  height: 16px;
}

.axis-tab.is-active,
.axis-tab:hover {
  border-color: rgba(var(--axis-blue-rgb), 0.3);
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.08);
}

.axis-app-panel {
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.035), transparent 44%),
    rgba(255, 255, 255, 0.028);
}

.axis-app-panel[hidden] {
  display: none;
}

.axis-app-panel__header {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.axis-app-panel__header span {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--axis-line);
  border-radius: 50%;
  color: var(--axis-patina);
}

.axis-app-panel__header svg {
  width: 20px;
  height: 20px;
}

.axis-app-panel__header h3 {
  margin: 0;
  font-size: 1.45rem;
}

.axis-app-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9rem;
}

.axis-suite-board {
  position: relative;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.09) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 42px 42px,
    rgba(255, 255, 255, 0.018);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.axis-suite-board::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.13);
  border-radius: 18px;
  pointer-events: none;
}

.axis-suite-core {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: 720px;
  margin: -2.25rem auto 1rem;
  padding: 1rem 1.2rem;
  grid-template-columns: 52px minmax(0, 0.32fr) minmax(0, 1fr);
  align-items: center;
  gap: 0.85rem;
  border-radius: 18px;
  background:
    linear-gradient(120deg, rgba(var(--axis-blue-rgb), 0.18), rgba(var(--axis-purple-rgb), 0.12)),
    rgba(14, 25, 44, 0.94);
}

.axis-suite-core span {
  display: inline-flex;
  width: 52px;
  height: 52px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 16px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-suite-core svg {
  width: 24px;
  height: 24px;
}

.axis-suite-core p,
.axis-suite-core h3 {
  margin: 0;
}

.axis-suite-core p {
  color: var(--axis-patina);
  font-size: 0.75rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-suite-core h3 {
  color: var(--axis-ink);
  font-size: clamp(1rem, 2vw, 1.35rem);
  line-height: 1.25;
}

.axis-app-grid--launch {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.axis-app-card,
.axis-layer,
.axis-process-step,
.axis-price-card,
.axis-faq-item,
.axis-post-card,
.axis-entry,
.axis-empty-state {
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: var(--axis-panel);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.18);
}

.axis-app-card {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  padding: 1.05rem;
  background:
    radial-gradient(circle at var(--axis-hover-x) var(--axis-hover-y), rgba(var(--axis-blue-rgb), 0.14), transparent 36%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent),
    var(--axis-panel);
}

.axis-app-card::after,
.axis-price-card::after,
.axis-process-step::after {
  content: "";
  position: absolute;
  inset: auto 1rem 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #a78bfa);
  transform: scaleX(0.22);
  transform-origin: left;
  transition: transform 0.24s ease;
}

.axis-app-card:hover::after,
.axis-price-card:hover::after,
.axis-process-step:hover::after {
  transform: scaleX(1);
}

.axis-app-card__icon {
  margin-bottom: 1rem;
}

.axis-app-card__tier,
.axis-price-card__badge {
  display: inline-flex;
  margin-bottom: 1rem;
  padding: 0.28rem 0.55rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-brass);
  background: rgba(var(--axis-blue-rgb), 0.08);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-card h3,
.axis-app-card h4,
.axis-layer h3,
.axis-process-step h3,
.axis-price-card h3,
.axis-post-card h2 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1.2rem;
}

.axis-app-card p,
.axis-layer p,
.axis-process-step p,
.axis-price-card p,
.axis-post-card p {
  color: var(--axis-muted);
}

.axis-app-card__preview {
  display: grid;
  height: 86px;
  margin-top: 1rem;
  padding: 0.85rem;
  gap: 0.5rem;
  border-radius: 14px;
}

.axis-app-card__preview span {
  display: block;
  width: 100%;
  height: 0.55rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.axis-app-card__preview span::before {
  content: "";
  display: block;
  width: 62%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay));
  animation: axisMiniBars 4.8s ease-in-out infinite;
  animation-delay: calc(var(--axis-card-index) * -0.3s);
}

.axis-app-card--1 {
  --axis-card-index: 0;
}

.axis-app-card--2 {
  --axis-card-index: 1;
}

.axis-app-card--3 {
  --axis-card-index: 2;
}

.axis-app-card--4 {
  --axis-card-index: 3;
}

.axis-app-card--5 {
  --axis-card-index: 4;
}

.axis-app-card__preview span:nth-child(2)::before {
  width: 44%;
  animation-delay: calc(var(--axis-card-index) * -0.3s - 0.8s);
}

.axis-app-card__preview span:nth-child(3)::before {
  width: 76%;
  animation-delay: calc(var(--axis-card-index) * -0.3s - 1.6s);
}

.axis-app-card ul,
.axis-layer__checks,
.axis-price-card ul {
  display: grid;
  margin: 1rem 0 0;
  padding: 0;
  gap: 0.55rem;
  list-style: none;
}

.axis-app-card li,
.axis-layer__checks li,
.axis-price-card li {
  color: var(--axis-muted);
  font-size: 0.88rem;
}

.axis-app-card li::before {
  content: "";
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background: var(--axis-patina);
}

.axis-app-card .wp-block-buttons {
  margin-top: 1.1rem;
}

.axis-app-card .axis-button {
  width: 100%;
}

.axis-layer-stack {
  display: grid;
  gap: 1rem;
}

.axis-layer {
  position: relative;
  overflow: hidden;
  display: grid;
  min-height: 240px;
  padding: 1.1rem;
  grid-template-columns: 86px minmax(180px, 0.34fr) minmax(0, 0.88fr) minmax(260px, 0.7fr);
  align-items: center;
  gap: 1.25rem;
  background:
    radial-gradient(circle at 18% 50%, rgba(var(--axis-blue-rgb), 0.12), transparent 28%),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.07), transparent 34%),
    var(--axis-panel);
}

.axis-layer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.04), transparent);
  transform: translateX(-120%);
  transition: transform 0.7s ease;
}

.axis-layer:hover::before {
  transform: translateX(120%);
}

.axis-layer__index {
  color: rgba(var(--axis-blue-rgb), 0.38);
  font-size: 3.25rem;
  font-weight: 950;
  line-height: 1;
}

.axis-layer__visual {
  position: relative;
  display: grid;
  min-height: 150px;
  align-items: center;
  justify-items: center;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.15), rgba(var(--axis-purple-rgb), 0.09)),
    rgba(255, 255, 255, 0.02);
}

.axis-layer__visual span {
  position: relative;
  z-index: 2;
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 18px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-layer__visual svg {
  width: 27px;
  height: 27px;
}

.axis-layer__visual i {
  position: absolute;
  width: 62%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(var(--axis-blue-rgb), 0.8), transparent);
  transform: rotate(calc(var(--axis-i, 0) * 24deg));
  opacity: 0.68;
}

.axis-layer__visual i:nth-child(3) {
  --axis-i: 1;
}

.axis-layer__visual i:nth-child(4) {
  --axis-i: -1;
}

.axis-layer__checks li,
.axis-price-card li {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
}

.axis-layer__checks svg,
.axis-price-card li svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  color: var(--axis-patina);
  margin-top: 0.15rem;
}

.axis-process-grid,
.axis-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-value-strip {
  display: grid;
  margin: -1rem auto 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-value-strip div {
  min-height: 140px;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.09), transparent 54%),
    rgba(255, 255, 255, 0.025);
}

.axis-value-strip span {
  color: var(--axis-patina);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-value-strip strong {
  display: block;
  margin-top: 0.45rem;
  color: var(--axis-ink);
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 950;
  line-height: 1;
}

.axis-value-strip p {
  margin: 0.7rem 0 0;
  color: var(--axis-muted);
}

.axis-process-step,
.axis-price-card {
  position: relative;
  overflow: hidden;
  padding: 1.25rem;
}

.axis-process-step span {
  color: var(--axis-clay);
  font-size: 3rem;
  font-weight: 950;
  line-height: 1;
}

.axis-price-card {
  position: relative;
  padding: 1.35rem;
  background:
    radial-gradient(circle at var(--axis-hover-x) var(--axis-hover-y), rgba(var(--axis-purple-rgb), 0.16), transparent 38%),
    var(--axis-panel);
}

.axis-price-card.is-featured {
  border-color: rgba(var(--axis-olive-rgb), 0.38);
  background:
    linear-gradient(155deg, rgba(var(--axis-olive-rgb), 0.12), transparent 48%),
    var(--axis-panel);
}

.axis-price-card__amount {
  margin: 1.2rem 0 0.7rem;
  color: var(--axis-brass);
  font-size: clamp(2.6rem, 4vw, 4rem);
  font-weight: 950;
  line-height: 1;
}

.axis-price-card__amount span {
  margin-left: 0.35rem;
  color: var(--axis-muted);
  font-size: 1rem;
  font-weight: 800;
}

.axis-price-card__lifetime {
  display: inline-flex;
  margin-bottom: 1rem;
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(var(--axis-purple-rgb), 0.34);
  border-radius: 999px;
  color: #d8ccff;
  background: rgba(var(--axis-purple-rgb), 0.14);
  font-size: 0.78rem;
  font-weight: 900;
}

.axis-price-card .axis-button {
  width: 100%;
  margin-top: 1.4rem;
}

.axis-faq-list {
  display: grid;
  gap: 0.75rem;
}

.axis-faq-item {
  padding: 0;
  overflow: hidden;
}

.axis-faq-item summary {
  padding: 1.05rem 1.15rem;
  color: var(--axis-ink);
  font-weight: 950;
  cursor: pointer;
}

.axis-faq-item p {
  margin: 0;
  padding: 0 1.15rem 1.15rem;
  color: var(--axis-muted);
}

.axis-final {
  padding: 4rem 0 7rem;
}

.axis-final__card {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 6vw, 4rem);
  border: 1px solid var(--axis-line-strong);
  border-radius: var(--axis-radius);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.1), transparent 42%),
    linear-gradient(220deg, rgba(var(--axis-olive-rgb), 0.08), transparent 36%),
    var(--axis-panel);
  text-align: center;
  box-shadow: var(--axis-shadow);
}

.axis-final__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(100deg, transparent 0 20%, rgba(255, 255, 255, 0.06) 44%, transparent 66% 100%);
  transform: translateX(-100%);
  animation: axisScan 8s ease-in-out infinite;
}

.axis-final__card > * {
  position: relative;
}

.axis-final__card .axis-kicker {
  margin-inline: auto;
}

.axis-final__card p {
  max-width: 680px;
  margin: 1rem auto 0;
}

.axis-final__card .axis-button {
  margin-top: 1.6rem;
}

.axis-footer {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--axis-line);
  background:
    radial-gradient(circle at 11% 4%, rgba(var(--axis-blue-rgb), 0.16), transparent 32rem),
    radial-gradient(circle at 90% 0%, rgba(var(--axis-violet-rgb), 0.11), transparent 28rem),
    linear-gradient(180deg, #0a101c 0%, #070d16 100%);
}

.axis-light .axis-footer {
  background:
    radial-gradient(circle at 11% 4%, rgba(var(--axis-blue-rgb), 0.08), transparent 30rem),
    radial-gradient(circle at 90% 0%, rgba(var(--axis-violet-rgb), 0.075), transparent 28rem),
    linear-gradient(180deg, #f9fbff 0%, #eef3f8 100%);
}

.axis-footer__glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(148, 163, 184, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, 0.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 78%);
}

.axis-footer__inner {
  position: relative;
  display: grid;
  width: var(--axis-shell);
  margin-inline: auto;
  padding: clamp(3.2rem, 6vw, 5.5rem) 0 2rem;
  gap: 0;
}

.axis-footer__layout {
  display: grid;
  grid-template-columns: minmax(330px, 1.12fr) minmax(0, 1.5fr);
  gap: clamp(2rem, 5vw, 5rem);
  align-items: start;
  padding-bottom: 0;
}

.axis-footer__brand {
  max-width: 520px;
}

.axis-footer__brand-head {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1rem;
}

.axis-footer__brand img {
  width: var(--axis-footer-logo-width, 154px);
  max-width: 48vw;
  height: auto;
}

.axis-footer__brand-logo--light,
.axis-light .axis-footer__brand-logo--dark {
  display: none;
}

.axis-light .axis-footer__brand-logo--light {
  display: block;
}

.axis-footer__brand h2 {
  margin: 0;
  color: var(--axis-text);
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  line-height: 0.96;
}

.axis-light .axis-footer__brand h2 {
  color: #101827;
}

.axis-footer__brand p,
.axis-footer__meta p {
  max-width: 430px;
  margin: 0;
  color: var(--axis-muted);
}

.axis-footer__signals {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.15rem;
}

.axis-footer__signals span {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0.45rem 0.72rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-brass);
  background: rgba(var(--axis-olive-rgb), 0.08);
  font-family: var(--axis-font-mono);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}

.axis-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 1.2rem;
}

.axis-footer__social-link {
  position: relative;
  display: inline-grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-slate-rgb), 0.22);
  border-radius: 999px;
  color: var(--axis-text);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.075), transparent),
    rgba(255, 255, 255, 0.04);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.12);
  text-decoration: none;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.axis-footer__social-link::after {
  content: "";
  position: absolute;
  inset: 0.28rem;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.22), transparent 68%);
  opacity: 0;
  transition: opacity 180ms ease;
}

.axis-footer__social-link svg {
  position: relative;
  z-index: 1;
  width: 1.16rem;
  height: 1.16rem;
}

.axis-footer__social-link:hover,
.axis-footer__social-link:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.55);
  color: var(--axis-ink);
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 18px 38px rgba(var(--axis-blue-rgb), 0.14);
  outline: 0;
}

.axis-footer__social-link:hover::after,
.axis-footer__social-link:focus-visible::after {
  opacity: 1;
}

.axis-light .axis-footer__social-link {
  color: #172033;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.58)),
    rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 30px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-footer__social-link:hover,
.axis-light .axis-footer__social-link:focus-visible {
  color: #07111f;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 18px 38px rgba(var(--axis-blue-rgb), 0.16);
}

.axis-footer__newsletter {
  display: grid;
  gap: 0.8rem;
  margin-top: clamp(1.4rem, 3vw, 2.2rem);
}

.axis-footer__newsletter label {
  color: var(--axis-text);
  font-family: var(--axis-font-display);
  font-size: clamp(1.35rem, 2.4vw, 2.1rem);
  font-weight: 850;
  line-height: 1.05;
}

.axis-light .axis-footer__newsletter label {
  color: #101827;
}

.axis-footer__newsletter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.75rem;
}

.axis-footer__newsletter input {
  width: 100%;
  min-height: 3.45rem;
  padding: 0 1rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  color: var(--axis-text);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  font: inherit;
}

.axis-footer__newsletter input::placeholder {
  color: rgba(180, 192, 210, 0.82);
}

.axis-footer__newsletter input:focus {
  border-color: rgba(var(--axis-blue-rgb), 0.74);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(var(--axis-blue-rgb), 0.14);
}

.axis-light .axis-footer__newsletter input {
  color: #101827;
  background: rgba(255, 255, 255, 0.84);
}

.axis-footer__newsletter button {
  min-width: 9rem;
}

.axis-footer__newsletter-status {
  min-height: 1.25rem;
  margin: 0;
  color: var(--axis-brass);
  font-size: 0.9rem;
  font-weight: 760;
}

.axis-footer__nav-stack {
  display: grid;
  min-width: 0;
  align-content: start;
}

.axis-footer__menus {
  display: grid;
  grid-template-columns: repeat(var(--axis-footer-menu-count, 3), minmax(0, 1fr));
  gap: clamp(1.25rem, 4vw, 4rem);
  padding-top: 0.35rem;
}

.axis-footer__links {
  display: grid;
  gap: 0.7rem;
}

.axis-footer__column h3 {
  margin: 0 0 1.1rem;
  color: var(--axis-text);
  font-family: var(--axis-font-display);
  font-size: 1rem;
  font-weight: 850;
  letter-spacing: 0;
}

.axis-light .axis-footer__column h3 {
  color: #101827;
}

.axis-footer__links a,
.axis-text-link {
  color: var(--axis-muted);
  font-weight: 750;
  text-decoration: none;
}

.axis-footer__links a {
  display: inline-flex;
  align-items: center;
  min-height: 1.55rem;
  font-size: 0.96rem;
  transition: color 180ms ease, transform 180ms ease;
}

.axis-footer__links a:hover,
.axis-footer__links a:focus-visible {
  color: var(--axis-brass);
  transform: translateX(3px);
}

.axis-footer__bottom {
  display: grid;
  gap: 0.85rem;
  margin-top: var(--axis-footer-bottom-top, 22px);
  padding-top: 0;
}

.axis-footer__bottom--divider .axis-footer__meta {
  border-top: 1px solid var(--axis-line);
  padding-top: 1.05rem;
}

.axis-footer__meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, var(--axis-footer-meta-note-width, 430px));
  gap: var(--axis-footer-meta-gap, 28px);
  align-items: start;
  padding-top: 0;
  border-top: 0;
}

.axis-footer__meta p {
  max-width: none;
  line-height: 1.45;
}

.axis-footer__meta-copy {
  justify-self: start;
}

.axis-footer__meta-side {
  display: grid;
  max-width: var(--axis-footer-meta-note-width, 430px);
  justify-self: end;
  justify-items: end;
  gap: 0.78rem;
}

.axis-footer__copyright {
  justify-self: start;
}

.axis-footer__note {
  max-width: var(--axis-footer-meta-note-width, 430px);
  justify-self: end;
}

.axis-footer__payment-row {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

.axis-footer__nav-stack > .axis-footer__payment-row {
  justify-content: flex-start;
  margin-top: var(--axis-footer-payment-top, 24px);
}

.axis-footer__payments {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.82rem;
}

.axis-footer__nav-stack .axis-footer__payments {
  justify-content: flex-start;
}

.axis-footer__payment-icon {
  --axis-payment-icon-width: 2.1rem;
  display: inline-grid;
  width: var(--axis-payment-icon-width);
  min-width: 0;
  height: 1.38rem;
  place-items: center;
  color: rgba(226, 232, 240, 0.72);
  opacity: 0.92;
}

.axis-footer__payment-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.axis-footer__payment-icon--visa,
.axis-footer__payment-icon--discover {
  --axis-payment-icon-width: 3.15rem;
}

.axis-footer__payment-icon--american_express,
.axis-footer__payment-icon--mastercard,
.axis-footer__payment-icon--paypal,
.axis-footer__payment-icon--stripe,
.axis-footer__payment-icon--klarna {
  --axis-payment-icon-width: 2.18rem;
}

.axis-footer__payment-icon--apple_pay,
.axis-footer__payment-icon--google_pay {
  --axis-payment-icon-width: 3.35rem;
}

.axis-footer__payment-icon--shop_pay {
  --axis-payment-icon-width: 5.2rem;
}

.axis-footer__payment-icon--woo_payments {
  --axis-payment-icon-width: 2.65rem;
}

.axis-footer__payment-icon--bank_transfer,
.axis-footer__payment-icon--cash_on_delivery {
  --axis-payment-icon-width: 1.45rem;
}

.axis-light .axis-footer__payment-icon {
  color: #111827;
  opacity: 0.88;
}

.axis-footer__meta--left,
.axis-footer__meta--center {
  grid-template-columns: minmax(0, 1fr);
}

.axis-footer__meta--left .axis-footer__meta-copy,
.axis-footer__meta--left .axis-footer__meta-side,
.axis-footer__meta--left .axis-footer__copyright,
.axis-footer__meta--left .axis-footer__note {
  justify-self: start;
  justify-items: start;
}

.axis-footer__payment-row--left {
  justify-content: flex-start;
}

.axis-footer__payment-row--left .axis-footer__payments {
  justify-content: flex-start;
}

.axis-footer__meta--center {
  justify-items: center;
  text-align: center;
}

.axis-footer__meta--center .axis-footer__meta-copy,
.axis-footer__meta--center .axis-footer__meta-side,
.axis-footer__meta--center .axis-footer__copyright,
.axis-footer__meta--center .axis-footer__note {
  justify-self: center;
  justify-items: center;
}

.axis-footer__payment-row--center {
  justify-content: center;
}

.axis-footer__payment-row--center .axis-footer__payments {
  justify-content: center;
}

@media (max-width: 680px) {
  .axis-footer__meta {
    grid-template-columns: 1fr;
  }

  .axis-footer__meta--split .axis-footer__meta-side,
  .axis-footer__meta--split .axis-footer__note {
    justify-self: start;
    justify-items: start;
  }

  .axis-footer__payment-row {
    justify-content: flex-start;
  }
}

.axis-footer--preset-command {
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-blue-rgb), 0.18), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(var(--axis-olive-rgb), 0.11), transparent 26rem),
    linear-gradient(180deg, #08111f 0%, #060a12 100%);
}

.axis-light .axis-footer--preset-command {
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-blue-rgb), 0.08), transparent 30rem),
    radial-gradient(circle at 88% 18%, rgba(var(--axis-olive-rgb), 0.08), transparent 26rem),
    linear-gradient(180deg, #f8fbff 0%, #edf2f8 100%);
}

.axis-footer--preset-command .axis-footer__layout {
  padding: clamp(1.1rem, 2.2vw, 1.6rem);
  border: 1px solid var(--axis-line);
  border-radius: 26px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 42%),
    rgba(var(--axis-surface-rgb), 0.3);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.22);
}

.axis-light .axis-footer--preset-command .axis-footer__layout {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.42)),
    rgba(255, 255, 255, 0.64);
}

.axis-footer--preset-command .axis-footer__brand {
  max-width: none;
  padding: clamp(1.1rem, 2vw, 1.5rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 20px;
  background:
    radial-gradient(circle at 0% 0%, rgba(var(--axis-blue-rgb), 0.14), transparent 18rem),
    rgba(255, 255, 255, 0.035);
}

.axis-footer--preset-command .axis-footer__menus {
  gap: 0.85rem;
}

.axis-footer--preset-command .axis-footer__column {
  min-height: 100%;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-light .axis-footer--preset-command .axis-footer__brand,
.axis-light .axis-footer--preset-command .axis-footer__column {
  background: rgba(255, 255, 255, 0.72);
}

.axis-footer--preset-command .axis-footer__newsletter input,
.axis-footer--preset-command .axis-footer__newsletter button {
  border-radius: 999px;
}

.axis-footer--preset-ledger {
  border-top-color: rgba(var(--axis-olive-rgb), 0.22);
  background:
    linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.05) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.035) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(180deg, #09111d 0%, #060b13 100%);
}

.axis-light .axis-footer--preset-ledger {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(rgba(15, 23, 42, 0.028) 1px, transparent 1px) 0 0 / 76px 76px,
    linear-gradient(180deg, #fbfcff 0%, #eef3f8 100%);
}

.axis-footer--preset-ledger .axis-footer__inner {
  padding-top: clamp(2.4rem, 5vw, 4.2rem);
}

.axis-footer--preset-ledger .axis-footer__layout {
  grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.7fr);
  gap: clamp(1.5rem, 4vw, 3.2rem);
}

.axis-footer--preset-ledger .axis-footer__brand {
  max-width: 440px;
}

.axis-footer--preset-ledger .axis-footer__signals span {
  border-radius: 8px;
  color: var(--axis-ink);
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-footer--preset-ledger .axis-footer__menus {
  gap: 0;
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

.axis-light .axis-footer--preset-ledger .axis-footer__menus {
  background: rgba(255, 255, 255, 0.62);
}

.axis-footer--preset-ledger .axis-footer__column {
  padding: 1.15rem;
  border-right: 1px solid var(--axis-line);
}

.axis-footer--preset-ledger .axis-footer__column:last-child {
  border-right: 0;
}

.axis-footer--preset-ledger .axis-footer__links a {
  min-height: 1.9rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}

.axis-footer--preset-ledger .axis-footer__links li:last-child a {
  border-bottom: 0;
}

.axis-light .axis-kicker {
  border-color: rgba(var(--axis-olive-rgb), 0.18);
  color: #667612;
  background: rgba(var(--axis-olive-rgb), 0.075);
}

.axis-light .axis-grid-bg {
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.06) 42% 42.12%, transparent 42.12%),
    linear-gradient(70deg, transparent 0 56%, rgba(var(--axis-olive-rgb), 0.055) 56% 56.12%, transparent 56.12%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.55), transparent 26%);
}

.axis-light .axis-hero__lead,
.axis-light .axis-section__header p:not(.axis-kicker),
.axis-light .axis-final p,
.axis-light .axis-app-card p,
.axis-light .axis-layer p,
.axis-light .axis-process-step p,
.axis-light .axis-price-card p,
.axis-light .axis-post-card p,
.axis-light .axis-agent-list p,
.axis-light .axis-chat-message p,
.axis-light .axis-command-panel__response p,
.axis-light .axis-workflow-step p,
.axis-light .axis-value-strip p,
.axis-light .axis-footer__brand p,
.axis-light .axis-footer__meta p {
  color: var(--axis-muted);
}

.axis-light .axis-hero__ledger,
.axis-light .axis-operating-demo,
.axis-light .axis-command-panel,
.axis-light .axis-agent-pill,
.axis-light .axis-signal-card,
.axis-light .axis-workflow-band,
.axis-light .axis-workflow-step,
.axis-light .axis-chat-demo,
.axis-light .axis-suite-board,
.axis-light .axis-suite-core,
.axis-light .axis-app-card,
.axis-light .axis-layer,
.axis-light .axis-process-step,
.axis-light .axis-price-card,
.axis-light .axis-faq-item,
.axis-light .axis-value-strip div,
.axis-light .axis-final__card,
.axis-light .axis-entry,
.axis-light .axis-post-card,
.axis-light .axis-empty-state {
  border-color: var(--axis-line);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.68)),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-light .axis-section--signal,
.axis-light .axis-layers,
.axis-light .axis-pricing,
.axis-light .axis-brain {
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.035), transparent 18rem),
    rgba(255, 255, 255, 0.34);
  border-color: var(--axis-line);
}

.axis-light .axis-operating-demo {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.075), transparent 38%),
    linear-gradient(310deg, rgba(var(--axis-olive-rgb), 0.05), transparent 34%),
    linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    rgba(255, 255, 255, 0.82);
}

.axis-light .axis-operating-demo__top {
  border-bottom-color: var(--axis-line);
  background: rgba(255, 255, 255, 0.62);
}

.axis-light .axis-operating-demo__top em {
  border-color: rgba(var(--axis-olive-rgb), 0.28);
  color: #53610f;
  background: rgba(var(--axis-olive-rgb), 0.11);
}

.axis-light .axis-command-panel {
  background:
    linear-gradient(120deg, rgba(var(--axis-blue-rgb), 0.075), transparent 42%),
    #fff;
}

.axis-light .axis-command-panel__prompt p,
.axis-light .axis-command-panel__response strong,
.axis-light .axis-agent-pill strong,
.axis-light .axis-chat-message strong,
.axis-light .axis-workflow-step strong,
.axis-light .axis-value-strip strong {
  color: var(--axis-ink);
}

.axis-light .axis-command-panel__response,
.axis-light .axis-chat-message.is-brain {
  border-color: rgba(var(--axis-purple-rgb), 0.18);
  background: rgba(var(--axis-purple-rgb), 0.075);
}

.axis-light .axis-agent-pill,
.axis-light .axis-app-card__preview {
  background: rgba(255, 255, 255, 0.74);
}

.axis-light .axis-console {
  border-color: rgba(var(--axis-blue-rgb), 0.2);
  background: #fff;
  box-shadow: 0 22px 46px rgba(15, 23, 42, 0.12);
}

.axis-light .axis-console__chrome {
  border-bottom-color: rgba(15, 23, 42, 0.08);
  background: #f7f9fc;
}

.axis-light .axis-signal-card,
.axis-light .axis-app-card,
.axis-light .axis-price-card {
  background:
    radial-gradient(circle at var(--axis-hover-x) var(--axis-hover-y), rgba(var(--axis-blue-rgb), 0.08), transparent 34%),
    #fff;
}

.axis-light .axis-layer {
  background:
    radial-gradient(circle at 18% 50%, rgba(var(--axis-blue-rgb), 0.075), transparent 28%),
    #fff;
}

.axis-light .axis-layer__visual,
.axis-light .axis-suite-core {
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.085), rgba(var(--axis-purple-rgb), 0.055)),
    #fff;
}

.axis-light .axis-price-card.is-featured {
  border-color: rgba(var(--axis-olive-rgb), 0.28);
  background:
    linear-gradient(155deg, rgba(var(--axis-olive-rgb), 0.08), transparent 48%),
    #fff;
}

.axis-light .axis-price-card__lifetime {
  border-color: rgba(var(--axis-purple-rgb), 0.18);
  color: var(--axis-brass);
  background: rgba(var(--axis-purple-rgb), 0.075);
}

.axis-light .axis-button--quiet {
  color: var(--axis-muted);
  background: rgba(255, 255, 255, 0.74);
}

.axis-light .axis-footer {
  background: #f2f5f9;
}

.axis-content-page {
  padding: 9rem 0 5rem;
}

.axis-content-page--landing {
  padding: 0;
}

.axis-page-shell {
  width: min(100% - 2rem, 980px);
  margin-inline: auto;
}

.axis-page-shell--landing {
  width: 100%;
}

.axis-page-shell--narrow {
  width: min(100% - 2rem, 760px);
}

.axis-commerce-page {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(7.4rem, 11vw, 9.8rem) 0 clamp(3.2rem, 7vw, 5.8rem);
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--axis-accent-rgb), 0.16), transparent 25rem),
    radial-gradient(circle at 84% 8%, rgba(var(--axis-blue-rgb), 0.14), transparent 28rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.99), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-commerce-page > .axis-grid-bg {
  opacity: 0.52;
}

.axis-page-shell--commerce {
  position: relative;
  z-index: 1;
  width: var(--axis-shell);
}

.axis-commerce-page .axis-entry {
  padding: 0;
}

.axis-commerce-page .axis-entry__header {
  max-width: 820px;
  margin: 0 0 clamp(1.2rem, 3vw, 2rem);
}

.axis-commerce-page .axis-entry__title {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.3rem, 5vw, 5rem);
  line-height: 0.95;
}

.axis-commerce-page .axis-entry__title::before {
  display: flex;
  width: fit-content;
  margin: 0 0 0.9rem;
  padding: 0.44rem 0.68rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.34);
  border-radius: 999px;
  color: rgb(var(--axis-accent-rgb));
  background: rgba(var(--axis-accent-rgb), 0.08);
  font-family: var(--axis-font-mono);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  content: "Secure checkout";
}

.axis-commerce-page--cart .axis-entry__title::before {
  content: "Your selected offers";
}

.axis-commerce-page--cart,
.axis-commerce-page--checkout {
  padding-top: clamp(7.8rem, 11vw, 10.4rem);
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-olive-rgb), 0.15), transparent 24rem),
    radial-gradient(circle at 88% 16%, rgba(var(--axis-blue-rgb), 0.14), transparent 28rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.99), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-commerce-page--cart::before,
.axis-commerce-page--checkout::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.55;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 82px);
  mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
}

.axis-commerce-page--cart::after,
.axis-commerce-page--checkout::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -12vw;
  top: clamp(10rem, 18vw, 16rem);
  width: min(48vw, 42rem);
  aspect-ratio: 1;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.18), transparent 68%);
  pointer-events: none;
}

.axis-commerce-page--cart > .axis-grid-bg,
.axis-commerce-page--checkout > .axis-grid-bg {
  opacity: 0.38;
}

.axis-commerce-page--cart .axis-page-shell--commerce,
.axis-commerce-page--checkout .axis-page-shell--commerce {
  width: min(100% - 2rem, 1230px);
}

.axis-commerce-page--cart .axis-entry,
.axis-commerce-page--checkout .axis-entry {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-commerce-page--cart .axis-entry__header,
.axis-commerce-page--checkout .axis-entry__header {
  max-width: 820px;
  margin-bottom: clamp(1.6rem, 4vw, 2.8rem);
}

.axis-commerce-page--cart .axis-entry__title,
.axis-commerce-page--checkout .axis-entry__title {
  max-width: 720px;
  font-size: clamp(3.35rem, 8vw, 6.5rem);
  line-height: 0.9;
}

.axis-commerce-page__lead {
  max-width: 680px;
  margin: 1.15rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(1rem, 2vw, 1.16rem);
  font-weight: 720;
  line-height: 1.62;
}

.axis-commerce-page__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  margin-top: 1.35rem;
}

.axis-commerce-page__proof p {
  display: grid;
  gap: 0.24rem;
  margin: 0;
  padding: 0.88rem;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  background: rgba(var(--axis-card-rgb), 0.58);
}

.axis-commerce-page__proof strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
}

.axis-commerce-page__proof span {
  color: var(--axis-muted);
  font-size: 0.86rem;
  font-weight: 620;
  line-height: 1.42;
}

.axis-commerce-page .axis-entry__content {
  margin-top: 0;
}

.axis-commerce-page .woocommerce {
  color: var(--axis-ink);
}

.axis-commerce-page .woocommerce-notices-wrapper,
.axis-commerce-page .woocommerce-form-coupon-toggle,
.axis-commerce-page .woocommerce-form-login-toggle {
  margin-bottom: 1rem;
}

.axis-commerce-page .woocommerce-message,
.axis-commerce-page .woocommerce-info,
.axis-commerce-page .woocommerce-error {
  display: grid;
  gap: 0.72rem;
  margin: 0 0 1rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.3);
  border-left: 3px solid rgb(var(--axis-accent-rgb));
  border-radius: 18px;
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-accent-rgb), 0.1), transparent 52%),
    rgba(var(--axis-card-rgb), 0.68);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.14);
}

.axis-commerce-page .woocommerce-error {
  border-left-color: var(--axis-ruby);
}

.axis-commerce-page .woocommerce-info a,
.axis-commerce-page .woocommerce-message a,
.axis-commerce-page .woocommerce-error a {
  color: rgb(var(--axis-accent-rgb));
  font-weight: 900;
}

.axis-commerce-page table.shop_table,
.axis-commerce-page .cart_totals,
.axis-commerce-page .woocommerce-checkout-review-order,
.axis-commerce-page .woocommerce-billing-fields,
.axis-commerce-page .woocommerce-shipping-fields,
.axis-commerce-page .woocommerce-additional-fields,
.axis-commerce-page .woocommerce-form-coupon,
.axis-commerce-page .woocommerce-form-login,
.axis-commerce-page .woocommerce-order,
.axis-commerce-page .wc-block-cart,
.axis-commerce-page .wc-block-checkout {
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.76), rgba(var(--axis-surface-rgb), 0.58));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
}

.axis-commerce-page table.shop_table {
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.axis-commerce-page table.shop_table th,
.axis-commerce-page table.shop_table td {
  padding: 1rem;
  border-color: rgba(var(--axis-border-rgb), 0.14);
  color: var(--axis-ink);
  vertical-align: middle;
}

.axis-commerce-page table.shop_table th {
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.36);
  font-family: var(--axis-font-mono);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-commerce-page table.shop_table td {
  color: var(--axis-muted);
  font-weight: 760;
}

.axis-commerce-page table.shop_table .product-name a,
.axis-commerce-page table.shop_table .woocommerce-Price-amount,
.axis-commerce-page table.shop_table strong,
.axis-commerce-page .cart_totals .woocommerce-Price-amount,
.axis-commerce-page .woocommerce-checkout-review-order .woocommerce-Price-amount {
  color: var(--axis-ink);
  font-weight: 950;
}

.axis-commerce-page table.shop_table .product-thumbnail img {
  width: 5.4rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.4);
}

.axis-commerce-page .product-remove a.remove {
  display: inline-grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgba(239, 68, 68, 0.28);
  border-radius: 999px;
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.08);
  line-height: 1;
  text-decoration: none;
}

.axis-commerce-page .quantity .qty {
  width: 5rem;
  min-height: 2.7rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.32);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-bg-rgb), 0.54);
  font-weight: 900;
  text-align: center;
}

.axis-commerce-page .coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.axis-commerce-page .coupon input.input-text,
.axis-commerce-page form .form-row input.input-text,
.axis-commerce-page form .form-row textarea,
.axis-commerce-page form .form-row select,
.axis-commerce-page .select2-container--default .select2-selection--single,
.axis-commerce-page .wc-block-components-text-input input,
.axis-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-commerce-page .wc-block-components-form .wc-block-components-text-input input {
  min-height: 3rem;
  padding: 0.8rem 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.32);
  border-radius: 15px;
  color: var(--axis-ink);
  background: rgba(var(--axis-bg-rgb), 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  font: inherit;
  font-weight: 760;
}

.axis-commerce-page .select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
}

.axis-commerce-page .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--axis-ink);
  line-height: 1;
}

.axis-commerce-page form .form-row textarea {
  min-height: 8rem;
}

.axis-commerce-page form .form-row label,
.axis-commerce-page .woocommerce-billing-fields h3,
.axis-commerce-page .woocommerce-additional-fields h3,
.axis-commerce-page .woocommerce-shipping-fields h3,
.axis-commerce-page #order_review_heading,
.axis-commerce-page .cart_totals h2 {
  color: var(--axis-ink);
  font-weight: 950;
}

.axis-commerce-page form .form-row label {
  margin-bottom: 0.38rem;
  font-size: 0.82rem;
}

.axis-commerce-page form .form-row input:focus,
.axis-commerce-page form .form-row textarea:focus,
.axis-commerce-page .coupon input.input-text:focus {
  border-color: rgba(var(--axis-accent-rgb), 0.72);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(var(--axis-accent-rgb), 0.14);
}

.axis-commerce-page .button,
.axis-commerce-page button.button,
.axis-commerce-page input.button,
.axis-commerce-page #place_order,
.axis-commerce-page .wc-block-components-button {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.8rem 1rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.45) !important;
  border-radius: 999px !important;
  color: #07111f !important;
  background:
    linear-gradient(135deg, rgb(var(--axis-accent-rgb)), var(--axis-brass)) !important;
  box-shadow: 0 16px 42px rgba(var(--axis-accent-rgb), 0.18);
  font-weight: 950 !important;
  line-height: 1;
  text-decoration: none;
}

.axis-commerce-page .button:hover,
.axis-commerce-page button.button:hover,
.axis-commerce-page input.button:hover,
.axis-commerce-page #place_order:hover,
.axis-commerce-page .wc-block-components-button:hover {
  transform: translateY(-1px);
}

.axis-commerce-page .button:disabled,
.axis-commerce-page button.button:disabled,
.axis-commerce-page input.button:disabled {
  opacity: 0.5;
}

.axis-commerce-page .cart-collaterals {
  display: grid;
  justify-content: end;
  margin-top: 1rem;
}

.axis-commerce-page .cart_totals {
  width: min(100%, 460px) !important;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.axis-commerce-page .cart_totals table.shop_table {
  border: 0;
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.32);
  box-shadow: none;
}

.axis-commerce-page .wc-proceed-to-checkout {
  padding-bottom: 0;
}

.axis-commerce-page .wc-proceed-to-checkout a.checkout-button,
.axis-commerce-page #place_order {
  width: 100%;
  min-height: 3.35rem;
  font-size: 0.95rem;
}

.axis-commerce-page form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.45fr);
  gap: clamp(1rem, 3vw, 1.6rem);
  align-items: start;
}

.axis-commerce-page #customer_details {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  grid-column: 1;
}

.axis-commerce-page #customer_details .col-1,
.axis-commerce-page #customer_details .col-2 {
  width: 100%;
  float: none;
}

.axis-commerce-page .woocommerce-billing-fields,
.axis-commerce-page .woocommerce-shipping-fields,
.axis-commerce-page .woocommerce-additional-fields,
.axis-commerce-page .woocommerce-checkout-review-order {
  padding: clamp(1rem, 2vw, 1.35rem);
}

.axis-commerce-page #order_review_heading,
.axis-commerce-page #order_review {
  grid-column: 2;
}

.axis-commerce-page #order_review_heading {
  margin: 0;
  padding: 1.05rem 1.15rem 0;
}

.axis-commerce-page .woocommerce-checkout-review-order {
  margin-top: -0.2rem;
}

.axis-commerce-page .woocommerce-checkout-payment,
.axis-commerce-page #payment {
  border-radius: 22px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.36) !important;
}

.axis-commerce-page #payment ul.payment_methods {
  padding: 1rem;
  border-bottom-color: rgba(var(--axis-border-rgb), 0.14);
}

.axis-commerce-page #payment div.form-row {
  padding: 1rem;
}

.axis-commerce-page .woocommerce-privacy-policy-text,
.axis-commerce-page .woocommerce-terms-and-conditions-wrapper {
  color: var(--axis-muted);
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.55;
}

.axis-commerce-page .wc-block-cart,
.axis-commerce-page .wc-block-checkout {
  padding: clamp(1rem, 2vw, 1.35rem);
}

.axis-commerce-page .wc-block-components-sidebar,
.axis-commerce-page .wc-block-cart__submit-container,
.axis-commerce-page .wc-block-components-totals-wrapper,
.axis-commerce-page .wc-block-components-panel,
.axis-commerce-page .wc-block-components-order-summary,
.axis-commerce-page .wc-block-components-checkout-step {
  border-color: rgba(var(--axis-border-rgb), 0.2) !important;
  color: var(--axis-ink);
}

.axis-commerce-page .wc-block-components-product-name,
.axis-commerce-page .wc-block-components-totals-item__label,
.axis-commerce-page .wc-block-components-totals-item__value,
.axis-commerce-page .wc-block-components-title {
  color: var(--axis-ink);
}

.axis-commerce-page .wc-block-components-product-metadata,
.axis-commerce-page .wc-block-components-totals-footer-item,
.axis-commerce-page .wc-block-components-radio-control__description {
  color: var(--axis-muted);
}

.axis-commerce-page--cart .wp-block-woocommerce-cart,
.axis-commerce-page--cart .wc-block-cart {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--cart .wc-block-cart {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.47fr);
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: start;
}

.axis-commerce-page--cart .wc-block-cart__main,
.axis-commerce-page--cart .wc-block-cart__sidebar {
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
}

.axis-commerce-page--cart .wc-block-cart__main {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2.4vw, 1.4rem) !important;
  border: 1px solid var(--axis-line);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 44%),
    rgba(var(--axis-card-rgb), 0.68);
  box-shadow: var(--axis-shadow);
}

.axis-commerce-page--cart .wc-block-cart__main::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.12);
  border-radius: 22px;
  pointer-events: none;
}

.axis-commerce-page--cart .wc-block-cart__main > * {
  position: relative;
  z-index: 1;
}

.axis-commerce-page--cart .wc-block-cart-items {
  width: 100%;
  margin: 0;
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 0 0.88rem;
  background: transparent !important;
}

.axis-commerce-page--cart .wc-block-cart-items thead {
  color: var(--axis-muted);
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-commerce-page--cart .wc-block-cart-items th {
  padding: 0 0.9rem 0.4rem !important;
  border: 0 !important;
  color: var(--axis-muted);
  background: transparent !important;
}

.axis-commerce-page--cart .wc-block-cart-items th:first-child {
  padding-left: 0 !important;
}

.axis-commerce-page--cart .wc-block-cart-items th:last-child {
  padding-right: 0 !important;
}

.axis-commerce-page--cart .wc-block-cart-items__row {
  position: relative;
}

.axis-commerce-page--cart .wc-block-cart-items__row td {
  padding: 1rem !important;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-olive-rgb), 0.12), transparent 12rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.54), rgba(var(--axis-surface-rgb), 0.34));
}

.axis-commerce-page--cart .wc-block-cart-items__row td:first-child {
  border-left: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  border-radius: 22px 0 0 22px;
}

.axis-commerce-page--cart .wc-block-cart-items__row td:last-child {
  border-right: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  border-radius: 0 22px 22px 0;
}

.axis-commerce-page--cart .wc-block-cart-items,
.axis-commerce-page--cart .wc-block-cart-items thead,
.axis-commerce-page--cart .wc-block-cart-items tbody {
  display: block;
}

.axis-commerce-page--cart .wc-block-cart-items__header {
  display: grid;
  grid-template-columns: 6.6rem minmax(0, 1fr) minmax(8.5rem, auto);
  gap: 1rem;
  align-items: center;
  padding: 0 1rem;
}

.axis-commerce-page--cart .wc-block-cart-items__header th {
  display: block;
  width: auto !important;
  min-width: 0;
  text-align: left !important;
}

.axis-commerce-page--cart .wc-block-cart-items__header th:last-child {
  text-align: right !important;
}

.axis-commerce-page--cart .wc-block-cart-items__row {
  display: grid;
  grid-template-columns: 6.6rem minmax(0, 1fr) minmax(8.5rem, auto);
  gap: 1rem;
  align-items: center;
  margin-top: 0;
  padding: clamp(1rem, 2.5vw, 1.35rem) 1rem;
  border: 0;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.14);
  border-radius: 0;
  background: transparent;
}

.axis-commerce-page--cart .wc-block-cart-items__row:last-child {
  border-bottom: 0;
}

.axis-commerce-page--cart .wc-block-cart-items__row td,
.axis-commerce-page--cart .wc-block-cart-items__row td:first-child,
.axis-commerce-page--cart .wc-block-cart-items__row td:last-child {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
}

.axis-commerce-page--cart .wc-block-cart-item__image {
  width: auto !important;
  vertical-align: top;
}

.axis-commerce-page--cart .wc-block-cart-item__image img {
  width: 5.7rem !important;
  min-width: 5.7rem;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.12), transparent 44%),
    rgba(var(--axis-bg-rgb), 0.64);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.axis-commerce-page--cart .wc-block-cart-item__product {
  display: grid;
  gap: 0.42rem;
  align-content: center;
}

.axis-commerce-page--cart .wc-block-components-product-name {
  width: fit-content;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.02rem, 2vw, 1.28rem);
  font-weight: 780;
  line-height: 1.12;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.axis-commerce-page--cart .wc-block-components-product-price,
.axis-commerce-page--cart .wc-block-components-product-metadata {
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.48;
}

.axis-commerce-page--cart .wc-block-components-product-metadata {
  display: grid;
  max-width: 42rem;
  gap: 0.24rem;
  margin-top: 0.1rem;
}

.axis-commerce-page--cart .wc-block-components-product-metadata__description,
.axis-commerce-page--cart .wc-block-components-product-details {
  margin: 0;
}

.axis-commerce-page--cart .wc-block-components-product-metadata__description {
  display: block;
  color: var(--axis-muted);
}

.axis-commerce-page--cart .wc-block-components-product-details {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem 0.82rem;
  align-items: center;
}

.axis-commerce-page--cart .wc-block-components-product-details > *,
.axis-commerce-page--cart .wc-block-components-product-metadata span {
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font-family: var(--axis-font-ui);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
}

.axis-commerce-page--cart .wc-block-components-product-details > * {
  display: inline-flex;
  gap: 0.28rem;
  align-items: baseline;
}

.axis-commerce-page--cart .wc-block-components-product-details > * + *::before {
  content: "•";
  margin-right: 0.54rem;
  color: rgba(var(--axis-border-rgb), 0.64);
}

.axis-commerce-page--cart .wc-block-components-product-metadata .wc-block-components-product-details__name {
  color: var(--axis-muted);
  font-weight: 680;
  text-transform: capitalize;
}

.axis-commerce-page--cart .wc-block-components-product-metadata .wc-block-components-product-details__value {
  color: var(--axis-ink);
  font-weight: 760;
}

.axis-commerce-page--cart .wc-block-cart-item__quantity {
  display: flex;
  flex-wrap: wrap;
  gap: 0.64rem;
  align-items: center;
  margin-top: 0.12rem;
}

.axis-commerce-page--cart .wc-block-components-quantity-selector {
  display: inline-grid;
  min-height: 2.45rem;
  grid-template-columns: 2.25rem minmax(2.6rem, 3rem) 2.25rem;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 999px;
  background: rgba(var(--axis-bg-rgb), 0.55);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-commerce-page--cart .wc-block-components-quantity-selector__input {
  width: 100% !important;
  min-width: 0;
  min-height: 2.45rem;
  padding: 0;
  border: 0 !important;
  color: var(--axis-ink);
  background: transparent !important;
  font: inherit;
  font-weight: 900;
  text-align: center;
}

.axis-commerce-page--cart .wc-block-components-quantity-selector__button {
  display: grid;
  width: 2.25rem;
  height: 2.45rem;
  place-items: center;
  border: 0 !important;
  color: var(--axis-muted);
  background: transparent;
  font-size: 1rem;
  cursor: pointer;
}

.axis-commerce-page--cart .wc-block-components-quantity-selector__button:hover,
.axis-commerce-page--cart .wc-block-components-quantity-selector__button:focus-visible {
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.11);
}

.axis-commerce-page--cart .wc-block-cart-item__remove-link {
  display: inline-grid;
  width: 2.2rem;
  height: 2.2rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18) !important;
  border-radius: 999px;
  color: var(--axis-muted) !important;
  background: rgba(var(--axis-bg-rgb), 0.24) !important;
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
}

.axis-commerce-page--cart .wc-block-cart-item__remove-link:hover,
.axis-commerce-page--cart .wc-block-cart-item__remove-link:focus-visible {
  border-color: rgba(239, 68, 68, 0.38) !important;
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.08) !important;
}

.axis-commerce-page--cart .wc-block-cart-item__remove-link::before {
  content: "×";
  font-size: 1.25rem;
  font-weight: 720;
  line-height: 1;
}

.axis-commerce-page--cart .wc-block-cart-item__total {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.02rem, 2vw, 1.24rem);
  font-weight: 780;
  text-align: right;
  white-space: nowrap;
}

.axis-commerce-page--cart .wc-block-cart__sidebar {
  position: sticky !important;
  top: calc(var(--axis-header-top, 18px) + var(--axis-header-height, 72px) + 1rem);
  display: grid;
  gap: 0.9rem;
  padding: clamp(1rem, 2.4vw, 1.4rem) !important;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24) !important;
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 18%, rgba(var(--axis-blue-rgb), 0.17), transparent 17rem),
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.1), rgba(var(--axis-card-rgb), 0.76));
  box-shadow: var(--axis-shadow);
}

.axis-commerce-page--cart .wc-block-cart__sidebar::before {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  margin-bottom: 0.15rem;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.36);
  border-radius: 999px;
  color: var(--axis-brass);
  background: rgba(var(--axis-olive-rgb), 0.09);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
  content: "Checkout signal";
}

.axis-commerce-page--cart .wp-block-woocommerce-cart-order-summary-block {
  display: grid;
  gap: 0.76rem;
}

.axis-commerce-page--cart .wc-block-cart__totals-title,
.axis-commerce-page--cart .wc-block-components-title {
  margin: 0 !important;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.18rem, 2.4vw, 1.55rem);
  font-weight: 780;
  line-height: 1.12;
  text-transform: none !important;
}

.axis-commerce-page--cart .wc-block-components-totals-wrapper {
  padding: 0.9rem 0 !important;
  border-color: rgba(var(--axis-border-rgb), 0.14) !important;
}

.axis-commerce-page--cart .wp-block-woocommerce-cart-order-summary-coupon-form-block {
  overflow: hidden;
  padding: 0.72rem 0.86rem !important;
  border: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 44%),
    rgba(var(--axis-bg-rgb), 0.34);
}

.axis-commerce-page--cart .wc-block-components-panel__button {
  color: var(--axis-ink) !important;
  font-weight: 860;
}

.axis-commerce-page--cart .wc-block-components-totals-footer-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: end;
  padding: 1rem 0 0 !important;
}

.axis-commerce-page--cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.axis-commerce-page--cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
  line-height: 1.05;
  white-space: nowrap;
}

.axis-commerce-page--cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size: clamp(1.05rem, 1.6vw, 1.28rem);
}

.axis-commerce-page--cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: clamp(1.3rem, 2.4vw, 1.82rem);
}

.axis-commerce-page--cart .wc-block-cart__submit-container {
  margin-top: 0.2rem;
  padding: 0 !important;
  border: 0 !important;
}

.axis-commerce-page--cart .wc-block-cart__submit-button {
  width: 100%;
  min-height: 3.5rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.42) !important;
  border-radius: 999px !important;
  color: #07111f !important;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass)) !important;
  box-shadow: 0 18px 42px rgba(var(--axis-olive-rgb), 0.16);
  font-weight: 950 !important;
}

.axis-commerce-page--cart .wc-block-cart__submit-button:hover,
.axis-commerce-page--cart .wc-block-cart__submit-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 24px 52px rgba(var(--axis-olive-rgb), 0.22);
}

.axis-commerce-page--cart .wc-block-cart__sidebar::after {
  content: "Next: checkout confirms billing details, payment, and your OumsAI license-ready order record.";
  display: block;
  padding: 0.92rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.14);
  border-radius: 18px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.28);
  font-size: 0.86rem;
  font-weight: 720;
  line-height: 1.5;
}

.axis-light .axis-commerce-page--cart {
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-olive-rgb), 0.09), transparent 24rem),
    radial-gradient(circle at 88% 16%, rgba(var(--axis-blue-rgb), 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(247, 248, 251, 0.99), rgba(238, 243, 248, 0.96));
}

.axis-light .axis-commerce-page__proof p,
.axis-light .axis-commerce-page--cart .wc-block-cart__main,
.axis-light .axis-commerce-page--cart .wc-block-cart-items__row td,
.axis-light .axis-commerce-page--cart .wc-block-cart__sidebar,
.axis-light .axis-commerce-page--cart .wp-block-woocommerce-cart-order-summary-coupon-form-block,
.axis-light .axis-commerce-page--cart .wc-block-cart__sidebar::after {
  border-color: rgba(15, 23, 42, 0.105) !important;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.045), transparent 42%),
    rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-commerce-page--cart .wc-block-cart__main {
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.05) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.09), transparent 18rem),
    rgba(255, 255, 255, 0.9);
}

.axis-light .axis-commerce-page--cart .wc-block-cart-items__row td {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-olive-rgb), 0.08), transparent 12rem),
    rgba(255, 255, 255, 0.76);
}

.axis-light .axis-commerce-page--cart .wc-block-cart-items__row {
  border-color: rgba(15, 23, 42, 0.1);
}

.axis-light .axis-commerce-page--cart .wc-block-components-quantity-selector,
.axis-light .axis-commerce-page--cart .wc-block-cart__sidebar::after {
  background: rgba(248, 250, 252, 0.8);
}

.axis-light .axis-commerce-page--cart .wc-block-cart-item__image img {
  box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
}

@media (max-width: 980px) {
  .axis-commerce-page--cart .wc-block-cart {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--cart .wc-block-cart__sidebar {
    position: relative !important;
    top: auto;
  }

  .axis-commerce-page--cart .axis-commerce-page__proof,
  .axis-commerce-page--checkout .axis-commerce-page__proof {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .axis-commerce-page--cart .axis-entry__title,
  .axis-commerce-page--checkout .axis-entry__title {
    font-size: clamp(3rem, 18vw, 4.4rem);
  }

  .axis-commerce-page--cart .axis-commerce-page__proof,
  .axis-commerce-page--checkout .axis-commerce-page__proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--cart .wc-block-cart__main,
  .axis-commerce-page--cart .wc-block-cart__sidebar {
    border-radius: 24px;
    padding: 0.85rem !important;
  }

  .axis-commerce-page--cart .wc-block-cart-items {
    display: block;
    border-spacing: 0;
  }

  .axis-commerce-page--cart .wc-block-cart-items thead {
    display: none;
  }

  .axis-commerce-page--cart .wc-block-cart-items tbody,
  .axis-commerce-page--cart .wc-block-cart-items__row,
  .axis-commerce-page--cart .wc-block-cart-items__row td,
  .axis-commerce-page--cart .wc-block-cart-items__row td:first-child,
  .axis-commerce-page--cart .wc-block-cart-items__row td:last-child {
    display: block !important;
    width: 100% !important;
  }

  .axis-commerce-page--cart .wc-block-cart-items__row {
    grid-template-columns: none !important;
    gap: 0.82rem;
    overflow: hidden;
    margin-bottom: 0.85rem;
    padding: 0.9rem;
    border: 1px solid rgba(var(--axis-border-rgb), 0.16);
    border-radius: 22px;
    background:
      radial-gradient(circle at 100% 0, rgba(var(--axis-olive-rgb), 0.12), transparent 12rem),
      rgba(var(--axis-bg-rgb), 0.36);
  }

  .axis-commerce-page--cart .wc-block-cart-items__row td {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .axis-commerce-page--cart .wc-block-cart-item__total {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    padding-top: 0.72rem !important;
    text-align: left;
    white-space: normal;
  }

  .axis-commerce-page--cart .wc-block-cart__submit-container--sticky {
    position: static !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .axis-commerce-page--cart .wc-block-cart-item__image {
    padding-bottom: 0 !important;
  }

  .axis-commerce-page--cart .wc-block-cart-item__image img {
    width: min(100%, 10rem) !important;
    min-width: 0;
    aspect-ratio: 16 / 10;
  }

  .axis-commerce-page--cart .wc-block-cart-item__total {
    text-align: left;
  }
}

/* Shared checkout refresh for the full checkout page and quick checkout frame. */
.axis-commerce-page--checkout .wp-block-woocommerce-checkout,
.axis-commerce-page--checkout .wc-block-checkout,
.axis-commerce-page--checkout .wc-block-components-sidebar-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--checkout .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.44fr);
  gap: clamp(1.1rem, 3vw, 1.7rem);
  align-items: start;
}

.axis-commerce-page--checkout .wc-block-components-main {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.axis-commerce-page--checkout .wc-block-components-sidebar {
  grid-column: 2;
  grid-row: 1;
}

.axis-commerce-page--checkout .wc-block-components-main,
.axis-commerce-page--checkout .wc-block-components-sidebar {
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(1.1rem, 2.3vw, 1.45rem) !important;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 96% 0, rgba(var(--axis-accent-rgb), 0.1), transparent 17rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.8), rgba(var(--axis-surface-rgb), 0.5)) !important;
  box-shadow: 0 24px 76px rgba(0, 0, 0, 0.2) !important;
}

.axis-commerce-page--checkout .wc-block-components-sidebar {
  position: sticky !important;
  top: calc(var(--axis-header-top, 18px) + var(--axis-header-height, 72px) + 1rem);
  overflow: visible;
}

.axis-commerce-page--checkout .wc-block-components-sidebar {
  display: grid;
  gap: 1rem;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
  padding: clamp(0.35rem, 1.2vw, 0.75rem) 0 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--checkout .wc-block-components-sidebar::after {
  content: "";
  display: block;
  width: min(100%, 520px);
  height: 8.2rem;
  justify-self: center;
  background: url("../images/logo.png") center / min(92%, 340px) auto no-repeat;
}

.axis-commerce-page--checkout .wc-block-components-checkout-step {
  margin: 0 0 clamp(1rem, 2vw, 1.25rem);
  padding: 0;
  border: 0 !important;
}

.axis-commerce-page--checkout .wc-block-components-checkout-step:last-child {
  margin-bottom: 0;
}

.axis-commerce-page--checkout .wc-block-components-checkout-step__heading-container {
  margin: 0 0 0.85rem;
  padding: 0;
}

.axis-commerce-page--checkout .wc-block-components-title,
.axis-commerce-page--checkout .wc-block-components-checkout-step__title,
.axis-commerce-page--checkout .wc-block-components-sidebar h2 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.12rem, 2vw, 1.42rem);
  font-weight: 950;
  line-height: 1.08;
}

.axis-commerce-page--checkout input[type="text"],
.axis-commerce-page--checkout input[type="email"],
.axis-commerce-page--checkout input[type="tel"],
.axis-commerce-page--checkout input[type="number"],
.axis-commerce-page--checkout input[type="password"],
.axis-commerce-page--checkout input[type="search"],
.axis-commerce-page--checkout textarea,
.axis-commerce-page--checkout select,
.axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input {
  min-height: 3.28rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.22) !important;
  border-radius: 24px !important;
  color: var(--axis-ink) !important;
  background-color: rgba(var(--axis-bg-rgb), 0.78) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 30px rgba(0, 0, 0, 0.1) !important;
  font-weight: 820;
}

.axis-commerce-page--checkout .wc-blocks-components-select__container,
.axis-commerce-page--checkout .wc-block-components-text-input,
.axis-commerce-page--checkout .wc-block-components-combobox,
.axis-commerce-page--checkout .wc-block-components-combobox-control,
.axis-commerce-page--checkout .components-base-control,
.axis-commerce-page--checkout .components-base-control__field {
  color: var(--axis-ink);
  background: transparent !important;
  border-radius: 24px;
}

.axis-commerce-page--checkout .wc-block-components-text-input label,
.axis-commerce-page--checkout .wc-block-components-combobox label,
.axis-commerce-page--checkout .wc-block-components-combobox-control label,
.axis-commerce-page--checkout .components-base-control label,
.axis-commerce-page--checkout .wc-blocks-components-select label {
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-commerce-page--checkout input:focus,
.axis-commerce-page--checkout textarea:focus,
.axis-commerce-page--checkout select:focus,
.axis-commerce-page--checkout .wc-block-components-text-input input:focus,
.axis-commerce-page--checkout .wc-block-components-combobox-control input:focus {
  border-color: rgba(var(--axis-accent-rgb), 0.58) !important;
  box-shadow:
    0 0 0 3px rgba(var(--axis-accent-rgb), 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  outline: none !important;
}

.axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-commerce-page--checkout .wc-block-components-panel,
.axis-commerce-page--checkout .wc-block-components-totals-wrapper {
  border-color: rgba(var(--axis-border-rgb), 0.16) !important;
}

.axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-commerce-page--checkout .wc-block-components-panel {
  overflow: hidden;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.08), transparent 14rem),
    rgba(var(--axis-bg-rgb), 0.32) !important;
  box-shadow: none !important;
}

.axis-commerce-page--checkout .wc-block-components-radio-control__option {
  min-height: 3.35rem;
  padding: 0.85rem 1rem !important;
}

.axis-commerce-page--checkout .wc-block-components-radio-control__input {
  border-color: rgba(var(--axis-accent-rgb), 0.42) !important;
}

.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-content {
  padding: 0 1rem 1rem !important;
  color: var(--axis-muted);
  font-weight: 760;
}

.axis-commerce-page--checkout .wc-block-components-order-summary-item__image img {
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 16px;
}

.axis-commerce-page--checkout .wc-block-components-order-summary-item__quantity {
  border: 1px solid rgba(var(--axis-accent-rgb), 0.32);
  color: #07111f;
  background: rgb(var(--axis-accent-rgb));
  font-weight: 950;
}

.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.35rem, 2.7vw, 2rem);
  font-weight: 950;
}

.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button {
  min-height: 3.5rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.45) !important;
  border-radius: 22px !important;
  color: #07111f !important;
  background:
    linear-gradient(135deg, rgb(var(--axis-accent-rgb)), var(--axis-brass)) !important;
  box-shadow: 0 16px 42px rgba(var(--axis-accent-rgb), 0.18);
  font-weight: 950;
}

.axis-quick-checkout-open {
  overflow: hidden;
}

.axis-quick-checkout[hidden] {
  display: none;
}

.axis-quick-checkout {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: grid;
  place-items: stretch;
  padding: clamp(0.45rem, 1.4vw, 1rem);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.axis-quick-checkout.is-open {
  opacity: 1;
}

.axis-quick-checkout__backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--axis-accent-rgb), 0.16), transparent 27rem),
    rgba(3, 8, 18, 0.58);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.axis-quick-checkout__panel {
  position: relative;
  display: grid;
  width: min(100%, 1160px);
  height: min(94dvh, 900px);
  align-self: center;
  justify-self: center;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 0.55rem;
  overflow: visible;
  border: 0;
  border-radius: 28px;
  background: transparent;
  box-shadow: none;
  transform: translateY(10px) scale(0.985);
  transition: transform 0.2s ease;
}

.axis-quick-checkout.is-open .axis-quick-checkout__panel {
  transform: translateY(0) scale(1);
}

.axis-quick-checkout__titlebar {
  display: flex;
  min-height: 4rem;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  padding: 0.82rem 0.88rem 0.82rem 1.05rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 22px;
  background:
    linear-gradient(90deg, rgba(var(--axis-accent-rgb), 0.09), transparent 40%),
    rgba(var(--axis-bg-rgb), 0.76);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.axis-quick-checkout__titlebar span {
  display: block;
  margin-bottom: 0.18rem;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.axis-quick-checkout__titlebar h2 {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  font-weight: 950;
  line-height: 1.08;
}

.axis-quick-checkout__close {
  z-index: 4;
  display: inline-grid;
  width: 2.55rem;
  height: 2.55rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(var(--axis-border-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-card-rgb), 0.74);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  font: inherit;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.axis-quick-checkout__frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 28px;
  background: var(--axis-bg);
  box-shadow: 0 28px 92px rgba(0, 0, 0, 0.34);
}

html.axis-quick-checkout-page,
body.axis-quick-checkout-page {
  min-height: 100%;
  background: var(--axis-bg);
}

.axis-quick-checkout-page .axis-header,
.axis-quick-checkout-page .axis-footer {
  display: none;
}

.axis-quick-checkout-page .axis-commerce-page {
  min-height: 100vh;
  padding: 0;
  background:
    radial-gradient(circle at 8% 8%, rgba(var(--axis-accent-rgb), 0.14), transparent 21rem),
    radial-gradient(circle at 92% 4%, rgba(var(--axis-blue-rgb), 0.12), transparent 24rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.99), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-quick-checkout-page .axis-commerce-page .axis-entry__header {
  display: none;
}

.axis-quick-checkout-page .axis-page-shell--commerce {
  width: min(100%, 1120px);
  padding: clamp(1rem, 2.4vw, 1.4rem);
}

.axis-quick-checkout-page .axis-commerce-page .axis-entry {
  min-height: 100vh;
}

.axis-quick-checkout-page .axis-commerce-page .axis-entry__content,
.axis-quick-checkout-page .axis-commerce-page .woocommerce {
  height: 100%;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-notices-wrapper,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-form-coupon-toggle,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-form-login-toggle {
  margin: 0;
  padding: 0.85rem 1rem 0;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-form-coupon-toggle,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-form-login-toggle {
  display: none;
}

.axis-quick-checkout-page .axis-commerce-page .wp-block-woocommerce-checkout,
.axis-quick-checkout-page .axis-commerce-page .wc-block-checkout,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar-layout {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-quick-checkout-page .axis-commerce-page .wp-block-woocommerce-checkout {
  padding: 0 0 clamp(0.9rem, 2vw, 1.25rem);
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.48fr);
  gap: clamp(0.9rem, 2vw, 1.15rem);
  align-items: start;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-main,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar {
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
  padding: clamp(1rem, 2vw, 1.25rem) !important;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0, rgba(var(--axis-accent-rgb), 0.1), transparent 17rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.78), rgba(var(--axis-surface-rgb), 0.46));
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.18);
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar {
  position: sticky !important;
  top: 1rem;
  overflow: hidden;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar {
  display: grid;
  gap: 1rem;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible;
}

.axis-fast-checkout__panel--summary::after {
  content: "";
  display: block;
  width: min(100%, 260px);
  height: 4.4rem;
  margin: 1rem auto 0;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.18);
  border-radius: 20px;
  background:
    url("../images/logo.png") center / 158px auto no-repeat,
    radial-gradient(circle at 20% 0, rgba(var(--axis-accent-rgb), 0.2), transparent 10rem),
    linear-gradient(135deg, rgba(4, 10, 22, 0.94), rgba(13, 23, 44, 0.92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step {
  margin: 0 0 0.85rem;
  padding: 0;
  border: 0 !important;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step:last-child {
  margin-bottom: 0;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step__heading-container,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar .wc-block-components-totals-wrapper:first-child {
  margin: 0 0 0.72rem;
  padding: 0;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-title,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step__title,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar h2 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1rem, 2vw, 1.18rem);
  font-weight: 950;
  line-height: 1.1;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step__description,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-step__heading-content,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-product-metadata,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-totals-item__description {
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-weight: 740;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form-wrapper {
  display: grid;
  gap: 0.72rem;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__country,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__address_1,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__address_2-toggle,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__address_2-hidden-input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__phone,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form__email {
  grid-column: 1 / -1;
}

.axis-quick-checkout-page .axis-commerce-page input[type="text"],
.axis-quick-checkout-page .axis-commerce-page input[type="email"],
.axis-quick-checkout-page .axis-commerce-page input[type="tel"],
.axis-quick-checkout-page .axis-commerce-page input[type="number"],
.axis-quick-checkout-page .axis-commerce-page input[type="password"],
.axis-quick-checkout-page .axis-commerce-page input[type="search"],
.axis-quick-checkout-page .axis-commerce-page textarea,
.axis-quick-checkout-page .axis-commerce-page select,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox .components-combobox-control__input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-form .wc-block-components-text-input input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-form .wc-block-components-combobox-control input {
  min-height: 3.05rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.22) !important;
  border-radius: 24px !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.74), rgba(var(--axis-card-rgb), 0.48)) !important;
  background-color: rgba(var(--axis-bg-rgb), 0.76) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 10px 28px rgba(0, 0, 0, 0.1);
  font-weight: 820;
}

.axis-quick-checkout-page .axis-commerce-page input::placeholder,
.axis-quick-checkout-page .axis-commerce-page textarea::placeholder,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input input::placeholder,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox-control input::placeholder {
  color: rgba(148, 163, 184, 0.72);
}

.axis-quick-checkout-page .axis-commerce-page input:focus,
.axis-quick-checkout-page .axis-commerce-page textarea:focus,
.axis-quick-checkout-page .axis-commerce-page select:focus,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input input:focus,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox-control input:focus {
  border-color: rgba(var(--axis-accent-rgb), 0.55) !important;
  box-shadow:
    0 0 0 3px rgba(var(--axis-accent-rgb), 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  outline: none !important;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox-control,
.axis-quick-checkout-page .axis-commerce-page .wc-blocks-components-select__container,
.axis-quick-checkout-page .axis-commerce-page .components-base-control,
.axis-quick-checkout-page .axis-commerce-page .components-base-control__field {
  color: var(--axis-ink);
  background: transparent !important;
  border-radius: 24px;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input label,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox label,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox-control label,
.axis-quick-checkout-page .axis-commerce-page .components-base-control label {
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-quick-checkout-page .axis-commerce-page select option {
  color: #07111f;
  background: #ffffff;
}

.axis-quick-checkout-page .axis-commerce-page select.wc-blocks-components-select__select {
  background: #080f1f !important;
}

.axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill,
.axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill:hover,
.axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--axis-ink);
  box-shadow: 0 0 0 1000px rgba(var(--axis-bg-rgb), 0.88) inset !important;
  transition: background-color 9999s ease-out;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-radio-control,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-radio-control-accordion-option,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-panel,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-totals-wrapper {
  border-color: rgba(var(--axis-border-rgb), 0.16) !important;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-radio-control-accordion-option,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-panel {
  border-radius: 24px !important;
  background: rgba(var(--axis-bg-rgb), 0.28);
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary-item {
  padding-block: 0.8rem;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary-item__image img {
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 14px;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary-item__quantity {
  border: 1px solid rgba(var(--axis-accent-rgb), 0.32);
  color: var(--axis-ink);
  background: rgb(var(--axis-accent-rgb));
  font-weight: 950;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-totals-footer-item {
  align-items: baseline;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.axis-quick-checkout-page .axis-commerce-page .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--axis-ink);
  font-size: clamp(1.25rem, 2.6vw, 1.8rem);
  font-weight: 950;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-return-to-cart-button {
  display: none;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-components-checkout-place-order-button {
  min-height: 3.35rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.45) !important;
  border-radius: 22px !important;
  color: #07111f !important;
  background:
    linear-gradient(135deg, rgb(var(--axis-accent-rgb)), var(--axis-brass)) !important;
  box-shadow: 0 16px 42px rgba(var(--axis-accent-rgb), 0.18);
  font-weight: 950;
}

.axis-quick-checkout-page .axis-commerce-page .wc-block-checkout__order-notes {
  display: none;
}

.axis-quick-checkout-page .axis-commerce-page form.checkout.axis-fast-checkout {
  display: block;
  min-height: auto;
  padding: 0 0 clamp(0.9rem, 2vw, 1.25rem);
}

.axis-fast-checkout-legal__copy span,
.axis-fast-checkout__section-head span {
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
}

.axis-fast-checkout-legal__copy p,
.axis-fast-checkout__section-head p {
  max-width: 48rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 740;
  line-height: 1.5;
}

.axis-fast-checkout-legal__copy p {
  color: rgba(226, 232, 240, 0.76);
  font-family: var(--axis-font-mono);
  font-size: 0.82rem;
  font-weight: 760;
}

.axis-fast-checkout-legal {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.95rem 1.25rem;
  align-items: center;
  margin: clamp(1.2rem, 2.6vw, 1.65rem) 0 clamp(0.9rem, 2vw, 1.25rem);
  padding: clamp(1rem, 2.1vw, 1.18rem);
  border: 0;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.34), rgba(var(--axis-card-rgb), 0.18));
  box-shadow: inset 0 0 0 1px rgba(var(--axis-border-rgb), 0.1);
}

.axis-fast-checkout-legal__copy {
  display: grid;
  min-width: 0;
  gap: 0.3rem;
}

.axis-fast-checkout-legal__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.48rem 0.7rem;
  justify-content: flex-end;
}

.axis-fast-checkout-legal__links a {
  color: rgba(226, 232, 240, 0.72);
  font-family: var(--axis-font-mono);
  font-size: 0.76rem;
  font-weight: 760;
  text-decoration: none;
}

.axis-fast-checkout-legal__links a:hover,
.axis-fast-checkout-legal__links a:focus-visible {
  color: rgb(var(--axis-accent-rgb));
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.axis-fast-checkout__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.56fr);
  gap: clamp(0.9rem, 2vw, 1.15rem);
  align-items: start;
}

.axis-fast-checkout__panel {
  min-width: 0;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 96% 0, rgba(var(--axis-accent-rgb), 0.1), transparent 17rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.78), rgba(var(--axis-surface-rgb), 0.46));
  box-shadow: 0 20px 70px rgba(0, 0, 0, 0.18);
}

.axis-fast-checkout__panel--details {
  padding: clamp(1rem, 2vw, 1.25rem);
}

.axis-fast-checkout__panel--summary {
  position: sticky;
  top: 1rem;
  overflow: hidden;
}

.axis-fast-checkout__section-head {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.axis-fast-checkout__section-head > span {
  display: inline-grid;
  width: 2.35rem;
  height: 2.35rem;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.32);
  border-radius: 14px;
  background: rgba(var(--axis-accent-rgb), 0.08);
}

.axis-fast-checkout__section-head strong {
  display: block;
  margin: 0 0 0.18rem;
  color: var(--axis-ink);
  font-size: 1.05rem;
  font-weight: 950;
  line-height: 1.1;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-additional-fields,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-checkout-review-order {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-additional-fields {
  padding: 0;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-additional-fields {
  display: none;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields h3,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields h3,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-additional-fields h3 {
  margin: 0 0 0.8rem;
  font-size: 1rem;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields__field-wrapper,
.axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-quick-checkout-page .axis-commerce-page form .form-row {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

.axis-quick-checkout-page .axis-commerce-page form .form-row-wide,
.axis-quick-checkout-page .axis-commerce-page form .form-row.notes,
.axis-quick-checkout-page .axis-commerce-page form #billing_country_field,
.axis-quick-checkout-page .axis-commerce-page form #billing_address_1_field,
.axis-quick-checkout-page .axis-commerce-page form #billing_email_field,
.axis-quick-checkout-page .axis-commerce-page form #billing_phone_field {
  grid-column: 1 / -1;
}

.axis-quick-checkout-page .axis-commerce-page form .form-row label {
  margin-bottom: 0.3rem;
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-quick-checkout-page .axis-commerce-page form .form-row .required {
  color: rgb(var(--axis-accent-rgb));
}

.axis-quick-checkout-page .axis-commerce-page .coupon input.input-text,
.axis-quick-checkout-page .axis-commerce-page form .form-row input.input-text,
.axis-quick-checkout-page .axis-commerce-page form .form-row textarea,
.axis-quick-checkout-page .axis-commerce-page form .form-row select,
.axis-quick-checkout-page .axis-commerce-page .select2-container--default .select2-selection--single {
  min-height: 3.05rem;
  border-color: rgba(var(--axis-border-rgb), 0.22);
  border-radius: 24px;
  background: rgba(var(--axis-bg-rgb), 0.46);
}

.axis-fast-checkout__review {
  padding: 0;
}

.axis-fast-review {
  display: grid;
  gap: 1rem;
}

.axis-fast-review__items {
  display: grid;
  gap: 0.72rem;
  padding: 0 1rem 1rem;
}

.axis-fast-review__item {
  display: grid;
  grid-template-columns: 4.4rem minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  padding: 0.75rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.34);
}

.axis-fast-review__image {
  overflow: hidden;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 16px;
  background: rgba(var(--axis-card-rgb), 0.52);
}

.axis-fast-review__image img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.axis-fast-review__copy {
  display: grid;
  min-width: 0;
  gap: 0.18rem;
}

.axis-fast-review__copy strong {
  color: var(--axis-ink);
  font-size: 0.96rem;
  font-weight: 950;
  line-height: 1.18;
}

.axis-fast-review__copy span,
.axis-fast-review__copy .variation,
.axis-fast-review__copy .variation p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.35;
}

.axis-fast-review__copy .variation {
  display: flex;
  flex-wrap: wrap;
  gap: 0.28rem 0.5rem;
}

.axis-fast-review__copy .variation dt,
.axis-fast-review__copy .variation dd {
  margin: 0;
}

.axis-fast-review__copy .variation dt {
  color: rgb(var(--axis-accent-rgb));
  font-weight: 950;
}

.axis-fast-review__price,
.axis-fast-review__line strong {
  color: var(--axis-ink);
  font-weight: 950;
  white-space: nowrap;
}

.axis-fast-review__totals {
  display: grid;
  gap: 0.62rem;
  padding: 1rem;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.14);
  background: rgba(var(--axis-bg-rgb), 0.26);
}

.axis-fast-review__line {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 820;
}

.axis-fast-review__line--total {
  margin-top: 0.35rem;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.18);
  align-items: baseline;
}

.axis-fast-review__line--total span {
  color: var(--axis-ink);
  font-weight: 950;
}

.axis-fast-review__line--total strong {
  font-size: clamp(1.55rem, 3vw, 2.05rem);
  line-height: 1;
}

.axis-fast-checkout #payment,
.axis-fast-checkout .woocommerce-checkout-payment {
  margin: 0;
  border-radius: 0;
  background: transparent !important;
}

.axis-fast-checkout #payment ul.payment_methods {
  margin: 0;
  padding: 0 1rem 1rem;
  border: 0;
}

.axis-fast-checkout #payment ul.payment_methods li {
  margin: 0;
  padding: 0.85rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 24px;
  background: rgba(var(--axis-bg-rgb), 0.28);
  color: var(--axis-muted);
  font-weight: 780;
}

.axis-fast-checkout #payment div.form-row.place-order {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0 1rem 1rem;
}

.axis-fast-checkout .woocommerce-privacy-policy-text,
.axis-fast-checkout .woocommerce-terms-and-conditions-wrapper {
  font-size: 0.74rem;
  line-height: 1.45;
}

.axis-fast-checkout #place_order {
  min-height: 3.35rem;
  border-radius: 18px !important;
  font-size: 0.95rem;
}

.axis-fast-checkout .woocommerce-checkout-review-order-table {
  margin: 0 1rem 1rem;
}

.axis-quick-checkout-page .axis-commerce-page #order_review_heading,
.axis-quick-checkout-page .axis-commerce-page #order_review {
  grid-column: 1;
}

.axis-quick-checkout-page .axis-commerce-page .woocommerce-checkout-review-order {
  margin-top: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main {
  border-radius: 42px !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main {
  padding: clamp(1.25rem, 2.4vw, 1.7rem) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step {
  margin-bottom: clamp(1.25rem, 2.6vw, 1.65rem);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method {
  overflow: hidden;
  margin: clamp(1.1rem, 2.5vw, 1.45rem) 0 clamp(1.25rem, 2.7vw, 1.7rem);
  padding: clamp(1rem, 2.2vw, 1.2rem) !important;
  border: 0 !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.28), rgba(var(--axis-card-rgb), 0.14)) !important;
  box-shadow: none !important;
  font-family: var(--axis-font-mono);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__container,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__container,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__content,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__content {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__title,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__title {
  font-family: var(--axis-font-mono);
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control {
  display: grid;
  gap: 0.55rem;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control::before,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control::before,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control::after {
  border: 0 !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option {
  overflow: hidden;
  border: 0 !important;
  border-radius: 22px !important;
  background: rgba(var(--axis-bg-rgb), 0.24) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border: 0 !important;
  background: rgba(var(--axis-surface-rgb), 0.38) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option {
  position: relative;
  display: grid !important;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
  min-height: 3.5rem;
  padding: 0.9rem 1rem !important;
  color: var(--axis-ink);
  font-family: var(--axis-font-mono);
  font-size: 0.86rem;
  font-weight: 800;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::before,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::after,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::before,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::before,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::before,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::after {
  border-radius: inherit !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::after,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option::after {
  border: 0 !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option-layout,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option-layout,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__label-group,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__label-group {
  min-width: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-payment-method-label,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-payment-method-label,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__label,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__label {
  overflow-wrap: anywhere;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-content,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-content {
  padding: 0 1rem 1rem calc(2.05rem + 1rem) !important;
  color: var(--axis-muted);
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  line-height: 1.55;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element,
.axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element,
.axis-commerce-page.axis-commerce-page--checkout .StripeElement,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .StripeElement {
  overflow: hidden;
  border: 0 !important;
  border-radius: 22px !important;
  background: rgba(var(--axis-bg-rgb), 0.2) !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wcstripe-payment-element.StripeElement,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wcstripe-payment-element.StripeElement {
  height: 8.55rem !important;
  max-height: 8.55rem !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element iframe,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element iframe,
.axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element iframe,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element iframe,
.axis-commerce-page.axis-commerce-page--checkout .StripeElement iframe,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .StripeElement iframe {
  border-radius: 20px !important;
}

.axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy {
  margin: 0.85rem 0 0;
  color: rgba(226, 232, 240, 0.72);
  font-family: var(--axis-font-mono);
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.55;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox input[type="checkbox"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox input[type="checkbox"] {
  width: 1.08rem;
  height: 1.08rem;
  margin: 0 !important;
  border-color: rgba(var(--axis-border-rgb), 0.32) !important;
  background: rgba(var(--axis-bg-rgb), 0.76) !important;
  box-shadow: none !important;
  appearance: none;
  -webkit-appearance: none;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input {
  position: static !important;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: start;
  border-radius: 999px !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input:checked,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input:checked {
  border-color: rgba(248, 250, 252, 0.66) !important;
  background:
    radial-gradient(circle, rgb(248, 250, 252) 0 34%, transparent 39%),
    rgba(var(--axis-bg-rgb), 0.78) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .wc-block-components-panel,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .wc-block-components-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item {
  background: transparent !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item__image img,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item__image img {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .axis-sale-price__badge,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .axis-sale-price__badge {
  display: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes {
  margin-top: clamp(1rem, 2vw, 1.25rem);
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.14) !important;
  border-radius: 28px;
  background: rgba(var(--axis-bg-rgb), 0.28);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox {
  color: var(--axis-ink);
  font-family: var(--axis-font-mono);
  font-size: 0.82rem;
  font-weight: 760;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms {
  margin: clamp(1.2rem, 2.4vw, 1.5rem) 0 0;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.14) !important;
  border-radius: 28px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.28);
  font-family: var(--axis-font-mono);
  font-size: 0.76rem;
  font-weight: 720;
  line-height: 1.55;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms a,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms a {
  color: var(--axis-ink);
  text-decoration-color: rgba(var(--axis-accent-rgb), 0.5);
  text-underline-offset: 0.24em;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions {
  margin-top: 0.8rem;
  padding: 0.95rem 0 0;
  font-family: var(--axis-font-mono);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions_row,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions_row {
  display: flex;
  gap: 0.85rem;
  align-items: center;
  justify-content: space-between;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-return-to-cart-button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-return-to-cart-button {
  color: var(--axis-muted);
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 780;
  text-decoration: none;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button {
  width: auto;
  min-width: 10.5rem;
  min-height: 3.25rem;
  padding-inline: 1.35rem !important;
  border: 1px solid rgba(248, 250, 252, 0.24) !important;
  border-radius: 999px !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.12), rgba(var(--axis-card-rgb), 0.68)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16) !important;
  font-family: var(--axis-font-mono);
  font-size: 0.82rem;
  font-weight: 900 !important;
  letter-spacing: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:hover,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:hover {
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.18), rgba(var(--axis-card-rgb), 0.78)) !important;
  transform: translateY(-1px);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button {
  min-height: 2.75rem;
  padding: 0.25rem 0 !important;
  color: var(--axis-muted);
  background: transparent !important;
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 760;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button-icon,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button-icon {
  width: 1.05rem;
  height: 1.05rem;
  color: var(--axis-muted);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon,
.axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__form,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.55rem;
  align-items: stretch;
  font-family: var(--axis-font-mono);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button {
  min-height: 3.05rem;
  padding-inline: 1rem !important;
  border: 1px solid rgba(248, 250, 252, 0.22) !important;
  border-radius: 999px !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.12), rgba(var(--axis-card-rgb), 0.68)) !important;
  box-shadow: none !important;
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 850;
  letter-spacing: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button:hover,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button:hover {
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.18), rgba(var(--axis-card-rgb), 0.78)) !important;
}

/* Apple Store-inspired checkout simplification, aligned with the cart page. */
.axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar-layout,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar-layout {
  padding: 0 !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main {
  position: relative;
  overflow: hidden;
  border-radius: 30px !important;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.14), transparent 18rem),
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.07), transparent 44%),
    rgba(var(--axis-card-rgb), 0.66) !important;
  box-shadow: var(--axis-shadow) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main > *,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-main > * {
  position: relative;
  z-index: 1;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar {
  display: grid;
  gap: 0.9rem;
  padding: clamp(1rem, 2.4vw, 1.4rem) !important;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24) !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(var(--axis-blue-rgb), 0.17), transparent 17rem),
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.1), rgba(var(--axis-card-rgb), 0.76)) !important;
  box-shadow: var(--axis-shadow) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar::after,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar::after {
  height: 5.8rem;
  opacity: 0.88;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step {
  margin: 0;
  padding: 0 0 clamp(1.1rem, 2.4vw, 1.45rem);
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.14) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step + .wc-block-components-checkout-step,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step + .wc-block-components-checkout-step {
  padding-top: clamp(1.1rem, 2.4vw, 1.45rem);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step:last-child,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step__heading-container,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-step__heading-container {
  margin-bottom: 0.72rem;
}

.axis-commerce-page.axis-commerce-page--checkout input[type="text"],
.axis-commerce-page.axis-commerce-page--checkout input[type="email"],
.axis-commerce-page.axis-commerce-page--checkout input[type="tel"],
.axis-commerce-page.axis-commerce-page--checkout input[type="number"],
.axis-commerce-page.axis-commerce-page--checkout input[type="password"],
.axis-commerce-page.axis-commerce-page--checkout input[type="search"],
.axis-commerce-page.axis-commerce-page--checkout textarea,
.axis-commerce-page.axis-commerce-page--checkout select,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="text"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="email"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="tel"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="number"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="password"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="search"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout textarea,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout select,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input {
  min-height: 3.18rem;
  border-radius: 18px !important;
  background-color: rgba(var(--axis-bg-rgb), 0.54) !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms {
  margin: 0;
  padding: clamp(1.1rem, 2.4vw, 1.45rem) 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-content,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-content,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkbox,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__actions,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-panel__button,
.axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-return-to-cart-button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-return-to-cart-button,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button {
  font-family: var(--axis-font-ui);
  letter-spacing: 0;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__title,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method .wc-block-components-checkout-step__title {
  font-family: var(--axis-font-display);
  font-size: clamp(1.12rem, 2vw, 1.42rem);
  text-transform: none;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option {
  border: 1px solid rgba(var(--axis-border-rgb), 0.16) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.07), transparent 48%),
    rgba(var(--axis-bg-rgb), 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border-color: rgba(var(--axis-blue-rgb), 0.24) !important;
  background:
    radial-gradient(circle at 96% 0, rgba(var(--axis-blue-rgb), 0.16), transparent 13rem),
    rgba(var(--axis-surface-rgb), 0.42) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--axis-border-rgb), 0.13) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-stripe-upe-element,
.axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout #stripe-payment-element,
.axis-commerce-page.axis-commerce-page--checkout .StripeElement,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .StripeElement {
  background: rgba(var(--axis-bg-rgb), 0.16) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item {
  padding: 0.88rem 0 !important;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.12) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item:last-child,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary-item:last-child {
  border-bottom: 0 !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-wrapper,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-wrapper {
  padding: 0.86rem 0 !important;
  border-color: rgba(var(--axis-border-rgb), 0.14) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: center;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
  font-size: clamp(1.05rem, 1.6vw, 1.28rem);
  white-space: nowrap;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  font-size: clamp(1.3rem, 2.4vw, 1.82rem);
  white-space: nowrap;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button {
  min-width: 10.5rem;
  min-height: 3.05rem;
  border-color: rgba(var(--axis-blue-rgb), 0.3) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.24) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:hover,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:focus-visible,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:hover,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 18px 34px rgba(var(--axis-blue-rgb), 0.28) !important;
  transform: translateY(-1px);
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card {
  border-color: rgba(var(--axis-border-rgb), 0.2) !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.07), transparent 48%),
    rgba(var(--axis-bg-rgb), 0.42) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card *,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card *,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address {
  color: var(--axis-ink) !important;
}

.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card__address,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address *,
.axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card__address *,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card__address,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card address *,
.axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-address-card__address * {
  color: var(--axis-muted) !important;
  font-weight: 700;
  line-height: 1.5;
}

/* Classic WooCommerce shortcode cart and checkout alignment. */
.axis-commerce-page--cart .woocommerce,
.axis-commerce-page--checkout .woocommerce {
  width: 100%;
}

.axis-commerce-page--cart .woocommerce {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.42fr);
  gap: clamp(1rem, 3vw, 1.5rem);
  align-items: start;
}

.axis-commerce-page .woocommerce-message::before,
.axis-commerce-page .woocommerce-info::before,
.axis-commerce-page .woocommerce-error::before {
  display: none;
  content: none;
}

.axis-commerce-page--cart .woocommerce-notices-wrapper,
.axis-commerce-page--cart .woocommerce-message,
.axis-commerce-page--cart .woocommerce-info,
.axis-commerce-page--cart .woocommerce-error,
.axis-commerce-page--cart .return-to-shop {
  grid-column: 1 / -1;
}

.axis-commerce-page--cart .woocommerce-cart-form {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: clamp(1rem, 2.4vw, 1.4rem);
  border: 1px solid var(--axis-line);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 44%),
    rgba(var(--axis-card-rgb), 0.68);
  box-shadow: var(--axis-shadow);
}

.axis-commerce-page--cart .woocommerce-cart-form::before {
  content: "";
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.12);
  border-radius: 22px;
  pointer-events: none;
}

.axis-commerce-page--cart .woocommerce-cart-form > * {
  position: relative;
  z-index: 1;
}

.axis-commerce-page--cart table.shop_table.cart,
.axis-commerce-page--cart .woocommerce-cart-form__contents {
  display: block;
  width: 100%;
  margin: 0;
  overflow: visible;
  border: 0 !important;
  border-radius: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--cart table.shop_table.cart thead,
.axis-commerce-page--cart table.shop_table.cart tbody {
  display: block;
}

.axis-commerce-page--cart table.shop_table.cart thead tr,
.axis-commerce-page--cart table.shop_table.cart tbody tr.cart_item {
  display: grid;
  grid-template-columns: 2.35rem 6.2rem minmax(0, 1fr) minmax(6.4rem, auto) minmax(6.6rem, auto) minmax(7.6rem, auto);
  gap: 0.85rem;
  align-items: center;
}

.axis-commerce-page--cart table.shop_table.cart thead tr {
  padding: 0 0.75rem 0.55rem;
}

.axis-commerce-page--cart table.shop_table.cart thead th {
  display: block;
  padding: 0 !important;
  border: 0 !important;
  color: var(--axis-muted);
  background: transparent !important;
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.06em;
  text-align: left;
  text-transform: uppercase;
}

.axis-commerce-page--cart table.shop_table.cart thead th.product-price,
.axis-commerce-page--cart table.shop_table.cart thead th.product-quantity,
.axis-commerce-page--cart table.shop_table.cart thead th.product-subtotal {
  text-align: right;
}

.axis-commerce-page--cart table.shop_table.cart tbody tr.cart_item {
  padding: clamp(1rem, 2.5vw, 1.35rem) 0.75rem;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.14);
  background: transparent;
}

.axis-commerce-page--cart table.shop_table.cart tbody tr.cart_item:last-of-type {
  border-bottom: 0;
}

.axis-commerce-page--cart table.shop_table.cart td,
.axis-commerce-page--cart table.shop_table.cart th {
  display: block;
  width: auto;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  color: var(--axis-muted);
  background: transparent !important;
}

.axis-commerce-page--cart table.shop_table.cart .product-remove {
  justify-self: center;
}

.axis-commerce-page--cart table.shop_table.cart .product-thumbnail img {
  display: block;
  width: 5.7rem;
  min-width: 5.7rem;
  aspect-ratio: 1;
  object-fit: cover;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.12), transparent 44%),
    rgba(var(--axis-bg-rgb), 0.64);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

.axis-commerce-page--cart table.shop_table.cart .product-name {
  display: grid;
  gap: 0.34rem;
  align-content: center;
}

.axis-commerce-page--cart table.shop_table.cart .product-name a {
  width: fit-content;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.02rem, 2vw, 1.22rem);
  font-weight: 780;
  line-height: 1.12;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation,
.axis-commerce-page--cart table.shop_table.cart .product-name .variation,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation {
  display: flex;
  flex-wrap: wrap;
  gap: 0.18rem 0.82rem;
  margin: 0.05rem 0 0;
  color: var(--axis-muted);
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.42;
}

.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation dt,
.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation dd,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation dt,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation dd {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-transform: none;
}

.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation dt,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation dt {
  color: var(--axis-muted);
  font-weight: 700;
}

.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation dd,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation dd {
  color: var(--axis-ink);
  font-weight: 760;
}

.axis-commerce-page--cart table.shop_table.cart .product-name dl.variation dd + dt::before,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .variation dd + dt::before {
  content: "•";
  margin: 0 0.54rem 0 0.1rem;
  color: rgba(var(--axis-border-rgb), 0.64);
}

.axis-commerce-page--cart table.shop_table.cart .product-price,
.axis-commerce-page--cart table.shop_table.cart .product-subtotal {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(0.98rem, 1.7vw, 1.14rem);
  font-weight: 780;
  text-align: right;
  white-space: nowrap;
}

.axis-commerce-page--cart table.shop_table.cart .product-quantity {
  justify-self: end;
}

.axis-commerce-page--cart .product-remove a.remove {
  width: 2.2rem;
  height: 2.2rem;
  border-color: rgba(var(--axis-border-rgb), 0.18);
  color: var(--axis-muted) !important;
  background: rgba(var(--axis-bg-rgb), 0.24);
  font-size: 1.25rem;
  font-weight: 720;
}

.axis-commerce-page--cart .product-remove a.remove:hover,
.axis-commerce-page--cart .product-remove a.remove:focus-visible {
  border-color: rgba(239, 68, 68, 0.38);
  color: #f87171 !important;
  background: rgba(239, 68, 68, 0.08);
}

.axis-commerce-page--cart table.cart tbody tr:not(.cart_item) {
  display: block;
  padding: 1rem 0.75rem 0;
}

.axis-commerce-page--cart table.cart td.actions {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  align-items: center;
}

.axis-commerce-page--cart table.cart td.actions .coupon {
  flex: 1 1 25rem;
}

.axis-commerce-page--cart .coupon input.input-text {
  min-width: min(100%, 12rem);
}

.axis-commerce-page--cart table.cart td.actions .button[name="update_cart"] {
  margin-left: auto;
  border-color: rgba(var(--axis-border-rgb), 0.22) !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.1), rgba(var(--axis-card-rgb), 0.48)) !important;
  box-shadow: none;
}

.axis-commerce-page--cart table.cart td.actions .coupon .button,
.axis-commerce-page--cart .wc-proceed-to-checkout a.checkout-button,
.axis-commerce-page--checkout #place_order {
  border-color: rgba(var(--axis-blue-rgb), 0.3) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.22) !important;
}

.axis-commerce-page--cart .cart-collaterals {
  grid-column: 2;
  position: sticky;
  top: calc(var(--axis-header-top, 18px) + var(--axis-header-height, 72px) + 1rem);
  display: block;
  min-width: 0;
  margin: 0;
}

.axis-commerce-page--cart .cart_totals {
  display: grid;
  width: 100% !important;
  gap: 0.86rem;
  padding: clamp(1rem, 2.4vw, 1.4rem);
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 18%, rgba(var(--axis-blue-rgb), 0.17), transparent 17rem),
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.1), rgba(var(--axis-card-rgb), 0.76));
  box-shadow: var(--axis-shadow);
}

.axis-commerce-page--cart .cart_totals::before,
.axis-commerce-page--checkout .axis-checkout-summary::before {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.36);
  border-radius: 999px;
  color: var(--axis-brass);
  background: rgba(var(--axis-olive-rgb), 0.09);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.axis-commerce-page--cart .cart_totals::before {
  content: "Checkout signal";
}

.axis-commerce-page--checkout .axis-checkout-summary::before {
  content: "Secure order";
}

.axis-commerce-page--cart .cart_totals h2 {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.18rem, 2.4vw, 1.55rem);
  font-weight: 780;
  line-height: 1.12;
}

.axis-commerce-page--cart .cart_totals table.shop_table,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table {
  display: block;
  overflow: hidden;
  width: 100%;
  margin: 0;
  border: 1px solid rgba(var(--axis-border-rgb), 0.14) !important;
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.28) !important;
  box-shadow: none !important;
}

.axis-commerce-page--cart .cart_totals table.shop_table tbody,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table thead,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tbody,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot {
  display: block;
}

.axis-commerce-page--cart .cart_totals table.shop_table tr,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tbody tr,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: start;
  padding: 0.95rem 1rem;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.14);
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table thead {
  display: none;
}

.axis-commerce-page--cart .cart_totals table.shop_table tr:last-child,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tbody tr:last-child,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr:last-child {
  border-bottom: 0;
}

.axis-commerce-page--cart .cart_totals table.shop_table th,
.axis-commerce-page--cart .cart_totals table.shop_table td,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table th,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table td {
  display: block;
  width: auto;
  padding: 0 !important;
  border: 0 !important;
  color: var(--axis-muted);
  background: transparent !important;
  text-align: left;
}

.axis-commerce-page--cart .cart_totals table.shop_table td,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-total,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot td {
  color: var(--axis-ink);
  font-weight: 950;
  text-align: right;
  white-space: nowrap;
}

.axis-commerce-page--cart .cart_totals table.shop_table .order-total th,
.axis-commerce-page--cart .cart_totals table.shop_table .order-total td,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .order-total th,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .order-total td {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.05rem, 1.7vw, 1.26rem);
  font-weight: 780;
}

/* Refined classic cart: keep shortcode compatibility, remove the table-like feel. */
.axis-commerce-page--cart .woocommerce {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.38fr);
}

.axis-commerce-page--cart .woocommerce-cart-form {
  padding: clamp(1rem, 2.4vw, 1.5rem);
  background:
    radial-gradient(circle at 96% 0, rgba(var(--axis-blue-rgb), 0.11), transparent 20rem),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.055) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px) 0 0 / 42px 42px,
    rgba(var(--axis-card-rgb), 0.62);
}

.axis-commerce-page--cart .woocommerce-cart-form::before {
  display: none;
}

.axis-commerce-page--cart table.shop_table.cart thead {
  display: none;
}

.axis-commerce-page--cart table.shop_table.cart tbody tr.cart_item {
  grid-template-columns: 2.35rem 5.8rem minmax(0, 1fr) minmax(6.4rem, auto) minmax(7.6rem, auto);
  gap: 0.45rem 1rem;
  padding: clamp(1rem, 2.5vw, 1.45rem) 0;
  border-bottom-color: rgba(var(--axis-border-rgb), 0.16);
}

.axis-commerce-page--cart table.shop_table.cart .product-remove {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.axis-commerce-page--cart table.shop_table.cart .product-thumbnail {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.axis-commerce-page--cart table.shop_table.cart .product-name {
  grid-column: 3;
  grid-row: 1;
  min-width: 0;
}

.axis-commerce-page--cart table.shop_table.cart .product-price {
  grid-column: 3;
  grid-row: 2;
  display: inline-flex !important;
  width: fit-content;
  align-items: center;
  gap: 0.35rem;
  color: var(--axis-muted);
  font-family: var(--axis-font-ui);
  font-size: 0.86rem;
  font-weight: 680;
  text-align: left;
}

.axis-commerce-page--cart table.shop_table.cart .product-price::before {
  content: "Unit price";
  color: var(--axis-muted);
  font-weight: 680;
}

.axis-commerce-page--cart table.shop_table.cart .product-price .woocommerce-Price-amount {
  color: var(--axis-muted);
  font-weight: 760;
}

.axis-commerce-page--cart table.shop_table.cart .product-quantity {
  grid-column: 4;
  grid-row: 1 / span 2;
  align-self: center;
}

.axis-commerce-page--cart table.shop_table.cart .product-subtotal {
  grid-column: 5;
  grid-row: 1 / span 2;
  align-self: center;
}

.axis-commerce-page--cart table.shop_table.cart .product-thumbnail img {
  width: 5.3rem;
  min-width: 5.3rem;
  border-radius: 17px;
}

.axis-commerce-page--cart table.shop_table.cart .product-name a {
  font-size: clamp(1.02rem, 1.7vw, 1.18rem);
}

.axis-commerce-page--cart table.shop_table.cart .product-subtotal {
  color: var(--axis-ink);
  font-size: clamp(1rem, 1.8vw, 1.18rem);
  font-weight: 860;
}

.axis-commerce-page--cart table.cart tbody tr:not(.cart_item) {
  margin-top: 0.2rem;
  padding: 1rem 0 0;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.14);
}

.axis-commerce-page--cart table.cart td.actions {
  padding-top: 0 !important;
}

.axis-commerce-page--cart .cart_totals {
  gap: 0.9rem;
  background:
    radial-gradient(circle at 92% 12%, rgba(var(--axis-blue-rgb), 0.15), transparent 17rem),
    rgba(var(--axis-card-rgb), 0.7);
}

.axis-commerce-page--cart .cart_totals::before {
  content: "Order summary";
}

.axis-commerce-page--cart .cart_totals table.shop_table {
  background: rgba(var(--axis-bg-rgb), 0.22) !important;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, 0.46fr);
  gap: clamp(1rem, 3vw, 1.6rem);
  align-items: start;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-main {
  grid-column: 1;
  display: grid;
  min-width: 0;
  gap: 0.9rem;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-step,
.axis-commerce-page--checkout .axis-checkout-submit-card,
.axis-commerce-page--checkout .axis-checkout-summary {
  min-width: 0;
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 30px;
  box-shadow: var(--axis-shadow);
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  padding: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.024) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.14), transparent 18rem),
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.07), transparent 44%),
    rgba(var(--axis-card-rgb), 0.66);
}

.axis-commerce-page--checkout .axis-checkout-step__toggle {
  display: grid;
  width: 100%;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.85rem;
  align-items: center;
  padding: clamp(0.95rem, 2vw, 1.15rem) clamp(1rem, 2.4vw, 1.35rem);
  border: 0;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.14);
  color: var(--axis-ink);
  background: linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08), transparent 56%);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.axis-commerce-page--checkout .axis-checkout-step__toggle:hover,
.axis-commerce-page--checkout .axis-checkout-step__toggle:focus-visible {
  color: var(--axis-ink);
  background:
    linear-gradient(90deg, rgba(var(--axis-accent-rgb), 0.1), transparent 52%),
    rgba(var(--axis-bg-rgb), 0.16);
  outline: 0;
}

.axis-commerce-page--checkout .axis-checkout-step__index {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 999px;
  color: var(--axis-brass);
  background: rgba(var(--axis-bg-rgb), 0.36);
  font-family: var(--axis-font-mono);
  font-size: 0.72rem;
  font-weight: 950;
}

.axis-commerce-page--checkout .axis-checkout-step__title {
  min-width: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.08rem, 1.8vw, 1.28rem);
  font-weight: 780;
  line-height: 1.1;
}

.axis-commerce-page--checkout .axis-checkout-step__status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.38rem 0.62rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.16);
  border-radius: 999px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.28);
  font-size: 0.72rem;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
}

.axis-commerce-page--checkout .axis-checkout-step.is-complete .axis-checkout-step__status,
.axis-commerce-page--checkout .axis-checkout-step--payment:not(.is-disabled) .axis-checkout-step__status {
  border-color: rgba(var(--axis-accent-rgb), 0.28);
  color: var(--axis-brass);
  background: rgba(var(--axis-accent-rgb), 0.08);
}

.axis-commerce-page--checkout .axis-checkout-step.is-disabled {
  opacity: 0.72;
}

.axis-commerce-page--checkout .axis-checkout-step.is-disabled .axis-checkout-step__toggle {
  cursor: not-allowed;
}

.axis-commerce-page--checkout .axis-checkout-step__content {
  padding: clamp(1rem, 2.4vw, 1.35rem);
}

.axis-commerce-page--checkout .axis-checkout-step__content[hidden] {
  display: none;
}

.axis-js .axis-commerce-page--checkout .axis-checkout-step:not(.is-open) .axis-checkout-step__content {
  display: none;
}

.axis-commerce-page--checkout .axis-checkout-step:not(.is-open) .axis-checkout-step__toggle {
  border-bottom-color: transparent;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #customer_details {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #customer_details .col-1,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #customer_details .col-2 {
  width: 100%;
  float: none;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-billing-fields,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-shipping-fields,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-additional-fields {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-shipping-fields,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-additional-fields {
  margin-top: clamp(1.05rem, 2.4vw, 1.35rem);
  padding-top: clamp(1.05rem, 2.4vw, 1.35rem);
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.14);
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-billing-fields h3,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-shipping-fields h3,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-additional-fields h3,
.axis-commerce-page--checkout .axis-checkout-summary #order_review_heading {
  margin: 0 0 1rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.12rem, 2vw, 1.42rem);
  font-weight: 780;
  line-height: 1.12;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-billing-fields__field-wrapper,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-shipping-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.78rem;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) form .form-row,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .form-row {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .form-row-wide,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .form-row.notes,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .address-field,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #billing_country_field,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #billing_phone_field,
.axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) #billing_email_field {
  grid-column: 1 / -1;
}

.axis-commerce-page--checkout .axis-checkout-summary {
  grid-column: 2;
  position: sticky;
  top: calc(var(--axis-header-top, 18px) + var(--axis-header-height, 72px) + 1rem);
  display: grid;
  gap: 0.9rem;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-commerce-page--checkout .axis-checkout-summary #order_review_heading {
  grid-column: 1 / -1;
  margin: 0;
  padding: 0 0.2rem;
}

.axis-commerce-page--checkout .axis-checkout-summary #order_review {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.9rem;
}

.axis-commerce-page--checkout .axis-checkout-summary .woocommerce-checkout-review-order {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table,
.axis-commerce-page--checkout #payment {
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22) !important;
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 12%, rgba(var(--axis-blue-rgb), 0.14), transparent 17rem),
    rgba(var(--axis-card-rgb), 0.7) !important;
  box-shadow: var(--axis-shadow) !important;
}

.axis-commerce-page--checkout .axis-checkout-step--payment #payment {
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.axis-commerce-page--checkout .axis-checkout-submit-card {
  grid-column: 1 / -1;
  display: grid;
  gap: 0.95rem;
  padding: clamp(1rem, 2.4vw, 1.3rem);
  background:
    radial-gradient(circle at 90% 8%, rgba(var(--axis-accent-rgb), 0.12), transparent 14rem),
    rgba(var(--axis-card-rgb), 0.66);
}

.axis-commerce-page--checkout .axis-checkout-submit-card .form-row,
.axis-commerce-page--checkout .axis-checkout-submit-card p {
  margin: 0;
}

.axis-commerce-page--checkout .axis-checkout-submit-card .woocommerce-terms-and-conditions-wrapper,
.axis-commerce-page--checkout .axis-checkout-submit-card .woocommerce-privacy-policy-text {
  color: var(--axis-muted);
  font-size: 0.84rem;
  font-weight: 720;
  line-height: 1.52;
}

.axis-commerce-page--checkout .axis-checkout-submit-card .woocommerce-privacy-policy-text a,
.axis-commerce-page--checkout .axis-checkout-submit-card .woocommerce-terms-and-conditions-wrapper a {
  color: var(--axis-ink);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table {
  padding: 0;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-name {
  display: grid;
  min-width: 0;
  gap: 0.32rem;
  color: var(--axis-ink);
  font-weight: 780;
  line-height: 1.28;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-name a,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-name strong:first-child {
  color: var(--axis-ink);
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-quantity {
  display: inline-flex;
  width: fit-content;
  margin-left: 0.28rem;
  padding: 0.18rem 0.46rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 999px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.3);
  font-size: 0.76rem;
  font-weight: 820;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-totals th,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-totals td {
  grid-column: 1 / -1;
  text-align: left;
  white-space: normal;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-total,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-totals {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal th,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal td,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-total th,
.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.recurring-total td {
  grid-column: 1 / -1;
  width: 100%;
  max-width: 100%;
  text-align: left;
  white-space: normal;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal th {
  color: var(--axis-muted);
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal td {
  display: grid;
  gap: 0.4rem;
  color: var(--axis-ink);
  font-weight: 760;
  line-height: 1.44;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal ul {
  display: grid;
  gap: 0.3rem;
  margin: 0 !important;
  padding-left: 1rem !important;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal li {
  color: var(--axis-ink);
  overflow-wrap: anywhere;
}

.axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr.brodev-recurring-next-renewal small {
  max-width: 100%;
  margin-top: 0 !important;
  color: var(--axis-muted) !important;
  font-size: 0.86rem;
  font-weight: 680;
  line-height: 1.5;
  overflow-wrap: normal;
}

.axis-commerce-page--checkout .woocommerce-checkout-payment,
.axis-commerce-page--checkout #payment {
  margin: 0;
  padding: clamp(1rem, 2vw, 1.2rem);
  color: var(--axis-muted);
}

.axis-commerce-page--checkout #payment ul.payment_methods {
  display: grid;
  gap: 0.58rem;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.axis-commerce-page--checkout #payment ul.payment_methods li.wc_payment_method,
.axis-commerce-page--checkout #payment ul.payment_methods li.woocommerce-SavedPaymentMethods-new {
  margin: 0;
  padding: 0.88rem 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 18px;
  color: var(--axis-muted);
  background: rgba(var(--axis-bg-rgb), 0.3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  font-weight: 760;
}

.axis-commerce-page--checkout #payment ul.payment_methods li.wc_payment_method > label,
.axis-commerce-page--checkout #payment ul.payment_methods li.woocommerce-SavedPaymentMethods-new > label {
  color: var(--axis-ink);
  font-weight: 820;
}

.axis-commerce-page--checkout #payment input[type="radio"] {
  accent-color: var(--axis-clay);
}

.axis-commerce-page--checkout #payment div.payment_box,
.axis-commerce-page--checkout #payment .payment_box.payment_method_stripe,
.axis-commerce-page--checkout #payment .payment_box.payment_method_woocommerce_payments {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0.82rem 0 0;
  padding: 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.16);
  border-radius: 16px;
  color: var(--axis-muted) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-blue-rgb), 0.11), transparent 13rem),
    rgba(var(--axis-bg-rgb), 0.56) !important;
  box-shadow: none;
  overflow: hidden;
}

.axis-commerce-page--checkout #payment div.payment_box p,
.axis-commerce-page--checkout #payment div.payment_box fieldset,
.axis-commerce-page--checkout #payment div.payment_box ul {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.axis-commerce-page--checkout #payment div.payment_box p,
.axis-commerce-page--checkout #payment div.payment_box .testmode-info {
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.axis-commerce-page--checkout #payment div.payment_box::before {
  border-bottom-color: rgba(var(--axis-bg-rgb), 0.56) !important;
}

.axis-commerce-page--checkout #payment div.payment_box *,
.axis-commerce-page--checkout #payment .woocommerce-SavedPaymentMethods,
.axis-commerce-page--checkout #payment .woocommerce-SavedPaymentMethods label {
  color: inherit !important;
}

.axis-commerce-page--checkout #payment .wc-stripe-upe-element,
.axis-commerce-page--checkout #payment #stripe-payment-element,
.axis-commerce-page--checkout #payment .StripeElement {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 2.7rem;
  padding: 0.75rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.18);
  border-radius: 14px;
  color: var(--axis-ink);
  color-scheme: dark;
  background: rgba(var(--axis-card-rgb), 0.42) !important;
}

.axis-commerce-page--checkout #payment div.form-row.place-order {
  display: grid;
  gap: 0.9rem;
  margin: 0;
  padding: 0.2rem 0 0;
}

.axis-commerce-page--checkout #place_order {
  width: 100%;
  min-height: 3.35rem;
  border-radius: 999px !important;
  font-size: 0.95rem;
}

.axis-commerce-page--checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  align-items: center;
  margin-bottom: clamp(1rem, 2vw, 1.25rem);
  padding: 1rem 1.1rem;
  border-left: 3px solid rgb(var(--axis-accent-rgb));
}

.axis-commerce-page--checkout .woocommerce-form-coupon {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
  margin: 0 0 clamp(1rem, 2vw, 1.25rem);
  padding: 1rem;
}

.axis-commerce-page--checkout .woocommerce-form-coupon p {
  margin: 0;
}

.axis-commerce-page--checkout .woocommerce-form-coupon .form-row-first {
  flex: 1 1 16rem;
}

.axis-commerce-page--checkout .woocommerce-form-coupon .form-row-last {
  flex: 0 0 auto;
}

.axis-light .axis-commerce-page--cart .woocommerce-cart-form,
.axis-light .axis-commerce-page--cart .cart_totals,
.axis-light .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-step,
.axis-light .axis-commerce-page--checkout .axis-checkout-submit-card,
.axis-light .axis-commerce-page--checkout .woocommerce-checkout-review-order-table,
.axis-light .axis-commerce-page--checkout #payment {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.045), transparent 42%),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-commerce-page--checkout .axis-checkout-summary {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-commerce-page--cart .woocommerce-cart-form {
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.05) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.09), transparent 18rem),
    rgba(255, 255, 255, 0.9);
}

.axis-light .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-step {
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.05) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.08), transparent 18rem),
    rgba(255, 255, 255, 0.9);
}

.axis-light .axis-commerce-page--cart table.shop_table.cart,
.axis-light .axis-commerce-page--cart .cart_totals table.shop_table,
.axis-light .axis-commerce-page--checkout .woocommerce-checkout-review-order-table {
  background: rgba(248, 250, 252, 0.72) !important;
}

.axis-light .axis-commerce-page--checkout #payment ul.payment_methods li.wc_payment_method,
.axis-light .axis-commerce-page--checkout #payment ul.payment_methods li.woocommerce-SavedPaymentMethods-new,
.axis-light .axis-commerce-page--checkout #payment div.payment_box,
.axis-light .axis-commerce-page--checkout #payment .payment_box.payment_method_stripe,
.axis-light .axis-commerce-page--checkout #payment .payment_box.payment_method_woocommerce_payments {
  border-color: rgba(15, 23, 42, 0.1);
  color: #526173 !important;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.045), transparent 42%),
    rgba(248, 250, 252, 0.82) !important;
}

.axis-light .axis-commerce-page--checkout #payment div.payment_box::before {
  border-bottom-color: rgba(248, 250, 252, 0.82) !important;
}

.axis-light .axis-commerce-page--checkout #payment .wc-stripe-upe-element,
.axis-light .axis-commerce-page--checkout #payment #stripe-payment-element,
.axis-light .axis-commerce-page--checkout #payment .StripeElement {
  border-color: rgba(15, 23, 42, 0.12);
  color-scheme: light;
  background: rgba(255, 255, 255, 0.92) !important;
}

.axis-light .axis-commerce-page--checkout .axis-checkout-step--payment #payment {
  background: transparent !important;
  box-shadow: none !important;
}

.axis-light .axis-commerce-page--checkout .axis-checkout-step__toggle {
  border-bottom-color: rgba(15, 23, 42, 0.08);
  background: linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.055), transparent 56%);
}

.axis-light .axis-commerce-page--checkout .axis-checkout-step__index,
.axis-light .axis-commerce-page--checkout .axis-checkout-step__status {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(248, 250, 252, 0.78);
}

@media (max-width: 1100px) {
  .axis-commerce-page--cart .woocommerce,
  .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--cart .cart-collaterals,
  .axis-commerce-page--checkout .axis-checkout-summary {
    grid-column: 1;
    position: static;
    top: auto;
  }
}

@media (max-width: 760px) {
  .axis-commerce-page--cart .woocommerce-cart-form,
  .axis-commerce-page--cart .cart_totals,
  .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .axis-checkout-step,
  .axis-commerce-page--checkout .axis-checkout-submit-card,
  .axis-commerce-page--checkout .axis-checkout-summary {
    border-radius: 24px;
  }

  .axis-commerce-page--cart .woocommerce-cart-form,
  .axis-commerce-page--cart .cart_totals,
  .axis-commerce-page--checkout .axis-checkout-summary {
    padding: 0.9rem;
  }

  .axis-commerce-page--checkout .axis-checkout-step__toggle {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .axis-commerce-page--checkout .axis-checkout-step__status {
    grid-column: 2;
    width: fit-content;
  }

  .axis-commerce-page--cart table.shop_table.cart thead {
    display: none;
  }

  .axis-commerce-page--cart table.shop_table.cart tbody tr.cart_item {
    position: relative;
    grid-template-columns: 5.4rem minmax(0, 1fr);
    gap: 0.75rem 0.9rem;
    padding: 0.9rem 0;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-remove {
    position: absolute;
    top: 0.9rem;
    right: 0;
    z-index: 2;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-thumbnail {
    grid-column: 1;
    grid-row: 1 / span 4;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-thumbnail img {
    width: 5.4rem;
    min-width: 5.4rem;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-name,
  .axis-commerce-page--cart table.shop_table.cart .product-price,
  .axis-commerce-page--cart table.shop_table.cart .product-quantity,
  .axis-commerce-page--cart table.shop_table.cart .product-subtotal {
    grid-column: 2;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-price,
  .axis-commerce-page--cart table.shop_table.cart .product-subtotal,
  .axis-commerce-page--cart table.shop_table.cart .product-quantity {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 0.8rem;
    text-align: left;
    white-space: normal;
  }

  .axis-commerce-page--cart table.shop_table.cart .product-price::before {
    content: "Price";
  }

  .axis-commerce-page--cart table.shop_table.cart .product-quantity::before {
    content: "Quantity";
  }

  .axis-commerce-page--cart table.shop_table.cart .product-subtotal::before {
    content: "Total";
  }

  .axis-commerce-page--cart table.shop_table.cart .product-price::before,
  .axis-commerce-page--cart table.shop_table.cart .product-quantity::before,
  .axis-commerce-page--cart table.shop_table.cart .product-subtotal::before {
    color: var(--axis-muted);
    font-family: var(--axis-font-mono);
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
  }

  .axis-commerce-page--cart table.cart td.actions,
  .axis-commerce-page--cart table.cart td.actions .coupon {
    display: grid !important;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--cart table.cart td.actions .button[name="update_cart"],
  .axis-commerce-page--cart .coupon input.input-text,
  .axis-commerce-page--cart .coupon .button {
    width: 100%;
    margin-left: 0;
  }

  .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-billing-fields__field-wrapper,
  .axis-commerce-page--checkout form.checkout.woocommerce-checkout:not(.axis-fast-checkout) .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--checkout .woocommerce-checkout-review-order-table tbody tr,
  .axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot tr,
  .axis-commerce-page--cart .cart_totals table.shop_table tr {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--checkout .woocommerce-checkout-review-order-table .product-total,
  .axis-commerce-page--checkout .woocommerce-checkout-review-order-table tfoot td,
  .axis-commerce-page--cart .cart_totals table.shop_table td {
    text-align: left;
    white-space: normal;
  }

  .axis-commerce-page--checkout .woocommerce-form-coupon,
  .axis-commerce-page--checkout .woocommerce-form-coupon .form-row-first,
  .axis-commerce-page--checkout .woocommerce-form-coupon .form-row-last,
  .axis-commerce-page--checkout .woocommerce-form-coupon .button {
    width: 100%;
  }
}

.axis-light .axis-quick-checkout__panel {
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-quick-checkout__titlebar {
  background:
    linear-gradient(90deg, rgba(var(--axis-accent-rgb), 0.08), transparent 40%),
    rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.14);
}

.axis-light .axis-quick-checkout__close {
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.14);
}

.axis-light .axis-quick-checkout-page .axis-commerce-page {
  background:
    radial-gradient(circle at 8% 8%, rgba(var(--axis-accent-rgb), 0.1), transparent 21rem),
    radial-gradient(circle at 92% 4%, rgba(var(--axis-blue-rgb), 0.08), transparent 24rem),
    linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 245, 251, 0.96));
}

.axis-light .axis-commerce-page--checkout .wc-block-components-main {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.06), transparent 16rem),
    rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1) !important;
}

.axis-light .axis-commerce-page--checkout .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block {
  background: transparent !important;
  box-shadow: none !important;
}

.axis-light .axis-commerce-page--checkout .wc-block-components-sidebar::after {
  background: url("../images/logo-black.png") center / min(92%, 340px) auto no-repeat;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-sidebar {
  border-color: rgba(15, 23, 42, 0.105) !important;
  background:
    radial-gradient(circle at 92% 18%, rgba(var(--axis-blue-rgb), 0.07), transparent 17rem),
    rgba(255, 255, 255, 0.88) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075) !important;
}

.axis-light .axis-fast-checkout-legal,
.axis-light .axis-fast-checkout__panel,
.axis-light .axis-fast-review__item,
.axis-light .axis-fast-checkout #payment ul.payment_methods li,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-main,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-radio-control-accordion-option,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-order-summary,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.06), transparent 16rem),
    rgba(255, 255, 255, 0.88);
}

.axis-light .axis-fast-review__totals {
  background: rgba(248, 250, 252, 0.72);
}

.axis-light .axis-fast-checkout-legal {
  background: rgba(255, 255, 255, 0.76);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-fast-checkout-legal__copy p,
.axis-light .axis-fast-checkout-legal__links a {
  color: rgba(51, 65, 85, 0.82);
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__payment-method {
  background: rgba(248, 250, 252, 0.7) !important;
}

.axis-light .axis-commerce-page {
  background:
    radial-gradient(circle at 12% 16%, rgba(var(--axis-accent-rgb), 0.1), transparent 25rem),
    radial-gradient(circle at 84% 8%, rgba(var(--axis-blue-rgb), 0.09), transparent 28rem),
    linear-gradient(180deg, rgba(247, 248, 251, 0.99), rgba(238, 243, 248, 0.96));
}

.axis-light .axis-commerce-page table.shop_table,
.axis-light .axis-commerce-page .cart_totals,
.axis-light .axis-commerce-page .woocommerce-checkout-review-order,
.axis-light .axis-commerce-page .woocommerce-billing-fields,
.axis-light .axis-commerce-page .woocommerce-shipping-fields,
.axis-light .axis-commerce-page .woocommerce-additional-fields,
.axis-light .axis-commerce-page .woocommerce-form-coupon,
.axis-light .axis-commerce-page .woocommerce-form-login,
.axis-light .axis-commerce-page .woocommerce-order,
.axis-light .axis-commerce-page .wc-block-cart,
.axis-light .axis-commerce-page .wc-block-checkout,
.axis-light .axis-commerce-page .woocommerce-message,
.axis-light .axis-commerce-page .woocommerce-info,
.axis-light .axis-commerce-page .woocommerce-error {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.07), transparent 16rem),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.1);
}

.axis-light .axis-commerce-page .coupon input.input-text,
.axis-light .axis-commerce-page form .form-row input.input-text,
.axis-light .axis-commerce-page form .form-row textarea,
.axis-light .axis-commerce-page form .form-row select,
.axis-light .axis-commerce-page .select2-container--default .select2-selection--single,
.axis-light .axis-commerce-page .quantity .qty,
.axis-light .axis-commerce-page .wc-block-components-text-input input,
.axis-light .axis-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-light .axis-commerce-page .wc-block-components-form .wc-block-components-text-input input {
  color: var(--axis-ink);
  background: rgba(248, 250, 252, 0.94);
}

.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="text"],
.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="email"],
.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="tel"],
.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="number"],
.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="password"],
.axis-light .axis-quick-checkout-page .axis-commerce-page input[type="search"],
.axis-light .axis-quick-checkout-page .axis-commerce-page textarea,
.axis-light .axis-quick-checkout-page .axis-commerce-page select,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-text-input input,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-combobox .components-combobox-control__input,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-form .wc-block-components-text-input input,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-form .wc-block-components-combobox-control input {
  border-color: rgba(15, 23, 42, 0.13) !important;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 12px 28px rgba(15, 23, 42, 0.06);
}

.axis-light .axis-quick-checkout-page .axis-commerce-page select.wc-blocks-components-select__select {
  background: #ffffff !important;
}

.axis-light .axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill,
.axis-light .axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill:hover,
.axis-light .axis-quick-checkout-page .axis-commerce-page input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--axis-ink);
  box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.98) inset !important;
}

.axis-light .axis-commerce-page--checkout input[type="text"],
.axis-light .axis-commerce-page--checkout input[type="email"],
.axis-light .axis-commerce-page--checkout input[type="tel"],
.axis-light .axis-commerce-page--checkout input[type="number"],
.axis-light .axis-commerce-page--checkout input[type="password"],
.axis-light .axis-commerce-page--checkout input[type="search"],
.axis-light .axis-commerce-page--checkout textarea,
.axis-light .axis-commerce-page--checkout select,
.axis-light .axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-light .axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-light .axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-light .axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-light .axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input {
  border-color: rgba(15, 23, 42, 0.13) !important;
  color: var(--axis-ink) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  background-image: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.75),
    0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

.axis-light .axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-light .axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-light .axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-light .axis-commerce-page--checkout .wc-block-components-panel {
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.05), transparent 14rem),
    rgba(248, 250, 252, 0.86) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .wc-block-components-panel,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-order-summary .wc-block-components-panel,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
  background: transparent !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option {
  border: 0 !important;
  background: rgba(241, 245, 249, 0.74) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  border: 0 !important;
  background: rgba(226, 232, 240, 0.82) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input:checked,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__input:checked {
  border-color: rgba(15, 23, 42, 0.46) !important;
  background:
    radial-gradient(circle, #162033 0 34%, transparent 39%),
    rgba(255, 255, 255, 0.94) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .axis-stripe-mandate-copy {
  color: rgba(51, 65, 85, 0.78);
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__terms,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-checkout__order-notes {
  background: rgba(248, 250, 252, 0.68);
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button {
  border-color: rgba(var(--axis-blue-rgb), 0.3) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.2) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-totals-coupon__button {
  border-color: rgba(15, 23, 42, 0.14) !important;
  color: #162033 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(232, 238, 246, 0.9)) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="text"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="email"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="tel"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="number"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="password"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout input[type="search"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout textarea,
.axis-light .axis-commerce-page.axis-commerce-page--checkout select,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="text"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="email"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="tel"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="number"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="password"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout input[type="search"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout textarea,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout select,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-text-input input,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .wc-block-components-combobox-control input,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-combobox .components-combobox-control__input,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-text-input input,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-form .wc-block-components-combobox-control input {
  background-color: rgba(248, 250, 252, 0.82) !important;
  box-shadow: none !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option {
  background: transparent !important;
  box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.09) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control__option[class*="checked-option-highlighted"],
.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
  background: rgba(226, 232, 240, 0.58) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.09) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button,
.axis-light .axis-quick-checkout-page .axis-commerce-page.axis-commerce-page--checkout .wc-block-components-checkout-place-order-button {
  border-color: rgba(var(--axis-blue-rgb), 0.3) !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.2) !important;
}

.axis-light .axis-commerce-page table.shop_table th,
.axis-light .axis-commerce-page .cart_totals table.shop_table,
.axis-light .axis-commerce-page .woocommerce-checkout-payment,
.axis-light .axis-commerce-page #payment {
  background: rgba(248, 250, 252, 0.72) !important;
}

.axis-light .axis-commerce-page.axis-commerce-page--checkout .axis-checkout-step--payment #payment {
  background: transparent !important;
  box-shadow: none !important;
}

.axis-light .axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields,
.axis-light .axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields,
.axis-light .axis-quick-checkout-page .axis-commerce-page .woocommerce-additional-fields,
.axis-light .axis-quick-checkout-page .axis-commerce-page .woocommerce-checkout-review-order,
.axis-light .axis-fast-checkout #payment,
.axis-light .axis-fast-checkout .woocommerce-checkout-payment,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wp-block-woocommerce-checkout,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-checkout,
.axis-light .axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar-layout {
  background: transparent !important;
  box-shadow: none;
}

@media (max-width: 980px) {
  .axis-commerce-page form.checkout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-fast-checkout__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-fast-checkout-legal {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-fast-checkout-legal__links {
    justify-content: flex-start;
  }

  .axis-commerce-page--checkout .wc-block-components-sidebar-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-commerce-page--checkout .wc-block-components-sidebar {
    grid-column: 1;
    grid-row: 1;
    position: static !important;
  }

  .axis-commerce-page--checkout .wc-block-components-sidebar::after {
    width: min(100%, 320px);
    margin: -0.2rem auto 0.35rem;
  }

  .axis-commerce-page--checkout .wc-block-components-main {
    grid-column: 1;
    grid-row: 2;
  }

  .axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-quick-checkout-page .axis-commerce-page .wc-block-components-sidebar {
    position: static !important;
  }

  .axis-fast-checkout__panel--summary {
    position: static;
  }

  .axis-commerce-page #order_review_heading,
  .axis-commerce-page #order_review {
    grid-column: 1;
  }

  .axis-commerce-page .cart-collaterals {
    justify-content: stretch;
  }

  .axis-commerce-page .cart_totals {
    width: 100% !important;
  }
}

@media (max-width: 720px) {
  .axis-quick-checkout {
    padding: 0;
  }

  .axis-quick-checkout__panel {
    width: 100%;
    height: 100dvh;
    border-width: 0;
    border-radius: 0;
    gap: 0;
  }

  .axis-quick-checkout__titlebar {
    min-height: 4.6rem;
    border-width: 0 0 1px;
    border-radius: 0;
    padding: 0.8rem 0.78rem 0.72rem;
  }

  .axis-quick-checkout__titlebar h2 {
    font-size: 1.02rem;
  }

  .axis-quick-checkout__close {
    width: 2.35rem;
    height: 2.35rem;
  }

  .axis-quick-checkout__frame {
    border-radius: 0;
  }

  .axis-commerce-page {
    padding-top: 6.5rem;
  }

  .axis-quick-checkout-page .axis-commerce-page {
    padding-top: 0;
  }

  .axis-quick-checkout-page .axis-page-shell--commerce {
    padding: 0.8rem;
  }

  .axis-quick-checkout-page .axis-commerce-page form.checkout.axis-fast-checkout {
    padding: 0 0 0.8rem;
  }

  .axis-fast-checkout-legal {
    margin-bottom: 0.8rem;
    padding: 0.85rem;
    border-radius: 18px;
  }

  .axis-fast-checkout-legal__copy p,
  .axis-fast-checkout__section-head p {
    font-size: 0.82rem;
  }

  .axis-fast-checkout__panel {
    border-radius: 22px;
  }

  .axis-quick-checkout-page .axis-commerce-page .woocommerce-billing-fields__field-wrapper,
  .axis-quick-checkout-page .axis-commerce-page .woocommerce-shipping-fields__field-wrapper,
  .axis-quick-checkout-page .axis-commerce-page .wc-block-components-address-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-fast-review__item {
    grid-template-columns: 3.75rem minmax(0, 1fr);
  }

  .axis-fast-review__price {
    grid-column: 2;
  }

  .axis-commerce-page .axis-entry__header {
    margin-bottom: 1rem;
  }

  .axis-commerce-page table.shop_table_responsive tr,
  .axis-commerce-page table.shop_table_responsive tbody tr {
    margin-bottom: 0.85rem;
    border: 1px solid rgba(var(--axis-border-rgb), 0.2);
    border-radius: 18px;
    background: rgba(var(--axis-card-rgb), 0.52);
  }

  .axis-commerce-page table.shop_table_responsive tr td {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    text-align: right !important;
  }

  .axis-commerce-page table.shop_table_responsive tr td::before {
    color: var(--axis-muted);
    font-family: var(--axis-font-mono);
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
  }

  .axis-commerce-page .coupon,
  .axis-commerce-page .coupon input.input-text,
  .axis-commerce-page .coupon .button,
  .axis-commerce-page table.cart td.actions .button {
    width: 100%;
  }
}

.axis-entry {
  padding: clamp(1.4rem, 4vw, 2.4rem);
}

.axis-entry--landing {
  padding: 0;
}

.axis-entry--landing .axis-entry__content {
  margin-top: 0;
}

.axis-entry__title {
  font-size: clamp(2.4rem, 5vw, 4rem);
}

.axis-entry__media {
  margin: 1.5rem 0;
  overflow: hidden;
  border-radius: var(--axis-radius);
}

.axis-entry__content {
  margin-top: 1.2rem;
}

.axis-entry__content > *:first-child {
  margin-top: 0;
}

.axis-about-page,
.editor-styles-wrapper .axis-about-page {
  --axis-about-shell: min(100% - 2rem, 1220px);
  --axis-about-narrow: min(100% - 2rem, 900px);
  overflow: hidden;
  margin-top: -9rem;
  color: var(--axis-ink);
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-olive-rgb), 0.15), transparent 24rem),
    radial-gradient(circle at 88% 16%, rgba(var(--axis-blue-rgb), 0.14), transparent 28rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.99), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-about-page *,
.axis-about-page *::before,
.axis-about-page *::after,
.editor-styles-wrapper .axis-about-page *,
.editor-styles-wrapper .axis-about-page *::before,
.editor-styles-wrapper .axis-about-page *::after {
  box-sizing: border-box;
}

.axis-about-page > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-page > .wp-block-group__inner-container {
  display: grid;
  gap: 0;
}

.axis-about-page p,
.editor-styles-wrapper .axis-about-page p {
  color: var(--axis-muted);
  font-weight: 620;
  line-height: 1.68;
}

.axis-about-page h1,
.axis-about-page h2,
.axis-about-page h3,
.editor-styles-wrapper .axis-about-page h1,
.editor-styles-wrapper .axis-about-page h2,
.editor-styles-wrapper .axis-about-page h3 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
  letter-spacing: 0;
}

.axis-about-kicker,
.editor-styles-wrapper .axis-about-kicker {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.42rem;
  margin: 0 0 0.95rem;
  padding: 0.42rem 0.68rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.36);
  border-radius: 999px;
  color: var(--axis-brass) !important;
  background: rgba(var(--axis-olive-rgb), 0.09);
  font-size: 0.75rem;
  font-weight: 950 !important;
  line-height: 1;
  text-transform: uppercase;
}

.axis-about-hero,
.editor-styles-wrapper .axis-about-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(8.6rem, 12vw, 11rem) 0 clamp(4rem, 8vw, 6.5rem);
}

.axis-about-hero::before,
.editor-styles-wrapper .axis-about-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.68;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.035) 0 1px, transparent 1px 82px);
  mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
}

.axis-about-hero::after,
.editor-styles-wrapper .axis-about-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 7%;
  width: 46vw;
  height: 46vw;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.2), transparent 66%);
}

.axis-about-hero > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-hero > .wp-block-group__inner-container {
  display: grid;
  width: var(--axis-about-shell);
  align-items: center;
  grid-template-columns: minmax(0, 1.1fr) minmax(390px, 0.82fr);
  gap: clamp(2rem, 5vw, 3.6rem);
  margin-inline: auto;
}

.axis-about-hero__copy > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-hero__copy > .wp-block-group__inner-container,
.axis-about-section__copy > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section__copy > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.axis-about-title,
.editor-styles-wrapper .axis-about-title {
  max-width: 680px;
  margin: 0;
  overflow-wrap: break-word;
  font-size: 5rem;
  line-height: 0.94;
}

.axis-about-lead,
.editor-styles-wrapper .axis-about-lead {
  max-width: 680px;
  margin: 1.25rem 0 0;
  font-size: 1.08rem;
}

.axis-about-actions,
.editor-styles-wrapper .axis-about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  margin-top: 1.7rem;
}

.axis-about-page .axis-about-button .wp-block-button__link,
.editor-styles-wrapper .axis-about-page .axis-about-button .wp-block-button__link {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.axis-about-page .axis-about-button--primary .wp-block-button__link,
.editor-styles-wrapper .axis-about-page .axis-about-button--primary .wp-block-button__link {
  border: 1px solid rgba(var(--axis-olive-rgb), 0.42);
  color: #07111f;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass));
  box-shadow: 0 18px 42px rgba(var(--axis-olive-rgb), 0.16);
}

.axis-about-page .axis-about-button--secondary .wp-block-button__link,
.editor-styles-wrapper .axis-about-page .axis-about-button--secondary .wp-block-button__link {
  border: 1px solid var(--axis-line-strong);
  color: var(--axis-ink);
  background: rgba(var(--axis-card-rgb), 0.62);
}

.axis-about-proof > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-proof > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin-top: 1.45rem;
}

.axis-about-proof p,
.editor-styles-wrapper .axis-about-proof p {
  display: grid;
  gap: 0.22rem;
  margin: 0;
  padding: 0.85rem;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  background: rgba(var(--axis-card-rgb), 0.58);
}

.axis-about-proof strong,
.axis-about-values strong,
.editor-styles-wrapper .axis-about-proof strong,
.editor-styles-wrapper .axis-about-values strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
}

.axis-about-proof span,
.axis-about-values span,
.editor-styles-wrapper .axis-about-proof span,
.editor-styles-wrapper .axis-about-values span {
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 620;
}

.axis-about-hero__image,
.axis-about-system-image,
.axis-about-team-image,
.editor-styles-wrapper .axis-about-hero__image,
.editor-styles-wrapper .axis-about-system-image,
.editor-styles-wrapper .axis-about-team-image {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--axis-line);
  border-radius: 28px;
  background: rgba(var(--axis-card-rgb), 0.62);
  box-shadow: var(--axis-shadow);
}

.axis-about-hero__image::after,
.axis-about-system-image::after,
.axis-about-team-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), transparent 38%);
}

.axis-about-hero__image img,
.axis-about-system-image img,
.axis-about-team-image img,
.editor-styles-wrapper .axis-about-hero__image img,
.editor-styles-wrapper .axis-about-system-image img,
.editor-styles-wrapper .axis-about-team-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.axis-about-hero__image img,
.editor-styles-wrapper .axis-about-hero__image img {
  aspect-ratio: 16 / 10;
}

.axis-about-section,
.axis-about-cta,
.editor-styles-wrapper .axis-about-section,
.editor-styles-wrapper .axis-about-cta {
  width: var(--axis-about-shell);
  margin-inline: auto;
  padding: clamp(3.6rem, 7vw, 6rem) 0;
}

.axis-about-section--mission > .wp-block-group__inner-container,
.axis-about-section--team > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--mission > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--team > .wp-block-group__inner-container {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 0.84fr) minmax(360px, 0.72fr);
  gap: clamp(1.4rem, 4vw, 3rem);
}

.axis-about-section--team > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--team > .wp-block-group__inner-container {
  grid-template-columns: minmax(360px, 0.8fr) minmax(0, 0.82fr);
}

.axis-about-section h2,
.axis-about-cta h2,
.editor-styles-wrapper .axis-about-section h2,
.editor-styles-wrapper .axis-about-cta h2 {
  max-width: 820px;
  margin: 0;
  font-size: 3.35rem;
  line-height: 0.98;
}

.axis-about-section__copy p:not(.axis-about-kicker),
.axis-about-cta p:not(.axis-about-kicker),
.editor-styles-wrapper .axis-about-section__copy p:not(.axis-about-kicker),
.editor-styles-wrapper .axis-about-cta p:not(.axis-about-kicker) {
  max-width: 680px;
  margin: 1rem 0 0;
}

.axis-about-system-image img,
.editor-styles-wrapper .axis-about-system-image img {
  aspect-ratio: 1 / 1;
}

.axis-about-team-image img,
.editor-styles-wrapper .axis-about-team-image img {
  aspect-ratio: 4 / 3;
}

.axis-about-section--principles,
.axis-about-section--process,
.axis-about-section--values,
.axis-about-cta,
.editor-styles-wrapper .axis-about-section--principles,
.editor-styles-wrapper .axis-about-section--process,
.editor-styles-wrapper .axis-about-section--values,
.editor-styles-wrapper .axis-about-cta {
  position: relative;
}

.axis-about-section--principles > .wp-block-group__inner-container,
.axis-about-section--process > .wp-block-group__inner-container,
.axis-about-section--values > .wp-block-group__inner-container,
.axis-about-cta > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--principles > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--process > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-section--values > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-cta > .wp-block-group__inner-container {
  display: grid;
  gap: 1.25rem;
}

.axis-about-principles > .wp-block-group__inner-container,
.axis-about-steps > .wp-block-group__inner-container,
.axis-about-values > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-principles > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-steps > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-values > .wp-block-group__inner-container {
  display: grid;
  gap: 1rem;
}

.axis-about-principles > .wp-block-group__inner-container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.axis-about-card,
.axis-about-step,
.axis-about-values p,
.editor-styles-wrapper .axis-about-card,
.editor-styles-wrapper .axis-about-step,
.editor-styles-wrapper .axis-about-values p {
  border: 1px solid var(--axis-line);
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 44%),
    rgba(var(--axis-card-rgb), 0.68);
  box-shadow: var(--axis-soft-shadow);
}

.axis-about-card,
.editor-styles-wrapper .axis-about-card {
  border-radius: 20px;
}

.axis-about-card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-card > .wp-block-group__inner-container {
  display: grid;
  gap: 0.65rem;
  padding: 1.25rem;
}

.axis-about-card h3,
.axis-about-step h3,
.editor-styles-wrapper .axis-about-card h3,
.editor-styles-wrapper .axis-about-step h3 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.18;
}

.axis-about-card p,
.axis-about-step p,
.editor-styles-wrapper .axis-about-card p,
.editor-styles-wrapper .axis-about-step p {
  margin: 0;
  font-size: 0.94rem;
}

.axis-about-process__intro > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-process__intro > .wp-block-group__inner-container {
  max-width: 780px;
}

.axis-about-steps > .wp-block-group__inner-container {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.axis-about-step,
.editor-styles-wrapper .axis-about-step {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
}

.axis-about-step::before,
.editor-styles-wrapper .axis-about-step::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), transparent);
}

.axis-about-step > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-step > .wp-block-group__inner-container {
  display: grid;
  gap: 0.58rem;
  padding: 1.15rem;
}

.axis-about-step strong,
.editor-styles-wrapper .axis-about-step strong {
  color: var(--axis-brass);
  font-family: var(--axis-font-accent);
  font-size: 0.82rem;
}

.axis-about-checklist,
.editor-styles-wrapper .axis-about-checklist {
  display: grid;
  gap: 0.58rem;
  margin: 1.15rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-about-checklist li,
.editor-styles-wrapper .axis-about-checklist li {
  position: relative;
  padding-left: 1.6rem;
  color: var(--axis-muted);
  font-weight: 720;
  line-height: 1.52;
}

.axis-about-checklist li::before,
.editor-styles-wrapper .axis-about-checklist li::before {
  content: "";
  position: absolute;
  top: 0.46rem;
  left: 0;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-clay));
  box-shadow: 0 0 18px rgba(var(--axis-olive-rgb), 0.28);
}

.axis-about-values > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-values > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-about-values p,
.editor-styles-wrapper .axis-about-values p {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 1.1rem;
  border-radius: 18px;
}

.axis-about-cta,
.editor-styles-wrapper .axis-about-cta {
  margin-bottom: clamp(3rem, 7vw, 5rem);
  padding: clamp(2rem, 5vw, 3.4rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 18%, rgba(var(--axis-blue-rgb), 0.16), transparent 17rem),
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.11), rgba(var(--axis-card-rgb), 0.72));
  box-shadow: var(--axis-shadow);
}

.axis-about-cta > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-about-cta > .wp-block-group__inner-container {
  max-width: 820px;
}

.axis-light .axis-about-page {
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-olive-rgb), 0.09), transparent 24rem),
    radial-gradient(circle at 88% 16%, rgba(var(--axis-blue-rgb), 0.08), transparent 28rem),
    linear-gradient(180deg, rgba(247, 248, 251, 0.99), rgba(238, 243, 248, 0.96));
}

.axis-light .axis-about-card,
.axis-light .axis-about-step,
.axis-light .axis-about-values p,
.axis-light .axis-about-cta,
.axis-light .axis-about-proof p {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.045), transparent 42%),
    rgba(255, 255, 255, 0.86);
}

@keyframes axisAboutFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -10px, 0);
  }
}

.axis-about-hero__image,
.axis-about-system-image,
.axis-about-team-image {
  animation: axisAboutFloat 8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .axis-about-hero__image,
  .axis-about-system-image,
  .axis-about-team-image {
    animation: none;
  }
}

@media (max-width: 1160px) {
  .axis-about-hero > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-hero > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  }

  .axis-about-title,
  .editor-styles-wrapper .axis-about-title {
    max-width: 580px;
    font-size: 4.15rem;
  }

  .axis-about-section h2,
  .axis-about-cta h2,
  .editor-styles-wrapper .axis-about-section h2,
  .editor-styles-wrapper .axis-about-cta h2 {
    font-size: 2.85rem;
  }
}

@media (max-width: 980px) {
  .axis-about-page,
  .editor-styles-wrapper .axis-about-page {
    margin-top: -6.8rem;
  }

  .axis-about-hero > .wp-block-group__inner-container,
  .axis-about-section--mission > .wp-block-group__inner-container,
  .axis-about-section--team > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-hero > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-section--mission > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-section--team > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .axis-about-hero {
    padding-top: 8rem;
  }

  .axis-about-title,
  .editor-styles-wrapper .axis-about-title {
    max-width: 760px;
    font-size: 4rem;
  }

  .axis-about-principles > .wp-block-group__inner-container,
  .axis-about-steps > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .axis-about-page,
  .editor-styles-wrapper .axis-about-page {
    --axis-about-shell: calc(100% - 2rem);
  }

  .axis-about-hero {
    padding: 7.1rem 0 3rem;
  }

  .axis-about-title,
  .editor-styles-wrapper .axis-about-title {
    max-width: 100%;
    font-size: 2.55rem;
    line-height: 1.02;
  }

  .axis-about-lead,
  .editor-styles-wrapper .axis-about-lead {
    font-size: 1rem;
  }

  .axis-about-section h2,
  .axis-about-cta h2,
  .editor-styles-wrapper .axis-about-section h2,
  .editor-styles-wrapper .axis-about-cta h2 {
    font-size: 2rem;
    line-height: 1.05;
  }

  .axis-about-actions,
  .editor-styles-wrapper .axis-about-actions {
    width: 100%;
  }

  .axis-about-page .axis-about-button,
  .editor-styles-wrapper .axis-about-page .axis-about-button,
  .axis-about-page .axis-about-button .wp-block-button__link,
  .editor-styles-wrapper .axis-about-page .axis-about-button .wp-block-button__link {
    width: 100%;
  }

  .axis-about-proof > .wp-block-group__inner-container,
  .axis-about-principles > .wp-block-group__inner-container,
  .axis-about-steps > .wp-block-group__inner-container,
  .axis-about-values > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-proof > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-principles > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-steps > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-about-values > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .axis-about-section,
  .editor-styles-wrapper .axis-about-section {
    padding: 3rem 0;
  }

  .axis-about-cta,
  .editor-styles-wrapper .axis-about-cta {
    width: calc(100% - 1rem);
    padding: 1.35rem;
    border-radius: 20px;
  }

  .axis-about-hero__image,
  .axis-about-system-image,
  .axis-about-team-image {
    border-radius: 20px;
  }
}

.axis-info-page,
.editor-styles-wrapper .axis-info-page {
  --axis-info-shell: min(100% - 2rem, 1220px);
  --axis-info-narrow: min(100% - 2rem, 900px);
  --axis-info-accent: var(--axis-patina);
  --axis-info-accent-rgb: var(--axis-olive-rgb);
  --axis-info-secondary: var(--axis-clay);
  --axis-info-secondary-rgb: var(--axis-blue-rgb);
  overflow: hidden;
  margin-top: -9rem;
  color: var(--axis-ink);
  background:
    radial-gradient(circle at 8% 8%, rgba(var(--axis-info-accent-rgb), 0.16), transparent 26rem),
    radial-gradient(circle at 92% 14%, rgba(var(--axis-info-secondary-rgb), 0.14), transparent 30rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.99), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-info-page *,
.axis-info-page *::before,
.axis-info-page *::after,
.editor-styles-wrapper .axis-info-page *,
.editor-styles-wrapper .axis-info-page *::before,
.editor-styles-wrapper .axis-info-page *::after {
  box-sizing: border-box;
}

.axis-info-page--documentation {
  --axis-info-accent: #63b7ff;
  --axis-info-accent-rgb: 99, 183, 255;
  --axis-info-secondary: #a3b343;
  --axis-info-secondary-rgb: 163, 179, 67;
}

.axis-info-page--support {
  --axis-info-accent: #39d6c6;
  --axis-info-accent-rgb: 57, 214, 198;
  --axis-info-secondary: #8d75b4;
  --axis-info-secondary-rgb: 141, 117, 180;
}

.axis-info-page--license {
  --axis-info-accent: #7ce0a8;
  --axis-info-accent-rgb: 124, 224, 168;
  --axis-info-secondary: #58b8c9;
  --axis-info-secondary-rgb: 88, 184, 201;
}

.axis-info-page--privacy {
  --axis-info-accent: #42d7d0;
  --axis-info-accent-rgb: 66, 215, 208;
  --axis-info-secondary: #7ce0a8;
  --axis-info-secondary-rgb: 124, 224, 168;
}

.axis-info-page--terms {
  --axis-info-accent: #c0ad65;
  --axis-info-accent-rgb: 192, 173, 101;
  --axis-info-secondary: #8d75b4;
  --axis-info-secondary-rgb: 141, 117, 180;
}

.axis-info-page--refund {
  --axis-info-accent: #45d8cf;
  --axis-info-accent-rgb: 69, 216, 207;
  --axis-info-secondary: #c0ad65;
  --axis-info-secondary-rgb: 192, 173, 101;
}

.axis-info-page > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-page > .wp-block-group__inner-container {
  display: grid;
}

.axis-info-page p,
.axis-info-page li,
.editor-styles-wrapper .axis-info-page p,
.editor-styles-wrapper .axis-info-page li {
  color: var(--axis-muted);
  font-weight: 620;
  line-height: 1.7;
}

.axis-info-page h1,
.axis-info-page h2,
.axis-info-page h3,
.editor-styles-wrapper .axis-info-page h1,
.editor-styles-wrapper .axis-info-page h2,
.editor-styles-wrapper .axis-info-page h3 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
  letter-spacing: 0;
}

.axis-info-hero,
.editor-styles-wrapper .axis-info-hero {
  position: relative;
  isolation: isolate;
  padding: 8.8rem 0 4.8rem;
}

.axis-info-hero::before,
.editor-styles-wrapper .axis-info-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  opacity: 0.58;
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.044) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.032) 0 1px, transparent 1px 82px);
  mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
}

.axis-info-hero > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-hero > .wp-block-group__inner-container {
  display: grid;
  width: var(--axis-info-shell);
  align-items: center;
  grid-template-columns: minmax(0, 0.88fr) minmax(390px, 0.72fr);
  gap: 3.2rem;
  margin-inline: auto;
}

.axis-info-hero__copy > .wp-block-group__inner-container,
.axis-info-section__copy > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-hero__copy > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-section__copy > .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.axis-info-kicker,
.editor-styles-wrapper .axis-info-kicker {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  margin: 0 0 0.95rem;
  padding: 0.44rem 0.72rem;
  border: 1px solid rgba(var(--axis-info-accent-rgb), 0.38);
  border-radius: 999px;
  color: var(--axis-info-accent) !important;
  background: rgba(var(--axis-info-accent-rgb), 0.1);
  font-size: 0.75rem;
  font-weight: 950 !important;
  line-height: 1;
  text-transform: uppercase;
}

.axis-info-title,
.editor-styles-wrapper .axis-info-title {
  max-width: 680px;
  margin: 0;
  overflow-wrap: break-word;
  font-size: 4.6rem;
  line-height: 0.95;
}

.axis-info-lead,
.editor-styles-wrapper .axis-info-lead {
  max-width: 690px;
  margin: 1.2rem 0 0;
  font-size: 1.08rem;
}

.axis-info-actions,
.editor-styles-wrapper .axis-info-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  margin-top: 1.6rem;
}

.axis-info-page .axis-info-button .wp-block-button__link,
.editor-styles-wrapper .axis-info-page .axis-info-button .wp-block-button__link {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.axis-info-page .axis-info-button--primary .wp-block-button__link,
.editor-styles-wrapper .axis-info-page .axis-info-button--primary .wp-block-button__link {
  border: 1px solid rgba(var(--axis-info-accent-rgb), 0.5);
  color: #07111f;
  background: linear-gradient(135deg, var(--axis-info-accent), color-mix(in srgb, var(--axis-info-secondary) 60%, #ffffff 10%));
  box-shadow: 0 18px 44px rgba(var(--axis-info-accent-rgb), 0.18);
}

.axis-info-page .axis-info-button--secondary .wp-block-button__link,
.editor-styles-wrapper .axis-info-page .axis-info-button--secondary .wp-block-button__link {
  border: 1px solid var(--axis-line-strong);
  color: var(--axis-ink);
  background: rgba(var(--axis-card-rgb), 0.66);
}

.axis-info-hero__image,
.axis-info-feature-image,
.editor-styles-wrapper .axis-info-hero__image,
.editor-styles-wrapper .axis-info-feature-image {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--axis-line);
  border-radius: 28px;
  background: rgba(var(--axis-card-rgb), 0.66);
  box-shadow: var(--axis-shadow);
}

.axis-info-hero__image::after,
.axis-info-feature-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 42%);
}

.axis-info-hero__image img,
.axis-info-feature-image img,
.editor-styles-wrapper .axis-info-hero__image img,
.editor-styles-wrapper .axis-info-feature-image img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.axis-info-proof > .wp-block-group__inner-container,
.axis-info-grid > .wp-block-group__inner-container,
.axis-info-steps > .wp-block-group__inner-container,
.axis-info-policy-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-proof > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-steps > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-policy-grid > .wp-block-group__inner-container {
  display: grid;
  gap: 1rem;
}

.axis-info-proof > .wp-block-group__inner-container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.45rem;
}

.axis-info-proof p,
.axis-info-card,
.axis-info-step,
.axis-info-policy-card,
.axis-info-faq-item,
.editor-styles-wrapper .axis-info-proof p,
.editor-styles-wrapper .axis-info-card,
.editor-styles-wrapper .axis-info-step,
.editor-styles-wrapper .axis-info-policy-card,
.editor-styles-wrapper .axis-info-faq-item {
  border: 1px solid var(--axis-line);
  background:
    linear-gradient(145deg, rgba(var(--axis-info-accent-rgb), 0.08), transparent 44%),
    rgba(var(--axis-card-rgb), 0.7);
  box-shadow: var(--axis-soft-shadow);
}

.axis-info-proof p {
  display: grid;
  gap: 0.25rem;
  margin: 0;
  padding: 0.9rem;
  border-radius: 16px;
}

.axis-info-proof strong,
.axis-info-policy-card strong,
.editor-styles-wrapper .axis-info-proof strong,
.editor-styles-wrapper .axis-info-policy-card strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 780;
}

.axis-info-proof span,
.editor-styles-wrapper .axis-info-proof span {
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 620;
}

.axis-info-nav,
.editor-styles-wrapper .axis-info-nav {
  width: var(--axis-info-shell);
  margin: -1.4rem auto 0;
  padding: 0.72rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.72);
  box-shadow: var(--axis-soft-shadow);
}

.axis-info-nav > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-nav > .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  justify-content: center;
}

.axis-info-nav a,
.editor-styles-wrapper .axis-info-nav a {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  padding: 0.52rem 0.82rem;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 850;
  text-decoration: none;
}

.axis-info-nav a:hover,
.axis-info-nav a:focus-visible,
.editor-styles-wrapper .axis-info-nav a:hover,
.editor-styles-wrapper .axis-info-nav a:focus-visible {
  border-color: rgba(var(--axis-info-accent-rgb), 0.38);
  color: var(--axis-ink);
  background: rgba(var(--axis-info-accent-rgb), 0.1);
}

.axis-info-section,
.axis-info-cta,
.editor-styles-wrapper .axis-info-section,
.editor-styles-wrapper .axis-info-cta {
  width: var(--axis-info-shell);
  margin-inline: auto;
  padding: 4.2rem 0;
}

.axis-info-section--split > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-section--split > .wp-block-group__inner-container {
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0, 0.85fr) minmax(360px, 0.72fr);
  gap: 3rem;
}

.axis-info-section h2,
.axis-info-cta h2,
.editor-styles-wrapper .axis-info-section h2,
.editor-styles-wrapper .axis-info-cta h2 {
  max-width: 820px;
  margin: 0 0 1rem;
  font-size: 3.05rem;
  line-height: 1;
}

.axis-info-section__copy p:not(.axis-info-kicker),
.axis-info-cta p:not(.axis-info-kicker),
.editor-styles-wrapper .axis-info-section__copy p:not(.axis-info-kicker),
.editor-styles-wrapper .axis-info-cta p:not(.axis-info-kicker) {
  max-width: 720px;
  margin: 0.85rem 0 0;
}

.axis-info-grid > .wp-block-group__inner-container {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.axis-info-grid--two > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-info-steps > .wp-block-group__inner-container {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.axis-info-card,
.axis-info-step,
.axis-info-policy-card,
.editor-styles-wrapper .axis-info-card,
.editor-styles-wrapper .axis-info-step,
.editor-styles-wrapper .axis-info-policy-card {
  overflow: hidden;
  border-radius: 20px;
}

.axis-info-card > .wp-block-group__inner-container,
.axis-info-step > .wp-block-group__inner-container,
.axis-info-policy-card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-step > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-policy-card > .wp-block-group__inner-container {
  display: grid;
  gap: 0.65rem;
  padding: 1.25rem;
}

.axis-info-card h3,
.axis-info-step h3,
.axis-info-policy-card h3,
.editor-styles-wrapper .axis-info-card h3,
.editor-styles-wrapper .axis-info-step h3,
.editor-styles-wrapper .axis-info-policy-card h3 {
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.18;
}

.axis-info-card p,
.axis-info-step p,
.axis-info-policy-card p,
.editor-styles-wrapper .axis-info-card p,
.editor-styles-wrapper .axis-info-step p,
.editor-styles-wrapper .axis-info-policy-card p {
  margin: 0;
  font-size: 0.95rem;
}

.axis-info-step,
.editor-styles-wrapper .axis-info-step {
  position: relative;
}

.axis-info-step::before,
.editor-styles-wrapper .axis-info-step::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--axis-info-accent), var(--axis-info-secondary), transparent);
}

.axis-info-step strong,
.editor-styles-wrapper .axis-info-step strong {
  color: var(--axis-info-accent);
  font-family: var(--axis-font-accent);
  font-size: 0.82rem;
}

.axis-info-faq-list,
.editor-styles-wrapper .axis-info-faq-list {
  width: var(--axis-info-narrow);
  margin-inline: auto;
}

.axis-info-faq-list > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-faq-list > .wp-block-group__inner-container {
  display: grid;
  gap: 0.85rem;
}

.axis-info-faq-item,
.editor-styles-wrapper .axis-info-faq-item {
  overflow: hidden;
  border-radius: 18px;
}

.axis-info-faq-item summary,
.editor-styles-wrapper .axis-info-faq-item summary {
  display: flex;
  min-height: 4.5rem;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.35rem;
  color: var(--axis-ink);
  cursor: pointer;
  font-family: var(--axis-font-display);
  font-size: 1.04rem;
  font-weight: 780;
  line-height: 1.22;
}

.axis-info-faq-item summary::-webkit-details-marker {
  display: none;
}

.axis-info-faq-item summary::after,
.editor-styles-wrapper .axis-info-faq-item summary::after {
  content: "+";
  display: inline-flex;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-info-accent-rgb), 0.4);
  border-radius: 999px;
  color: var(--axis-info-accent);
  background: rgba(var(--axis-info-accent-rgb), 0.1);
}

.axis-info-faq-item[open] summary::after {
  content: "-";
}

.axis-info-faq-item p,
.editor-styles-wrapper .axis-info-faq-item p {
  margin: 0;
  padding: 0 1.35rem 1.25rem;
}

.axis-info-legal-body,
.editor-styles-wrapper .axis-info-legal-body {
  width: var(--axis-info-narrow);
  margin: 0 auto;
  padding: 2rem;
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background: rgba(var(--axis-card-rgb), 0.68);
  box-shadow: var(--axis-soft-shadow);
}

.axis-motion-ready .axis-info-legal-body {
  opacity: 1;
  transform: none;
}

.axis-info-legal-body h2,
.editor-styles-wrapper .axis-info-legal-body h2 {
  margin-top: 2.2rem;
  font-size: 1.85rem;
  line-height: 1.12;
}

.axis-info-legal-body h2:first-child,
.editor-styles-wrapper .axis-info-legal-body h2:first-child {
  margin-top: 0;
}

.axis-info-legal-body h3,
.editor-styles-wrapper .axis-info-legal-body h3 {
  margin-top: 1.5rem;
  font-size: 1.18rem;
}

.axis-info-legal-body p,
.axis-info-legal-body li,
.editor-styles-wrapper .axis-info-legal-body p,
.editor-styles-wrapper .axis-info-legal-body li {
  font-size: 1rem;
}

.axis-info-legal-body ul,
.editor-styles-wrapper .axis-info-legal-body ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.7rem 0 0;
  padding-left: 1.25rem;
}

.axis-info-policy-grid > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-info-cta,
.editor-styles-wrapper .axis-info-cta {
  margin-bottom: 4.5rem;
  padding: 2.8rem;
  border: 1px solid rgba(var(--axis-info-accent-rgb), 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 10%, rgba(var(--axis-info-accent-rgb), 0.15), transparent 18rem),
    linear-gradient(135deg, rgba(var(--axis-info-secondary-rgb), 0.09), rgba(var(--axis-card-rgb), 0.74));
  box-shadow: var(--axis-shadow);
}

.axis-info-cta > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-info-cta > .wp-block-group__inner-container {
  max-width: 820px;
}

@keyframes axisInfoFloat {
  0%,
  100% {
    transform: translate3d(0, 0, 0);
  }

  50% {
    transform: translate3d(0, -9px, 0);
  }
}

.axis-info-hero__image,
.axis-info-feature-image {
  animation: axisInfoFloat 8.5s ease-in-out infinite;
}

.axis-light .axis-info-page {
  background:
    radial-gradient(circle at 8% 8%, rgba(var(--axis-info-accent-rgb), 0.09), transparent 26rem),
    radial-gradient(circle at 92% 14%, rgba(var(--axis-info-secondary-rgb), 0.08), transparent 30rem),
    linear-gradient(180deg, rgba(247, 248, 251, 0.99), rgba(238, 243, 248, 0.96));
}

.axis-light .axis-info-proof p,
.axis-light .axis-info-card,
.axis-light .axis-info-step,
.axis-light .axis-info-policy-card,
.axis-light .axis-info-faq-item,
.axis-light .axis-info-legal-body,
.axis-light .axis-info-cta {
  background:
    linear-gradient(145deg, rgba(var(--axis-info-accent-rgb), 0.04), transparent 42%),
    rgba(255, 255, 255, 0.88);
}

@media (prefers-reduced-motion: reduce) {
  .axis-info-hero__image,
  .axis-info-feature-image {
    animation: none;
  }
}

@media (max-width: 1160px) {
  .axis-info-hero > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-hero > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  }

  .axis-info-title,
  .editor-styles-wrapper .axis-info-title {
    font-size: 3.85rem;
  }

  .axis-info-section h2,
  .axis-info-cta h2,
  .editor-styles-wrapper .axis-info-section h2,
  .editor-styles-wrapper .axis-info-cta h2 {
    font-size: 2.65rem;
  }
}

@media (max-width: 980px) {
  .axis-info-page,
  .editor-styles-wrapper .axis-info-page {
    margin-top: -6.8rem;
  }

  .axis-info-hero {
    padding-top: 8rem;
  }

  .axis-info-hero > .wp-block-group__inner-container,
  .axis-info-section--split > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-hero > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-section--split > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .axis-info-title,
  .editor-styles-wrapper .axis-info-title {
    max-width: 760px;
    font-size: 3.55rem;
  }

  .axis-info-grid > .wp-block-group__inner-container,
  .axis-info-steps > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .axis-info-page,
  .editor-styles-wrapper .axis-info-page {
    --axis-info-shell: calc(100% - 2rem);
    --axis-info-narrow: calc(100% - 2rem);
  }

  .axis-info-hero {
    padding: 7.1rem 0 3rem;
  }

  .axis-info-title,
  .editor-styles-wrapper .axis-info-title {
    max-width: 100%;
    font-size: 2.45rem;
    line-height: 1.03;
  }

  .axis-info-lead,
  .editor-styles-wrapper .axis-info-lead {
    font-size: 1rem;
  }

  .axis-info-actions,
  .editor-styles-wrapper .axis-info-actions {
    width: 100%;
  }

  .axis-info-page .axis-info-button,
  .editor-styles-wrapper .axis-info-page .axis-info-button,
  .axis-info-page .axis-info-button .wp-block-button__link,
  .editor-styles-wrapper .axis-info-page .axis-info-button .wp-block-button__link {
    width: 100%;
  }

  .axis-info-proof > .wp-block-group__inner-container,
  .axis-info-grid > .wp-block-group__inner-container,
  .axis-info-grid--two > .wp-block-group__inner-container,
  .axis-info-steps > .wp-block-group__inner-container,
  .axis-info-policy-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-proof > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-grid--two > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-steps > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-policy-grid > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .axis-info-nav,
  .editor-styles-wrapper .axis-info-nav {
    border-radius: 22px;
  }

  .axis-info-nav > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-info-nav > .wp-block-group__inner-container {
    justify-content: flex-start;
  }

  .axis-info-section,
  .editor-styles-wrapper .axis-info-section {
    padding: 3rem 0;
  }

  .axis-info-section h2,
  .axis-info-cta h2,
  .editor-styles-wrapper .axis-info-section h2,
  .editor-styles-wrapper .axis-info-cta h2 {
    font-size: 2rem;
    line-height: 1.05;
  }

  .axis-info-legal-body,
  .editor-styles-wrapper .axis-info-legal-body,
  .axis-info-cta,
  .editor-styles-wrapper .axis-info-cta {
    padding: 1.35rem;
    border-radius: 20px;
  }

  .axis-info-hero__image,
  .axis-info-feature-image {
    border-radius: 20px;
  }
}

.axis-app-page {
  --axis-app-accent: var(--axis-clay);
  --axis-app-accent-rgb: var(--axis-blue-rgb);
  --axis-app-secondary: var(--axis-patina);
  --axis-app-secondary-rgb: var(--axis-olive-rgb);
  --axis-app-wash: rgba(var(--axis-blue-rgb), 0.12);
}

.axis-app-page--task-manager {
  --axis-app-accent: #a3b343;
  --axis-app-accent-rgb: 163, 179, 67;
  --axis-app-secondary: #5b8def;
  --axis-app-secondary-rgb: 91, 141, 239;
}

.axis-app-page--products-manager {
  --axis-app-accent: #8d75b4;
  --axis-app-accent-rgb: 141, 117, 180;
  --axis-app-secondary: #58b8c9;
  --axis-app-secondary-rgb: 88, 184, 201;
}

.axis-app-page--orders-manager {
  --axis-app-accent: #e0994b;
  --axis-app-accent-rgb: 224, 153, 75;
  --axis-app-secondary: #4f8fe8;
  --axis-app-secondary-rgb: 79, 143, 232;
}

.axis-app-page--coupons {
  --axis-app-accent: #cf668c;
  --axis-app-accent-rgb: 207, 102, 140;
  --axis-app-secondary: #a3b343;
  --axis-app-secondary-rgb: 163, 179, 67;
}

.axis-app-page--content-manager {
  --axis-app-accent: #5a9c93;
  --axis-app-accent-rgb: 90, 156, 147;
  --axis-app-secondary: #8d75b4;
  --axis-app-secondary-rgb: 141, 117, 180;
}

.axis-app-page--team-hub {
  --axis-app-accent: #3dd6a3;
  --axis-app-accent-rgb: 61, 214, 163;
  --axis-app-secondary: #9b7cf6;
  --axis-app-secondary-rgb: 155, 124, 246;
}

.axis-app-page--smart-products {
  --axis-app-accent: #22d3ee;
  --axis-app-accent-rgb: 34, 211, 238;
  --axis-app-secondary: #fbbf24;
  --axis-app-secondary-rgb: 251, 191, 36;
}

.axis-app-page--email-marketing {
  --axis-app-accent: #f472b6;
  --axis-app-accent-rgb: 244, 114, 182;
  --axis-app-secondary: #38bdf8;
  --axis-app-secondary-rgb: 56, 189, 248;
}

.axis-app-page--smart-orders {
  --axis-app-accent: #f59e0b;
  --axis-app-accent-rgb: 245, 158, 11;
  --axis-app-secondary: #14b8a6;
  --axis-app-secondary-rgb: 20, 184, 166;
}

.axis-app-page--reviews {
  --axis-app-accent: #e879f9;
  --axis-app-accent-rgb: 232, 121, 249;
  --axis-app-secondary: #a3e635;
  --axis-app-secondary-rgb: 163, 230, 53;
}

.axis-app-page--vendors-hub {
  --axis-app-accent: #8b5cf6;
  --axis-app-accent-rgb: 139, 92, 246;
  --axis-app-secondary: #fb923c;
  --axis-app-secondary-rgb: 251, 146, 60;
}

.axis-app-page--smart-wms {
  --axis-app-accent: #60a5fa;
  --axis-app-accent-rgb: 96, 165, 250;
  --axis-app-secondary: #34d399;
  --axis-app-secondary-rgb: 52, 211, 153;
}

.axis-app-page--ads-manager {
  --axis-app-accent: #fb7185;
  --axis-app-accent-rgb: 251, 113, 133;
  --axis-app-secondary: #22d3ee;
  --axis-app-secondary-rgb: 34, 211, 238;
}

.axis-app-page--fulfilment {
  --axis-app-accent: #f97316;
  --axis-app-accent-rgb: 249, 115, 22;
  --axis-app-secondary: #6366f1;
  --axis-app-secondary-rgb: 99, 102, 241;
}

.axis-app-page--customers {
  --axis-app-accent: #2dd4bf;
  --axis-app-accent-rgb: 45, 212, 191;
  --axis-app-secondary: #fda4af;
  --axis-app-secondary-rgb: 253, 164, 175;
}

.axis-light body.axis-app-page--task-manager {
  --axis-app-accent: #758522;
  --axis-app-accent-rgb: 117, 133, 34;
}

.axis-light body.axis-app-page--products-manager {
  --axis-app-accent: #775aa5;
  --axis-app-accent-rgb: 119, 90, 165;
}

.axis-light body.axis-app-page--orders-manager {
  --axis-app-accent: #ba6f22;
  --axis-app-accent-rgb: 186, 111, 34;
}

.axis-light body.axis-app-page--coupons {
  --axis-app-accent: #b24770;
  --axis-app-accent-rgb: 178, 71, 112;
}

.axis-light body.axis-app-page--content-manager {
  --axis-app-accent: #357d74;
  --axis-app-accent-rgb: 53, 125, 116;
}

.axis-light body.axis-app-page--team-hub {
  --axis-app-accent: #0f9f75;
  --axis-app-accent-rgb: 15, 159, 117;
}

.axis-light body.axis-app-page--smart-products {
  --axis-app-accent: #0891b2;
  --axis-app-accent-rgb: 8, 145, 178;
}

.axis-light body.axis-app-page--email-marketing {
  --axis-app-accent: #db2777;
  --axis-app-accent-rgb: 219, 39, 119;
}

.axis-light body.axis-app-page--smart-orders {
  --axis-app-accent: #b45309;
  --axis-app-accent-rgb: 180, 83, 9;
}

.axis-light body.axis-app-page--reviews {
  --axis-app-accent: #c026d3;
  --axis-app-accent-rgb: 192, 38, 211;
}

.axis-light body.axis-app-page--vendors-hub {
  --axis-app-accent: #7c3aed;
  --axis-app-accent-rgb: 124, 58, 237;
}

.axis-light body.axis-app-page--smart-wms {
  --axis-app-accent: #2563eb;
  --axis-app-accent-rgb: 37, 99, 235;
}

.axis-light body.axis-app-page--ads-manager {
  --axis-app-accent: #e11d48;
  --axis-app-accent-rgb: 225, 29, 72;
}

.axis-light body.axis-app-page--fulfilment {
  --axis-app-accent: #c2410c;
  --axis-app-accent-rgb: 194, 65, 12;
}

.axis-light body.axis-app-page--customers {
  --axis-app-accent: #0f766e;
  --axis-app-accent-rgb: 15, 118, 110;
}

.axis-app-landing {
  position: relative;
  overflow: hidden;
  padding: 9.5rem 0 5.5rem;
  isolation: isolate;
}

.axis-app-landing::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-app-accent-rgb), 0.2), transparent 28rem),
    radial-gradient(circle at 80% 12%, rgba(var(--axis-app-secondary-rgb), 0.16), transparent 24rem),
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-app-secondary-rgb), 0.08) 42% 42.15%, transparent 42.15%);
  mask-image: linear-gradient(to bottom, #000 0 82%, transparent 100%);
}

.axis-app-landing__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.82fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 5rem);
  margin: 0;
}

.axis-app-landing__copy,
.axis-app-landing__visual {
  min-width: 0;
}

.axis-app-landing__title {
  max-width: 760px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(3.2rem, 6.3vw, 5.9rem);
  font-weight: 800;
  line-height: 0.9;
}

.axis-app-landing__lead {
  max-width: 650px;
  margin: 1.35rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 720;
}

.axis-app-landing__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem;
  margin-top: 2rem;
}

.axis-app-landing__outcomes {
  display: grid;
  max-width: 680px;
  margin-top: 2.1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.axis-app-landing__outcomes > .wp-block-group__inner-container {
  display: contents;
}

.axis-app-landing__outcomes p {
  margin: 0;
  padding: 0.82rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  color: var(--axis-muted);
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 55%),
    rgba(255, 255, 255, 0.035);
  font-size: 0.82rem;
  font-weight: 900;
}

.axis-app-demo {
  position: relative;
  min-height: 500px;
  padding: 1.1rem;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.26);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.18), transparent 34%),
    linear-gradient(320deg, rgba(var(--axis-app-secondary-rgb), 0.12), transparent 38%),
    rgba(12, 23, 40, 0.84);
  box-shadow: var(--axis-shadow);
}

.axis-app-demo::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-app-accent-rgb), 0.1) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 48px 48px;
  pointer-events: none;
}

.axis-app-demo > * {
  position: relative;
  z-index: 1;
}

.axis-app-demo__top {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  margin-bottom: 1rem;
}

.axis-app-demo__icon {
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.34);
  border-radius: 18px;
  color: #fff;
  background: linear-gradient(135deg, var(--axis-app-accent), var(--axis-app-secondary));
  font-weight: 950;
}

.axis-app-demo__label,
.axis-app-demo__agent-label {
  margin: 0 0 0.18rem;
  color: var(--axis-app-accent);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-demo h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.45rem, 3vw, 2.15rem);
}

.axis-app-demo__agent {
  margin-top: 2rem;
  padding: 1.1rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.28);
  border-radius: 20px;
  background: rgba(var(--axis-app-accent-rgb), 0.12);
}

.axis-app-demo__agent p:last-child {
  margin: 0;
  color: var(--axis-muted);
}

.axis-app-demo__metric {
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.axis-app-demo__metric p {
  display: grid;
  margin: 0;
  gap: 0.22rem;
}

.axis-app-demo__metric strong {
  color: var(--axis-ink);
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1;
}

.axis-app-demo__metric span {
  color: var(--axis-muted);
  font-size: 0.84rem;
  font-weight: 850;
}

.axis-app-demo__bars {
  display: grid;
  margin-top: 1.5rem;
  gap: 0.75rem;
}

.axis-app-demo__bars p {
  height: 0.72rem;
  margin: 0;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.axis-app-demo__bars p::before {
  content: "";
  display: block;
  width: 64%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--axis-app-accent), var(--axis-app-secondary), var(--axis-brass));
  animation: axisMiniBars 5.6s ease-in-out infinite;
}

.axis-app-demo__bars p:nth-child(2)::before {
  width: 42%;
  animation-delay: -1s;
}

.axis-app-demo__bars p:nth-child(3)::before {
  width: 78%;
  animation-delay: -2s;
}

.axis-app-section {
  padding: clamp(5rem, 8vw, 8rem) 0;
}

.axis-app-section--features,
.axis-app-section--pricing {
  border-top: 1px solid var(--axis-line);
  border-bottom: 1px solid var(--axis-line);
  background:
    linear-gradient(180deg, rgba(var(--axis-app-accent-rgb), 0.05), transparent 18rem),
    rgba(255, 255, 255, 0.015);
}

.axis-app-feature-grid {
  display: block;
}

.axis-app-feature-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-app-feature-card {
  min-height: 270px;
  padding: 1.25rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 48%),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-feature-card__number {
  margin: 0 0 2rem;
  color: var(--axis-app-accent);
  font-size: 0.78rem;
  font-weight: 950;
}

.axis-app-feature-card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1.35rem;
}

.axis-app-feature-card p:not(.axis-app-feature-card__number) {
  color: var(--axis-muted);
}

.axis-app-workflow {
  display: block;
}

.axis-app-workflow > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.8fr));
  gap: 1rem;
}

.axis-app-workflow__intro,
.axis-app-workflow__step {
  padding: 1.25rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-workflow__intro h2 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
}

.axis-app-workflow__intro p:not(.axis-kicker),
.axis-app-workflow__step h3 {
  color: var(--axis-muted);
}

.axis-app-workflow__index {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin: 0 0 2rem;
  border-radius: 14px;
  color: var(--axis-app-accent);
  background: rgba(var(--axis-app-accent-rgb), 0.12);
  font-weight: 950;
}

.axis-app-workflow__step h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1.25rem;
}

.axis-app-offer {
  display: block;
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.2);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-offer::before {
  content: "";
  position: absolute;
  inset: auto -8rem -10rem auto;
  width: 26rem;
  height: 26rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.14);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(var(--axis-app-accent-rgb), 0.08) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(0deg, rgba(var(--axis-app-accent-rgb), 0.08) 1px, transparent 1px) 0 0 / 28px 28px;
  pointer-events: none;
}

.axis-app-offer > .wp-block-group__inner-container {
  display: grid;
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, 0.78fr) minmax(520px, 1.12fr);
  gap: 1rem;
  align-items: stretch;
}

.axis-app-offer__copy,
.axis-app-offer__card {
  position: relative;
  min-width: 0;
  padding: clamp(1.35rem, 3vw, 2.2rem);
  border: 1px solid var(--axis-line);
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-offer__copy {
  display: flex;
  min-height: 420px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 24px;
}

.axis-app-offer__copy h2 {
  max-width: 640px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2rem, 4vw, 3.65rem);
  line-height: 1.02;
}

.axis-app-offer__copy p:not(.axis-kicker),
.axis-app-offer__card p,
.axis-app-offer__card li {
  color: var(--axis-muted);
}

.axis-app-offer__signal {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.22);
  border-radius: 18px;
  background: rgba(var(--axis-app-accent-rgb), 0.08);
}

.axis-app-offer__signal p {
  margin: 0;
  color: var(--axis-ink);
  font-size: 0.95rem;
  font-weight: 800;
}

.axis-app-offer__plans {
  display: block;
}

.axis-app-offer__plans > .wp-block-group__inner-container {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
  gap: 1rem;
}

.axis-app-offer__card {
  display: flex;
  min-height: 420px;
  flex-direction: column;
  border-radius: 24px;
}

.axis-app-offer__card.is-featured {
  border-color: rgba(var(--axis-app-accent-rgb), 0.36);
  background:
    linear-gradient(150deg, rgba(var(--axis-app-accent-rgb), 0.14), transparent 38%),
    rgba(255, 255, 255, 0.045);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-offer__card.is-suite {
  background:
    linear-gradient(150deg, rgba(var(--axis-purple-rgb), 0.11), transparent 38%),
    rgba(255, 255, 255, 0.028);
}

.axis-app-offer__label {
  width: fit-content;
  margin: 0 0 1.15rem;
  padding: 0.42rem 0.7rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.24);
  border-radius: 999px;
  color: var(--axis-app-accent) !important;
  background: rgba(var(--axis-app-accent-rgb), 0.1);
  font-size: 0.72rem;
  font-weight: 850;
  text-transform: uppercase;
}

.axis-app-offer__card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.08;
}

.axis-app-offer__price {
  margin: 1.5rem 0 0;
  color: var(--axis-ink) !important;
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 400;
  line-height: 0.95;
}

.axis-app-offer__price span {
  display: inline-block;
  margin-left: 0.28rem;
  color: var(--axis-muted);
  font-size: 1rem;
  font-weight: 850;
}

.axis-app-offer__lifetime {
  margin-top: 0.5rem;
  color: var(--axis-app-accent) !important;
  font-size: 0.98rem;
  font-weight: 900;
}

.axis-app-offer__card ul {
  display: grid;
  gap: 0.62rem;
  padding: 0;
  margin: 1.35rem 0 1.4rem;
  list-style: none;
}

.axis-app-offer__card li {
  position: relative;
  padding-left: 1.45rem;
  font-weight: 720;
}

.axis-app-offer__card li::before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: var(--axis-app-accent);
  box-shadow: 0 0 0 5px rgba(var(--axis-app-accent-rgb), 0.12);
}

.axis-app-offer__card .wp-block-buttons {
  margin-top: auto;
}

.axis-app-conversion {
  position: relative;
  padding-bottom: clamp(5rem, 8vw, 7rem);
  border-top: 1px solid var(--axis-line);
  background:
    radial-gradient(circle at 20% 8%, rgba(var(--axis-app-accent-rgb), 0.14), transparent 26rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent);
}

.axis-app-conversion__grid {
  display: block;
}

.axis-app-conversion__grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  gap: clamp(1rem, 2.5vw, 1.6rem);
  align-items: stretch;
}

.axis-app-conversion__copy,
.axis-app-conversion__panel {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.24);
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.11), transparent 42%),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-conversion__copy {
  display: flex;
  min-height: 430px;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(1.6rem, 4vw, 3rem);
  border-radius: 30px;
}

.axis-app-conversion__copy::after {
  content: "";
  position: absolute;
  right: clamp(1.4rem, 5vw, 4rem);
  bottom: clamp(1.2rem, 4vw, 3rem);
  width: min(32vw, 360px);
  height: min(32vw, 360px);
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.14);
  border-radius: 999px;
  background:
    linear-gradient(90deg, rgba(var(--axis-app-accent-rgb), 0.11) 1px, transparent 1px) 0 0 / 26px 26px,
    linear-gradient(0deg, rgba(var(--axis-app-accent-rgb), 0.08) 1px, transparent 1px) 0 0 / 26px 26px;
  opacity: 0.64;
  pointer-events: none;
}

.axis-app-conversion__copy > * {
  position: relative;
  z-index: 1;
}

.axis-app-conversion__copy h2 {
  max-width: 840px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.35rem, 5.4vw, 5rem);
  line-height: 0.92;
}

.axis-app-conversion__copy p:not(.axis-kicker) {
  max-width: 660px;
  color: var(--axis-muted);
  font-size: 1.06rem;
}

.axis-app-conversion__actions {
  margin-top: 1.3rem;
}

.axis-app-conversion__panel {
  align-self: stretch;
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 24px;
}

.axis-app-conversion__eyebrow {
  margin: 0 0 1.1rem;
  color: var(--axis-app-accent);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-app-conversion__panel h3 {
  margin: 0 0 1.3rem;
  color: var(--axis-ink);
  font-size: clamp(1.55rem, 3vw, 2.35rem);
  line-height: 1.04;
}

.axis-app-conversion__list {
  display: grid;
  gap: 0.7rem;
  padding: 0;
  margin: 0 0 1.4rem;
  list-style: none;
}

.axis-app-conversion__list li {
  position: relative;
  padding: 0.85rem 0.9rem 0.85rem 2.5rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  color: var(--axis-muted);
  background: rgba(255, 255, 255, 0.035);
  font-weight: 760;
}

.axis-app-conversion__list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.95rem;
  width: 0.74rem;
  height: 0.74rem;
  border-radius: 999px;
  background: var(--axis-app-accent);
  box-shadow: 0 0 0 6px rgba(var(--axis-app-accent-rgb), 0.12);
  transform: translateY(-50%);
}

.axis-app-conversion__prices {
  display: block;
  overflow: hidden;
  margin-top: auto;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-conversion__prices > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-app-conversion__prices p {
  display: grid;
  gap: 0.2rem;
  margin: 0;
  padding: 1rem;
  border-right: 1px solid var(--axis-line);
}

.axis-app-conversion__prices p:last-child {
  border-right: 0;
}

.axis-app-conversion__prices strong {
  color: var(--axis-ink);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  line-height: 1;
}

.axis-app-conversion__prices span,
.axis-app-conversion__note {
  color: var(--axis-muted);
}

.axis-app-conversion__note {
  margin: 1rem 0 0;
  font-size: 0.92rem;
}

.axis-app-proof {
  padding: 0 0 clamp(3rem, 5vw, 5rem);
}

.axis-app-proof__grid {
  display: block;
  overflow: hidden;
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-proof__grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.axis-app-proof__item {
  min-width: 0;
  padding: 1.1rem;
  border-right: 1px solid var(--axis-line);
}

.axis-app-proof__item:last-child {
  border-right: 0;
}

.axis-app-proof__item p {
  margin: 0 0 0.35rem;
  color: var(--axis-app-accent);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-proof__item h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1rem;
}

.axis-app-section--problem,
.axis-app-section--showcase,
.axis-app-section--capabilities {
  border-top: 1px solid var(--axis-line);
}

.axis-app-problem {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1fr);
  align-items: stretch;
  gap: 1rem;
  margin: 0;
}

.axis-app-problem__copy,
.axis-app-problem__cards {
  min-width: 0;
}

.axis-app-problem__copy {
  padding: clamp(1.5rem, 3vw, 2.2rem);
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 40%),
    var(--axis-panel);
}

.axis-app-problem__copy h2 {
  max-width: 760px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.25rem, 5vw, 4.4rem);
  line-height: 1;
}

.axis-app-problem__copy p:not(.axis-kicker) {
  color: var(--axis-muted);
  font-size: 1.05rem;
}

.axis-app-problem__cards {
  display: grid;
  gap: 1rem;
}

.axis-app-problem-card {
  padding: 1.25rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-problem-card.is-new {
  border-color: rgba(var(--axis-app-accent-rgb), 0.32);
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.14), transparent 42%),
    rgba(255, 255, 255, 0.04);
}

.axis-app-problem-card__label {
  margin: 0 0 1.4rem;
  color: var(--axis-app-accent);
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-problem-card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 3vw, 2rem);
  line-height: 1.08;
}

.axis-app-problem-card p:not(.axis-app-problem-card__label) {
  color: var(--axis-muted);
}

.axis-app-showcase {
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1fr);
  align-items: center;
  gap: clamp(1.2rem, 4vw, 3rem);
  margin: 0 0 clamp(2rem, 5vw, 4rem);
}

.axis-app-showcase:last-child {
  margin-bottom: 0;
}

.axis-app-showcase.is-reversed .axis-app-showcase__copy {
  order: 2;
}

.axis-app-showcase.is-reversed .axis-app-showcase__visual {
  order: 1;
}

.axis-app-showcase__step {
  display: inline-flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  margin: 0 0 1rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.3);
  border-radius: 16px;
  color: var(--axis-app-accent);
  background: rgba(var(--axis-app-accent-rgb), 0.1);
  font-weight: 950;
}

.axis-app-showcase__copy h3 {
  max-width: 620px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.8rem, 4vw, 3.3rem);
  line-height: 1;
}

.axis-app-showcase__copy p:not(.axis-app-showcase__step),
.axis-app-showcase__copy li {
  color: var(--axis-muted);
}

.axis-app-showcase__copy ul {
  display: grid;
  gap: 0.55rem;
  padding: 0;
  margin: 1.1rem 0 0;
  list-style: none;
}

.axis-app-showcase__copy li::before {
  content: "";
  display: inline-block;
  width: 0.42rem;
  height: 0.42rem;
  margin-right: 0.55rem;
  border-radius: 999px;
  background: var(--axis-app-accent);
}

.axis-app-mockup {
  overflow: hidden;
  min-height: 390px;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.24);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.16), transparent 34%),
    rgba(12, 23, 40, 0.86);
  box-shadow: var(--axis-shadow);
}

.axis-app-mockup__chrome {
  min-height: 54px;
  padding: 0.9rem 1rem;
  border-bottom: 1px solid var(--axis-line);
  background: rgba(255, 255, 255, 0.04);
}

.axis-app-mockup__chrome p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 900;
}

.axis-app-mockup__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 1rem;
  padding: 1rem;
}

.axis-app-mockup__main,
.axis-app-mockup__side {
  min-height: 250px;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-app-mockup__main > p:first-child,
.axis-app-mockup__side p:first-child {
  margin: 0 0 1rem;
  color: var(--axis-ink);
  font-weight: 950;
}

.axis-app-mockup__side p:last-child {
  color: var(--axis-app-accent);
  font-size: 0.82rem;
  font-weight: 900;
}

.axis-app-mockup__lines {
  display: grid;
  gap: 0.75rem;
}

.axis-app-mockup__lines p {
  height: 0.75rem;
  margin: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
}

.axis-app-mockup__lines p:nth-child(1) {
  width: 88%;
}

.axis-app-mockup__lines p:nth-child(2) {
  width: 64%;
}

.axis-app-mockup__lines p:nth-child(3) {
  width: 76%;
}

.axis-app-capability-grid {
  display: block;
}

.axis-app-capability-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-app-capability {
  min-height: 210px;
  padding: 1.25rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.08), transparent 48%),
    rgba(255, 255, 255, 0.025);
}

.axis-app-capability h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1.15rem;
}

.axis-app-capability p {
  color: var(--axis-muted);
}

body.axis-app-page--products-manager .axis-app-landing__hero,
body.axis-app-page--coupons .axis-app-landing__hero {
  grid-template-columns: minmax(340px, 0.82fr) minmax(0, 0.95fr);
}

body.axis-app-page--products-manager .axis-app-landing__visual,
body.axis-app-page--coupons .axis-app-landing__visual {
  order: -1;
}

body.axis-app-page--orders-manager .axis-app-demo {
  border-radius: 16px;
  background:
    linear-gradient(160deg, rgba(var(--axis-app-accent-rgb), 0.2), transparent 28%),
    linear-gradient(0deg, rgba(var(--axis-app-secondary-rgb), 0.08), transparent 58%),
    rgba(13, 24, 38, 0.88);
}

body.axis-app-page--coupons .axis-app-feature-card,
body.axis-app-page--coupons .axis-app-problem-card,
body.axis-app-page--coupons .axis-app-capability {
  border-radius: 28px;
}

body.axis-app-page--content-manager .axis-app-showcase {
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.78fr);
}

body.axis-app-page--content-manager .axis-app-demo__agent {
  margin-top: 3rem;
}

body.axis-app-page--task-manager .axis-app-feature-grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

body.axis-app-page--task-manager .axis-app-feature-card:first-child {
  grid-row: span 2;
}

body.axis-app-page--task-manager .axis-app-feature-card:first-child .axis-app-feature-card__image img {
  aspect-ratio: 1 / 1;
}

body.axis-app-page--task-manager .axis-app-conversion__grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(340px, 0.72fr) minmax(0, 1fr);
}

body.axis-app-page--task-manager .axis-app-conversion__panel {
  order: -1;
}

body.axis-app-page--task-manager .axis-task-story {
  position: relative;
  overflow: clip;
  border-top: 1px solid var(--axis-line);
  background:
    linear-gradient(180deg, rgba(var(--axis-app-accent-rgb), 0.08), transparent 22rem),
    linear-gradient(90deg, rgba(var(--axis-app-secondary-rgb), 0.045) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(rgba(var(--axis-app-accent-rgb), 0.035) 1px, transparent 1px) 0 0 / 86px 86px;
}

.axis-task-story__intro {
  max-width: 960px;
  margin-bottom: clamp(2rem, 5vw, 4rem);
}

.axis-task-story__intro h2 {
  max-width: 920px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.3rem, 5.2vw, 5.3rem);
  line-height: 0.94;
}

.axis-task-story__intro p:not(.axis-kicker) {
  max-width: 720px;
  color: var(--axis-muted);
  font-size: 1.08rem;
  font-weight: 720;
}

.axis-task-story__rail {
  display: block;
}

.axis-task-story__rail > .wp-block-group__inner-container {
  display: grid;
  gap: clamp(4rem, 11vw, 8rem);
}

.axis-task-story__panel {
  display: block;
  position: sticky;
  z-index: 1;
  top: calc(var(--axis-header-height, 66px) + 2rem);
  overflow: hidden;
  min-height: min(740px, calc(100vh - 8rem));
  padding: clamp(1rem, 2.5vw, 1.6rem);
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.24);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.13), transparent 38%),
    linear-gradient(315deg, rgba(var(--axis-app-secondary-rgb), 0.1), transparent 42%),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-task-story__rail > .wp-block-group__inner-container > .axis-task-story__panel:nth-child(2) {
  z-index: 2;
}

.axis-task-story__rail > .wp-block-group__inner-container > .axis-task-story__panel:nth-child(3) {
  z-index: 3;
}

.axis-task-story__rail > .wp-block-group__inner-container > .axis-task-story__panel:nth-child(4) {
  z-index: 4;
}

.axis-task-story__panel > .wp-block-group__inner-container {
  display: grid;
  min-height: inherit;
  grid-template-columns: minmax(0, 0.74fr) minmax(380px, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
}

.axis-task-story__copy {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(1rem, 3vw, 2.4rem);
}

.axis-task-story__badge {
  width: fit-content;
  margin: 0 0 1.5rem;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.3);
  border-radius: 999px;
  color: var(--axis-app-accent) !important;
  background: rgba(var(--axis-app-accent-rgb), 0.1);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-task-story__copy h3 {
  max-width: 600px;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2rem, 4.5vw, 4.4rem);
  line-height: 0.96;
}

.axis-task-story__copy p:not(.axis-task-story__badge),
.axis-task-story__points li {
  color: var(--axis-muted);
}

.axis-task-story__copy p:not(.axis-task-story__badge) {
  max-width: 620px;
  font-size: 1.03rem;
  font-weight: 720;
}

.axis-task-story__points {
  display: grid;
  gap: 0.72rem;
  padding: 0;
  margin: 1.4rem 0 0;
  list-style: none;
}

.axis-task-story__points li {
  position: relative;
  padding: 0.78rem 0.85rem 0.78rem 2.25rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  font-weight: 760;
}

.axis-task-story__points li::before {
  content: "";
  position: absolute;
  top: 1.08rem;
  left: 0.9rem;
  width: 0.54rem;
  height: 0.54rem;
  border-radius: 999px;
  background: var(--axis-app-accent);
  box-shadow: 0 0 0 5px rgba(var(--axis-app-accent-rgb), 0.12);
}

.axis-task-device {
  position: relative;
  min-width: 0;
  overflow: hidden;
  align-self: stretch;
  border: 1px solid rgba(var(--axis-app-secondary-rgb), 0.28);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.065), transparent),
    rgba(8, 16, 29, 0.84);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.26);
}

.axis-task-device > .wp-block-group__inner-container {
  display: flex;
  min-height: 100%;
  flex-direction: column;
}

.axis-task-device__chrome {
  padding: 0.92rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.045);
}

.axis-task-device__chrome p {
  display: flex;
  align-items: center;
  gap: 0.42rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.76rem;
  font-weight: 850;
}

.axis-task-device__chrome span {
  display: inline-block;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
  background: var(--axis-app-accent);
}

.axis-task-device__chrome span:nth-child(2) {
  background: var(--axis-brass);
}

.axis-task-device__chrome span:nth-child(3) {
  background: var(--axis-app-secondary);
}

.axis-task-device__chrome strong {
  margin-left: 0.45rem;
  color: rgba(255, 255, 255, 0.9);
}

.axis-task-device__screen {
  flex: 1;
  padding: clamp(1rem, 2.8vw, 1.7rem);
}

.axis-task-device__screen > .wp-block-group__inner-container {
  height: 100%;
}

.axis-task-mini-dashboard {
  height: 100%;
}

.axis-task-mini-dashboard > .wp-block-group__inner-container {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.axis-task-mini-stat,
.axis-task-mini-chart,
.axis-task-mini-card,
.axis-task-mini-sprint,
.axis-task-mini-api,
.axis-task-mini-role {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
}

.axis-task-mini-stat {
  min-height: 132px;
  padding: 1rem;
  border-radius: 20px;
}

.axis-task-mini-stat:nth-child(1) {
  border-color: rgba(var(--axis-app-accent-rgb), 0.42);
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.2), transparent 58%),
    rgba(255, 255, 255, 0.07);
}

.axis-task-mini-stat p {
  display: grid;
  gap: 0.28rem;
  margin: 0;
}

.axis-task-mini-stat span,
.axis-task-mini-stat em,
.axis-task-mini-api span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.74rem;
  font-style: normal;
  font-weight: 820;
}

.axis-task-mini-stat strong {
  color: #fff;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 0.95;
}

.axis-task-mini-chart {
  grid-column: 1 / -1;
  min-height: 180px;
  padding: 1rem;
  border-radius: 22px;
}

.axis-task-mini-chart p {
  display: flex;
  height: 100%;
  align-items: end;
  gap: 0.8rem;
  margin: 0;
}

.axis-task-mini-chart span {
  flex: 1;
  min-height: 24%;
  border-radius: 999px 999px 8px 8px;
  background: linear-gradient(180deg, var(--axis-app-secondary), var(--axis-app-accent));
}

.axis-task-mini-chart span:nth-child(2) {
  min-height: 48%;
}

.axis-task-mini-chart span:nth-child(3) {
  min-height: 70%;
}

.axis-task-mini-chart span:nth-child(4) {
  min-height: 38%;
}

.axis-task-mini-chart span:nth-child(5) {
  min-height: 58%;
}

.axis-task-mini-board > .wp-block-group__inner-container {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-task-mini-column {
  min-width: 0;
  padding: 0.72rem;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.045);
}

.axis-task-mini-column > .wp-block-group__inner-container {
  display: grid;
  gap: 0.62rem;
}

.axis-task-mini-column > .wp-block-group__inner-container > p {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  margin: 0 0 0.32rem;
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-task-mini-column > .wp-block-group__inner-container > p span {
  padding: 0.14rem 0.42rem;
  border-radius: 999px;
  color: #0b1424;
  background: var(--axis-app-accent);
}

.axis-task-mini-card {
  min-height: 120px;
  padding: 0.78rem;
  border-radius: 16px;
}

.axis-task-mini-card.is-muted {
  min-height: 74px;
  opacity: 0.66;
}

.axis-task-mini-card p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.8rem;
  font-weight: 850;
}

.axis-task-mini-timeline > .wp-block-group__inner-container {
  display: grid;
  height: 100%;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: 0.8rem;
}

.axis-task-mini-sprint {
  padding: 1rem;
  border-radius: 18px;
}

.axis-task-mini-sprint.is-active {
  border-color: rgba(var(--axis-app-accent-rgb), 0.48);
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.22), transparent 64%),
    rgba(255, 255, 255, 0.07);
}

.axis-task-mini-sprint p,
.axis-task-mini-api p,
.axis-task-mini-role p {
  display: grid;
  gap: 0.24rem;
  margin: 0;
}

.axis-task-mini-sprint strong,
.axis-task-mini-api strong,
.axis-task-mini-role strong {
  color: rgba(255, 255, 255, 0.92);
}

.axis-task-mini-sprint span,
.axis-task-mini-role span {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.78rem;
  font-weight: 760;
}

.axis-task-mini-gantt {
  grid-row: span 3;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-app-secondary-rgb), 0.24);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px) 0 0 / 54px 100%,
    rgba(255, 255, 255, 0.035);
}

.axis-task-mini-gantt p {
  display: grid;
  height: 100%;
  align-content: center;
  gap: 1.4rem;
  margin: 0;
}

.axis-task-mini-gantt span {
  display: block;
  width: var(--axis-task-bar, 60%);
  height: 1.6rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-app-accent), var(--axis-app-secondary));
}

.axis-task-mini-gantt span:nth-child(2) {
  margin-left: 18%;
}

.axis-task-mini-gantt span:nth-child(3) {
  margin-left: 8%;
}

.axis-task-mini-permissions > .wp-block-group__inner-container {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
}

.axis-task-mini-role {
  padding: 1rem;
  border-radius: 18px;
}

.axis-task-mini-role p {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.axis-task-mini-role span {
  grid-column: 1 / -1;
}

.axis-task-mini-role em {
  width: 2.55rem;
  height: 1.36rem;
  border-radius: 999px;
  background:
    linear-gradient(90deg, var(--axis-app-accent) 0 58%, rgba(255, 255, 255, 0.17) 58%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}

.axis-task-mini-api {
  grid-column: 1 / -1;
  padding: 1rem;
  border-color: rgba(var(--axis-app-secondary-rgb), 0.3);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-secondary-rgb), 0.18), transparent 54%),
    rgba(255, 255, 255, 0.05);
}

.axis-task-screenshots {
  position: relative;
  border-top: 1px solid var(--axis-line);
  background:
    linear-gradient(180deg, rgba(var(--axis-app-secondary-rgb), 0.055), transparent 18rem),
    rgba(255, 255, 255, 0.012);
}

.axis-task-screenshots .axis-section__header {
  max-width: 850px;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.axis-task-screenshots .axis-section__header h2 {
  color: var(--axis-ink);
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: 0.96;
}

.axis-task-screenshots .axis-section__header p:not(.axis-kicker) {
  max-width: 720px;
  color: var(--axis-muted);
  font-size: 1.06rem;
  font-weight: 720;
}

.axis-task-screenshot-grid {
  display: block;
}

.axis-task-screenshot-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.axis-task-screenshot-card {
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.2);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.08), transparent 48%),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-motion-ready .axis-task-screenshot-card {
  opacity: 1;
  transform: none;
}

.axis-task-screenshot-card.is-featured {
  grid-column: 1 / -1;
}

.axis-task-screenshot-card__image {
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid var(--axis-line);
  background: rgba(255, 255, 255, 0.04);
}

.axis-task-screenshot-card__image img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 8.4;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.axis-task-screenshot-card.is-featured .axis-task-screenshot-card__image img {
  aspect-ratio: 16 / 5.6;
}

.axis-task-screenshot-card:hover .axis-task-screenshot-card__image img {
  transform: scale(1.025);
}

.axis-task-screenshot-card__body {
  padding: 1.1rem;
}

.axis-task-screenshot-card__label {
  width: fit-content;
  margin: 0 0 0.9rem;
  padding: 0.36rem 0.62rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-app-accent) !important;
  background: rgba(var(--axis-app-accent-rgb), 0.1);
  font-size: 0.68rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-task-screenshot-card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.22rem, 2.3vw, 1.65rem);
  line-height: 1.05;
}

.axis-task-screenshot-card p:not(.axis-task-screenshot-card__label) {
  margin-bottom: 0;
  color: var(--axis-muted);
}

.axis-app-tour {
  position: relative;
  border-top: 1px solid var(--axis-line);
  background:
    linear-gradient(180deg, rgba(var(--axis-app-secondary-rgb), 0.055), transparent 18rem),
    radial-gradient(circle at 82% 18%, rgba(var(--axis-app-accent-rgb), 0.12), transparent 28rem),
    rgba(255, 255, 255, 0.012);
}

.axis-app-tour .axis-section__header {
  max-width: 910px;
  margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.axis-app-tour .axis-section__header h2 {
  color: var(--axis-ink);
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: 0.96;
}

.axis-app-tour .axis-section__header p:not(.axis-kicker) {
  max-width: 760px;
  color: var(--axis-muted);
  font-size: 1.06rem;
  font-weight: 720;
}

.axis-app-feature-demos .axis-section__header {
  max-width: 820px;
  margin-bottom: clamp(1.35rem, 3vw, 2.25rem);
}

.axis-app-feature-demos .axis-section__header h2 {
  max-width: 780px;
  font-size: clamp(2.05rem, 3.8vw, 3.45rem);
  line-height: 1;
}

.axis-app-feature-demos .axis-section__header p:not(.axis-kicker) {
  max-width: 700px;
  font-size: 1rem;
}

.axis-app-tour__stage {
  overflow: hidden;
  padding: clamp(0.45rem, 1vw, 0.75rem);
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.22);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.18), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    var(--axis-panel);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-tour__stage > .wp-block-group__inner-container {
  overflow: hidden;
  border-radius: 24px;
}

.axis-app-tour-svg {
  display: block;
  width: 100%;
  height: auto;
}

.axis-app-tour__cards {
  margin-top: 1rem;
}

.axis-app-tour__cards > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-app-tour__card {
  min-height: 100%;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.18);
  border-radius: 20px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 52%),
    rgba(255, 255, 255, 0.04);
}

.axis-app-tour__number {
  width: fit-content;
  margin: 0 0 1rem;
  padding: 0.38rem 0.64rem;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.26);
  border-radius: 999px;
  color: var(--axis-app-accent) !important;
  background: rgba(var(--axis-app-accent-rgb), 0.1);
  font-size: 0.68rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-app-tour__card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.18rem, 2vw, 1.45rem);
  line-height: 1.05;
}

.axis-app-tour__card p:not(.axis-app-tour__number) {
  margin-bottom: 0;
  color: var(--axis-muted);
}

.axis-feature-demo-grid > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(1rem, 2.4vw, 1.5rem);
}

.axis-feature-demo-card {
  min-height: 100%;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.22);
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.13), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    var(--axis-panel);
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.2);
}

.axis-feature-demo-card:nth-child(4n + 2) {
  transform: translateY(clamp(0.65rem, 1.7vw, 1.15rem));
}

.axis-feature-demo-card:nth-child(4n + 3) {
  background:
    linear-gradient(155deg, rgba(var(--axis-app-secondary-rgb), 0.12), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    var(--axis-panel);
}

.axis-feature-demo-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 760 / 430;
  border-bottom: 1px solid rgba(var(--axis-app-accent-rgb), 0.16);
  background:
    radial-gradient(circle at 16% 18%, rgba(var(--axis-app-accent-rgb), 0.22), transparent 22rem),
    #08111f;
}

.axis-feature-demo-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.72), transparent 88%);
}

.axis-feature-demo-card__media svg {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.axis-feature-demo-card__body {
  padding: clamp(1.05rem, 2vw, 1.45rem);
}

.axis-feature-demo-card__body h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.1rem, 1.7vw, 1.5rem);
  line-height: 1.06;
}

.axis-feature-demo-card__body p:not(.axis-app-tour__number) {
  max-width: 52ch;
  margin: 0.8rem 0 0;
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 700;
}

body.axis-app-page--products-manager .axis-app-problem {
  grid-template-columns: minmax(360px, 1fr) minmax(0, 0.86fr);
}

body.axis-app-page--products-manager .axis-app-feature-grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 1.25fr) repeat(2, minmax(0, 0.88fr));
}

body.axis-app-page--products-manager .axis-app-capability-grid > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.axis-app-page--orders-manager .axis-app-explainer {
  grid-template-columns: minmax(340px, 0.68fr) minmax(0, 1.08fr);
}

body.axis-app-page--orders-manager .axis-app-explainer__visual {
  order: 2;
}

body.axis-app-page--orders-manager .axis-app-proof__grid > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.axis-app-page--orders-manager .axis-app-conversion__copy,
body.axis-app-page--orders-manager .axis-app-conversion__panel {
  border-radius: 18px;
}

body.axis-app-page--coupons .axis-app-feature-grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

body.axis-app-page--coupons .axis-app-feature-card:first-child {
  grid-column: span 2;
}

body.axis-app-page--coupons .axis-app-feature-card:first-child .axis-app-feature-card__image img {
  aspect-ratio: 2.5 / 1;
}

body.axis-app-page--coupons .axis-app-conversion__grid > .wp-block-group__inner-container {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.axis-app-page--content-manager .axis-app-explainer {
  grid-template-columns: 1fr;
}

body.axis-app-page--content-manager .axis-app-explainer__steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.axis-app-page--content-manager .axis-app-capability-grid > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
}

body.axis-app-page--content-manager .axis-app-capability:first-child {
  grid-row: span 2;
}

body.axis-app-page--content-manager .axis-app-conversion__copy {
  min-height: 500px;
}

.axis-light .axis-app-landing::before {
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-app-accent-rgb), 0.12), transparent 28rem),
    radial-gradient(circle at 80% 12%, rgba(var(--axis-app-secondary-rgb), 0.1), transparent 24rem),
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-app-secondary-rgb), 0.05) 42% 42.15%, transparent 42.15%);
}

.axis-light .axis-app-landing__outcomes p,
.axis-light .axis-app-proof__grid,
.axis-light .axis-app-workflow__intro,
.axis-light .axis-app-workflow__step,
.axis-light .axis-app-problem-card,
.axis-light .axis-app-mockup__main,
.axis-light .axis-app-mockup__side,
.axis-light .axis-app-capability {
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-app-demo,
.axis-light .axis-app-mockup {
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.12), transparent 34%),
    linear-gradient(320deg, rgba(var(--axis-app-secondary-rgb), 0.08), transparent 38%),
    rgba(255, 255, 255, 0.88);
}

.axis-light body.axis-app-page--task-manager .axis-task-story {
  background:
    linear-gradient(180deg, rgba(var(--axis-app-accent-rgb), 0.06), transparent 22rem),
    linear-gradient(90deg, rgba(var(--axis-app-secondary-rgb), 0.035) 1px, transparent 1px) 0 0 / 86px 86px,
    linear-gradient(rgba(var(--axis-app-accent-rgb), 0.03) 1px, transparent 1px) 0 0 / 86px 86px;
}

.axis-light .axis-task-story__panel {
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.09), transparent 38%),
    linear-gradient(315deg, rgba(var(--axis-app-secondary-rgb), 0.07), transparent 42%),
    rgba(255, 255, 255, 0.86);
}

.axis-light .axis-task-story__points li {
  background: rgba(255, 255, 255, 0.7);
}

.axis-light .axis-task-device {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    #0d1829;
}

.axis-light .axis-task-screenshots {
  background:
    linear-gradient(180deg, rgba(var(--axis-app-secondary-rgb), 0.04), transparent 18rem),
    rgba(255, 255, 255, 0.2);
}

.axis-light .axis-task-screenshot-card {
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.06), transparent 48%),
    rgba(255, 255, 255, 0.78);
}

.axis-light .axis-app-tour {
  background:
    linear-gradient(180deg, rgba(var(--axis-app-secondary-rgb), 0.04), transparent 18rem),
    rgba(255, 255, 255, 0.2);
}

.axis-light .axis-app-tour__stage,
.axis-light .axis-app-tour__card,
.axis-light .axis-feature-demo-card {
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.06), transparent 48%),
    rgba(255, 255, 255, 0.78);
}

.axis-light .axis-app-demo::before {
  background:
    linear-gradient(90deg, rgba(var(--axis-app-accent-rgb), 0.08) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px) 0 0 / 48px 48px;
}

.axis-light .axis-app-demo__agent,
.axis-light .axis-app-problem-card.is-new {
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.12), transparent 52%),
    rgba(255, 255, 255, 0.72);
}

.axis-light .axis-app-demo__bars p,
.axis-light .axis-app-mockup__lines p {
  background: rgba(15, 23, 42, 0.08);
}

.axis-app-landing--v2 {
  padding: 10rem 0 6rem;
}

.axis-app-landing--v2::before {
  background:
    radial-gradient(circle at 16% 22%, rgba(var(--axis-app-accent-rgb), 0.24), transparent 32rem),
    radial-gradient(circle at 78% 16%, rgba(var(--axis-app-secondary-rgb), 0.22), transparent 28rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.04) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.035) 1px, transparent 1px) 0 0 / 64px 64px;
  mask-image: linear-gradient(to bottom, #000 0 86%, transparent 100%);
}

.axis-app-landing--v2 .axis-app-landing__hero {
  grid-template-columns: minmax(0, 0.86fr) minmax(420px, 1fr);
}

.axis-app-landing--v2 .axis-app-landing__title {
  max-width: 820px;
  letter-spacing: 0;
}

.axis-app-hero-card {
  position: relative;
  isolation: isolate;
  min-height: 560px;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.28);
  border-radius: 30px;
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.18), transparent 36%),
    rgba(11, 20, 36, 0.76);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.38);
}

.axis-app-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, transparent 0 22%, rgba(255, 255, 255, 0.12) 46%, transparent 68% 100%);
  opacity: 0.6;
  transform: translateX(-120%);
  animation: axisScan 9s ease-in-out infinite;
}

.axis-app-hero-card__image {
  height: 100%;
  margin: 0;
}

.axis-app-hero-card__image img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  transform: scale(1.02);
  animation: axisAppFloat 9s ease-in-out infinite;
}

.axis-app-generated-visual {
  color: var(--axis-app-accent);
}

.axis-app-generated-visual svg {
  display: block;
  width: 100%;
  height: 100%;
}

.axis-app-hero-card__image.axis-app-generated-visual svg {
  min-height: 560px;
}

.axis-app-hero-card__panel,
.axis-app-hero-card__metric {
  position: absolute;
  z-index: 2;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(12, 22, 38, 0.76);
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.axis-app-hero-card__panel {
  right: 1.1rem;
  bottom: 1.1rem;
  left: 1.1rem;
  padding: 1rem;
  border-radius: 22px;
}

.axis-app-hero-card__icon {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.8rem;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, var(--axis-app-accent), var(--axis-app-secondary));
}

.axis-app-hero-card__icon svg {
  width: 1.1rem;
  height: 1.1rem;
}

.axis-app-hero-card__label {
  margin: 0 0 0.2rem;
  color: var(--axis-app-accent);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-hero-card__panel h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.5rem, 3vw, 2.35rem);
}

.axis-app-hero-card__panel p:not(.axis-app-hero-card__label) {
  max-width: 560px;
  margin-bottom: 0;
  color: var(--axis-muted);
}

.axis-app-hero-card__metric {
  top: 1.1rem;
  right: 1.1rem;
  min-width: 190px;
  padding: 0.9rem;
  border-radius: 20px;
}

.axis-app-hero-card__metric p {
  display: grid;
  margin: 0;
  gap: 0.18rem;
}

.axis-app-hero-card__metric strong {
  color: var(--axis-ink);
  font-size: 1.8rem;
  line-height: 1;
}

.axis-app-hero-card__metric span {
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 850;
}

.axis-app-feature-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.25rem);
}

.axis-app-feature-card {
  overflow: hidden;
  min-height: auto;
  padding: 0;
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent),
    var(--axis-panel);
}

.axis-app-feature-card__image {
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid var(--axis-line);
}

.axis-app-feature-card__image img {
  width: 100%;
  aspect-ratio: 1.45 / 1;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.axis-app-feature-card__image.axis-app-generated-visual svg {
  aspect-ratio: 1.45 / 1;
}

.axis-app-feature-card:hover .axis-app-feature-card__image img,
.axis-app-feature-card:hover .axis-app-feature-card__image.axis-app-generated-visual svg {
  transform: scale(1.045);
}

.axis-app-feature-card__number,
.axis-app-feature-card h3,
.axis-app-feature-card p:not(.axis-app-feature-card__number) {
  margin-right: 1.15rem;
  margin-left: 1.15rem;
}

.axis-app-feature-card__number {
  margin-top: 1.1rem;
  margin-bottom: 1.1rem;
}

.axis-app-feature-card p:not(.axis-app-feature-card__number) {
  margin-bottom: 1.25rem;
}

.axis-app-explainer {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.72fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
  margin: 0;
}

.axis-app-explainer__visual,
.axis-app-explainer__steps {
  min-width: 0;
}

.axis-app-explainer__image {
  height: 100%;
  min-height: 420px;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-app-accent-rgb), 0.24);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.035);
  box-shadow: var(--axis-soft-shadow);
}

.axis-app-explainer__image img {
  width: 100%;
  height: 100%;
  min-height: 420px;
  object-fit: cover;
  animation: axisAppFloat 10s ease-in-out infinite reverse;
}

.axis-app-explainer__image.axis-app-generated-visual svg {
  min-height: 420px;
  animation: axisAppFloat 10s ease-in-out infinite reverse;
}

.axis-app-explainer__steps {
  display: grid;
  gap: 0.8rem;
}

.axis-app-explainer__step {
  position: relative;
  padding: 1.1rem;
  overflow: hidden;
  border: 1px solid var(--axis-line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(var(--axis-app-accent-rgb), 0.1), transparent 52%),
    rgba(255, 255, 255, 0.035);
}

.axis-app-explainer__step::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(var(--axis-app-accent), var(--axis-app-secondary));
}

.axis-app-explainer__index {
  margin: 0 0 1.1rem;
  color: var(--axis-app-accent);
  font-size: 0.74rem;
  font-weight: 950;
}

.axis-app-explainer__step h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: 1.22rem;
}

.axis-app-explainer__step p:not(.axis-app-explainer__index) {
  color: var(--axis-muted);
}

.axis-app-capability {
  min-height: 190px;
  border-radius: 22px;
}

.axis-light .axis-app-hero-card {
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.11), transparent 36%),
    rgba(255, 255, 255, 0.86);
}

.axis-light .axis-app-hero-card__panel,
.axis-light .axis-app-hero-card__metric,
.axis-light .axis-app-explainer__step,
.axis-light .axis-app-offer__copy,
.axis-light .axis-app-offer__card,
.axis-light .axis-app-offer__signal,
.axis-light .axis-app-conversion__list li,
.axis-light .axis-app-conversion__prices {
  border-color: var(--axis-line);
  background: rgba(255, 255, 255, 0.78);
}

.axis-light .axis-app-offer {
  background:
    linear-gradient(145deg, rgba(var(--axis-app-accent-rgb), 0.08), transparent 40%),
    rgba(255, 255, 255, 0.72);
}

.axis-light .axis-app-offer__card.is-featured {
  background:
    linear-gradient(150deg, rgba(var(--axis-app-accent-rgb), 0.12), transparent 38%),
    rgba(255, 255, 255, 0.9);
}

.axis-light .axis-app-offer__card.is-suite {
  background:
    linear-gradient(150deg, rgba(var(--axis-purple-rgb), 0.08), transparent 38%),
    rgba(255, 255, 255, 0.82);
}

.axis-light .axis-app-explainer__image,
.axis-light .axis-app-feature-card,
.axis-light .axis-app-conversion__copy,
.axis-light .axis-app-conversion__panel {
  background: rgba(255, 255, 255, 0.86);
}

@keyframes axisAppFloat {

  0%,
  100% {
    transform: scale(1.02) translate3d(0, 0, 0);
  }

  50% {
    transform: scale(1.045) translate3d(0, -10px, 0);
  }
}

.axis-archive-header {
  margin-bottom: 2rem;
}

.axis-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-post-card {
  overflow: hidden;
}

.axis-post-card__media img {
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.axis-post-card__body {
  padding: 1rem;
}

.axis-post-card h2 a {
  color: inherit;
  text-decoration: none;
}

.axis-empty-state {
  padding: 2rem;
  text-align: center;
}

.axis-empty-state .axis-button {
  margin-top: 1rem;
}

.navigation {
  margin-top: 2rem;
}

.nav-links {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.nav-links a {
  color: var(--axis-brass);
  font-weight: 850;
  text-decoration: none;
}

@keyframes axisPulse {

  0% {
    box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.56);
  }

  70% {
    box-shadow: 0 0 0 12px rgba(var(--axis-olive-rgb), 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0);
  }
}

@keyframes axisScan {

  0%,
  32% {
    transform: translateX(-120%);
  }

  58%,
  100% {
    transform: translateX(120%);
  }
}

@keyframes axisProgress {

  0%,
  100% {
    width: 28%;
    transform: translateX(0);
  }

  45% {
    width: 76%;
    transform: translateX(16%);
  }

  70% {
    width: 46%;
    transform: translateX(92%);
  }
}

@keyframes axisAgentGlow {

  0%,
  100% {
    border-color: rgba(148, 163, 184, 0.14);
    transform: translateX(0);
  }

  14%,
  24% {
    border-color: rgba(var(--axis-olive-rgb), 0.42);
    transform: translateX(-4px);
  }
}

@keyframes axisPanelFloat {

  0%,
  100% {
    transform:
      perspective(920px)
      translateY(0)
      rotateX(calc(var(--axis-console-rest-x) + var(--axis-tilt-y, 0deg)))
      rotateY(calc(var(--axis-console-rest-y) + var(--axis-tilt-x, 0deg)))
      rotateZ(var(--axis-console-rest-z));
  }

  50% {
    transform:
      perspective(920px)
      translateY(-10px)
      rotateX(calc(var(--axis-console-rest-x) + var(--axis-tilt-y, 0deg)))
      rotateY(calc(var(--axis-console-rest-y) + var(--axis-tilt-x, 0deg)))
      rotateZ(var(--axis-console-rest-z));
  }
}

@keyframes axisMiniBars {

  0%,
  100% {
    transform: translateX(-14%);
  }

  50% {
    transform: translateX(48%);
  }
}

@keyframes axisWorkflow {

  0%,
  100% {
    transform: translateX(-110%);
  }

  55%,
  78% {
    transform: translateX(220%);
  }
}

@keyframes axisWorkflowNode {

  0%,
  100% {
    box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0);
    transform: scale(1);
  }

  22%,
  34% {
    box-shadow: 0 0 0 8px rgba(var(--axis-olive-rgb), 0.08);
    transform: scale(1.04);
  }
}

@media (prefers-reduced-motion: reduce) {

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .axis-motion-ready .axis-reveal {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 1320px) {

  .axis-header-search {
    display: none;
  }
}

@media (max-width: 1100px) {

  .axis-brand__link,
  .axis-brand__logo,
  .axis-brand img {
    width: 156px;
  }

  .axis-nav__list a {
    padding-inline: 0.72rem;
  }

  .axis-hero__layout,
  .axis-section__header--row,
  .axis-brain__layout,
  .axis-app-map,
  .axis-layer {
    grid-template-columns: 1fr;
  }

  .axis-chat-demo {
    position: static;
  }

  .axis-operating-demo__body {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-agent-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .axis-agent-pill {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  .axis-agent-pill em {
    grid-column: 2;
  }

  .axis-app-grid--launch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-app-map__tabs {
    position: static;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .axis-tab {
    justify-content: center;
    font-size: 0.82rem;
  }

  .axis-layer {
    align-items: start;
  }

	  .axis-layer__visual {
	    max-width: 260px;
	  }

		  .axis-footer__layout {
		    grid-template-columns: 1fr;
		  }

		  .axis-footer__menus {
		    grid-template-columns: repeat(var(--axis-footer-menu-count, 3), minmax(0, 1fr));
		  }
	}

@media (max-width: 860px) {

  .axis-header__frame {
    border-radius: 14px;
  }

  .axis-header__inner {
    min-height: 64px;
    grid-template-columns: auto 1fr auto;
    padding: 0.55rem 0.75rem;
  }

  .axis-actions {
    display: none;
  }

  .axis-menu-toggle {
    display: inline-flex;
    flex: 0 0 auto;
  }

  .axis-nav {
    position: fixed;
    top: 88px;
    right: 1rem;
    left: 1rem;
    display: none;
    max-height: calc(100dvh - 108px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 1rem;
    border: 1px solid var(--axis-line);
    border-radius: var(--axis-radius);
    background: var(--axis-panel);
    box-shadow: var(--axis-shadow);
  }

  .axis-nav.is-open {
    display: block;
  }

  .axis-nav__list {
    display: grid;
    gap: 0.35rem;
  }

  .axis-nav__label {
    white-space: normal;
  }

  .axis-nav__list .sub-menu {
    position: static;
    display: grid;
    min-width: 0;
    margin: 0.25rem 0 0;
    padding: 0.25rem;
    border-color: rgba(var(--axis-blue-rgb), 0.14);
    box-shadow: none;
    opacity: 1;
    transform: none;
    visibility: visible;
  }

  .axis-nav__list a {
    width: 100%;
    justify-content: flex-start;
  }

  .axis-hero {
    min-height: auto;
    padding-top: 8rem;
  }

  .axis-hero__visual {
    min-height: 690px;
  }

  .axis-operating-demo__screens {
    inset: auto 1rem 1rem;
    height: 250px;
  }

  .axis-suite-core {
    margin-top: 0;
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .axis-suite-core h3 {
    grid-column: 1 / -1;
  }

  .axis-hero__ledger,
  .axis-signal-board,
  .axis-workflow-band,
  .axis-process-grid,
  .axis-pricing-grid,
  .axis-post-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-workflow-band__line {
    display: none;
  }

  .axis-value-strip {
    grid-template-columns: 1fr;
  }

  .axis-app-map__tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-app-grid,
  .axis-app-grid--launch {
    grid-template-columns: 1fr;
  }

  .axis-app-landing__hero,
  .axis-app-problem,
  .axis-app-showcase,
  .axis-app-explainer,
  .axis-feature-demo-grid > .wp-block-group__inner-container,
  .axis-app-workflow,
  .axis-app-offer,
  .axis-app-offer > .wp-block-group__inner-container,
  .axis-app-offer__plans > .wp-block-group__inner-container,
  .axis-app-conversion__grid > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-app-conversion__grid > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  body.axis-app-page--products-manager .axis-app-landing__visual,
  body.axis-app-page--coupons .axis-app-landing__visual,
  body.axis-app-page--task-manager .axis-app-conversion__panel,
  body.axis-app-page--orders-manager .axis-app-explainer__visual,
  .axis-app-showcase.is-reversed .axis-app-showcase__copy,
  .axis-app-showcase.is-reversed .axis-app-showcase__visual {
    order: initial;
  }

  .axis-app-landing__outcomes,
  .axis-app-proof__grid,
  .axis-app-feature-grid,
  .axis-app-capability-grid,
  .axis-app-tour__cards,
  body.axis-app-page--content-manager .axis-app-explainer__steps {
    grid-template-columns: 1fr;
  }

  .axis-app-proof__grid > .wp-block-group__inner-container,
  .axis-app-feature-grid > .wp-block-group__inner-container,
  .axis-feature-demo-grid > .wp-block-group__inner-container,
  .axis-app-capability-grid > .wp-block-group__inner-container,
  .axis-app-workflow > .wp-block-group__inner-container,
  .axis-app-tour__cards > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-app-feature-grid > .wp-block-group__inner-container,
  body.axis-app-page--products-manager .axis-app-feature-grid > .wp-block-group__inner-container,
  body.axis-app-page--products-manager .axis-app-capability-grid > .wp-block-group__inner-container,
  body.axis-app-page--orders-manager .axis-app-proof__grid > .wp-block-group__inner-container,
  body.axis-app-page--coupons .axis-app-feature-grid > .wp-block-group__inner-container,
  body.axis-app-page--coupons .axis-app-conversion__grid > .wp-block-group__inner-container,
  body.axis-app-page--content-manager .axis-app-capability-grid > .wp-block-group__inner-container {
    grid-template-columns: 1fr;
  }

  .axis-feature-demo-card:nth-child(4n + 2) {
    transform: none;
  }

  body.axis-app-page--task-manager .axis-app-feature-card:first-child,
  body.axis-app-page--coupons .axis-app-feature-card:first-child,
  body.axis-app-page--content-manager .axis-app-capability:first-child {
    grid-row: auto;
    grid-column: auto;
  }

  .axis-app-hero-card,
  .axis-app-hero-card__image img {
    min-height: 440px;
  }

		  .axis-footer__menus {
		    grid-template-columns: repeat(var(--axis-footer-menu-count, 3), minmax(0, 1fr));
		    gap: 1.3rem 1rem;
		  }

		  .axis-footer__meta {
		    display: grid;
		    justify-content: stretch;
		  }
	}

/* Final corrective pass for pricing tabs and selling-point readability. */
.axis-home .axis-layer-stack,
.editor-styles-wrapper .axis-layer-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch;
}

.axis-home .axis-layer,
.axis-home .axis-layer:nth-child(3),
.editor-styles-wrapper .axis-layer,
.editor-styles-wrapper .axis-layer:nth-child(3) {
  display: grid;
  min-height: 0;
  padding: clamp(1.3rem, 2vw, 1.85rem);
  overflow: hidden;
}

.axis-home .axis-layer,
.editor-styles-wrapper .axis-layer {
  grid-column: auto;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.05rem;
}

.axis-home .axis-layer:nth-child(3),
.editor-styles-wrapper .axis-layer:nth-child(3) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.2fr);
  align-items: center;
}

.axis-home .axis-layer__index,
.editor-styles-wrapper .axis-layer__index {
  grid-column: auto;
  grid-row: auto;
  font-family: var(--axis-font-accent);
  font-size: clamp(3rem, 7vw, 5rem);
  line-height: 0.82;
}

.axis-home .axis-layer__visual,
.editor-styles-wrapper .axis-layer__visual {
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  min-height: 172px;
}

.axis-home .axis-layer__content,
.editor-styles-wrapper .axis-layer__content {
  min-width: 0;
  max-width: 50rem;
}

.axis-home .axis-layer h3,
.editor-styles-wrapper .axis-layer h3 {
  max-width: 18ch;
  margin-bottom: 0.7rem;
  font-size: clamp(1.35rem, 2vw, 2rem);
  line-height: 1.05;
}

.axis-home .axis-layer p,
.editor-styles-wrapper .axis-layer p {
  max-width: 58ch;
  font-size: 1rem;
  line-height: 1.68;
}

.axis-home .axis-layer__checks,
.editor-styles-wrapper .axis-layer__checks {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.7rem;
  align-self: auto;
  margin: 0;
  padding: 0;
}

.axis-home .axis-layer__checks li,
.editor-styles-wrapper .axis-layer__checks li {
  align-items: flex-start;
  max-width: none;
  line-height: 1.45;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__index,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__index {
  grid-column: 1;
  grid-row: 1;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__visual,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__visual {
  grid-column: 1;
  grid-row: 2 / span 2;
  min-height: 210px;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__content,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__content {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__checks,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
  grid-column: 2;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.axis-pricing-tabs,
.editor-styles-wrapper .axis-pricing-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem;
  margin: 0 auto 1.25rem;
}

.axis-pricing-tab,
.editor-styles-wrapper .axis-pricing-tab {
  position: relative;
  display: inline-grid;
  gap: 0.1rem;
  min-width: 10.5rem;
  padding: 0.85rem 1.2rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.8);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.58);
  color: var(--axis-ink);
  box-shadow: 0 18px 45px rgba(2, 8, 23, 0.18);
  font-family: var(--axis-font-ui);
  font-weight: 800;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.axis-pricing-tab span,
.editor-styles-wrapper .axis-pricing-tab span {
  color: var(--axis-muted);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-pricing-tab__badge,
.editor-styles-wrapper .axis-pricing-tab__badge {
  position: absolute;
  top: -0.65rem;
  right: -0.35rem;
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: 0.25rem 0.55rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.5);
  border-radius: 999px;
  background: rgb(var(--axis-accent-rgb));
  color: #101828 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem !important;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.axis-pricing-tab:hover,
.axis-pricing-tab.is-active,
.editor-styles-wrapper .axis-pricing-tab:hover,
.editor-styles-wrapper .axis-pricing-tab.is-active {
  transform: translateY(-2px);
  border-color: rgba(var(--axis-accent-rgb), 0.7);
  background: linear-gradient(135deg, rgba(var(--axis-accent-rgb), 0.24), rgba(var(--axis-blue-rgb), 0.12));
}

.axis-pricing-panels,
.editor-styles-wrapper .axis-pricing-panels {
  position: relative;
}

.axis-pricing-panel {
  display: none;
}

.axis-pricing-panel.is-active,
.editor-styles-wrapper .axis-pricing-panel {
  display: block;
}

.editor-styles-wrapper .axis-pricing-panel {
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px dashed rgba(var(--axis-border-rgb), 0.7);
}

.axis-pricing-panel__note,
.editor-styles-wrapper .axis-pricing-panel__note {
  max-width: 46rem;
  margin: 0 auto 1.35rem;
  color: var(--axis-muted);
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}

.axis-home .axis-pricing-grid,
.editor-styles-wrapper .axis-pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-price-card,
.editor-styles-wrapper .axis-price-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.axis-price-card__sites,
.editor-styles-wrapper .axis-price-card__sites {
  width: fit-content;
  margin-bottom: 0.7rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.34);
  border-radius: 999px;
  background: rgba(var(--axis-accent-rgb), 0.12);
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.axis-price-card__badge,
.editor-styles-wrapper .axis-price-card__badge {
  width: fit-content;
  align-self: flex-start;
}

.axis-price-card__amount,
.editor-styles-wrapper .axis-price-card__amount {
  margin: 0.6rem 0 0.25rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(2.25rem, 3.35vw, 3.25rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.9;
  white-space: nowrap;
}

.axis-price-card__amount span,
.editor-styles-wrapper .axis-price-card__amount span {
  display: inline-block;
  margin-left: 0.35rem;
  color: var(--axis-muted);
  font-family: var(--axis-font-ui);
  font-size: clamp(0.85rem, 1.3vw, 1.05rem);
  font-weight: 800;
  vertical-align: baseline;
}

.axis-price-card__bundle,
.editor-styles-wrapper .axis-price-card__bundle {
  margin: 0.9rem 0 1.1rem;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 16px;
  background: rgba(var(--axis-surface-rgb), 0.64);
  color: var(--axis-ink);
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.35;
}

.axis-price-card ul,
.editor-styles-wrapper .axis-price-card ul {
  margin-bottom: 1.25rem;
}

.axis-price-card .wp-block-buttons,
.editor-styles-wrapper .axis-price-card .wp-block-buttons {
  margin-top: auto;
}

.axis-price-card > .axis-button,
.axis-price-card .wp-block-button,
.editor-styles-wrapper .axis-price-card .wp-block-button {
  width: 100%;
  margin-top: auto;
}

.axis-price-card.is-contact,
.editor-styles-wrapper .axis-price-card.is-contact {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
  padding: clamp(1.2rem, 2.5vw, 1.8rem);
  background:
    linear-gradient(135deg, rgba(var(--axis-card-rgb), 0.9), rgba(var(--axis-surface-rgb), 0.74)),
    radial-gradient(circle at 80% 15%, rgba(var(--axis-accent-rgb), 0.12), transparent 16rem);
}

.axis-price-card.is-contact > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-price-card.is-contact > .wp-block-group__inner-container {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(360px, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
  min-height: 100%;
}

.axis-price-contact__copy,
.editor-styles-wrapper .axis-price-contact__copy {
  display: grid;
  align-content: start;
  gap: 0.85rem;
  min-width: 0;
}

.axis-price-contact__copy h3,
.editor-styles-wrapper .axis-price-contact__copy h3 {
  max-width: 12ch;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 0.95;
}

.axis-price-contact__copy p:not([class]),
.editor-styles-wrapper .axis-price-contact__copy p:not([class]) {
  max-width: 42rem;
  color: var(--axis-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.axis-price-card.is-contact h3,
.axis-price-card.is-contact .axis-price-card__sites,
.axis-price-card.is-contact .axis-price-card__amount,
.axis-price-card.is-contact .axis-price-contact__copy,
.editor-styles-wrapper .axis-price-card.is-contact h3,
.editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__sites,
.editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__amount,
.editor-styles-wrapper .axis-price-card.is-contact .axis-price-contact__copy {
  grid-column: 1;
}

.axis-price-card.is-contact .axis-contact-form,
.editor-styles-wrapper .axis-price-card.is-contact .axis-contact-form {
  grid-column: 2;
}

.axis-price-card.is-contact .axis-price-card__bundle,
.editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__bundle {
  margin: 0;
}

.axis-contact-form--pricing,
.editor-styles-wrapper .axis-contact-form--pricing {
  padding: clamp(1rem, 2vw, 1.25rem);
}

.axis-contact-form--pricing textarea,
.editor-styles-wrapper .axis-contact-form--pricing textarea {
  min-height: 6.5rem;
}

.axis-light .axis-pricing-tab {
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.axis-pricing-page,
.editor-styles-wrapper .axis-pricing-page {
  position: relative;
  overflow: clip;
  background:
    radial-gradient(circle at 12% 2%, rgba(var(--axis-blue-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 90% 7%, rgba(var(--axis-purple-rgb), 0.15), transparent 26rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.035) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.03) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
  color: var(--axis-ink);
}

.axis-pricing-page .wp-block-group > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-pricing-page .wp-block-group > .wp-block-group__inner-container {
  display: contents;
}

.axis-pricing-hero,
.editor-styles-wrapper .axis-pricing-hero {
  position: relative;
  padding: clamp(9rem, 14vw, 12rem) 0 clamp(4rem, 8vw, 6.5rem);
}

.axis-pricing-hero__layout,
.editor-styles-wrapper .axis-pricing-hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.78fr);
  gap: clamp(1.4rem, 4vw, 4rem);
  align-items: end;
}

.axis-pricing-hero__copy,
.editor-styles-wrapper .axis-pricing-hero__copy {
  max-width: 760px;
}

.axis-pricing-hero h1,
.editor-styles-wrapper .axis-pricing-hero h1 {
  margin: 0.8rem 0 1rem;
  max-width: 11ch;
  font-size: clamp(3.8rem, 8vw, 7.2rem);
  line-height: 0.9;
}

.axis-pricing-hero__lead,
.editor-styles-wrapper .axis-pricing-hero__lead {
  max-width: 690px;
  color: var(--axis-muted);
  font-size: clamp(1.05rem, 1.8vw, 1.32rem);
  font-weight: 720;
  line-height: 1.55;
}

.axis-pricing-hero__actions,
.editor-styles-wrapper .axis-pricing-hero__actions {
  margin-top: 1.8rem;
  gap: 0.8rem;
}

.axis-pricing-hero__panel,
.editor-styles-wrapper .axis-pricing-hero__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1.1rem, 2.4vw, 1.5rem);
  border: 1px solid var(--axis-line-strong);
  border-radius: 26px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.12), transparent 52%),
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.16), transparent 14rem),
    rgba(var(--axis-card-rgb), 0.72);
  box-shadow: var(--axis-soft-shadow);
}

.axis-pricing-hero__panel::after,
.editor-styles-wrapper .axis-pricing-hero__panel::after {
  content: "";
  position: absolute;
  right: -3rem;
  bottom: -3rem;
  width: 12rem;
  height: 12rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.18);
  border-radius: 50%;
}

.axis-pricing-hero__panel-label,
.editor-styles-wrapper .axis-pricing-hero__panel-label {
  margin: 0 0 1rem;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-pricing-metric-grid,
.editor-styles-wrapper .axis-pricing-metric-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.8rem;
  margin-bottom: 1rem;
}

.axis-pricing-metric,
.editor-styles-wrapper .axis-pricing-metric {
  min-height: 118px;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(var(--axis-surface-rgb), 0.52);
}

.axis-pricing-metric p,
.editor-styles-wrapper .axis-pricing-metric p {
  display: grid;
  gap: 0.45rem;
  margin: 0;
}

.axis-pricing-metric strong,
.editor-styles-wrapper .axis-pricing-metric strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 0.9;
}

.axis-pricing-metric span,
.editor-styles-wrapper .axis-pricing-metric span {
  color: var(--axis-muted);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 850;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.axis-pricing-hero__panel > p:not(.axis-pricing-hero__panel-label),
.editor-styles-wrapper .axis-pricing-hero__panel > p:not(.axis-pricing-hero__panel-label) {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--axis-muted);
  font-weight: 680;
  line-height: 1.6;
}

.axis-pricing-tabs--page,
.editor-styles-wrapper .axis-pricing-tabs--page {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 620px;
  gap: 0.65rem;
  padding: 0.35rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.62);
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2);
}

.axis-pricing-tabs--page .axis-pricing-tab,
.editor-styles-wrapper .axis-pricing-tabs--page .axis-pricing-tab {
  min-width: 0;
  width: 100%;
  padding: 0.85rem 1rem;
  box-shadow: none;
  background: transparent;
}

.axis-pricing-tabs--page .axis-pricing-tab strong,
.editor-styles-wrapper .axis-pricing-tabs--page .axis-pricing-tab strong {
  font-size: 0.92rem;
  line-height: 1;
}

.axis-pricing-tabs--page .axis-pricing-tab.is-active,
.editor-styles-wrapper .axis-pricing-tabs--page .axis-pricing-tab.is-active {
  background: linear-gradient(135deg, rgba(var(--axis-accent-rgb), 0.2), rgba(var(--axis-blue-rgb), 0.16));
}

.axis-pricing-pack-grid,
.editor-styles-wrapper .axis-pricing-pack-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-pricing-pack-card,
.editor-styles-wrapper .axis-pricing-pack-card {
  min-height: 620px;
  padding: clamp(1.2rem, 2vw, 1.45rem);
  border: 1px solid var(--axis-line);
  border-radius: 24px;
}

.axis-pricing-pack-card h3,
.editor-styles-wrapper .axis-pricing-pack-card h3 {
  margin-top: 0.2rem;
  font-size: clamp(1.45rem, 2vw, 1.9rem);
}

.axis-pricing-pack-card__apps,
.editor-styles-wrapper .axis-pricing-pack-card__apps {
  width: fit-content;
  margin: 0.5rem 0 0;
  padding: 0.28rem 0.62rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.3);
  border-radius: 999px;
  color: var(--axis-cyan);
  background: rgba(var(--axis-blue-rgb), 0.1);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-pricing-pack-card p:not([class]),
.editor-styles-wrapper .axis-pricing-pack-card p:not([class]) {
  color: var(--axis-muted);
  font-weight: 680;
  line-height: 1.55;
}

.axis-pricing-pack-card ul,
.editor-styles-wrapper .axis-pricing-pack-card ul {
  display: grid;
  gap: 0.72rem;
  margin: 0 0 1.5rem;
  padding: 0;
  list-style: none;
  color: var(--axis-muted);
  font-weight: 760;
}

.axis-pricing-pack-card li,
.editor-styles-wrapper .axis-pricing-pack-card li {
  position: relative;
  padding-left: 1.25rem;
}

.axis-pricing-pack-card li::before,
.editor-styles-wrapper .axis-pricing-pack-card li::before {
  content: "";
  position: absolute;
  top: 0.57rem;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: rgb(var(--axis-accent-rgb));
  box-shadow: 0 0 16px rgba(var(--axis-accent-rgb), 0.45);
}

.axis-pricing-custom-banner,
.editor-styles-wrapper .axis-pricing-custom-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: center;
  margin-top: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid var(--axis-line);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(var(--axis-accent-rgb), 0.09), transparent 55%),
    rgba(var(--axis-card-rgb), 0.58);
}

.axis-pricing-custom-banner h3,
.editor-styles-wrapper .axis-pricing-custom-banner h3 {
  margin: 0.3rem 0 0;
  font-size: clamp(1.25rem, 2.4vw, 2rem);
  line-height: 1.08;
}

.axis-pricing-custom-banner .wp-block-buttons,
.editor-styles-wrapper .axis-pricing-custom-banner .wp-block-buttons {
  justify-content: end;
}

.axis-pricing-catalog,
.editor-styles-wrapper .axis-pricing-catalog {
  background:
    radial-gradient(circle at 15% 20%, rgba(var(--axis-accent-rgb), 0.08), transparent 24rem),
    rgba(255, 255, 255, 0.012);
}

.axis-pricing-category,
.editor-styles-wrapper .axis-pricing-category {
  margin-top: 1rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid var(--axis-line);
  border-radius: 28px;
  background: rgba(var(--axis-card-rgb), 0.48);
}

.axis-pricing-category + .axis-pricing-category,
.editor-styles-wrapper .axis-pricing-category + .axis-pricing-category {
  margin-top: 1.1rem;
}

.axis-pricing-category__header,
.editor-styles-wrapper .axis-pricing-category__header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.9rem;
}

.axis-pricing-category__header h3,
.editor-styles-wrapper .axis-pricing-category__header h3 {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
}

.axis-pricing-category__header p,
.editor-styles-wrapper .axis-pricing-category__header p {
  margin: 0;
  color: var(--axis-muted);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-pricing-app-grid,
.editor-styles-wrapper .axis-pricing-app-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
}

.axis-pricing-app-card,
.editor-styles-wrapper .axis-pricing-app-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 22px;
  background:
    linear-gradient(160deg, rgba(var(--axis-blue-rgb), 0.08), transparent 48%),
    rgba(var(--axis-surface-rgb), 0.54);
  overflow: hidden;
}

.axis-pricing-app-card__icon,
.editor-styles-wrapper .axis-pricing-app-card__icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.25);
  border-radius: 15px;
  color: var(--axis-cyan);
  background: rgba(var(--axis-blue-rgb), 0.11);
}

.axis-pricing-app-card__icon svg,
.editor-styles-wrapper .axis-pricing-app-card__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-pricing-app-card__eyebrow,
.axis-pricing-app-card__status,
.axis-pricing-app-card__packs,
.editor-styles-wrapper .axis-pricing-app-card__eyebrow,
.editor-styles-wrapper .axis-pricing-app-card__status,
.editor-styles-wrapper .axis-pricing-app-card__packs {
  margin: 0;
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.axis-pricing-app-card__eyebrow,
.editor-styles-wrapper .axis-pricing-app-card__eyebrow {
  color: rgb(var(--axis-accent-rgb));
}

.axis-pricing-app-card h4,
.editor-styles-wrapper .axis-pricing-app-card h4 {
  margin: 0.42rem 0 0.6rem;
  color: var(--axis-ink);
  font-size: 1.35rem;
  line-height: 1.05;
}

.axis-pricing-app-card__status,
.editor-styles-wrapper .axis-pricing-app-card__status {
  width: fit-content;
  margin-bottom: 0.85rem;
  padding: 0.25rem 0.55rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  color: var(--axis-muted);
  background: rgba(255, 255, 255, 0.035);
}

.axis-pricing-app-card p:not([class]),
.editor-styles-wrapper .axis-pricing-app-card p:not([class]) {
  color: var(--axis-muted);
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.5;
}

.axis-pricing-app-card__prices,
.editor-styles-wrapper .axis-pricing-app-card__prices {
  display: grid;
  gap: 0.48rem;
  margin: 1rem 0;
}

.axis-pricing-app-card__prices p,
.editor-styles-wrapper .axis-pricing-app-card__prices p {
  display: grid;
  gap: 0.2rem;
  margin: 0;
  padding: 0.62rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  background: rgba(var(--axis-bg-rgb), 0.34);
}

.axis-pricing-app-card__prices strong,
.editor-styles-wrapper .axis-pricing-app-card__prices strong {
  color: var(--axis-ink);
  font-size: 0.82rem;
}

.axis-pricing-app-card__prices span,
.editor-styles-wrapper .axis-pricing-app-card__prices span {
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 760;
  line-height: 1.45;
}

.axis-pricing-app-card__packs,
.editor-styles-wrapper .axis-pricing-app-card__packs {
  margin-top: auto;
  color: var(--axis-cyan);
  line-height: 1.45;
}

.axis-pricing-app-card__actions,
.editor-styles-wrapper .axis-pricing-app-card__actions {
  margin-top: 1rem;
}

.axis-pricing-app-card__actions .wp-block-button,
.editor-styles-wrapper .axis-pricing-app-card__actions .wp-block-button {
  width: 100%;
}

.axis-pricing-ai,
.editor-styles-wrapper .axis-pricing-ai {
  border-top: 1px solid var(--axis-line);
  border-bottom: 1px solid var(--axis-line);
  background:
    linear-gradient(180deg, rgba(var(--axis-purple-rgb), 0.04), transparent 22rem),
    rgba(255, 255, 255, 0.012);
}

.axis-pricing-ai__grid,
.editor-styles-wrapper .axis-pricing-ai__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(420px, 1fr);
  gap: clamp(1rem, 4vw, 3rem);
  align-items: center;
}

.axis-pricing-ai__copy h2,
.editor-styles-wrapper .axis-pricing-ai__copy h2 {
  max-width: 10ch;
  font-size: clamp(2.4rem, 5.5vw, 4.8rem);
}

.axis-pricing-ai__copy p:not(.axis-kicker),
.editor-styles-wrapper .axis-pricing-ai__copy p:not(.axis-kicker) {
  color: var(--axis-muted);
  font-size: 1.05rem;
  font-weight: 680;
  line-height: 1.65;
}

.axis-pricing-ai__cards,
.editor-styles-wrapper .axis-pricing-ai__cards {
  display: grid;
  gap: 0.85rem;
}

.axis-pricing-ai__cards > .wp-block-group,
.editor-styles-wrapper .axis-pricing-ai__cards > .wp-block-group {
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  background: rgba(var(--axis-card-rgb), 0.55);
}

.axis-pricing-ai__cards h3,
.editor-styles-wrapper .axis-pricing-ai__cards h3 {
  margin: 0 0 0.45rem;
}

.axis-pricing-ai__cards p,
.editor-styles-wrapper .axis-pricing-ai__cards p {
  margin: 0;
  color: var(--axis-muted);
}

.axis-pricing-contact .axis-final__card,
.editor-styles-wrapper .axis-pricing-contact .axis-final__card {
  background:
    linear-gradient(135deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-surface-rgb), 0.74)),
    radial-gradient(circle at 88% 10%, rgba(var(--axis-accent-rgb), 0.13), transparent 18rem);
}

.axis-light .axis-pricing-page,
.editor-styles-wrapper .axis-light .axis-pricing-page {
  background:
    radial-gradient(circle at 12% 2%, rgba(var(--axis-blue-rgb), 0.12), transparent 28rem),
    radial-gradient(circle at 90% 7%, rgba(var(--axis-purple-rgb), 0.09), transparent 26rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.055) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.045) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
}

.axis-light .axis-pricing-hero__panel,
.axis-light .axis-pricing-category,
.axis-light .axis-pricing-app-card,
.axis-light .axis-pricing-ai__cards > .wp-block-group,
.axis-light .axis-pricing-custom-banner {
  background:
    linear-gradient(160deg, rgba(var(--axis-blue-rgb), 0.055), transparent 55%),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}

@media (max-width: 1180px) {
  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-pricing-pack-grid,
  .axis-pricing-app-grid,
  .editor-styles-wrapper .axis-pricing-pack-grid,
  .editor-styles-wrapper .axis-pricing-app-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .axis-home .axis-layer-stack,
  .editor-styles-wrapper .axis-layer-stack,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-layer:nth-child(3) .axis-layer__index,
  .axis-home .axis-layer:nth-child(3) .axis-layer__visual,
  .axis-home .axis-layer:nth-child(3) .axis-layer__content,
  .axis-home .axis-layer:nth-child(3) .axis-layer__checks,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__index,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__visual,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__content,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-home .axis-layer:nth-child(3) .axis-layer__checks,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-price-card.is-contact > .wp-block-group__inner-container,
  .axis-price-card.is-contact,
  .editor-styles-wrapper .axis-price-card.is-contact > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-price-card.is-contact h3,
  .axis-price-card.is-contact .axis-price-card__sites,
  .axis-price-card.is-contact .axis-price-card__amount,
  .axis-price-card.is-contact .axis-price-card__bundle,
  .axis-price-card.is-contact .axis-price-contact__copy,
  .axis-price-card.is-contact .axis-contact-form,
  .axis-price-card.is-contact > .wp-block-group__inner-container > p:not([class]),
  .axis-price-card.is-contact ul,
  .axis-price-card.is-contact .wp-block-buttons,
  .editor-styles-wrapper .axis-price-card.is-contact h3,
  .editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__sites,
  .editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__amount,
  .editor-styles-wrapper .axis-price-card.is-contact .axis-price-card__bundle,
  .editor-styles-wrapper .axis-price-card.is-contact .axis-price-contact__copy,
  .editor-styles-wrapper .axis-price-card.is-contact .axis-contact-form,
  .editor-styles-wrapper .axis-price-card.is-contact > .wp-block-group__inner-container > p:not([class]),
  .editor-styles-wrapper .axis-price-card.is-contact ul,
  .editor-styles-wrapper .axis-price-card.is-contact .wp-block-buttons {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-pricing-hero__layout,
  .axis-pricing-ai__grid,
  .editor-styles-wrapper .axis-pricing-hero__layout,
  .editor-styles-wrapper .axis-pricing-ai__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing-hero h1,
  .editor-styles-wrapper .axis-pricing-hero h1 {
    max-width: 12ch;
  }

  .axis-pricing-pack-grid,
  .axis-pricing-app-grid,
  .editor-styles-wrapper .axis-pricing-pack-grid,
  .editor-styles-wrapper .axis-pricing-app-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing-pack-card,
  .editor-styles-wrapper .axis-pricing-pack-card {
    min-height: 0;
  }

  .axis-pricing-custom-banner,
  .editor-styles-wrapper .axis-pricing-custom-banner {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing-custom-banner .wp-block-buttons,
  .editor-styles-wrapper .axis-pricing-custom-banner .wp-block-buttons {
    justify-content: start;
  }
}

@media (max-width: 680px) {
  .axis-pricing-tabs,
  .editor-styles-wrapper .axis-pricing-tabs {
    display: grid;
    grid-template-columns: 1fr;
  }

  .axis-pricing-tab,
  .editor-styles-wrapper .axis-pricing-tab {
    width: 100%;
  }

  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing-hero,
  .editor-styles-wrapper .axis-pricing-hero {
    padding-top: 8.5rem;
  }

  .axis-pricing-hero h1,
  .editor-styles-wrapper .axis-pricing-hero h1 {
    font-size: clamp(3rem, 15vw, 4.3rem);
  }

  .axis-pricing-metric-grid,
  .editor-styles-wrapper .axis-pricing-metric-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing-tabs--page,
  .editor-styles-wrapper .axis-pricing-tabs--page {
    border-radius: 24px;
  }

  .axis-pricing-category__header,
  .editor-styles-wrapper .axis-pricing-category__header {
    display: grid;
  }

  .axis-pricing-app-card__prices p,
  .editor-styles-wrapper .axis-pricing-app-card__prices p {
    overflow-wrap: anywhere;
  }
}

@media (max-width: 580px) {

  .axis-header {
    top: 10px;
    padding-inline: 0.6rem;
  }

  .admin-bar .axis-header {
    top: 56px;
  }

  .axis-brand__link,
  .axis-brand__logo,
  .axis-brand img {
    width: 124px;
  }

  .axis-icon-button {
    width: 36px;
    min-height: 36px;
    border-radius: 10px;
  }

  .axis-user-pill {
    min-height: 38px;
    padding: 0.24rem;
  }

  .axis-user-pill__avatar {
    width: 30px;
    height: 30px;
  }

  .axis-user-pill__text {
    display: none;
  }

  .axis-nav {
    top: 88px;
  }

  .axis-palette-menu__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-hero h1 {
    max-width: 100%;
    font-size: clamp(2.45rem, 11vw, 3rem);
    line-height: 1.05;
  }

  .axis-hero__copy,
  .axis-hero__lead {
    max-width: 340px;
    min-width: 0;
  }

  .axis-hero__ledger {
    max-width: 340px;
  }

  .axis-hero__ledger,
  .axis-signal-board,
  .axis-workflow-band,
  .axis-process-grid,
  .axis-pricing-grid,
  .axis-post-grid {
    grid-template-columns: 1fr;
  }

  .axis-workflow-step {
    min-height: 0;
  }

  .axis-signal-card {
    min-height: 150px;
  }

  .axis-signal-card__icon {
    margin-bottom: 1.6rem;
  }

  .axis-layer__visual {
    max-width: none;
  }

  .axis-hero__ledger div {
    border-right: 0;
    border-bottom: 1px solid var(--axis-line);
  }

  .axis-hero__ledger div:last-child {
    border-bottom: 0;
  }

  .axis-hero__visual {
    min-height: 600px;
  }

  .axis-operating-demo {
    border-radius: 18px;
  }

  .axis-operating-demo__top {
    min-height: 52px;
  }

  .axis-operating-demo__top em {
    display: none;
  }

  .axis-operating-demo__body {
    padding: 0.72rem;
  }

  .axis-command-panel {
    min-height: 206px;
  }

  .axis-agent-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-operating-demo__screens {
    display: none;
  }

  .axis-agent-pill {
    min-height: 54px;
    padding: 0.52rem;
  }

  .axis-agent-pill em {
    display: none;
  }

  .axis-operating-demo__screens .axis-console--1,
  .axis-operating-demo__screens .axis-console--2,
  .axis-operating-demo__screens .axis-console--3 {
    right: auto;
    left: 0;
    width: 100%;
  }

  .axis-operating-demo__screens .axis-console--1 {
    top: 0;
    width: 96%;
  }

  .axis-operating-demo__screens .axis-console--2 {
    top: 74px;
    left: 6%;
    width: 94%;
  }

  .axis-operating-demo__screens .axis-console--3 {
    display: none;
  }

  .axis-app-landing {
    padding-top: 8.5rem;
  }

  .axis-app-hero-card,
  .axis-app-hero-card__image img {
    min-height: 520px;
  }

  .axis-app-hero-card__metric {
    right: 0.75rem;
    left: 0.75rem;
    min-width: 0;
  }

  .axis-app-hero-card__panel {
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
  }

  .axis-app-explainer__image,
  .axis-app-explainer__image img {
    min-height: 280px;
  }

  .axis-app-proof__item {
    border-right: 0;
    border-bottom: 1px solid var(--axis-line);
  }

  .axis-app-proof__item:last-child {
    border-bottom: 0;
  }

  .axis-app-showcase.is-reversed .axis-app-showcase__copy,
  .axis-app-showcase.is-reversed .axis-app-showcase__visual {
    order: initial;
  }

  .axis-app-mockup__body {
    grid-template-columns: 1fr;
  }

	  .axis-app-demo {
	    min-height: auto;
	  }

	  .axis-footer__inner {
	    padding-top: 3rem;
	  }

		  .axis-footer__layout {
		    gap: 1.2rem;
		  }

		  .axis-footer__newsletter-row {
		    grid-template-columns: 1fr;
		  }

		  .axis-footer__newsletter button {
		    width: 100%;
		  }

		  .axis-footer__menus {
		    grid-template-columns: 1fr;
		  }

		  .axis-footer--preset-ledger .axis-footer__column {
		    border-right: 0;
		    border-bottom: 1px solid var(--axis-line);
		  }

		  .axis-footer--preset-ledger .axis-footer__column:last-child {
		    border-bottom: 0;
		  }
	}

/* Final homepage design layer. Kept at the end so legacy landing rules cannot override it. */
.axis-home,
.editor-styles-wrapper {
  --axis-home-ink-soft: rgba(248, 250, 252, 0.78);
  --axis-home-stroke: rgba(248, 250, 252, 0.68);
}

.axis-home .axis-hero,
.editor-styles-wrapper .axis-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: min(980px, 94vh);
  padding: clamp(8.5rem, 12vw, 12rem) 0 clamp(5rem, 8vw, 7rem);
  background:
    radial-gradient(circle at 78% 18%, rgba(var(--axis-blue-rgb), 0.18), transparent 28rem),
    radial-gradient(circle at 20% 88%, rgba(var(--axis-olive-rgb), 0.1), transparent 24rem),
    linear-gradient(132deg, rgba(255, 255, 255, 0.04) 0 18%, transparent 18.08% 100%),
    var(--axis-bg);
}

.axis-home > p:empty,
.axis-home > .wp-block-paragraph:empty {
  display: none !important;
  margin: 0 !important;
}

.axis-home > p:first-child {
  margin-top: 0;
}

.axis-home .axis-hero::after,
.editor-styles-wrapper .axis-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: clamp(8rem, 16vw, 14rem);
  background:
    linear-gradient(180deg, transparent 0%, rgba(var(--axis-bg-rgb), 0.72) 58%, var(--axis-bg) 100%),
    radial-gradient(ellipse at 50% 100%, rgba(var(--axis-blue-rgb), 0.12), transparent 68%);
  pointer-events: none;
}

.axis-home .axis-hero__layout:not(:has(.axis-hero__visual)),
.editor-styles-wrapper .axis-hero__layout:not(:has(.axis-hero__visual)) {
  max-width: min(100%, 860px);
  grid-template-columns: minmax(0, 1fr);
  justify-content: start;
}

.axis-home .axis-hero__layout:not(:has(.axis-hero__copy)),
.editor-styles-wrapper .axis-hero__layout:not(:has(.axis-hero__copy)) {
  grid-template-columns: minmax(0, 1fr);
}

.axis-home .axis-hero + .axis-section,
.editor-styles-wrapper .axis-hero + .axis-section {
  position: relative;
  z-index: 2;
  margin-top: clamp(-7rem, -8vw, -4.5rem);
  padding-top: clamp(8.5rem, 12vw, 12rem);
  border-top: 0;
}

.axis-home .axis-hero + .axis-section--signal,
.editor-styles-wrapper .axis-hero + .axis-section--signal {
  border-top: 0;
  background:
    linear-gradient(180deg, var(--axis-bg) 0%, rgba(var(--axis-bg-rgb), 0.94) 18%, rgba(var(--axis-blue-rgb), 0.045) 56%, transparent 100%),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.028) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.022) 1px, transparent 1px) 0 0 / 64px 64px,
    var(--axis-bg);
}

.axis-light .axis-home .axis-hero + .axis-section--signal {
  background:
    linear-gradient(180deg, var(--axis-bg) 0%, rgba(var(--axis-bg-rgb), 0.96) 18%, rgba(var(--axis-blue-rgb), 0.035) 56%, transparent 100%),
    linear-gradient(90deg, rgba(15, 23, 42, 0.024) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(15, 23, 42, 0.018) 1px, transparent 1px) 0 0 / 64px 64px,
    var(--axis-bg);
}

.axis-home .axis-grid-bg,
.editor-styles-wrapper .axis-grid-bg {
  background:
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.045) 1px, transparent 1px) 0 0 / 58px 58px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.035) 1px, transparent 1px) 0 0 / 58px 58px,
    linear-gradient(115deg, transparent 0 54%, rgba(var(--axis-olive-rgb), 0.14) 54% 54.18%, transparent 54.18%),
    linear-gradient(72deg, transparent 0 36%, rgba(var(--axis-blue-rgb), 0.12) 36% 36.16%, transparent 36.16%);
  mask-image: linear-gradient(to bottom, #000 0 72%, transparent 100%);
}

.axis-home .axis-hero__layout,
.editor-styles-wrapper .axis-hero__layout {
  grid-template-columns: minmax(0, 0.98fr) minmax(440px, 1fr);
  gap: clamp(2rem, 5vw, 5rem);
}

.axis-home .axis-hero__copy,
.editor-styles-wrapper .axis-hero__copy {
  position: relative;
  padding-left: clamp(0.8rem, 1.6vw, 1.3rem);
}

.axis-home .axis-hero__copy::before,
.editor-styles-wrapper .axis-hero__copy::before {
  content: "";
  position: absolute;
  top: 0.35rem;
  bottom: 0.35rem;
  left: 0;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(to bottom, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.72), transparent);
  box-shadow: 0 0 24px rgba(var(--axis-olive-rgb), 0.26);
}

.axis-home .axis-kicker,
.editor-styles-wrapper .axis-kicker {
  border-color: rgba(var(--axis-olive-rgb), 0.24);
  background:
    linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.12), rgba(var(--axis-blue-rgb), 0.05)),
    rgba(255, 255, 255, 0.025);
  font-family: var(--axis-font-accent);
  letter-spacing: 0.02em;
}

.axis-home .axis-hero h1,
.editor-styles-wrapper .axis-hero h1 {
  max-width: 780px;
  font-size: clamp(4rem, 8.4vw, 8.8rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 0.82;
  text-wrap: balance;
}

.axis-home .axis-hero h1::first-letter,
.axis-app-landing__title::first-letter,
.editor-styles-wrapper .axis-hero h1::first-letter {
  color: inherit;
  font: inherit;
}

.axis-home .axis-hero h1 span:nth-child(2),
.editor-styles-wrapper .axis-hero h1 span:nth-child(2) {
  margin-left: clamp(0rem, 4vw, 3.5rem);
  color: transparent;
  -webkit-text-stroke: 1.4px var(--axis-home-stroke);
  text-shadow: 0 0 34px rgba(var(--axis-blue-rgb), 0.14);
}

.axis-home .axis-hero__lead,
.editor-styles-wrapper .axis-hero__lead {
  max-width: 630px;
  color: var(--axis-home-ink-soft);
  font-size: clamp(1.05rem, 1.5vw, 1.22rem);
  font-weight: 600;
  line-height: 1.74;
}

.axis-home .axis-hero__actions,
.editor-styles-wrapper .axis-hero__actions {
  margin-top: 2.35rem;
}

.axis-home .axis-hero__ledger,
.editor-styles-wrapper .axis-hero__ledger {
  max-width: 720px;
  margin-top: 2.4rem;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)),
    rgba(7, 14, 26, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 60px rgba(0, 0, 0, 0.22);
}

.axis-home .axis-hero__ledger div,
.editor-styles-wrapper .axis-hero__ledger div {
  padding: 1.08rem 1rem;
}

.axis-home .axis-hero__ledger strong,
.editor-styles-wrapper .axis-hero__ledger strong {
  color: var(--axis-ink);
  font-size: clamp(1.55rem, 2.2vw, 2.35rem);
}

.axis-home .axis-hero__ledger span,
.editor-styles-wrapper .axis-hero__ledger span {
  color: var(--axis-muted);
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
}

.axis-home .axis-hero__visual,
.editor-styles-wrapper .axis-hero__visual {
  min-height: 650px;
}

.axis-home .axis-operating-demo,
.editor-styles-wrapper .axis-operating-demo {
  inset: 0;
  border-color: rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 34px;
  background:
    radial-gradient(circle at 18% 14%, rgba(var(--axis-olive-rgb), 0.13), transparent 16rem),
    radial-gradient(circle at 85% 22%, rgba(var(--axis-blue-rgb), 0.2), transparent 21rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), transparent 34%),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) 0 0 / 42px 42px,
    rgba(7, 14, 26, 0.92);
  box-shadow:
    0 42px 110px rgba(0, 0, 0, 0.44),
    0 0 0 1px rgba(255, 255, 255, 0.035) inset;
}

.axis-home .axis-operating-demo__top,
.editor-styles-wrapper .axis-operating-demo__top {
  min-height: 64px;
  padding-inline: 1rem;
}

.axis-home .axis-command-panel,
.editor-styles-wrapper .axis-command-panel {
  min-height: 220px;
  border-radius: 22px;
}

.axis-home .axis-command-panel__prompt p,
.editor-styles-wrapper .axis-command-panel__prompt p {
  max-width: 560px;
  font-family: var(--axis-font-display);
  font-size: clamp(1.2rem, 2vw, 1.62rem);
  line-height: 1.15;
}

.axis-home .axis-command-panel__response,
.editor-styles-wrapper .axis-command-panel__response {
  border-color: rgba(var(--axis-olive-rgb), 0.26);
  background: rgba(var(--axis-olive-rgb), 0.08);
}

.axis-home .axis-agent-pill,
.editor-styles-wrapper .axis-agent-pill {
  border-radius: 18px;
}

.axis-home .axis-operating-demo__screens,
.editor-styles-wrapper .axis-operating-demo__screens {
  inset: 318px 1rem 1rem;
}

.axis-home .axis-console,
.editor-styles-wrapper .axis-console {
  border-radius: 18px;
}

.axis-home .axis-section,
.editor-styles-wrapper .axis-section {
  padding: clamp(5.5rem, 9vw, 9rem) 0;
}

.axis-home .axis-section h2,
.axis-home .axis-final h2,
.editor-styles-wrapper .axis-section h2,
.editor-styles-wrapper .axis-final h2 {
  font-size: clamp(2.7rem, 5.8vw, 5.8rem);
  line-height: 0.88;
  letter-spacing: 0;
  text-wrap: balance;
}

.axis-home .axis-section__header,
.editor-styles-wrapper .axis-section__header {
  margin-bottom: clamp(2.4rem, 5vw, 4rem);
}

.axis-home .axis-section__header--row,
.editor-styles-wrapper .axis-section__header--row {
  grid-template-columns: minmax(0, 0.92fr) minmax(320px, 0.62fr);
}

.axis-home .axis-section--signal,
.axis-home .axis-layers,
.axis-home .axis-pricing,
.editor-styles-wrapper .axis-section--signal,
.editor-styles-wrapper .axis-layers,
.editor-styles-wrapper .axis-pricing {
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.055), transparent 18rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.035) 1px, transparent 1px) 0 0 / 64px 64px,
    rgba(255, 255, 255, 0.012);
}

.axis-home .axis-signal-board,
.editor-styles-wrapper .axis-signal-board {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.axis-home .axis-signal-card,
.editor-styles-wrapper .axis-signal-card {
  min-height: 250px;
  grid-column: span 3;
  padding: 1.45rem;
  border-radius: 24px;
}

.axis-home .axis-signal-card:nth-child(1),
.editor-styles-wrapper .axis-signal-card:nth-child(1) {
  grid-column: span 4;
}

.axis-home .axis-signal-card:nth-child(2),
.editor-styles-wrapper .axis-signal-card:nth-child(2) {
  grid-column: span 3;
  transform: translateY(2rem);
}

.axis-home .axis-signal-card:nth-child(3),
.editor-styles-wrapper .axis-signal-card:nth-child(3) {
  grid-column: span 3;
}

.axis-home .axis-signal-card:nth-child(4),
.editor-styles-wrapper .axis-signal-card:nth-child(4) {
  grid-column: span 2;
  transform: translateY(3.5rem);
}

.axis-home .axis-signal-card__icon,
.editor-styles-wrapper .axis-signal-card__icon {
  margin-bottom: clamp(2rem, 5vw, 4rem);
  border-radius: 16px;
}

.axis-home .axis-workflow-band,
.editor-styles-wrapper .axis-workflow-band {
  margin-top: 4.5rem;
  padding: 1.2rem;
  border-radius: 30px;
}

.axis-home .axis-workflow-step,
.editor-styles-wrapper .axis-workflow-step {
  border-radius: 22px;
}

.axis-home .axis-brain,
.editor-styles-wrapper .axis-brain {
  background:
    radial-gradient(circle at 78% 20%, rgba(var(--axis-purple-rgb), 0.13), transparent 26rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.01), transparent);
}

.axis-home .axis-brain__layout,
.editor-styles-wrapper .axis-brain__layout {
  grid-template-columns: minmax(0, 0.9fr) minmax(360px, 0.56fr);
}

.axis-home .axis-agent-list,
.editor-styles-wrapper .axis-agent-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-home .axis-agent-list > div,
.editor-styles-wrapper .axis-agent-list > div {
  display: grid;
  padding: 1rem;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 0.8rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.032);
}

.axis-home .axis-chat-demo,
.editor-styles-wrapper .axis-chat-demo {
  border-radius: 28px;
}

.axis-home .axis-suite-board,
.editor-styles-wrapper .axis-suite-board {
  padding: clamp(1rem, 2vw, 1.4rem);
  border-radius: 34px;
}

.axis-home .axis-suite-core,
.editor-styles-wrapper .axis-suite-core {
  max-width: 860px;
  margin: -2.8rem auto 1.25rem;
  border-radius: 24px;
}

.axis-home .axis-app-grid--launch,
.editor-styles-wrapper .axis-app-grid--launch {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1rem;
}

.axis-home .axis-app-card,
.editor-styles-wrapper .axis-app-card {
  min-height: 390px;
  padding: 1.25rem;
  border-radius: 28px;
}

.axis-home .axis-app-card--1,
.editor-styles-wrapper .axis-app-card--1 {
  grid-column: span 5;
}

.axis-home .axis-app-card--2,
.editor-styles-wrapper .axis-app-card--2 {
  grid-column: span 4;
}

.axis-home .axis-app-card--3,
.editor-styles-wrapper .axis-app-card--3 {
  grid-column: span 3;
}

.axis-home .axis-app-card--4,
.axis-home .axis-app-card--5,
.editor-styles-wrapper .axis-app-card--4,
.editor-styles-wrapper .axis-app-card--5 {
  grid-column: span 6;
}

.axis-home .axis-app-card h3,
.editor-styles-wrapper .axis-app-card h3 {
  font-size: clamp(1.35rem, 2vw, 1.85rem);
  line-height: 1;
}

.axis-home .axis-app-card__preview,
.editor-styles-wrapper .axis-app-card__preview {
  height: 110px;
  border-radius: 20px;
}

.axis-home .axis-layer-stack,
.editor-styles-wrapper .axis-layer-stack {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.axis-home .axis-layer,
.editor-styles-wrapper .axis-layer {
  min-height: 340px;
  grid-column: span 3;
  grid-template-columns: 72px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  align-items: start;
  padding: 1.4rem;
  border-radius: 28px;
}

.axis-home .axis-layer:nth-child(3),
.editor-styles-wrapper .axis-layer:nth-child(3) {
  grid-column: span 6;
  min-height: 280px;
  grid-template-columns: 90px minmax(0, 0.9fr) minmax(280px, 0.7fr);
}

.axis-home .axis-layer__visual,
.editor-styles-wrapper .axis-layer__visual {
  min-height: 180px;
  grid-row: span 2;
  border-radius: 24px;
}

.axis-home .axis-layer__checks,
.editor-styles-wrapper .axis-layer__checks {
  align-self: end;
}

.axis-home .axis-process-grid,
.axis-home .axis-pricing-grid,
.editor-styles-wrapper .axis-process-grid,
.editor-styles-wrapper .axis-pricing-grid {
  gap: 1.2rem;
}

.axis-home .axis-process-step,
.axis-home .axis-price-card,
.editor-styles-wrapper .axis-process-step,
.editor-styles-wrapper .axis-price-card {
  border-radius: 28px;
  padding: 1.55rem;
}

.axis-home .axis-process-step span,
.editor-styles-wrapper .axis-process-step span {
  font-family: var(--axis-font-accent);
  font-size: clamp(2rem, 4vw, 3.3rem);
}

.axis-home .axis-value-strip div,
.editor-styles-wrapper .axis-value-strip div {
  border-radius: 24px;
}

.axis-home .axis-final__card,
.editor-styles-wrapper .axis-final__card {
  border-radius: 34px;
  text-align: left;
}

.axis-home .axis-final__card .axis-kicker,
.editor-styles-wrapper .axis-final__card .axis-kicker {
  margin-inline: 0;
}

.axis-home .axis-final__card p,
.editor-styles-wrapper .axis-final__card p {
  margin-inline: 0;
}

.axis-light .axis-home .axis-hero,
.axis-light .editor-styles-wrapper .axis-hero {
  --axis-home-ink-soft: rgba(16, 24, 40, 0.74);
  --axis-home-stroke: rgba(16, 24, 40, 0.64);
  background:
    radial-gradient(circle at 78% 18%, rgba(var(--axis-blue-rgb), 0.08), transparent 28rem),
    radial-gradient(circle at 20% 88%, rgba(var(--axis-olive-rgb), 0.075), transparent 24rem),
    linear-gradient(132deg, rgba(15, 23, 42, 0.035) 0 18%, transparent 18.08% 100%),
    var(--axis-bg);
}

.axis-light .axis-home .axis-hero h1 span:nth-child(2),
.axis-light .editor-styles-wrapper .axis-hero h1 span:nth-child(2) {
  -webkit-text-stroke-color: rgba(16, 24, 40, 0.64);
  text-shadow: none;
}

.axis-light .axis-home .axis-hero__ledger,
.axis-light .editor-styles-wrapper .axis-hero__ledger {
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-home .axis-agent-list > div,
.axis-light .editor-styles-wrapper .axis-agent-list > div {
  background: rgba(255, 255, 255, 0.74);
}

@media (max-width: 1100px) {

  .axis-home .axis-hero__layout,
  .editor-styles-wrapper .axis-hero__layout,
  .axis-home .axis-section__header--row,
  .editor-styles-wrapper .axis-section__header--row,
  .axis-home .axis-brain__layout,
  .editor-styles-wrapper .axis-brain__layout {
    grid-template-columns: 1fr;
  }

  .axis-home .axis-signal-card,
  .axis-home .axis-signal-card:nth-child(1),
  .axis-home .axis-signal-card:nth-child(2),
  .axis-home .axis-signal-card:nth-child(3),
  .axis-home .axis-signal-card:nth-child(4),
  .editor-styles-wrapper .axis-signal-card,
  .editor-styles-wrapper .axis-signal-card:nth-child(1),
  .editor-styles-wrapper .axis-signal-card:nth-child(2),
  .editor-styles-wrapper .axis-signal-card:nth-child(3),
  .editor-styles-wrapper .axis-signal-card:nth-child(4),
  .axis-home .axis-app-card,
  .axis-home .axis-app-card--1,
  .axis-home .axis-app-card--2,
  .axis-home .axis-app-card--3,
  .axis-home .axis-app-card--4,
  .axis-home .axis-app-card--5,
  .editor-styles-wrapper .axis-app-card,
  .editor-styles-wrapper .axis-app-card--1,
  .editor-styles-wrapper .axis-app-card--2,
  .editor-styles-wrapper .axis-app-card--3,
  .editor-styles-wrapper .axis-app-card--4,
  .editor-styles-wrapper .axis-app-card--5 {
    grid-column: span 6;
    transform: none;
  }

  .axis-home .axis-layer,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-layer,
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    grid-column: span 6;
    grid-template-columns: 72px minmax(0, 1fr);
  }
}

@media (max-width: 860px) {

  .axis-home .axis-hero,
  .editor-styles-wrapper .axis-hero {
    padding-top: 8rem;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    font-size: clamp(3.05rem, 15vw, 5rem);
    line-height: 0.88;
  }

  .axis-home .axis-hero h1 span:nth-child(2),
  .editor-styles-wrapper .axis-hero h1 span:nth-child(2) {
    margin-left: 0;
    -webkit-text-stroke-width: 1px;
  }

  .axis-home .axis-hero__ledger,
  .axis-home .axis-signal-board,
  .axis-home .axis-app-grid--launch,
  .axis-home .axis-layer-stack,
  .axis-home .axis-agent-list,
  .editor-styles-wrapper .axis-hero__ledger,
  .editor-styles-wrapper .axis-signal-board,
  .editor-styles-wrapper .axis-app-grid--launch,
  .editor-styles-wrapper .axis-layer-stack,
  .editor-styles-wrapper .axis-agent-list {
    grid-template-columns: 1fr;
  }

  .axis-home .axis-signal-card,
  .axis-home .axis-signal-card:nth-child(1),
  .axis-home .axis-signal-card:nth-child(2),
  .axis-home .axis-signal-card:nth-child(3),
  .axis-home .axis-signal-card:nth-child(4),
  .axis-home .axis-app-card,
  .axis-home .axis-app-card--1,
  .axis-home .axis-app-card--2,
  .axis-home .axis-app-card--3,
  .axis-home .axis-app-card--4,
  .axis-home .axis-app-card--5,
  .axis-home .axis-layer,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-signal-card,
  .editor-styles-wrapper .axis-signal-card:nth-child(1),
  .editor-styles-wrapper .axis-signal-card:nth-child(2),
  .editor-styles-wrapper .axis-signal-card:nth-child(3),
  .editor-styles-wrapper .axis-signal-card:nth-child(4),
  .editor-styles-wrapper .axis-app-card,
  .editor-styles-wrapper .axis-app-card--1,
  .editor-styles-wrapper .axis-app-card--2,
  .editor-styles-wrapper .axis-app-card--3,
  .editor-styles-wrapper .axis-app-card--4,
  .editor-styles-wrapper .axis-app-card--5,
  .editor-styles-wrapper .axis-layer,
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    grid-column: auto;
  }

  .axis-home .axis-layer,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-layer,
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    grid-template-columns: 1fr;
  }

  .axis-home .axis-layer__visual,
  .editor-styles-wrapper .axis-layer__visual {
    grid-row: auto;
  }

  .axis-home .axis-operating-demo__screens,
  .editor-styles-wrapper .axis-operating-demo__screens {
    inset: auto 1rem 1rem;
    height: 250px;
  }
}

/* Last-mile overrides: keep this after legacy responsive rules. */
.axis-home .axis-layer-stack,
.editor-styles-wrapper .axis-layer-stack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-home .axis-layer,
.editor-styles-wrapper .axis-layer {
  grid-column: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
}

.axis-home .axis-layer:nth-child(3),
.editor-styles-wrapper .axis-layer:nth-child(3) {
  grid-column: 1 / -1;
  grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.2fr);
}

.axis-home .axis-layer__visual,
.editor-styles-wrapper .axis-layer__visual {
  grid-column: auto;
  grid-row: auto;
}

.axis-home .axis-layer__content,
.axis-home .axis-layer__checks,
.editor-styles-wrapper .axis-layer__content,
.editor-styles-wrapper .axis-layer__checks {
  min-width: 0;
  width: auto;
  max-width: none;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__index,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__index {
  grid-column: 1;
  grid-row: 1;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__visual,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__visual {
  grid-column: 1;
  grid-row: 2 / span 2;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__content,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__content {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.axis-home .axis-layer:nth-child(3) .axis-layer__checks,
.editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
  grid-column: 2;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.axis-home .axis-pricing-grid,
.editor-styles-wrapper .axis-pricing-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1180px) {
  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .axis-home .axis-layer-stack,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-layer-stack,
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-layer:nth-child(3) .axis-layer__index,
  .axis-home .axis-layer:nth-child(3) .axis-layer__visual,
  .axis-home .axis-layer:nth-child(3) .axis-layer__content,
  .axis-home .axis-layer:nth-child(3) .axis-layer__checks,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__index,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__visual,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__content,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-home .axis-layer:nth-child(3) .axis-layer__checks,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 680px) {
  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Dark-mode pricing tabs and real contact form presentation. */
html:not(.axis-light) .axis-pricing-tab,
html:not(.axis-light) .editor-styles-wrapper .axis-pricing-tab {
  border-color: rgba(226, 232, 240, 0.2);
  background:
    linear-gradient(180deg, rgba(20, 31, 51, 0.98), rgba(10, 17, 31, 0.94)),
    radial-gradient(circle at 50% 0, rgba(var(--axis-accent-rgb), 0.18), transparent 70%);
  color: #f8fafc;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html:not(.axis-light) .axis-pricing-tab span,
html:not(.axis-light) .editor-styles-wrapper .axis-pricing-tab span {
  color: rgba(226, 232, 240, 0.78);
}

html:not(.axis-light) .axis-pricing-tab:hover,
html:not(.axis-light) .axis-pricing-tab.is-active,
html:not(.axis-light) .editor-styles-wrapper .axis-pricing-tab:hover,
html:not(.axis-light) .editor-styles-wrapper .axis-pricing-tab.is-active {
  border-color: rgba(var(--axis-accent-rgb), 0.88);
  background:
    linear-gradient(135deg, rgba(var(--axis-accent-rgb), 0.36), rgba(var(--axis-blue-rgb), 0.18)),
    linear-gradient(180deg, rgba(23, 34, 56, 1), rgba(11, 18, 32, 0.96));
  color: #ffffff;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(var(--axis-accent-rgb), 0.18);
}

.axis-final__card,
.axis-final__card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-final__card,
.editor-styles-wrapper .axis-final__card > .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(340px, 1fr);
  gap: clamp(1.4rem, 4vw, 3rem);
  align-items: start;
}

.axis-final__copy,
.editor-styles-wrapper .axis-final__copy {
  position: relative;
  z-index: 1;
}

.axis-final__proof,
.editor-styles-wrapper .axis-final__proof {
  display: grid;
  gap: 0.72rem;
  margin: 1.45rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-final__proof li,
.editor-styles-wrapper .axis-final__proof li {
  position: relative;
  padding-left: 1.55rem;
  color: var(--axis-muted);
  font-weight: 800;
  line-height: 1.45;
}

.axis-final__proof li::before,
.editor-styles-wrapper .axis-final__proof li::before {
  content: "";
  position: absolute;
  top: 0.52em;
  left: 0;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 999px;
  background: rgb(var(--axis-accent-rgb));
  box-shadow: 0 0 0 0.32rem rgba(var(--axis-accent-rgb), 0.12);
}

.axis-contact-form,
.editor-styles-wrapper .axis-contact-form {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 1rem;
  padding: clamp(1.1rem, 2vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.86);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-surface-rgb), 0.82)),
    radial-gradient(circle at 88% 0, rgba(var(--axis-accent-rgb), 0.13), transparent 15rem);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
  text-align: left;
}

.axis-contact-form__row,
.editor-styles-wrapper .axis-contact-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.axis-contact-form label,
.editor-styles-wrapper .axis-contact-form label {
  display: grid;
  gap: 0.45rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.82rem;
  font-weight: 900;
}

.axis-contact-form input,
.axis-contact-form select,
.axis-contact-form textarea,
.editor-styles-wrapper .axis-contact-form input,
.editor-styles-wrapper .axis-contact-form select,
.editor-styles-wrapper .axis-contact-form textarea {
  width: 100%;
  min-height: 3.15rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.82);
  border-radius: 16px;
  outline: none;
  background: rgba(var(--axis-bg-rgb), 0.72);
  color: var(--axis-ink);
  font: inherit;
  font-weight: 700;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.axis-contact-form textarea,
.editor-styles-wrapper .axis-contact-form textarea {
  min-height: 8rem;
  resize: vertical;
}

.axis-contact-form input:focus,
.axis-contact-form select:focus,
.axis-contact-form textarea:focus,
.editor-styles-wrapper .axis-contact-form input:focus,
.editor-styles-wrapper .axis-contact-form select:focus,
.editor-styles-wrapper .axis-contact-form textarea:focus {
  border-color: rgba(var(--axis-accent-rgb), 0.9);
  box-shadow: 0 0 0 4px rgba(var(--axis-accent-rgb), 0.16);
}

.axis-contact-form__check,
.editor-styles-wrapper .axis-contact-form__check {
  display: flex !important;
  grid-template-columns: none;
  align-items: flex-start;
  gap: 0.72rem;
  color: var(--axis-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.45;
}

.axis-contact-form__check input,
.editor-styles-wrapper .axis-contact-form__check input {
  width: 1.05rem;
  min-width: 1.05rem;
  height: 1.05rem;
  min-height: 1.05rem;
  margin-top: 0.12rem;
  padding: 0;
  accent-color: rgb(var(--axis-accent-rgb));
}

.axis-contact-form .axis-button,
.editor-styles-wrapper .axis-contact-form .axis-button {
  width: 100%;
  justify-content: center;
  border: 0;
  cursor: pointer;
}

.axis-contact-form__status,
.editor-styles-wrapper .axis-contact-form__status {
  min-height: 1.25rem;
  margin: 0 !important;
  color: rgb(var(--axis-accent-rgb));
  font-size: 0.86rem;
  font-weight: 900;
}

html:not(.axis-light) .axis-contact-form input,
html:not(.axis-light) .axis-contact-form select,
html:not(.axis-light) .axis-contact-form textarea {
  background: rgba(5, 12, 24, 0.72);
  color: #f8fafc;
}

html:not(.axis-light) .axis-contact-form input::placeholder,
html:not(.axis-light) .axis-contact-form textarea::placeholder {
  color: rgba(226, 232, 240, 0.48);
}

@media (max-width: 920px) {
  .axis-final__card,
  .axis-final__card > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-final__card,
  .editor-styles-wrapper .axis-final__card > .wp-block-group__inner-container,
  .axis-contact-form__row,
  .editor-styles-wrapper .axis-contact-form__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Editable contact page. */
.axis-contact-page,
.editor-styles-wrapper .axis-contact-page {
  overflow: hidden;
}

.axis-contact-page .wp-block-group > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-page .wp-block-group > .wp-block-group__inner-container {
  display: contents;
}

.axis-contact-hero,
.editor-styles-wrapper .axis-contact-hero {
  position: relative;
  isolation: isolate;
  padding: clamp(7rem, 12vw, 10rem) 0 clamp(4rem, 8vw, 6.5rem);
  background:
    radial-gradient(circle at 14% 18%, rgba(var(--axis-accent-rgb), 0.18), transparent 22rem),
    radial-gradient(circle at 86% 16%, rgba(var(--axis-blue-rgb), 0.16), transparent 24rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.98), rgba(var(--axis-surface-rgb), 0.94));
}

.axis-contact-hero > .axis-grid-bg,
.editor-styles-wrapper .axis-contact-hero > .axis-grid-bg {
  opacity: 0.42;
}

.axis-contact-hero__layout,
.axis-contact-hero__layout > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-hero__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(390px, 1.05fr) minmax(0, 0.82fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: start;
}

.axis-contact-hero h1,
.editor-styles-wrapper .axis-contact-hero h1 {
  max-width: 14ch;
  margin: 0;
  padding-bottom: 0.08em;
  font-size: clamp(2.2rem, 4.2vw, 4.15rem);
  line-height: 1.02;
}

.axis-contact-hero__lead,
.editor-styles-wrapper .axis-contact-hero__lead {
  max-width: 46rem;
  margin-top: 1rem;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.35vw, 1.13rem);
  line-height: 1.58;
}

.axis-contact-hero__actions,
.editor-styles-wrapper .axis-contact-hero__actions {
  margin-top: 1.8rem;
}

.axis-contact-hero__visual,
.editor-styles-wrapper .axis-contact-hero__visual {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.42);
  border-radius: 30px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.18), transparent 16rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.82), rgba(var(--axis-surface-rgb), 0.56));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.2);
}

.axis-contact-hero__visual .axis-contact-command,
.editor-styles-wrapper .axis-contact-hero__visual .axis-contact-command {
  min-height: 100%;
  margin-top: 0;
}

.axis-contact-hero__form,
.editor-styles-wrapper .axis-contact-hero__form {
  position: relative;
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.82);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.94), rgba(var(--axis-surface-rgb), 0.76)),
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.2), transparent 16rem);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
}

.axis-contact-hero__form::before,
.editor-styles-wrapper .axis-contact-hero__form::before {
  content: "";
  position: absolute;
  inset: 0.75rem;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
}

.axis-contact-hero__form > *,
.editor-styles-wrapper .axis-contact-hero__form > * {
  position: relative;
  z-index: 1;
}

.axis-contact-hero__form .axis-contact-form,
.editor-styles-wrapper .axis-contact-hero__form .axis-contact-form {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-contact-intake-flow,
.editor-styles-wrapper .axis-contact-intake-flow {
  position: relative;
  isolation: isolate;
  padding: clamp(7rem, 11vw, 9.5rem) 0 clamp(3.5rem, 6vw, 5.5rem);
  background:
    radial-gradient(circle at 82% 8%, rgba(var(--axis-accent-rgb), 0.12), transparent 24rem),
    radial-gradient(circle at 12% 24%, rgba(var(--axis-blue-rgb), 0.1), transparent 24rem),
    linear-gradient(180deg, rgba(var(--axis-surface-rgb), 0.94), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-contact-intake-flow > .axis-grid-bg,
.editor-styles-wrapper .axis-contact-intake-flow > .axis-grid-bg {
  opacity: 0.42;
}

.axis-contact-intake-flow__layout,
.axis-contact-intake-flow__layout > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-intake-flow__layout {
  position: relative;
  z-index: 1;
  display: grid;
  gap: clamp(1.05rem, 2.4vw, 1.8rem);
}

.axis-contact-intake-flow .axis-contact-preflight,
.editor-styles-wrapper .axis-contact-intake-flow .axis-contact-preflight {
  border: 1px solid rgba(var(--axis-border-rgb), 0.46);
  border-radius: 34px;
}

.axis-contact-intake-flow .axis-contact-form-panel,
.editor-styles-wrapper .axis-contact-intake-flow .axis-contact-form-panel {
  margin-top: 0;
  border: 1px solid rgba(var(--axis-border-rgb), 0.5);
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.74), rgba(var(--axis-card-rgb), 0.7));
}

.axis-contact-preflight-section,
.editor-styles-wrapper .axis-contact-preflight-section {
  position: relative;
  padding: clamp(2.6rem, 5.6vw, 5rem) 0;
  background:
    linear-gradient(180deg, rgba(var(--axis-surface-rgb), 0.94), rgba(var(--axis-bg-rgb), 0.96));
}

.axis-contact-preflight,
.editor-styles-wrapper .axis-contact-preflight {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(270px, 0.68fr) minmax(0, 1fr);
  gap: clamp(1.2rem, 3vw, 2.6rem);
  padding: clamp(1.15rem, 3vw, 2rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.46);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.16), transparent 36%),
    linear-gradient(315deg, rgba(var(--axis-accent-rgb), 0.12), transparent 40%),
    rgba(var(--axis-card-rgb), 0.74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.18);
}

.axis-contact-preflight::before,
.editor-styles-wrapper .axis-contact-preflight::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 44px 44px;
  opacity: 0.6;
}

.axis-contact-preflight > *,
.editor-styles-wrapper .axis-contact-preflight > * {
  position: relative;
  z-index: 1;
}

.axis-contact-preflight__head,
.axis-contact-preflight__head > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-preflight__head {
  display: grid;
  align-content: center;
  gap: 0.8rem;
}

.axis-contact-preflight__head .axis-kicker,
.editor-styles-wrapper .axis-contact-preflight__head .axis-kicker {
  margin: 0;
}

.axis-contact-preflight__head h2,
.editor-styles-wrapper .axis-contact-preflight__head h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
}

.axis-contact-preflight__head p:not(.axis-kicker),
.editor-styles-wrapper .axis-contact-preflight__head p:not(.axis-kicker) {
  max-width: 25rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.58;
}

.axis-contact-preflight__grid,
.axis-contact-preflight__grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-preflight__grid {
  display: grid;
  gap: 0.75rem;
}

.axis-contact-preflight__item,
.axis-contact-preflight__item > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-preflight__item {
  --axis-preflight-rgb: var(--axis-accent-rgb);
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.82rem;
  min-width: 0;
  min-height: 5.25rem;
  padding: 0.82rem 1rem 0.82rem 0.82rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at 5% 50%, rgba(var(--axis-preflight-rgb), 0.22), transparent 6rem),
    linear-gradient(90deg, rgba(var(--axis-bg-rgb), 0.54), rgba(var(--axis-surface-rgb), 0.36)),
    rgba(var(--axis-bg-rgb), 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 38px rgba(0, 0, 0, 0.1);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.axis-contact-preflight__item--2,
.editor-styles-wrapper .axis-contact-preflight__item--2 {
  --axis-preflight-rgb: var(--axis-blue-rgb);
}

.axis-contact-preflight__item--3,
.editor-styles-wrapper .axis-contact-preflight__item--3 {
  --axis-preflight-rgb: var(--axis-purple-rgb);
}

.axis-contact-preflight__item::before,
.editor-styles-wrapper .axis-contact-preflight__item::before {
  content: "";
  position: absolute;
  inset: 1px;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(var(--axis-preflight-rgb), 0.2), transparent 30%),
    linear-gradient(135deg, transparent 0 70%, rgba(var(--axis-preflight-rgb), 0.12) 70% 100%);
  opacity: 0;
  transition: opacity 0.2s ease;
}

.axis-contact-preflight__item::after,
.editor-styles-wrapper .axis-contact-preflight__item::after {
  content: "";
  position: absolute;
  right: 4.85rem;
  bottom: 0.78rem;
  left: calc(0.82rem + 3rem + 0.82rem);
  width: auto;
  border-radius: 999px;
  height: 2px;
  background: linear-gradient(90deg, rgba(var(--axis-preflight-rgb), 0.18), rgba(var(--axis-preflight-rgb), 0.82), rgba(var(--axis-preflight-rgb), 0));
  opacity: 0.68;
}

.axis-contact-preflight__item:hover,
.axis-contact-preflight__item:focus-within,
.editor-styles-wrapper .axis-contact-preflight__item:hover,
.editor-styles-wrapper .axis-contact-preflight__item:focus-within {
  border-color: rgba(var(--axis-preflight-rgb), 0.56);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}

.axis-contact-preflight__item:hover::before,
.axis-contact-preflight__item:focus-within::before,
.editor-styles-wrapper .axis-contact-preflight__item:hover::before,
.editor-styles-wrapper .axis-contact-preflight__item:focus-within::before {
  opacity: 1;
}

.axis-contact-preflight__item > *,
.editor-styles-wrapper .axis-contact-preflight__item > * {
  position: relative;
  z-index: 1;
}

.axis-contact-preflight__number,
.editor-styles-wrapper .axis-contact-preflight__number {
  position: relative;
  display: inline-grid;
  grid-column: 1;
  grid-row: 1;
  width: 3rem;
  height: 3rem;
  margin: 0;
  place-items: center;
  border: 1px solid rgba(var(--axis-preflight-rgb), 0.34);
  border-radius: 18px;
  color: rgb(var(--axis-preflight-rgb));
  background:
    radial-gradient(circle at 32% 24%, rgba(255, 255, 255, 0.22), transparent 1.4rem),
    linear-gradient(145deg, rgba(var(--axis-preflight-rgb), 0.18), rgba(var(--axis-blue-rgb), 0.08)),
    rgba(var(--axis-bg-rgb), 0.34);
  font-family: var(--axis-font-mono);
  font-weight: 950;
  line-height: 1;
  box-shadow:
    0 0 0 0.44rem rgba(var(--axis-preflight-rgb), 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.axis-contact-preflight__number::before,
.editor-styles-wrapper .axis-contact-preflight__number::before {
  content: "";
  position: absolute;
  inset: 0.42rem;
  border: 1px solid rgba(var(--axis-preflight-rgb), 0.24);
  border-radius: 12px;
}

.axis-contact-preflight__number span,
.editor-styles-wrapper .axis-contact-preflight__number span {
  font-size: 1.08rem;
  letter-spacing: 0;
}

.axis-contact-preflight__number em,
.editor-styles-wrapper .axis-contact-preflight__number em {
  display: none;
}

.axis-contact-preflight__visual,
.editor-styles-wrapper .axis-contact-preflight__visual {
  position: relative;
  display: inline-grid;
  grid-column: 3;
  grid-row: 1;
  width: 3.05rem;
  height: 3.05rem;
  justify-self: end;
  place-items: center;
  border: 1px solid rgba(var(--axis-preflight-rgb), 0.28);
  border-radius: 999px;
  color: rgb(var(--axis-preflight-rgb));
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.18), transparent 1.1rem),
    rgba(var(--axis-preflight-rgb), 0.11);
}

.axis-contact-preflight__visual::before,
.editor-styles-wrapper .axis-contact-preflight__visual::before {
  content: "";
  position: absolute;
  inset: -0.42rem;
  border: 1px dashed rgba(var(--axis-preflight-rgb), 0.28);
  border-radius: inherit;
  opacity: 0.82;
}

.axis-contact-preflight__visual::after,
.editor-styles-wrapper .axis-contact-preflight__visual::after {
  content: "";
  position: absolute;
  right: -0.35rem;
  bottom: 0.36rem;
  width: 0.72rem;
  height: 0.72rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-patina));
  box-shadow: 0 0 0 0.22rem rgba(var(--axis-preflight-rgb), 0.1);
}

.axis-contact-preflight__visual svg,
.editor-styles-wrapper .axis-contact-preflight__visual svg {
  width: 1.32rem;
  height: 1.32rem;
  filter: drop-shadow(0 8px 14px rgba(var(--axis-preflight-rgb), 0.22));
}

.axis-contact-preflight__body,
.editor-styles-wrapper .axis-contact-preflight__body {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}

.axis-contact-preflight__item h3,
.editor-styles-wrapper .axis-contact-preflight__item h3 {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 1.05rem;
  line-height: 1.1;
}

.axis-contact-preflight__item div p,
.editor-styles-wrapper .axis-contact-preflight__item div p {
  margin: 0.28rem 0 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.4;
}

.axis-contact-command,
.editor-styles-wrapper .axis-contact-command {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 0.85rem;
  margin-top: clamp(1.2rem, 2.4vw, 1.7rem);
  padding: 0.88rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.42);
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.16), transparent 42%),
    linear-gradient(310deg, rgba(var(--axis-olive-rgb), 0.1), transparent 36%),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.09) 1px, transparent 1px) 0 0 / 38px 38px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 38px 38px,
    rgba(var(--axis-card-rgb), 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 70px rgba(0, 0, 0, 0.16);
}

.axis-contact-command::before,
.editor-styles-wrapper .axis-contact-command::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.075), transparent);
  transform: translateX(-120%);
  animation: axisScan 7s ease-in-out infinite;
  pointer-events: none;
}

.axis-contact-command__top,
.axis-contact-command__top > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-command__top {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.62rem;
  padding: 0.68rem 0.75rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.26);
  border-radius: 16px;
  background: rgba(var(--axis-bg-rgb), 0.38);
}

.axis-contact-command__top p,
.editor-styles-wrapper .axis-contact-command__top p {
  margin: 0;
  font-family: var(--axis-font-ui);
  font-size: 0.74rem;
  font-weight: 950;
}

.axis-contact-command__top p:last-child,
.editor-styles-wrapper .axis-contact-command__top p:last-child {
  margin-left: auto;
  padding: 0.32rem 0.55rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 999px;
  color: #edf5b8;
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-contact-command__body,
.axis-contact-command__body > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-command__body {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(9.5rem, 0.45fr);
  gap: 0.85rem;
}

.axis-contact-command__request,
.axis-contact-command__request > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-command__request {
  display: grid;
  align-content: start;
  min-height: 10rem;
  padding: 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.26);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.13), transparent 38%),
    rgba(var(--axis-bg-rgb), 0.48);
}

.axis-contact-command__request p:first-child,
.editor-styles-wrapper .axis-contact-command__request p:first-child {
  margin: 0;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-ui);
  font-size: 0.67rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-contact-command__request h3,
.editor-styles-wrapper .axis-contact-command__request h3 {
  margin: 0.48rem 0 0;
  color: var(--axis-ink);
  font-size: clamp(1rem, 1.7vw, 1.28rem);
  line-height: 1.22;
}

.axis-contact-command__request p:last-child,
.editor-styles-wrapper .axis-contact-command__request p:last-child {
  margin: 0.68rem 0 0;
  color: var(--axis-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}

.axis-contact-command__routes,
.axis-contact-command__routes > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-command__routes {
  display: grid;
  gap: 0.5rem;
}

.axis-contact-command__routes p,
.editor-styles-wrapper .axis-contact-command__routes p {
  position: relative;
  margin: 0;
  padding: 0.72rem 0.78rem 0.72rem 2.1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 15px;
  color: var(--axis-ink);
  background: rgba(var(--axis-bg-rgb), 0.42);
  font-family: var(--axis-font-ui);
  font-size: 0.78rem;
  font-weight: 950;
}

.axis-contact-command__routes p::before,
.editor-styles-wrapper .axis-contact-command__routes p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.78rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 999px;
  background: rgb(var(--axis-accent-rgb));
  box-shadow: 0 0 0 0.26rem rgba(var(--axis-accent-rgb), 0.14);
  transform: translateY(-50%);
}

.axis-contact-hero__proof,
.editor-styles-wrapper .axis-contact-hero__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.64rem;
  margin-top: 0.8rem;
}

.axis-contact-hero__proof-card,
.axis-contact-hero__proof-card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-hero__proof-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 7.4rem;
  padding: 0.86rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.34);
  border-radius: 16px;
  background:
    linear-gradient(160deg, rgba(var(--axis-olive-rgb), 0.1), transparent 58%),
    rgba(var(--axis-bg-rgb), 0.18);
}

.axis-contact-hero__proof-card::before,
.editor-styles-wrapper .axis-contact-hero__proof-card::before {
  content: "";
  position: absolute;
  right: 0.86rem;
  bottom: 0.82rem;
  left: 0.86rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-brass), var(--axis-patina), var(--axis-clay));
}

.axis-contact-hero__proof-card p:first-child,
.editor-styles-wrapper .axis-contact-hero__proof-card p:first-child {
  margin: 0;
  color: var(--axis-ink);
  font-size: 0.9rem;
  font-weight: 950;
  line-height: 1.2;
}

.axis-contact-hero__proof-card p:last-child,
.editor-styles-wrapper .axis-contact-hero__proof-card p:last-child {
  margin: 0.45rem 0 0;
  color: var(--axis-muted);
  font-size: 0.77rem;
  font-weight: 800;
  line-height: 1.42;
}

.axis-contact-hero__panel,
.editor-styles-wrapper .axis-contact-hero__panel {
  position: relative;
  display: grid;
  gap: 1.15rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.82);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-surface-rgb), 0.72)),
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.18), transparent 16rem);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
}

.axis-contact-hero__panel::before,
.editor-styles-wrapper .axis-contact-hero__panel::before {
  content: "";
  position: absolute;
  inset: 0.75rem;
  pointer-events: none;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 24px;
}

.axis-contact-hero__panel-label,
.editor-styles-wrapper .axis-contact-hero__panel-label {
  margin: 0;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-ui);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-contact-route-list,
.axis-contact-route-list > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-route-list {
  display: grid;
  gap: 0.75rem;
}

.axis-contact-route-grid,
.axis-contact-route-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-route-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9rem;
}

.axis-contact-route,
.axis-contact-route > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-route {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 0.92rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.42);
}

.axis-contact-route > span,
.editor-styles-wrapper .axis-contact-route > span,
.axis-contact-outcome-card > span,
.editor-styles-wrapper .axis-contact-outcome-card > span {
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border-radius: 16px;
  background: rgba(var(--axis-accent-rgb), 0.13);
  color: rgb(var(--axis-accent-rgb));
}

.axis-contact-route svg,
.axis-contact-outcome-card svg,
.editor-styles-wrapper .axis-contact-route svg,
.editor-styles-wrapper .axis-contact-outcome-card svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-contact-route h3,
.axis-contact-outcome-card h3,
.editor-styles-wrapper .axis-contact-route h3,
.editor-styles-wrapper .axis-contact-outcome-card h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
}

.axis-contact-route p,
.axis-contact-outcome-card p,
.editor-styles-wrapper .axis-contact-route p,
.editor-styles-wrapper .axis-contact-outcome-card p {
  margin: 0.35rem 0 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  line-height: 1.55;
}

.axis-contact-path-grid,
.axis-contact-outcome-grid,
.axis-contact-path-grid > .wp-block-group__inner-container,
.axis-contact-outcome-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-path-grid,
.editor-styles-wrapper .axis-contact-outcome-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-contact-path-card,
.axis-contact-outcome-card,
.editor-styles-wrapper .axis-contact-path-card,
.editor-styles-wrapper .axis-contact-outcome-card {
  position: relative;
  min-height: 100%;
  padding: clamp(1.1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.76), rgba(var(--axis-surface-rgb), 0.58)),
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.1), transparent 14rem);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.14);
}

.axis-contact-path-card__index,
.editor-styles-wrapper .axis-contact-path-card__index {
  margin: 0 0 1.3rem;
  color: rgba(var(--axis-accent-rgb), 0.9);
  font-family: var(--axis-font-mono);
  font-size: 0.88rem;
  font-weight: 900;
}

.axis-contact-path-card h3,
.editor-styles-wrapper .axis-contact-path-card h3 {
  margin: 0;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  line-height: 1.15;
}

.axis-contact-path-card p:not(.axis-contact-path-card__index),
.editor-styles-wrapper .axis-contact-path-card p:not(.axis-contact-path-card__index) {
  margin: 0.75rem 0 0;
  color: var(--axis-muted);
  line-height: 1.6;
}

.axis-contact-form-section,
.editor-styles-wrapper .axis-contact-form-section {
  position: relative;
  padding: clamp(3rem, 6.5vw, 6rem) 0;
  background:
    radial-gradient(circle at 82% 8%, rgba(var(--axis-accent-rgb), 0.12), transparent 24rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.96), rgba(var(--axis-surface-rgb), 0.9));
}

.axis-contact-form-panel,
.axis-contact-form-panel > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-form-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.64fr);
  gap: clamp(1.2rem, 3.5vw, 3rem);
  padding: clamp(1.1rem, 2.6vw, 1.75rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.5);
  border-radius: 34px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px) 0 0 / 46px 46px,
    linear-gradient(135deg, rgba(var(--axis-card-rgb), 0.9), rgba(var(--axis-surface-rgb), 0.66));
  box-shadow: 0 34px 96px rgba(0, 0, 0, 0.2);
}

.axis-contact-form-panel .axis-contact-hero__form,
.editor-styles-wrapper .axis-contact-form-panel .axis-contact-hero__form {
  order: 1;
  grid-column: 1;
  grid-row: 1;
}

.axis-contact-form-panel__copy,
.editor-styles-wrapper .axis-contact-form-panel__copy {
  display: grid;
  order: 2;
  grid-column: 2;
  grid-row: 1;
  align-content: center;
  gap: 1rem;
  min-width: 0;
  padding: clamp(0.4rem, 1vw, 0.8rem);
}

.axis-contact-form-panel__copy h2,
.editor-styles-wrapper .axis-contact-form-panel__copy h2 {
  max-width: 13ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.45rem);
  line-height: 1;
}

.axis-contact-form-panel__copy p:not(.axis-kicker),
.editor-styles-wrapper .axis-contact-form-panel__copy p:not(.axis-kicker) {
  max-width: 33rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: 1rem;
  font-weight: 760;
  line-height: 1.64;
}

.axis-contact-form-panel__list,
.editor-styles-wrapper .axis-contact-form-panel__list {
  display: grid;
  gap: 0.62rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-contact-form-panel__list li,
.editor-styles-wrapper .axis-contact-form-panel__list li {
  position: relative;
  padding-left: 1.3rem;
  color: var(--axis-muted);
  font-size: 0.92rem;
  font-weight: 850;
  line-height: 1.42;
}

.axis-contact-form-panel__list li::before,
.editor-styles-wrapper .axis-contact-form-panel__list li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-patina));
  box-shadow: 0 0 0 0.28rem rgba(var(--axis-accent-rgb), 0.12);
}

.axis-contact-resources,
.editor-styles-wrapper .axis-contact-resources {
  padding-top: clamp(4rem, 7vw, 6rem);
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.18);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--axis-blue-rgb), 0.09), transparent 24rem),
    radial-gradient(circle at 86% 22%, rgba(var(--axis-olive-rgb), 0.08), transparent 26rem),
    rgba(255, 255, 255, 0.012);
}

.axis-contact-resources--inline,
.editor-styles-wrapper .axis-contact-resources--inline {
  padding-top: 0;
  border-top: 0;
  background: transparent;
}

.axis-contact-resource-panel,
.axis-contact-resource-panel > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-resource-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(260px, 0.52fr) minmax(0, 1fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  padding: clamp(1rem, 2.4vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.48);
  border-radius: 30px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.09) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(145deg, rgba(var(--axis-card-rgb), 0.78), rgba(var(--axis-surface-rgb), 0.52));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.16);
}

.axis-contact-resources--inline .axis-contact-resource-panel,
.axis-contact-resources--inline .axis-contact-resource-panel > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-panel {
  grid-template-columns: minmax(270px, 0.68fr) minmax(0, 1fr);
  gap: clamp(1.2rem, 3vw, 2.6rem);
  padding: clamp(1.15rem, 3vw, 2rem);
  border-color: rgba(var(--axis-border-rgb), 0.46);
  border-radius: 34px;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.14), transparent 36%),
    linear-gradient(315deg, rgba(var(--axis-accent-rgb), 0.1), transparent 40%),
    rgba(var(--axis-card-rgb), 0.74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 28px 80px rgba(0, 0, 0, 0.16);
}

.axis-contact-resource-panel::before,
.editor-styles-wrapper .axis-contact-resource-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.07), transparent);
  transform: translateX(-120%) skewX(-18deg);
  animation: axisScan 8s ease-in-out infinite;
  pointer-events: none;
}

.axis-contact-resource-panel__copy,
.editor-styles-wrapper .axis-contact-resource-panel__copy {
  position: relative;
  z-index: 1;
  align-self: stretch;
  display: grid;
  align-content: start;
  padding: clamp(0.8rem, 2vw, 1rem);
}

.axis-contact-resource-panel__copy h2,
.editor-styles-wrapper .axis-contact-resource-panel__copy h2 {
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.5rem);
  line-height: 1;
}

.axis-contact-resource-panel__copy p:not(.axis-kicker),
.editor-styles-wrapper .axis-contact-resource-panel__copy p:not(.axis-kicker) {
  margin: 1rem 0 0;
  color: var(--axis-muted);
  font-size: 1rem;
  line-height: 1.6;
}

.axis-contact-resource-grid,
.axis-contact-resource-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-resource-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
}

.axis-contact-resources--inline .axis-contact-resource-grid,
.axis-contact-resources--inline .axis-contact-resource-grid > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-grid {
  counter-reset: axis-contact-resource;
  align-content: center;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.62rem;
}

.axis-contact-resources--inline .axis-contact-resource-grid::before,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-grid::before {
  display: none;
}

.axis-contact-resource-card,
.editor-styles-wrapper .axis-contact-resource-card {
  position: relative;
  overflow: hidden;
  display: grid;
  min-height: 12rem;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 0.9rem;
  padding: 1rem 1rem 1.65rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.4);
  border-radius: 22px;
  color: inherit;
  background:
    radial-gradient(circle at 90% 0, rgba(var(--axis-blue-rgb), 0.14), transparent 12rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.38), rgba(var(--axis-card-rgb), 0.38));
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.axis-contact-resources--inline .axis-contact-resource-card,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card {
  --axis-resource-rgb: var(--axis-accent-rgb);
  isolation: isolate;
  counter-increment: axis-contact-resource;
  min-height: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-rows: auto;
  align-items: center;
  gap: 0.82rem;
  padding: 0.72rem 0.86rem 0.72rem 0.72rem;
  border-color: rgba(var(--axis-border-rgb), 0.32);
  border-radius: 20px;
  background:
    radial-gradient(circle at 7% 50%, rgba(var(--axis-resource-rgb), 0.18), transparent 5.5rem),
    linear-gradient(90deg, rgba(var(--axis-bg-rgb), 0.5), rgba(var(--axis-surface-rgb), 0.34)),
    rgba(var(--axis-bg-rgb), 0.3);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.055),
    0 12px 34px rgba(0, 0, 0, 0.08);
}

.axis-contact-resources--inline .axis-contact-resource-card:nth-child(2),
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:nth-child(2) {
  --axis-resource-rgb: var(--axis-blue-rgb);
}

.axis-contact-resources--inline .axis-contact-resource-card:nth-child(3),
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:nth-child(3) {
  --axis-resource-rgb: var(--axis-purple-rgb);
}

.axis-contact-resources--inline .axis-contact-resource-card:nth-child(4),
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:nth-child(4) {
  --axis-resource-rgb: var(--axis-olive-rgb);
}

.axis-contact-resources--inline .axis-contact-resource-card:nth-child(5),
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:nth-child(5) {
  --axis-resource-rgb: var(--axis-slate-rgb);
}

.axis-contact-resources--inline .axis-contact-resource-card::before,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card::before {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(var(--axis-resource-rgb), 0.18), transparent 32%),
    linear-gradient(135deg, transparent 0 72%, rgba(var(--axis-resource-rgb), 0.12) 72% 100%);
  opacity: 0;
  transition: opacity 0.22s ease;
}

.axis-contact-resources--inline .axis-contact-resource-card > *,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card > * {
  position: relative;
  z-index: 1;
}

.axis-contact-resource-card::after,
.editor-styles-wrapper .axis-contact-resource-card::after {
  content: "";
  position: absolute;
  right: 1rem;
  bottom: 0.62rem;
  left: 1rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-brass), var(--axis-patina), var(--axis-clay));
  opacity: 0.72;
}

.axis-contact-resources--inline .axis-contact-resource-card::after,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card::after {
  top: auto;
  right: 0.86rem;
  bottom: 0.58rem;
  left: calc(0.72rem + 2.35rem + 0.82rem);
  width: auto;
  height: 2px;
  background: linear-gradient(90deg, rgba(var(--axis-resource-rgb), 0.22), rgba(var(--axis-resource-rgb), 0.86), rgba(var(--axis-resource-rgb), 0));
}

.axis-contact-resource-card:hover,
.axis-contact-resource-card:focus-visible,
.editor-styles-wrapper .axis-contact-resource-card:hover,
.editor-styles-wrapper .axis-contact-resource-card:focus-visible {
  border-color: rgba(var(--axis-accent-rgb), 0.62);
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.22);
  transform: translateY(-3px);
}

.axis-contact-resources--inline .axis-contact-resource-card:hover::before,
.axis-contact-resources--inline .axis-contact-resource-card:focus-visible::before,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:hover::before,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:focus-visible::before {
  opacity: 1;
}

.axis-contact-resources--inline .axis-contact-resource-card:hover,
.axis-contact-resources--inline .axis-contact-resource-card:focus-visible,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:hover,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:focus-visible {
  border-color: rgba(var(--axis-resource-rgb), 0.58);
}

.axis-contact-resource-card--1,
.editor-styles-wrapper .axis-contact-resource-card--1 {
  grid-column: span 2;
  min-height: 13rem;
  background:
    radial-gradient(circle at 92% 0, rgba(var(--axis-olive-rgb), 0.18), transparent 14rem),
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.12), rgba(var(--axis-card-rgb), 0.48));
}

.axis-contact-resources--inline .axis-contact-resource-card--1,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card--1 {
  grid-column: auto;
  min-height: 0;
}

.axis-contact-resource-card__icon,
.editor-styles-wrapper .axis-contact-resource-card__icon {
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.32);
  border-radius: 16px;
  color: rgb(var(--axis-accent-rgb));
  background: rgba(var(--axis-accent-rgb), 0.12);
}

.axis-contact-resources--inline .axis-contact-resource-card__icon,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__icon {
  position: relative;
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 14px;
  color: rgb(var(--axis-resource-rgb));
  background:
    radial-gradient(circle at 35% 25%, rgba(255, 255, 255, 0.2), transparent 1.15rem),
    rgba(var(--axis-resource-rgb), 0.13);
  box-shadow:
    0 0 0 0.42rem rgba(var(--axis-resource-rgb), 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.axis-contact-resources--inline .axis-contact-resource-card__icon::after,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__icon::after {
  content: "0" counter(axis-contact-resource);
  position: absolute;
  right: -0.46rem;
  bottom: -0.38rem;
  display: inline-grid;
  min-width: 1.28rem;
  height: 1.08rem;
  padding: 0 0.22rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-resource-rgb), 0.32);
  border-radius: 999px;
  color: rgb(var(--axis-resource-rgb));
  background: rgb(var(--axis-card-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.55rem;
  font-weight: 950;
  line-height: 1;
}

.axis-contact-resource-card__icon svg,
.axis-contact-resource-card__action svg,
.editor-styles-wrapper .axis-contact-resource-card__icon svg,
.editor-styles-wrapper .axis-contact-resource-card__action svg {
  width: 1.18rem;
  height: 1.18rem;
}

.axis-contact-resource-card__content,
.editor-styles-wrapper .axis-contact-resource-card__content {
  display: grid;
  align-content: start;
  gap: 0.45rem;
}

.axis-contact-resources--inline .axis-contact-resource-card__content,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__content {
  gap: 0.18rem;
}

.axis-contact-resource-card__content strong,
.editor-styles-wrapper .axis-contact-resource-card__content strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.15rem, 2vw, 1.48rem);
  font-weight: 950;
  line-height: 1.08;
}

.axis-contact-resources--inline .axis-contact-resource-card__content strong,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__content strong {
  font-size: 1rem;
}

.axis-contact-resource-card__content em,
.editor-styles-wrapper .axis-contact-resource-card__content em {
  color: var(--axis-muted);
  font-size: 0.92rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.5;
}

.axis-contact-resources--inline .axis-contact-resource-card__content em,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__content em {
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.78rem;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.axis-contact-resource-card__action,
.editor-styles-wrapper .axis-contact-resource-card__action {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.45rem;
  align-self: end;
  padding: 0.54rem 0.74rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-bg-rgb), 0.36);
  font-family: var(--axis-font-ui);
  font-size: 0.78rem;
  font-weight: 950;
}

.axis-contact-resources--inline .axis-contact-resource-card__action,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__action {
  min-width: 8.6rem;
  justify-content: space-between;
  padding: 0.5rem 0.56rem 0.5rem 0.72rem;
  border-color: rgba(var(--axis-resource-rgb), 0.32);
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-resource-rgb), 0.14), rgba(var(--axis-blue-rgb), 0.07)),
    rgba(var(--axis-bg-rgb), 0.34);
  font-size: 0.72rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.08);
}

.axis-contact-resources--inline .axis-contact-resource-card__action svg,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__action svg {
  width: 0.92rem;
  height: 0.92rem;
  padding: 0.28rem;
  border-radius: 999px;
  background: rgba(var(--axis-resource-rgb), 0.16);
  box-sizing: content-box;
  transition: transform 0.2s ease, background 0.2s ease;
}

.axis-contact-resources--inline .axis-contact-resource-card:hover .axis-contact-resource-card__action svg,
.axis-contact-resources--inline .axis-contact-resource-card:focus-visible .axis-contact-resource-card__action svg,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:hover .axis-contact-resource-card__action svg,
.editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card:focus-visible .axis-contact-resource-card__action svg {
  background: rgba(var(--axis-resource-rgb), 0.24);
  transform: translateX(0.16rem);
}

.axis-contact-intake .axis-final__card,
.axis-contact-intake .axis-final__card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-intake .axis-final__card,
.editor-styles-wrapper .axis-contact-intake .axis-final__card > .wp-block-group__inner-container {
  grid-template-columns: minmax(0, 0.76fr) minmax(360px, 1.1fr);
}

.axis-contact-form--contact-page,
.editor-styles-wrapper .axis-contact-form--contact-page {
  border-radius: 30px;
}

.axis-contact-outcome-card,
.axis-contact-outcome-card > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-contact-outcome-card {
  display: grid;
  align-content: start;
  gap: 0.9rem;
}

.axis-light .axis-contact-hero,
.axis-light .editor-styles-wrapper .axis-contact-hero {
  background:
    radial-gradient(circle at 14% 18%, rgba(var(--axis-accent-rgb), 0.13), transparent 22rem),
    radial-gradient(circle at 86% 16%, rgba(var(--axis-blue-rgb), 0.1), transparent 24rem),
    linear-gradient(180deg, #f8fafc, #eef3f8);
}

.axis-light .axis-contact-intake-flow,
.axis-light .editor-styles-wrapper .axis-contact-intake-flow,
.axis-light .axis-contact-preflight-section,
.axis-light .editor-styles-wrapper .axis-contact-preflight-section,
.axis-light .axis-contact-form-section,
.axis-light .editor-styles-wrapper .axis-contact-form-section {
  background:
    radial-gradient(circle at 82% 8%, rgba(var(--axis-accent-rgb), 0.08), transparent 24rem),
    linear-gradient(180deg, #eef3f8, #f8fafc);
}

.axis-light .axis-contact-hero__form,
.axis-light .editor-styles-wrapper .axis-contact-hero__form,
.axis-light .axis-contact-hero__visual,
.axis-light .editor-styles-wrapper .axis-contact-hero__visual,
.axis-light .axis-contact-preflight,
.axis-light .editor-styles-wrapper .axis-contact-preflight,
.axis-light .axis-contact-form-panel,
.axis-light .editor-styles-wrapper .axis-contact-form-panel,
.axis-light .axis-contact-command,
.axis-light .editor-styles-wrapper .axis-contact-command,
.axis-light .axis-contact-hero__proof-card,
.axis-light .editor-styles-wrapper .axis-contact-hero__proof-card,
.axis-light .axis-contact-resource-panel,
.axis-light .editor-styles-wrapper .axis-contact-resource-panel,
.axis-light .axis-contact-resource-card,
.axis-light .editor-styles-wrapper .axis-contact-resource-card {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-contact-intake-flow .axis-contact-form-panel,
.axis-light .editor-styles-wrapper .axis-contact-intake-flow .axis-contact-form-panel {
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #fff;
}

.axis-light .axis-contact-preflight,
.axis-light .editor-styles-wrapper .axis-contact-preflight {
  border-color: rgba(15, 23, 42, 0.12);
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.08), transparent 38%),
    linear-gradient(315deg, rgba(var(--axis-accent-rgb), 0.07), transparent 40%),
    rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-contact-preflight::before,
.axis-light .editor-styles-wrapper .axis-contact-preflight::before {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px) 0 0 / 44px 44px;
  opacity: 0.72;
}

.axis-light .axis-contact-preflight__item,
.axis-light .editor-styles-wrapper .axis-contact-preflight__item {
  border-color: rgba(15, 23, 42, 0.16);
  background:
    radial-gradient(circle at 94% 50%, rgba(var(--axis-preflight-rgb), 0.14), transparent 5.6rem),
    linear-gradient(90deg, rgba(255, 255, 255, 0.82), rgba(241, 245, 249, 0.74)),
    rgba(255, 255, 255, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 12px 28px rgba(15, 23, 42, 0.055);
}

.axis-light .axis-contact-preflight__number,
.axis-light .editor-styles-wrapper .axis-contact-preflight__number,
.axis-light .axis-contact-preflight__visual,
.axis-light .editor-styles-wrapper .axis-contact-preflight__visual {
  background:
    radial-gradient(circle at 35% 24%, rgba(255, 255, 255, 0.96), transparent 1.35rem),
    rgba(var(--axis-preflight-rgb), 0.1);
  box-shadow:
    0 0 0 0.38rem rgba(var(--axis-preflight-rgb), 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.axis-light .axis-contact-resources--inline .axis-contact-resource-panel,
.axis-light .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-panel {
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.045) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #fff;
}

@media (max-width: 1120px) {
  .axis-contact-route-grid,
  .axis-contact-route-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-route-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-contact-hero__proof,
  .editor-styles-wrapper .axis-contact-hero__proof {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-resource-panel,
  .axis-contact-resource-panel > .wp-block-group__inner-container,
  .axis-contact-resources--inline .axis-contact-resource-panel,
  .axis-contact-resources--inline .axis-contact-resource-panel > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-resource-panel {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 960px) {
  .axis-contact-hero__layout,
  .axis-contact-hero__layout > .wp-block-group__inner-container,
  .axis-contact-preflight,
  .axis-contact-preflight > .wp-block-group__inner-container,
  .axis-contact-form-panel,
  .axis-contact-form-panel > .wp-block-group__inner-container,
  .axis-contact-intake .axis-final__card,
  .axis-contact-intake .axis-final__card > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-hero__layout,
  .editor-styles-wrapper .axis-contact-preflight,
  .editor-styles-wrapper .axis-contact-form-panel,
  .editor-styles-wrapper .axis-contact-intake .axis-final__card,
  .editor-styles-wrapper .axis-contact-intake .axis-final__card > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-hero h1,
  .editor-styles-wrapper .axis-contact-hero h1 {
    max-width: 12ch;
  }

  .axis-contact-preflight__head h2,
  .axis-contact-form-panel__copy h2,
  .editor-styles-wrapper .axis-contact-preflight__head h2,
  .editor-styles-wrapper .axis-contact-form-panel__copy h2 {
    max-width: 16ch;
  }

  .axis-contact-form-panel .axis-contact-hero__form,
  .axis-contact-form-panel__copy,
  .editor-styles-wrapper .axis-contact-form-panel .axis-contact-hero__form,
  .editor-styles-wrapper .axis-contact-form-panel__copy {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-contact-path-grid,
  .axis-contact-outcome-grid,
  .axis-contact-path-grid > .wp-block-group__inner-container,
  .axis-contact-outcome-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-path-grid,
  .editor-styles-wrapper .axis-contact-outcome-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-command__body,
  .axis-contact-command__body > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-command__body {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-resource-panel__copy h2,
  .editor-styles-wrapper .axis-contact-resource-panel__copy h2 {
    max-width: 13ch;
  }
}

@media (max-width: 640px) {
  .axis-contact-intake-flow,
  .editor-styles-wrapper .axis-contact-intake-flow,
  .axis-contact-hero,
  .editor-styles-wrapper .axis-contact-hero {
    padding-top: 7rem;
  }

  .axis-contact-route,
  .axis-contact-route > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-route {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-route-grid,
  .axis-contact-route-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-route-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-contact-resource-grid,
  .axis-contact-resource-grid > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-resource-grid,
  .axis-contact-resource-card--1,
  .editor-styles-wrapper .axis-contact-resource-card--1 {
    grid-template-columns: minmax(0, 1fr);
    grid-column: auto;
  }

  .axis-contact-resource-card,
  .editor-styles-wrapper .axis-contact-resource-card {
    min-height: 0;
  }

  .axis-contact-resources--inline .axis-contact-resource-card,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .axis-contact-resources--inline .axis-contact-resource-card__action,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__action {
    grid-column: 2;
    width: fit-content;
  }

  .axis-contact-resources--inline .axis-contact-resource-card__content em,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__content em {
    -webkit-line-clamp: 2;
  }

  .axis-contact-preflight__item,
  .axis-contact-preflight__item > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-preflight__item {
    align-items: start;
    grid-template-columns: 2.55rem minmax(0, 1fr) 2.35rem;
    gap: 0.58rem;
    min-height: 0;
    padding: 0.72rem 0.82rem;
  }

  .axis-contact-preflight__number,
  .editor-styles-wrapper .axis-contact-preflight__number {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 15px;
  }

  .axis-contact-preflight__number span,
  .editor-styles-wrapper .axis-contact-preflight__number span {
    font-size: 0.9rem;
  }

  .axis-contact-preflight__visual,
  .editor-styles-wrapper .axis-contact-preflight__visual {
    width: 2.35rem;
    height: 2.35rem;
  }

  .axis-contact-preflight__visual svg,
  .editor-styles-wrapper .axis-contact-preflight__visual svg {
    width: 1.08rem;
    height: 1.08rem;
  }

  .axis-contact-preflight__item h3,
  .editor-styles-wrapper .axis-contact-preflight__item h3 {
    font-size: 0.96rem;
  }

  .axis-contact-preflight__item div p,
  .editor-styles-wrapper .axis-contact-preflight__item div p {
    font-size: 0.78rem;
  }
}

@media (max-width: 380px) {
  .axis-contact-preflight__item,
  .axis-contact-preflight__item > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-contact-preflight__item {
    grid-template-columns: 2.35rem minmax(0, 1fr) 2.15rem;
    gap: 0.5rem;
    padding: 0.66rem 0.72rem;
  }

  .axis-contact-preflight__number,
  .editor-styles-wrapper .axis-contact-preflight__number {
    width: 2.35rem;
    height: 2.35rem;
  }

  .axis-contact-preflight__visual,
  .editor-styles-wrapper .axis-contact-preflight__visual {
    width: 2.15rem;
    height: 2.15rem;
  }

  .axis-contact-preflight__item::after,
  .editor-styles-wrapper .axis-contact-preflight__item::after {
    right: 3.55rem;
    bottom: 0.54rem;
    left: calc(0.72rem + 2.35rem + 0.5rem);
  }

  .axis-contact-resources--inline .axis-contact-resource-card,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card {
    gap: 0.68rem;
    padding: 0.7rem 0.76rem;
  }

  .axis-contact-resources--inline .axis-contact-resource-card::after,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card::after {
    right: 0.76rem;
    left: calc(0.76rem + 2.35rem + 0.68rem);
  }

  .axis-contact-resources--inline .axis-contact-resource-card__action,
  .editor-styles-wrapper .axis-contact-resources--inline .axis-contact-resource-card__action {
    max-width: 100%;
    font-size: 0.68rem;
  }
}

/* WooCommerce store, category, and product pages. */
.axis-store-page,
.axis-single-product-page {
  overflow: hidden;
}

.axis-woocommerce-toast-region,
.axis-store-page .woocommerce-notices-wrapper,
.axis-single-product-page .woocommerce-notices-wrapper {
  position: fixed;
  z-index: 100020;
  right: clamp(1rem, 2.2vw, 1.6rem);
  bottom: calc(env(safe-area-inset-bottom) + clamp(1rem, 2.2vw, 1.6rem));
  display: grid;
  width: min(26rem, calc(100vw - 2rem));
  gap: 0.75rem;
  margin: 0;
  pointer-events: none;
}

.axis-woocommerce-toast-region:empty,
.axis-store-page .woocommerce-notices-wrapper:empty,
.axis-single-product-page .woocommerce-notices-wrapper:empty {
  display: none;
}

.axis-woocommerce-toast-region .woocommerce-message,
.axis-store-page .woocommerce-message,
.axis-single-product-page .woocommerce-message {
  position: relative;
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr) 2.15rem;
  gap: 0.82rem;
  align-items: start;
  min-height: 0;
  margin: 0;
  padding: 0.95rem;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-border-rgb), 0.24);
  border-radius: 20px;
  color: rgba(245, 248, 255, 0.92);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--axis-olive-rgb), 0.22), transparent 10rem),
    linear-gradient(145deg, rgba(16, 25, 43, 0.94), rgba(7, 12, 24, 0.9));
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  pointer-events: auto;
  transition:
    opacity 220ms ease,
    transform 220ms ease;
}

.axis-woocommerce-toast-region .woocommerce-message::before,
.axis-store-page .woocommerce-message::before,
.axis-single-product-page .woocommerce-message::before {
  content: none;
}

.axis-woocommerce-toast-region .woocommerce-message.is-dismissing,
.axis-store-page .woocommerce-message.is-dismissing,
.axis-single-product-page .woocommerce-message.is-dismissing {
  opacity: 0;
  transform: translate3d(0, 0.65rem, 0);
  pointer-events: none;
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__icon,
.axis-store-page .axis-woocommerce-notice__icon,
.axis-single-product-page .axis-woocommerce-notice__icon {
  display: inline-grid;
  width: 2.45rem;
  height: 2.45rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 14px;
  color: rgb(var(--axis-olive-rgb));
  background:
    linear-gradient(180deg, rgba(var(--axis-olive-rgb), 0.2), rgba(var(--axis-olive-rgb), 0.08)),
    rgba(255, 255, 255, 0.04);
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__icon svg,
.axis-store-page .axis-woocommerce-notice__icon svg,
.axis-single-product-page .axis-woocommerce-notice__icon svg {
  width: 1.15rem;
  height: 1.15rem;
  stroke-width: 2.4;
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__content,
.axis-store-page .axis-woocommerce-notice__content,
.axis-single-product-page .axis-woocommerce-notice__content {
  display: grid;
  min-width: 0;
  gap: 0.72rem;
  padding-top: 0.1rem;
  color: inherit;
  font-size: 0.91rem;
  font-weight: 700;
  line-height: 1.42;
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__content a:not(.button),
.axis-store-page .axis-woocommerce-notice__content a:not(.button),
.axis-single-product-page .axis-woocommerce-notice__content a:not(.button) {
  color: rgb(var(--axis-olive-rgb));
}

.axis-woocommerce-toast-region .woocommerce-message .button,
.axis-woocommerce-toast-region .woocommerce-message .wc-forward,
.axis-store-page .woocommerce-message .button,
.axis-store-page .woocommerce-message .wc-forward,
.axis-single-product-page .woocommerce-message .button,
.axis-single-product-page .woocommerce-message .wc-forward {
  float: none;
  justify-self: start;
  min-height: 2.35rem;
  margin: 0;
  padding: 0.72rem 0.95rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.38);
  border-radius: 999px;
  color: #0d1625;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.42), transparent 42%),
    rgb(var(--axis-olive-rgb));
  box-shadow: 0 12px 28px rgba(var(--axis-olive-rgb), 0.2);
  font-size: 0.78rem;
  font-weight: 950;
  line-height: 1;
  text-decoration: none;
}

.axis-woocommerce-toast-region .woocommerce-message .button:hover,
.axis-woocommerce-toast-region .woocommerce-message .button:focus-visible,
.axis-woocommerce-toast-region .woocommerce-message .wc-forward:hover,
.axis-woocommerce-toast-region .woocommerce-message .wc-forward:focus-visible,
.axis-store-page .woocommerce-message .button:hover,
.axis-store-page .woocommerce-message .button:focus-visible,
.axis-store-page .woocommerce-message .wc-forward:hover,
.axis-store-page .woocommerce-message .wc-forward:focus-visible,
.axis-single-product-page .woocommerce-message .button:hover,
.axis-single-product-page .woocommerce-message .button:focus-visible,
.axis-single-product-page .woocommerce-message .wc-forward:hover,
.axis-single-product-page .woocommerce-message .wc-forward:focus-visible {
  color: #0d1625;
  transform: translateY(-1px);
  box-shadow: 0 16px 34px rgba(var(--axis-olive-rgb), 0.28);
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss,
.axis-store-page .axis-woocommerce-notice__dismiss,
.axis-single-product-page .axis-woocommerce-notice__dismiss {
  position: relative;
  display: inline-grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  color: rgba(245, 248, 255, 0.8);
  background: rgba(255, 255, 255, 0.055);
  cursor: pointer;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss::before,
.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss::after,
.axis-store-page .axis-woocommerce-notice__dismiss::before,
.axis-store-page .axis-woocommerce-notice__dismiss::after,
.axis-single-product-page .axis-woocommerce-notice__dismiss::before,
.axis-single-product-page .axis-woocommerce-notice__dismiss::after {
  position: absolute;
  width: 0.74rem;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  content: "";
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss::before,
.axis-store-page .axis-woocommerce-notice__dismiss::before,
.axis-single-product-page .axis-woocommerce-notice__dismiss::before {
  transform: rotate(45deg);
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss::after,
.axis-store-page .axis-woocommerce-notice__dismiss::after,
.axis-single-product-page .axis-woocommerce-notice__dismiss::after {
  transform: rotate(-45deg);
}

.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss:hover,
.axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss:focus-visible,
.axis-store-page .axis-woocommerce-notice__dismiss:hover,
.axis-store-page .axis-woocommerce-notice__dismiss:focus-visible,
.axis-single-product-page .axis-woocommerce-notice__dismiss:hover,
.axis-single-product-page .axis-woocommerce-notice__dismiss:focus-visible {
  border-color: rgba(255, 255, 255, 0.24);
  color: #fff;
  background: rgba(255, 255, 255, 0.11);
  transform: translateY(-1px);
}

.axis-light .axis-woocommerce-toast-region .woocommerce-message,
.axis-light .axis-store-page .woocommerce-message,
.axis-light .axis-single-product-page .woocommerce-message {
  color: #18243a;
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 12% 0, rgba(var(--axis-olive-rgb), 0.14), transparent 10rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.94));
  box-shadow:
    0 24px 60px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.75);
}

.axis-light .axis-woocommerce-toast-region .axis-woocommerce-notice__icon,
.axis-light .axis-store-page .axis-woocommerce-notice__icon,
.axis-light .axis-single-product-page .axis-woocommerce-notice__icon {
  border-color: rgba(var(--axis-olive-rgb), 0.26);
  background:
    linear-gradient(180deg, rgba(var(--axis-olive-rgb), 0.15), rgba(var(--axis-olive-rgb), 0.06)),
    rgba(255, 255, 255, 0.82);
}

.axis-light .axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss,
.axis-light .axis-store-page .axis-woocommerce-notice__dismiss,
.axis-light .axis-single-product-page .axis-woocommerce-notice__dismiss {
  color: rgba(24, 36, 58, 0.72);
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(15, 23, 42, 0.045);
}

.axis-light .axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss:hover,
.axis-light .axis-woocommerce-toast-region .axis-woocommerce-notice__dismiss:focus-visible,
.axis-light .axis-store-page .axis-woocommerce-notice__dismiss:hover,
.axis-light .axis-store-page .axis-woocommerce-notice__dismiss:focus-visible,
.axis-light .axis-single-product-page .axis-woocommerce-notice__dismiss:hover,
.axis-light .axis-single-product-page .axis-woocommerce-notice__dismiss:focus-visible {
  color: #101828;
  border-color: rgba(15, 23, 42, 0.16);
  background: rgba(15, 23, 42, 0.08);
}

@media (max-width: 540px) {
  .axis-woocommerce-toast-region,
  .axis-store-page .woocommerce-notices-wrapper,
  .axis-single-product-page .woocommerce-notices-wrapper {
    right: 0.82rem;
    bottom: calc(env(safe-area-inset-bottom) + 0.82rem);
    left: 0.82rem;
    width: auto;
  }

  .axis-woocommerce-toast-region .woocommerce-message,
  .axis-store-page .woocommerce-message,
  .axis-single-product-page .woocommerce-message {
    grid-template-columns: 2.25rem minmax(0, 1fr) 2rem;
    gap: 0.68rem;
    padding: 0.82rem;
    border-radius: 18px;
  }

  .axis-woocommerce-toast-region .axis-woocommerce-notice__icon,
  .axis-store-page .axis-woocommerce-notice__icon,
  .axis-single-product-page .axis-woocommerce-notice__icon {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 13px;
  }

  .axis-woocommerce-toast-region .axis-woocommerce-notice__content,
  .axis-store-page .axis-woocommerce-notice__content,
  .axis-single-product-page .axis-woocommerce-notice__content {
    font-size: 0.84rem;
  }

  .axis-woocommerce-toast-region .woocommerce-message .button,
  .axis-woocommerce-toast-region .woocommerce-message .wc-forward,
  .axis-store-page .woocommerce-message .button,
  .axis-store-page .woocommerce-message .wc-forward,
  .axis-single-product-page .woocommerce-message .button,
  .axis-single-product-page .woocommerce-message .wc-forward {
    min-height: 2.2rem;
    padding: 0.66rem 0.82rem;
    font-size: 0.72rem;
  }
}

.axis-single-product-page {
  position: relative;
  isolation: isolate;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.105) 42% 42.14%, transparent 42.14%),
    linear-gradient(70deg, transparent 0 56%, rgba(var(--axis-olive-rgb), 0.09) 56% 56.14%, transparent 56.14%),
    radial-gradient(circle at 9% 10%, rgba(var(--axis-blue-rgb), 0.16), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(var(--axis-purple-rgb), 0.18), transparent 26rem),
    radial-gradient(circle at 18% 42%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12), transparent 24rem),
    radial-gradient(circle at 72% 82%, rgba(var(--axis-olive-rgb), 0.1), transparent 24rem),
    linear-gradient(90deg, rgba(var(--axis-slate-rgb), 0.028) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.022) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
}

.axis-store-hero,
.axis-single-product {
  position: relative;
  isolation: isolate;
  padding: clamp(8rem, 14vw, 12rem) 0 clamp(4rem, 8vw, 6.5rem);
}

.axis-store-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--axis-accent-rgb), 0.18), transparent 24rem),
    radial-gradient(circle at 84% 12%, rgba(var(--axis-blue-rgb), 0.15), transparent 26rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.98), rgba(var(--axis-surface-rgb), 0.94));
}

.axis-single-product {
  padding-bottom: clamp(1.6rem, 3.8vw, 2.8rem);
  background: transparent;
}

.axis-single-product--pack {
  padding-top: clamp(5.7rem, 8vw, 7.3rem);
  padding-bottom: clamp(2.6rem, 6vw, 4.4rem);
}

.axis-store-hero > .axis-grid-bg,
.axis-single-product > .axis-grid-bg {
  opacity: 0.42;
}

.axis-store-hero__layout,
.axis-single-product__layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.76fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
}

.axis-single-product--pack .axis-single-product__layout {
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.86fr);
}

.axis-store-hero h1,
.axis-single-product h1 {
  max-width: 12ch;
  margin: 0;
  padding-bottom: 0.08em;
  font-size: clamp(3.35rem, 7vw, 7.4rem);
  line-height: 0.98;
}

.axis-single-product--pack h1 {
  max-width: 11ch;
  font-size: clamp(2.8rem, 5.8vw, 5.9rem);
  line-height: 0.94;
}

.axis-store-hero__lead,
.axis-single-product__lead {
  max-width: 48rem;
  margin-top: 1.35rem;
  color: var(--axis-muted);
  font-size: clamp(1.02rem, 1.6vw, 1.24rem);
  line-height: 1.65;
}

.axis-store-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.8rem;
}

.axis-store-hero__panel,
.axis-single-product__purchase,
.axis-single-product-details__aside {
  position: relative;
  display: grid;
  gap: 1.15rem;
  padding: clamp(1rem, 2vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.82);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-surface-rgb), 0.72)),
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.16), transparent 16rem);
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.24);
}

.axis-store-hero__panel-label {
  margin: 0;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-ui);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.axis-store-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-store-metrics div {
  display: grid;
  gap: 0.3rem;
  min-height: 7.8rem;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.42);
}

.axis-store-metrics strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.8rem, 3vw, 2.6rem);
  line-height: 1;
}

.axis-store-metrics span,
.axis-store-hero__panel p {
  color: var(--axis-muted);
  font-weight: 750;
  line-height: 1.5;
}

.axis-store-paths {
  background:
    radial-gradient(circle at 8% 4%, rgba(var(--axis-blue-rgb), 0.1), transparent 22rem),
    rgba(var(--axis-surface-rgb), 0.56);
}

.axis-store-path-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-store-path-card {
  display: grid;
  gap: 0.86rem;
  min-height: 100%;
  padding: clamp(1.1rem, 2vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.76), rgba(var(--axis-surface-rgb), 0.58)),
    radial-gradient(circle at 88% 0, rgba(var(--axis-accent-rgb), 0.13), transparent 15rem);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.13);
}

.axis-store-path-card > span,
.axis-product-card__app-label svg,
.axis-store-label__icon,
.axis-single-product__app-summary > span,
.axis-single-product-offer > span,
.axis-store-include > span {
  display: inline-grid;
  place-items: center;
  width: 2.8rem;
  height: 2.8rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.28);
  border-radius: 16px;
  background: rgba(var(--axis-accent-rgb), 0.12);
  color: rgb(var(--axis-accent-rgb));
}

.axis-store-path-card svg,
.axis-store-label svg,
.axis-single-product__app-summary svg,
.axis-single-product-offer svg,
.axis-store-include svg {
  width: 1.2rem;
  height: 1.2rem;
}

.axis-store-path-card h3,
.axis-single-product-offer h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.2rem, 1.9vw, 1.55rem);
  line-height: 1.15;
}

.axis-store-path-card p,
.axis-single-product-offer p {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 720;
  line-height: 1.62;
}

.axis-store-category-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin: 0 0 clamp(1.5rem, 3vw, 2.2rem);
}

.axis-store-category-nav a {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.58);
  color: var(--axis-muted);
  font-family: var(--axis-font-ui);
  font-size: 0.86rem;
  font-weight: 900;
  text-decoration: none;
}

.axis-store-category-nav a:hover,
.axis-store-category-nav a.is-active {
  border-color: rgba(var(--axis-accent-rgb), 0.82);
  background: rgba(var(--axis-accent-rgb), 0.14);
  color: var(--axis-ink);
}

.axis-store-category-nav span {
  display: inline-grid;
  min-width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 999px;
  background: rgba(var(--axis-bg-rgb), 0.72);
  color: rgb(var(--axis-accent-rgb));
  font-size: 0.72rem;
}

.axis-store-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1.2rem;
  padding: 0.9rem 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 20px;
  background: rgba(var(--axis-card-rgb), 0.48);
}

.axis-store-toolbar .woocommerce-result-count {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 850;
}

.axis-store-toolbar .woocommerce-ordering {
  margin: 0;
}

.axis-store-toolbar select,
.axis-store-page .woocommerce-ordering select {
  min-height: 2.75rem;
  padding: 0.7rem 2.4rem 0.7rem 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 14px;
  background: rgba(var(--axis-bg-rgb), 0.72);
  color: var(--axis-ink);
  font: inherit;
  font-weight: 800;
}

.axis-store-choice-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  margin: 0 auto clamp(1rem, 2vw, 1.35rem);
}

.axis-store-choice-bar--dual {
  gap: 0.85rem;
}

.axis-store-choice-toggle {
  --axis-choice-count: 2;
  --axis-choice-width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.axis-store-site-toggle {
  --axis-choice-count: 3;
  --axis-choice-width: 27rem;
}

.axis-store-choice-toggle > div {
  display: grid;
  grid-template-columns: repeat(var(--axis-choice-count), minmax(0, 1fr));
  gap: 0.35rem;
  width: min(100%, var(--axis-choice-width));
  padding: 0.32rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.4);
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent),
    rgba(var(--axis-bg-rgb), 0.58);
}

.axis-store-choice-toggle button {
  display: inline-flex;
  min-height: 2.65rem;
  align-items: center;
  justify-content: center;
  padding: 0.58rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--axis-muted);
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.axis-store-choice-toggle button strong {
  color: inherit;
  font-size: 0.92rem;
  font-weight: 950;
  line-height: 1.1;
}

.axis-store-choice-toggle button em {
  color: inherit;
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 760;
  opacity: 0.72;
}

.axis-store-choice-toggle button:hover,
.axis-store-choice-toggle button:focus-visible,
.axis-store-choice-toggle button.is-active {
  border-color: rgba(var(--axis-accent-rgb), 0.42);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.16), transparent 8rem),
    var(--axis-header-contrast);
  color: var(--axis-ink);
  transform: translateY(-1px);
}

.axis-store-pack-card__price [data-axis-card-price][hidden] {
  display: none !important;
}

.axis-store-page ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-details ul.products {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-store-page ul.products::before,
.axis-store-page ul.products::after,
.axis-single-product-details ul.products::before,
.axis-single-product-details ul.products::after {
  display: none;
}

.axis-store-page ul.products li.product.axis-product-card,
.axis-single-product-details ul.products li.product.axis-product-card {
  float: none;
  width: auto;
  margin: 0;
}

.axis-product-card {
  position: relative;
  display: grid;
  overflow: hidden;
  min-height: 100%;
  border: 1px solid rgba(var(--axis-border-rgb), 0.74);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.84), rgba(var(--axis-surface-rgb), 0.64)),
    radial-gradient(circle at 86% 0, rgba(var(--axis-accent-rgb), 0.11), transparent 15rem);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.16);
}

.axis-product-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 1.35;
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--axis-accent-rgb), 0.18), transparent 12rem),
    rgba(var(--axis-bg-rgb), 0.62);
}

.axis-product-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 220ms ease;
}

.axis-product-card:hover .axis-product-card__media img {
  transform: scale(1.035);
}

.axis-product-card__badge {
  position: absolute;
  top: 0.85rem;
  left: 0.85rem;
  z-index: 1;
  padding: 0.35rem 0.62rem;
  border-radius: 999px;
  background: rgb(var(--axis-accent-rgb));
  color: var(--axis-bg);
  font-size: 0.72rem;
  font-weight: 900;
}

.axis-product-card__body {
  display: grid;
  gap: 0.85rem;
  padding: 1.1rem;
}

.axis-product-card__topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.62rem;
}

.axis-product-card__category {
  width: fit-content;
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-ui);
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-decoration: none;
  text-transform: uppercase;
}

.axis-product-card__app-label {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  max-width: 100%;
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.66);
  border-radius: 999px;
  background: rgba(var(--axis-bg-rgb), 0.42);
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.72rem;
  font-weight: 900;
}

.axis-product-card__app-label svg {
  flex: 0 0 auto;
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 999px;
}

.axis-product-card__title {
  margin: 0;
  padding: 0;
  font-size: clamp(1.18rem, 1.8vw, 1.45rem);
  line-height: 1.15;
}

.axis-product-card__title a {
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-product-card__excerpt {
  min-height: 4.2rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.94rem;
  line-height: 1.5;
}

.axis-product-card__offers {
  display: grid;
  gap: 0.48rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-product-card__offers li {
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.42;
}

.axis-product-card__offers svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.12rem;
  color: rgb(var(--axis-accent-rgb));
}

.axis-product-card__meta {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1rem;
}

.axis-product-card__price,
.axis-single-product__price {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  font-weight: 900;
}

.axis-product-card__price del,
.axis-single-product__price del {
  display: block;
  color: var(--axis-muted);
  font-size: 0.82rem;
}

.axis-product-card__price ins,
.axis-single-product__price ins {
  text-decoration: none;
}

.axis-product-card__stock {
  padding: 0.38rem 0.62rem;
  border-radius: 999px;
  background: rgba(var(--axis-accent-rgb), 0.12);
  color: rgb(var(--axis-accent-rgb));
  font-size: 0.74rem;
  font-weight: 900;
  white-space: nowrap;
}

.axis-product-card__stock.is-out-of-stock {
  background: rgba(239, 68, 68, 0.12);
  color: #ef4444;
}

.axis-product-card__actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.65rem;
}

.axis-product-card-detail,
.axis-product-card-buy,
.axis-single-product__purchase .button,
.axis-single-product__purchase button,
.axis-single-product__purchase .single_add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 3rem;
  padding: 0.78rem 1rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.32);
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(var(--axis-bg-rgb), 0.46);
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.axis-product-card-buy,
.woocommerce .axis-product-card__actions .axis-product-card-buy.add_to_cart_button {
  border-color: rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.26);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.15), transparent 8rem),
    var(--axis-header-contrast);
  color: var(--axis-ink);
}

.axis-product-card-detail:hover,
.axis-product-card-detail:focus-visible,
.axis-product-card-buy:hover,
.axis-product-card-buy:focus-visible,
.woocommerce .axis-product-card__actions .axis-product-card-buy.add_to_cart_button:hover {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.55);
  background: var(--axis-header-contrast);
  color: var(--axis-ink);
  transform: translateY(-1px);
}

.axis-product-card-detail svg {
  width: 1rem;
  height: 1rem;
}

.axis-product-card-buy__icon {
  display: inline-grid;
  flex: 0 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.32);
  border-radius: 999px;
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12);
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
}

.axis-product-card-buy__icon svg {
  width: 0.86rem;
  height: 0.86rem;
}

.woocommerce div.product .axis-single-product__purchase form.cart .single_add_to_cart_button.button,
.woocommerce div.product .axis-single-product__purchase form.cart .single_add_to_cart_button.button.alt,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.cart button.single_add_to_cart_button.button,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.cart button.single_add_to_cart_button.button.alt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.78rem 1rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 8rem),
    var(--axis-header-contrast);
  box-shadow: none;
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-weight: 920;
  line-height: 1;
  text-decoration: none;
}

.woocommerce div.product .axis-single-product__purchase form.cart .single_add_to_cart_button.button:hover,
.woocommerce div.product .axis-single-product__purchase form.cart .single_add_to_cart_button.button.alt:hover,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.cart button.single_add_to_cart_button.button:hover,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.cart button.single_add_to_cart_button.button.alt:hover {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.58);
  background: var(--axis-header-contrast);
  color: var(--axis-ink);
  transform: translateY(-1px);
}

.axis-buy-now-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.82rem 1rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.62);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.82), rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.42)),
    var(--axis-patina);
  box-shadow: 0 18px 44px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.2);
  color: #06111e;
  font-family: var(--axis-font-ui);
  font-size: 0.95rem;
  font-weight: 950;
  line-height: 1;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

.axis-buy-now-button:hover,
.axis-buy-now-button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 22px 52px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.26);
}

.axis-buy-now-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}

.axis-product-card__actions .added_to_cart {
  grid-column: 1 / -1;
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.axis-store-pagination {
  margin-top: clamp(1.5rem, 3vw, 2.4rem);
}

.axis-store-pagination .page-numbers {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-store-pagination .page-numbers a,
.axis-store-pagination .page-numbers span {
  display: inline-grid;
  min-width: 2.65rem;
  height: 2.65rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.58);
  color: var(--axis-ink);
  font-weight: 900;
  text-decoration: none;
}

.axis-store-pagination .page-numbers .current {
  background: rgb(var(--axis-accent-rgb));
  color: var(--axis-bg);
}

/* Store vitrine: compact hero + product-led showcase. */
.axis-store-page .axis-store-hero {
  padding: clamp(7rem, 10vw, 9.5rem) 0 clamp(2.2rem, 5vw, 4rem);
}

.axis-store-page .axis-store-hero__layout {
  grid-template-columns: minmax(280px, 0.62fr) minmax(0, 1fr);
  align-items: stretch;
}

.axis-store-page .axis-store-hero h1 {
  max-width: 9ch;
  font-size: clamp(2.6rem, 5.8vw, 5.7rem);
}

.axis-store-page .axis-store-hero__lead {
  max-width: 34rem;
  font-size: clamp(0.98rem, 1.35vw, 1.12rem);
}

.axis-store-spotlight {
  align-content: start;
  min-height: 25rem;
}

.axis-store-spotlight__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.axis-store-spotlight__head strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-store-spotlight__grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  grid-auto-rows: minmax(7rem, auto);
  gap: 0.75rem;
}

.axis-store-spotlight__item {
  --product-rgb: var(--axis-accent-rgb);
  position: relative;
  display: grid;
  align-content: end;
  gap: 0.48rem;
  overflow: hidden;
  min-height: 8rem;
  padding: 0.9rem;
  border: 1px solid rgba(var(--product-rgb), 0.36);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--product-rgb), 0.28), transparent 9rem),
    linear-gradient(145deg, rgba(var(--axis-card-rgb), 0.95), rgba(var(--axis-bg-rgb), 0.58));
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-store-spotlight__item:first-child {
  grid-row: span 2;
}

.axis-store-spotlight__item span {
  position: absolute;
  top: 0.85rem;
  right: 0.85rem;
  display: inline-grid;
  width: 2.5rem;
  height: 2.5rem;
  place-items: center;
  border-radius: 16px;
  background: rgba(var(--product-rgb), 0.16);
  color: rgb(var(--product-rgb));
}

.axis-store-spotlight__item svg {
  width: 1.16rem;
  height: 1.16rem;
}

.axis-store-spotlight__item strong,
.axis-store-spotlight__item em {
  position: relative;
  z-index: 1;
  display: block;
}

.axis-store-spotlight__item strong {
  max-width: 11rem;
  font-size: clamp(1.05rem, 1.8vw, 1.45rem);
  line-height: 1.05;
}

.axis-store-spotlight__item em {
  color: var(--axis-muted);
  font-style: normal;
  font-weight: 850;
}

.axis-store-spotlight__item--reviews,
.axis-product-card--reviews {
  --product-rgb: 251, 113, 133;
  --product-alt-rgb: 168, 85, 247;
}

.axis-store-spotlight__item--team-hub,
.axis-product-card--team-hub {
  --product-rgb: 45, 212, 191;
  --product-alt-rgb: 59, 130, 246;
}

.axis-store-spotlight__item--smart-products,
.axis-product-card--smart-products,
.axis-product-card--products-manager {
  --product-rgb: 59, 130, 246;
  --product-alt-rgb: 20, 184, 166;
}

.axis-store-spotlight__item--email-marketing,
.axis-product-card--email-marketing,
.axis-product-card--content-manager {
  --product-rgb: 168, 85, 247;
  --product-alt-rgb: 236, 72, 153;
}

.axis-store-spotlight__item--smart-orders,
.axis-product-card--smart-orders,
.axis-product-card--orders-manager {
  --product-rgb: 245, 158, 11;
  --product-alt-rgb: 239, 68, 68;
}

.axis-product-card--mission-control,
.axis-product-card--pro-pack,
.axis-product-card--oumsai-pro-pack {
  --product-rgb: 163, 179, 67;
  --product-alt-rgb: 59, 130, 246;
}

.axis-product-card--coupons,
.axis-product-card--coupons-manager {
  --product-rgb: 34, 197, 94;
  --product-alt-rgb: 245, 158, 11;
}

.axis-product-card--category-app {
  --product-rgb: 168, 85, 247;
  --product-alt-rgb: 20, 184, 166;
}

.axis-product-card--category-subscription {
  --product-rgb: 245, 158, 11;
  --product-alt-rgb: 34, 197, 94;
}

.axis-store-page--app ul.products li.product.axis-product-card,
.axis-store-page--subscription ul.products li.product.axis-product-card {
  grid-column: span 6;
}

.axis-store-page--app .axis-product-card,
.axis-store-page--subscription .axis-product-card {
  min-height: 33rem;
}

.axis-store-page--app .axis-product-card__media,
.axis-store-page--subscription .axis-product-card__media {
  min-height: 16rem;
}

.axis-store-page .axis-store-catalog {
  position: relative;
  isolation: isolate;
  scroll-margin-top: 13rem;
  padding-top: clamp(6.1rem, 8vw, 7.2rem);
  background: transparent;
}

.axis-store-page .axis-store-catalog::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.105) 42% 42.14%, transparent 42.14%),
    linear-gradient(70deg, transparent 0 56%, rgba(var(--axis-olive-rgb), 0.09) 56% 56.14%, transparent 56.14%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 21%);
  content: "";
  mask-image: linear-gradient(to bottom, #000 0 78%, transparent 100%);
  pointer-events: none;
}

.axis-store-archive-head {
  display: grid;
  max-width: 48rem;
  gap: 0.55rem;
  margin-bottom: clamp(1.2rem, 3vw, 2rem);
}

.axis-store-archive-head h1 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.25rem, 5vw, 4.8rem);
  line-height: 0.96;
}

.axis-store-archive-head p:not(.axis-kicker) {
  max-width: 38rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: clamp(0.98rem, 1.3vw, 1.1rem);
  font-weight: 760;
  line-height: 1.62;
}

.axis-store-page .axis-section__header {
  margin-bottom: clamp(0.75rem, 2vw, 1.1rem);
}

.axis-store-page .axis-section__header h2 {
  max-width: 28ch;
  font-size: clamp(1.45rem, 2.6vw, 2.3rem);
  line-height: 1.05;
}

.axis-store-page .axis-section__header p:not(.axis-kicker) {
  max-width: 32rem;
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
}

.axis-store-page ul.products {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: clamp(0.8rem, 1.5vw, 1.05rem);
}

.axis-store-page ul.products li.product.axis-product-card {
  --product-rgb: var(--axis-accent-rgb);
  --product-alt-rgb: var(--axis-blue-rgb);
  grid-column: span 4;
  min-height: 29rem;
}

.axis-store-page ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page ul.products li.product.axis-product-card:nth-child(7) {
  grid-column: span 7;
}

.axis-store-page ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 5;
}

.axis-store-page ul.products li.product.axis-product-card:nth-child(5n) {
  grid-column: span 6;
}

.axis-store-page .axis-product-card {
  isolation: isolate;
  border-color: rgba(var(--product-rgb), 0.34);
  background:
    radial-gradient(circle at 12% 10%, rgba(var(--product-rgb), 0.22), transparent 18rem),
    radial-gradient(circle at 95% 0, rgba(var(--product-alt-rgb), 0.16), transparent 16rem),
    linear-gradient(160deg, rgba(var(--axis-card-rgb), 0.94), rgba(var(--axis-surface-rgb), 0.62));
}

.axis-store-page .axis-product-card::after {
  content: "";
  position: absolute;
  inset: auto 1rem 1rem auto;
  z-index: -1;
  width: 7rem;
  height: 7rem;
  border-radius: 999px;
  background: rgba(var(--product-rgb), 0.12);
  filter: blur(22px);
}

.axis-store-page .axis-product-card__media {
  min-height: 13.6rem;
  aspect-ratio: auto;
  background:
    linear-gradient(135deg, rgba(var(--product-rgb), 0.2), rgba(var(--product-alt-rgb), 0.1)),
    rgba(var(--axis-bg-rgb), 0.62);
}

.axis-product-card__media img {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0.18;
  mix-blend-mode: screen;
}

.axis-product-card__visual {
  position: absolute;
  inset: 1rem;
  z-index: 1;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.9rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid rgba(var(--product-rgb), 0.3);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(var(--axis-bg-rgb), 0.46), rgba(var(--axis-card-rgb), 0.24)),
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb), 0.22), transparent 12rem);
  backdrop-filter: blur(10px);
}

.axis-product-card__visual-icon {
  display: inline-grid;
  width: 3.3rem;
  height: 3.3rem;
  place-items: center;
  border: 1px solid rgba(var(--product-rgb), 0.4);
  border-radius: 20px;
  background: rgba(var(--product-rgb), 0.16);
  color: rgb(var(--product-rgb));
}

.axis-product-card__visual-icon svg {
  width: 1.45rem;
  height: 1.45rem;
}

.axis-product-card__visual-copy {
  display: grid;
  gap: 0.42rem;
  min-width: 0;
}

.axis-product-card__visual-copy strong {
  overflow-wrap: anywhere;
  color: var(--axis-ink);
  font-size: clamp(1.25rem, 2.2vw, 2rem);
  line-height: 0.98;
}

.axis-product-card__visual-copy i {
  display: block;
  height: 0.45rem;
  border-radius: 999px;
  background: rgba(var(--product-rgb), 0.24);
}

.axis-product-card__visual-copy i:nth-child(3) {
  width: 72%;
  background: rgba(var(--product-alt-rgb), 0.22);
}

.axis-product-card__visual-copy i:nth-child(4) {
  width: 46%;
}

.axis-store-page .axis-product-card__body {
  align-content: start;
  padding: clamp(1rem, 2vw, 1.35rem);
}

.axis-product-card__app-label {
  border-color: rgba(var(--product-rgb), 0.32);
  background: rgba(var(--product-rgb), 0.1);
}

.axis-product-card__app-label svg,
.axis-product-card__offers svg {
  color: rgb(var(--product-rgb));
}

.axis-product-card__category {
  color: rgb(var(--product-rgb));
}

.axis-product-card__stock {
  background: rgba(var(--product-rgb), 0.12);
  color: rgb(var(--product-rgb));
}

.axis-store-page ul.products li.product.axis-product-card:nth-child(1) .axis-product-card__title,
.axis-store-page ul.products li.product.axis-product-card:nth-child(7) .axis-product-card__title {
  font-size: clamp(1.55rem, 2.8vw, 2.3rem);
  max-width: 15ch;
}

.axis-store-path-selector {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8rem;
  margin: 0 0 clamp(1.8rem, 4vw, 3rem);
}

.axis-store-path-selector a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 0.2rem 0.78rem;
  align-items: center;
  min-height: 5rem;
  padding: 0.9rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.12), transparent 12rem),
    rgba(var(--axis-card-rgb), 0.5);
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-store-path-selector a:hover {
  border-color: rgba(var(--axis-accent-rgb), 0.7);
  background: rgba(var(--axis-accent-rgb), 0.1);
}

.axis-store-path-selector span {
  grid-area: icon;
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.3);
  border-radius: 17px;
  background: rgba(var(--axis-accent-rgb), 0.12);
  color: rgb(var(--axis-accent-rgb));
}

.axis-store-path-selector svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-store-path-selector strong {
  grid-area: title;
  font-weight: 920;
}

.axis-store-path-selector em {
  grid-area: copy;
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 780;
}

.axis-store-tabs {
  display: grid;
  gap: clamp(0.82rem, 1.6vw, 1.05rem);
}

.axis-store-tabs__nav {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  max-width: 1100px;
}

.axis-store-tab {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  gap: 0.2rem 0.78rem;
  align-items: center;
  min-height: 5.35rem;
  padding: 0.88rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.12), transparent 12rem),
    rgba(var(--axis-card-rgb), 0.5);
  color: var(--axis-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.axis-store-tab:hover,
.axis-store-tab.is-active {
  border-color: rgba(var(--axis-accent-rgb), 0.7);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.2), transparent 13rem),
    rgba(var(--axis-accent-rgb), 0.1);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.14);
}

.axis-store-tab span {
  grid-area: icon;
  display: inline-grid;
  width: 2.7rem;
  height: 2.7rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.3);
  border-radius: 17px;
  background: rgba(var(--axis-accent-rgb), 0.12);
  color: rgb(var(--axis-accent-rgb));
}

.axis-store-tab svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-store-tab strong {
  grid-area: title;
  font-size: 1.08rem;
  font-weight: 920;
}

.axis-store-tab em {
  grid-area: copy;
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-style: normal;
  font-weight: 780;
}

.axis-store-tab-panel {
  display: none;
}

.axis-store-tab-panel.is-active {
  display: block;
}

.axis-store-offer-section {
  scroll-margin-top: 7.5rem;
}

.axis-store-offer-section + .axis-store-offer-section {
  margin-top: clamp(2.5rem, 6vw, 4.8rem);
}

.axis-store-shelf {
  scroll-margin-top: 8rem;
  margin-top: clamp(2rem, 5vw, 4rem);
}

.axis-store-tab-panel .axis-store-shelf__head {
  margin-top: 0;
}

.axis-store-shelf__head {
  display: grid;
  gap: 0.5rem;
  max-width: 44rem;
  margin-bottom: clamp(1rem, 2vw, 1.35rem);
}

.axis-store-shelf__head h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 2.5vw, 2.05rem);
  line-height: 1.08;
}

.axis-store-pack-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-store-pack-card {
  --pack-rgb: var(--axis-accent-rgb);
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  overflow: hidden;
  border: 1px solid rgba(var(--pack-rgb), 0.34);
  border-radius: 30px;
  background:
    radial-gradient(circle at 14% 10%, rgba(var(--pack-rgb), 0.22), transparent 18rem),
    linear-gradient(150deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-surface-rgb), 0.62));
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.2);
}

.axis-store-pack-card__image {
  position: relative;
  aspect-ratio: 16 / 8.2;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(var(--pack-rgb), 0.24);
  background: rgba(var(--axis-surface-rgb), 0.5);
}

.axis-store-pack-card__image::after {
  position: absolute;
  inset: auto 0 0;
  height: 42%;
  background: linear-gradient(180deg, transparent, rgba(var(--axis-bg-rgb), 0.72));
  content: "";
  pointer-events: none;
}

.axis-store-pack-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}

.axis-store-offer-grid {
  align-items: stretch;
}

.axis-store-offer-card {
  min-height: 100%;
}

.axis-store-offer-card__placeholder {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 14rem;
  place-items: center;
  color: rgb(var(--pack-rgb));
}

.axis-store-offer-card__placeholder svg {
  width: clamp(3rem, 7vw, 5.4rem);
  height: clamp(3rem, 7vw, 5.4rem);
  filter: drop-shadow(0 0 32px rgba(var(--pack-rgb), 0.42));
}

.axis-store-pack-card--1 {
  --pack-rgb: 163, 179, 67;
}

.axis-store-pack-card--2 {
  --pack-rgb: 59, 130, 246;
}

.axis-store-pack-card--3 {
  --pack-rgb: 168, 85, 247;
}

.axis-store-pack-card__main {
  display: grid;
  gap: 0.58rem;
  align-content: start;
  padding: clamp(1rem, 1.6vw, 1.25rem) clamp(1rem, 1.6vw, 1.25rem) 0;
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-store-pack-card:first-child .axis-store-pack-card__main {
  min-height: auto;
}

.axis-store-pack-card__status {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.72rem;
  align-items: start;
}

.axis-store-pack-card__status > span {
  display: inline-grid;
  width: 2.85rem;
  height: 2.85rem;
  place-items: center;
  border: 1px solid rgba(var(--pack-rgb), 0.42);
  border-radius: 20px;
  background: rgba(var(--pack-rgb), 0.14);
  color: rgb(var(--pack-rgb));
}

.axis-store-pack-card__status > span svg {
  width: 1.35rem;
  height: 1.35rem;
}

.axis-store-pack-card__heading {
  display: grid;
  min-width: 0;
  gap: 0.48rem;
  align-content: start;
}

.axis-store-pack-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  align-items: center;
}

.axis-store-pack-card__main small,
.axis-store-app-tile small {
  width: fit-content;
  padding: 0.36rem 0.56rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.55);
  border-radius: 999px;
  color: rgb(var(--pack-rgb, var(--axis-accent-rgb)));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-store-pack-card__main small.is-ready,
.axis-store-license-card small.is-ready,
.axis-store-app-tile.is-ready small {
  border-color: rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.axis-store-pack-card__main small.is-coming,
.axis-store-license-card small.is-coming,
.axis-store-app-tile.is-coming small {
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

.axis-store-pack-card__main small.axis-store-pack-card__kind {
  border-color: rgba(var(--pack-rgb), 0.26);
  background: rgba(var(--pack-rgb), 0.075);
  color: rgb(var(--pack-rgb));
}

.axis-store-pack-card__main small.axis-store-pack-card__kind--soft {
  border-color: rgba(var(--axis-border-rgb), 0.42);
  background: rgba(var(--axis-bg-rgb), 0.28);
  color: var(--axis-muted);
}

.axis-store-pack-card__main h2,
.axis-store-pack-card__main h4 {
  max-width: 13ch;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.8rem, 3vw, 2.8rem);
  line-height: 0.98;
}

.axis-store-pack-card__main p {
  max-width: 28rem;
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.48;
}

.axis-store-pack-card__count {
  width: fit-content;
  padding: 0.34rem 0.56rem;
  border: 1px solid rgba(var(--pack-rgb), 0.3);
  border-radius: 999px;
  background: rgba(var(--pack-rgb), 0.09);
  color: rgb(var(--pack-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

.axis-store-pack-card__apps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.42rem 0.62rem;
  align-content: start;
  margin: 0;
  padding: 0.95rem clamp(1rem, 1.6vw, 1.25rem) 1rem;
  list-style: none;
}

.axis-store-pack-card:first-child .axis-store-pack-card__apps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-store-pack-card__apps li {
  display: flex;
  gap: 0.5rem;
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.35;
}

.axis-store-pack-card__apps li svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  margin-top: 0.15rem;
  color: rgb(var(--pack-rgb));
}

.axis-store-pack-card__more {
  width: fit-content;
  padding: 0.2rem 0.5rem;
  border: 1px solid rgba(var(--pack-rgb), 0.28);
  border-radius: 999px;
  background: rgba(var(--pack-rgb), 0.08);
  color: var(--axis-ink);
}

.axis-store-pack-card__commerce {
  display: grid;
  gap: 0.85rem;
  margin: auto clamp(1rem, 1.6vw, 1.25rem) clamp(1rem, 1.6vw, 1.25rem);
  padding: 0.95rem;
  border: 1px solid rgba(var(--pack-rgb), 0.24);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--pack-rgb), 0.15), transparent 10rem),
    rgba(var(--axis-bg-rgb), 0.38);
}

.axis-store-pack-card__price {
  display: grid;
  gap: 0.25rem;
}

.axis-store-pack-card__price > span {
  color: var(--axis-muted);
  font-family: var(--axis-font-mono);
  font-size: 0.7rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-store-pack-card__price strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.55rem, 2.4vw, 2.15rem);
  line-height: 1;
}

.axis-store-pack-card__price .woocommerce-Price-amount {
  font: inherit;
}

.axis-store-pack-card__price .woocommerce-Price-currencySymbol {
  margin-left: 0.12rem;
  font-family: var(--axis-font-ui);
  font-size: 0.66em;
  font-weight: 900;
  vertical-align: 0.08em;
}

.axis-store-pack-card__price .axis-sale-price {
  display: block;
}

.axis-store-pack-card__price .axis-sale-price__stack {
  gap: 0.22rem;
}

.axis-store-pack-card__price .axis-sale-price__topline {
  gap: 0.38rem;
}

.axis-store-pack-card__price .axis-sale-price del {
  font-size: 0.72rem;
}

.axis-store-pack-card__price .axis-sale-price__badge {
  min-height: 1.24rem;
  padding: 0.18rem 0.42rem;
  font-size: 0.58rem;
}

.axis-store-pack-card__price .axis-sale-price ins .woocommerce-Price-amount {
  font-size: inherit;
}

.axis-store-variation-pricing {
  display: grid;
  gap: 0.4rem;
  padding: 0.64rem;
  border: 1px solid rgba(var(--pack-rgb), 0.2);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--pack-rgb), 0.1), transparent 8rem),
    rgba(var(--axis-bg-rgb), 0.3);
}

.axis-store-variation-pricing__title {
  color: rgb(var(--pack-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.66rem;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
}

.axis-store-variation-pricing__head,
.axis-store-variation-pricing__row {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 0.42rem;
  align-items: center;
}

.axis-store-variation-pricing--sites .axis-store-variation-pricing__row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.axis-store-variation-pricing--billing .axis-store-variation-pricing__row {
  grid-template-columns: minmax(0, 1fr) auto;
}

.axis-store-variation-pricing__head {
  color: var(--axis-muted);
  font-size: 0.62rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-store-variation-pricing__row {
  min-height: 2.1rem;
  padding: 0.35rem 0.45rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.22);
  border-radius: 12px;
  background: rgba(var(--axis-card-rgb), 0.32);
  color: var(--axis-muted);
  font-size: 0.74rem;
  font-weight: 820;
}

.axis-store-variation-pricing__row strong {
  color: var(--axis-ink);
  font-weight: 940;
}

.axis-store-variation-pricing__row .woocommerce-Price-amount {
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.82rem;
  font-weight: 940;
}

.axis-store-variation-pricing__row .woocommerce-Price-currencySymbol {
  margin-left: 0.08rem;
  font-size: 0.82em;
}

.axis-store-pack-card__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.58rem;
  align-items: stretch;
}

.axis-store-pack-buy,
.axis-store-pack-card__actions .axis-store-card-cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  max-width: none;
  min-height: 2.7rem;
  margin: 0;
  padding: 0.68rem 0.82rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  background: var(--axis-header-nav);
  box-shadow: none;
  color: var(--axis-ink);
  font-size: 0.82rem;
  font-weight: 920;
  line-height: 1;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.axis-store-pack-buy {
  border-color: rgba(var(--axis-blue-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)),
    var(--axis-header-contrast);
  color: var(--axis-ink);
}

.woocommerce .axis-store-pack-card__actions .axis-store-pack-buy.add_to_cart_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.7rem;
  margin: 0;
  padding: 0.68rem 0.82rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)),
    var(--axis-header-contrast);
  box-shadow: none;
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.82rem;
  font-weight: 920;
  line-height: 1;
  text-decoration: none;
}

.axis-store-pack-buy::before {
  content: none;
}

.axis-store-pack-buy__icon {
  display: block;
  flex: 0 0 auto;
  width: 1.55rem;
  height: 1.55rem;
  padding: 0.28rem;
  border: 1px solid rgba(var(--pack-rgb), 0.32);
  border-radius: 999px;
  background: rgba(var(--pack-rgb), 0.12);
  color: rgb(var(--pack-rgb));
}

.axis-store-pack-buy__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.axis-store-pack-buy:hover,
.woocommerce .axis-store-pack-card__actions .axis-store-pack-buy.add_to_cart_button:hover,
.axis-store-pack-card__actions .axis-store-card-cta:hover {
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  background: var(--axis-header-contrast);
  color: var(--axis-ink);
  transform: translateY(-1px);
}

.axis-store-pack-buy--soon {
  border: 1px solid rgba(var(--pack-rgb), 0.4);
  background: rgba(255, 255, 255, 0.035);
  color: var(--axis-ink);
}

.axis-store-pack-buy--soon::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: rgba(var(--pack-rgb), 0.95);
  box-shadow: 0 0 14px rgba(var(--pack-rgb), 0.32);
}

.axis-store-pack-card__commerce .added_to_cart.wc-forward {
  display: none;
}

.axis-store-card-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
  width: fit-content;
  max-width: calc(100% - clamp(2.2rem, 4vw, 3.1rem));
  min-height: 2.75rem;
  margin: auto clamp(1.1rem, 2vw, 1.55rem) clamp(1.1rem, 2vw, 1.55rem);
  padding: 0.72rem 1rem;
  border: 1px solid rgba(var(--pack-rgb, var(--app-rgb, var(--license-rgb, var(--axis-accent-rgb)))), 0.52);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(var(--pack-rgb, var(--app-rgb, var(--license-rgb, var(--axis-accent-rgb)))), 0.28), rgba(var(--pack-rgb, var(--app-rgb, var(--license-rgb, var(--axis-accent-rgb)))), 0.1));
  color: var(--axis-ink);
  font-size: 0.88rem;
  font-weight: 920;
  line-height: 1;
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.axis-store-card-cta:hover {
  border-color: rgba(var(--pack-rgb, var(--app-rgb, var(--license-rgb, var(--axis-accent-rgb)))), 0.82);
  background: rgba(var(--pack-rgb, var(--app-rgb, var(--license-rgb, var(--axis-accent-rgb)))), 0.22);
  transform: translateY(-1px);
}

.axis-store-pack-card > .axis-store-card-cta {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  z-index: 2;
  max-width: calc(100% - 1.8rem);
  margin: 0;
  background:
    linear-gradient(135deg, rgba(var(--pack-rgb), 0.22), rgba(var(--axis-bg-rgb), 0.7)),
    rgba(var(--axis-bg-rgb), 0.72);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(16px);
}

.axis-store-card-cta svg {
  width: 1rem;
  height: 1rem;
}

.axis-store-card-cta--compact {
  width: 100%;
  max-width: none;
  min-height: 2.55rem;
  margin: 0;
  padding: 0.62rem 0.78rem;
  font-size: 0.8rem;
}

.axis-store-card-cta--strong {
  --pack-rgb: var(--axis-accent-rgb);
  margin: 0;
  padding-inline: 1.15rem;
  background: rgb(var(--axis-accent-rgb));
  color: #031315;
}

.axis-store-card-cta--ghost {
  margin: 0;
  border-color: rgba(var(--axis-border-rgb), 0.72);
  background: rgba(var(--axis-card-rgb), 0.46);
  color: var(--axis-ink);
}

.axis-store-app-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.85rem;
}

.axis-store-app-grid--all {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.axis-store-app-tile {
  --app-rgb: var(--axis-accent-rgb);
  display: grid;
  gap: 0.7rem;
  min-height: 12.5rem;
  align-content: end;
  padding: 1rem;
  border: 1px solid rgba(var(--app-rgb), 0.34);
  border-radius: 24px;
  background:
    linear-gradient(90deg, rgba(var(--app-rgb), 0.42), transparent 42%) top / 100% 3px no-repeat,
    radial-gradient(circle at 90% 0, rgba(var(--app-rgb), 0.2), transparent 10rem),
    linear-gradient(160deg, rgba(var(--axis-card-rgb), 0.86), rgba(var(--axis-surface-rgb), 0.55));
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-store-app-tile.is-coming {
  opacity: 0.76;
}

.axis-store-app-tile.is-coming span {
  filter: grayscale(0.3);
}

.axis-store-app-tile--reviews {
  --app-rgb: 251, 113, 133;
}

.axis-store-app-tile--team-hub {
  --app-rgb: 45, 212, 191;
}

.axis-store-app-tile--smart-products,
.axis-store-app-tile--products-manager {
  --app-rgb: 59, 130, 246;
}

.axis-store-app-tile--email-marketing,
.axis-store-app-tile--content-manager {
  --app-rgb: 168, 85, 247;
}

.axis-store-app-tile--smart-orders,
.axis-store-app-tile--orders-manager {
  --app-rgb: 245, 158, 11;
}

.axis-store-app-tile--coupons-manager,
.axis-store-app-tile--coupons {
  --app-rgb: 34, 197, 94;
}

.axis-store-app-tile span {
  display: inline-grid;
  width: 2.8rem;
  height: 2.8rem;
  place-items: center;
  border: 1px solid rgba(var(--app-rgb), 0.42);
  border-radius: 17px;
  background: rgba(var(--app-rgb), 0.14);
  color: rgb(var(--app-rgb));
}

.axis-store-app-tile svg {
  width: 1.2rem;
  height: 1.2rem;
}

.axis-store-app-tile strong {
  color: var(--axis-ink);
  font-size: clamp(1.1rem, 1.6vw, 1.45rem);
  line-height: 1.08;
}

.axis-store-app-tile em {
  color: var(--axis-muted);
  font-style: normal;
  font-weight: 850;
}

.axis-store-license-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-store-license-card {
  position: relative;
  display: grid;
  gap: 0.78rem;
  min-height: 15rem;
  align-content: start;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.7);
  border-radius: 26px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.78), rgba(var(--axis-surface-rgb), 0.54)),
    radial-gradient(circle at 100% 0, rgba(var(--license-rgb, var(--axis-accent-rgb)), 0.16), transparent 12rem);
}

.axis-store-license-card::before {
  position: absolute;
  inset: 0.8rem 0.8rem auto auto;
  width: 4.4rem;
  height: 4.4rem;
  border: 1px solid rgba(var(--license-rgb), 0.18);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--license-rgb), 0.16), transparent 68%);
  content: "";
  pointer-events: none;
}

.axis-store-license-card--monthly,
.axis-store-license-card--1 {
  --license-rgb: 59, 130, 246;
}

.axis-store-license-card--yearly,
.axis-store-license-card--2 {
  --license-rgb: 34, 197, 94;
}

.axis-store-license-card--lifetime,
.axis-store-license-card--3 {
  --license-rgb: 245, 158, 11;
}

.axis-store-license-card span {
  display: inline-grid;
  width: 3rem;
  height: 3rem;
  place-items: center;
  border: 1px solid rgba(var(--license-rgb), 0.36);
  border-radius: 18px;
  background: rgba(var(--license-rgb), 0.13);
  color: rgb(var(--license-rgb));
}

.axis-store-license-card svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-store-license-card h4 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 2.5vw, 2.15rem);
}

.axis-store-license-card small {
  width: fit-content;
  padding: 0.36rem 0.56rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.55);
  border-radius: 999px;
  color: rgb(var(--license-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-store-license-card strong {
  color: rgb(var(--license-rgb));
  font-family: var(--axis-font-display);
  font-size: 1.05rem;
}

.axis-store-license-card p {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.58;
}

.axis-store-license-card ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-store-license-card li {
  padding: 0.38rem 0.55rem;
  border: 1px solid rgba(var(--license-rgb), 0.3);
  border-radius: 999px;
  background: rgba(var(--license-rgb), 0.1);
  color: var(--axis-ink);
  font-size: 0.76rem;
  font-weight: 860;
}

.axis-store-license-card a,
.axis-store-license-card em {
  width: fit-content;
  margin-top: auto;
  color: rgb(var(--license-rgb));
  font-style: normal;
  font-weight: 900;
  text-decoration: none;
}

.axis-store-license-card .axis-store-card-cta {
  width: 100%;
  margin-top: auto;
  color: var(--axis-ink);
}

.axis-pack-detail {
  padding-top: clamp(8rem, 12vw, 10rem);
}

.axis-pack-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  margin-bottom: clamp(1rem, 2vw, 1.4rem);
  color: var(--axis-muted);
  font-weight: 900;
  text-decoration: none;
}

.axis-pack-detail__back svg {
  width: 1rem;
  height: 1rem;
  transform: rotate(180deg);
}

.axis-pack-detail__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
}

.axis-pack-detail__copy,
.axis-pack-detail__media,
.axis-pack-detail__panel {
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 30px;
  background:
    radial-gradient(circle at 0 0, rgba(var(--axis-accent-rgb), 0.14), transparent 17rem),
    rgba(var(--axis-card-rgb), 0.62);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.16);
}

.axis-pack-detail__copy {
  display: grid;
  gap: 1rem;
  align-content: center;
  padding: clamp(1.35rem, 3vw, 2rem);
}

.axis-pack-detail__copy h1 {
  max-width: 10ch;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2.7rem, 6vw, 5.8rem);
  line-height: 0.92;
}

.axis-pack-detail__copy p:not(.axis-kicker) {
  max-width: 38rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.6vw, 1.16rem);
  font-weight: 760;
  line-height: 1.65;
}

.axis-pack-detail__meta,
.axis-pack-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.72rem;
  align-items: center;
}

.axis-pack-detail__meta span,
.axis-pack-detail__meta strong {
  display: inline-flex;
  align-items: center;
  min-height: 2.4rem;
  padding: 0.55rem 0.78rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.56);
  border-radius: 999px;
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-pack-detail__meta span.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.axis-pack-detail__meta span.is-coming {
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

.axis-pack-detail__meta strong {
  color: var(--axis-ink);
}

.axis-pack-detail__media {
  margin: 0;
  overflow: hidden;
  min-height: 28rem;
}

.axis-pack-detail__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.axis-pack-detail__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
  gap: 1rem;
  margin-top: 1rem;
}

.axis-pack-detail__panel {
  padding: clamp(1.1rem, 2vw, 1.5rem);
}

.axis-pack-detail__panel h2 {
  margin: 0 0 1rem;
  color: var(--axis-ink);
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.axis-pack-detail__apps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.68rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-pack-detail__apps li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.18rem 0.62rem;
  align-items: center;
  min-height: 4.35rem;
  padding: 0.78rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.54);
  border-radius: 18px;
  background: rgba(var(--axis-surface-rgb), 0.42);
}

.axis-pack-detail__apps svg {
  grid-row: span 2;
  width: 1.2rem;
  height: 1.2rem;
  color: rgb(var(--axis-accent-rgb));
}

.axis-pack-detail__apps span {
  color: var(--axis-ink);
  font-weight: 900;
  line-height: 1.1;
}

.axis-pack-detail__apps em {
  color: var(--axis-muted);
  font-size: 0.72rem;
  font-style: normal;
  font-weight: 820;
}

.axis-pack-detail__features {
  display: grid;
  gap: 0.72rem;
}

.axis-pack-detail__features div {
  display: flex;
  gap: 0.65rem;
  align-items: center;
  padding: 0.78rem;
  border: 1px solid rgba(var(--axis-accent-rgb), 0.22);
  border-radius: 18px;
  background: rgba(var(--axis-accent-rgb), 0.08);
  color: var(--axis-ink);
}

.axis-pack-detail__features svg {
  flex: 0 0 auto;
  width: 1rem;
  height: 1rem;
  color: rgb(var(--axis-accent-rgb));
}

.axis-store-label-nav {
  display: grid;
  gap: 1rem;
  margin-top: clamp(1.5rem, 3vw, 2.6rem);
  padding: clamp(1rem, 2vw, 1.4rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(var(--axis-card-rgb), 0.78), rgba(var(--axis-surface-rgb), 0.56)),
    radial-gradient(circle at 100% 0, rgba(var(--axis-blue-rgb), 0.13), transparent 18rem);
}

.axis-store-label-nav__intro {
  display: grid;
  gap: 0.55rem;
  max-width: 44rem;
}

.axis-store-label-nav__intro h2,
.axis-store-includes__copy h2 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.45rem, 2.8vw, 2.35rem);
  line-height: 1.08;
}

.axis-store-label-nav__intro p:not(.axis-kicker) {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.62;
}

.axis-store-label-nav__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-store-label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 0.72rem;
  align-items: center;
  min-height: 4.55rem;
  padding: 0.72rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.7);
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.38);
  color: var(--axis-ink);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}

.axis-store-label:hover {
  border-color: rgba(var(--axis-accent-rgb), 0.72);
  background: rgba(var(--axis-accent-rgb), 0.1);
  transform: translateY(-2px);
}

.axis-store-label strong,
.axis-store-label em {
  display: block;
}

.axis-store-label strong {
  overflow: hidden;
  color: var(--axis-ink);
  font-size: 0.92rem;
  font-weight: 920;
  line-height: 1.22;
  text-overflow: ellipsis;
}

.axis-store-label em {
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 840;
}

.axis-store-label > svg {
  width: 1rem;
  height: 1rem;
  color: rgb(var(--axis-accent-rgb));
}

.axis-store-includes {
  background:
    radial-gradient(circle at 82% 12%, rgba(var(--axis-accent-rgb), 0.1), transparent 24rem),
    rgba(var(--axis-bg-rgb), 0.3);
}

.axis-store-includes__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
  gap: clamp(1.3rem, 4vw, 3rem);
  align-items: start;
}

.axis-store-includes__copy {
  display: grid;
  gap: 0.7rem;
}

.axis-store-includes__list {
  display: grid;
  gap: 0.8rem;
}

.axis-store-include {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 22px;
  background: rgba(var(--axis-card-rgb), 0.5);
}

.axis-store-include p {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.6;
}

.axis-store-include strong {
  display: block;
  color: var(--axis-ink);
  font-weight: 920;
}

.axis-single-product__gallery {
  padding: 0.9rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 30px;
  background: rgba(var(--axis-card-rgb), 0.5);
}

.axis-single-product__gallery .woocommerce-product-gallery {
  width: 100% !important;
  float: none !important;
  margin: 0;
}

.axis-single-product__gallery img {
  border-radius: 22px;
}

.axis-single-product__product-visual {
  display: grid;
  gap: 0;
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.3);
  border-radius: 26px;
  background:
    radial-gradient(circle at 18% 12%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24), transparent 18rem),
    radial-gradient(circle at 90% 4%, rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.16), transparent 15rem),
    rgba(var(--axis-bg-rgb), 0.38);
}

.axis-single-product__product-stage {
  position: relative;
  min-height: clamp(18rem, 36vw, 30rem);
  overflow: hidden;
}

.axis-single-product__product-stage img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  opacity: 0.54;
  mix-blend-mode: screen;
}

.axis-single-product__product-stage::after {
  position: absolute;
  inset: auto 0 0;
  height: 44%;
  background: linear-gradient(180deg, transparent, rgba(var(--axis-bg-rgb), 0.78));
  content: "";
  pointer-events: none;
}

.axis-single-product__product-visual--placeholder .axis-single-product__product-stage {
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 36%),
    radial-gradient(circle at 62% 36%, rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.18), transparent 13rem),
    rgba(var(--axis-card-rgb), 0.42);
}

.axis-single-product__product-visual--placeholder .axis-single-product__product-stage img {
  opacity: 0;
}

.axis-single-product__product-visual--placeholder .axis-single-product__product-stage::before {
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24);
  border-radius: 32px;
  background:
    linear-gradient(90deg, transparent 0 44%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.14) 44% 46%, transparent 46%),
    linear-gradient(0deg, transparent 0 46%, rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.12) 46% 48%, transparent 48%),
    rgba(var(--axis-bg-rgb), 0.26);
  content: "";
}

.axis-single-product__product-icon {
  position: absolute;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 1;
  display: inline-grid;
  width: clamp(4.5rem, 8vw, 6.5rem);
  height: clamp(4.5rem, 8vw, 6.5rem);
  place-items: center;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.44);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.15);
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  box-shadow: 0 20px 60px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.22);
  backdrop-filter: blur(12px);
}

.axis-single-product__product-icon svg {
  width: 46%;
  height: 46%;
}

.axis-single-product__product-caption {
  display: grid;
  gap: 0.42rem;
  padding: clamp(1rem, 2vw, 1.25rem);
  border-top: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.22);
  background: rgba(var(--axis-card-rgb), 0.46);
}

.axis-single-product__product-caption span {
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  font-family: var(--axis-font-mono);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-single-product__product-caption strong {
  color: var(--axis-ink);
  font-size: clamp(1.3rem, 2.1vw, 1.9rem);
  line-height: 1.05;
}

.axis-single-product__product-caption em {
  max-width: 36rem;
  color: var(--axis-muted);
  font-style: normal;
  font-weight: 780;
  line-height: 1.48;
}

.axis-single-product--pack .axis-single-product__gallery {
  overflow: hidden;
  padding: 0;
  border-radius: 32px;
  background:
    radial-gradient(circle at 20% 10%, rgba(var(--axis-accent-rgb), 0.16), transparent 20rem),
    rgba(var(--axis-card-rgb), 0.58);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.22);
}

.axis-single-product__pack-gallery {
  display: grid;
  gap: 0;
}

.axis-single-product__pack-media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 10;
  margin: 0;
}

.axis-single-product__pack-media img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  object-fit: cover;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
}

.axis-single-product__pack-media img.is-changing {
  opacity: 0.38;
  transform: scale(1.012);
}

.axis-single-product__pack-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, rgba(var(--axis-bg-rgb), 0.7));
  content: "";
  pointer-events: none;
}

.axis-single-product__pack-thumbs {
  display: grid;
  grid-auto-columns: minmax(6.8rem, 8rem);
  grid-auto-flow: column;
  overflow-x: auto;
  gap: 0.55rem;
  padding: 0.8rem;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.42);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent),
    rgba(var(--axis-bg-rgb), 0.3);
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--axis-accent-rgb), 0.45) transparent;
}

.axis-single-product__pack-thumb {
  --app-rgb: var(--axis-blue-rgb);
  appearance: none;
  display: grid;
  gap: 0.42rem;
  min-width: 0;
  min-height: 7.8rem;
  padding: 0.45rem;
  border: 1px solid rgba(var(--app-rgb), 0.28);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0 0, rgba(var(--app-rgb), 0.14), transparent 5rem),
    rgba(var(--axis-surface-rgb), 0.38);
  color: var(--axis-ink);
  cursor: pointer;
  font: inherit;
  text-align: left;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.axis-single-product__pack-thumb:hover,
.axis-single-product__pack-thumb:focus-visible,
.axis-single-product__pack-thumb[aria-pressed="true"] {
  border-color: rgba(var(--app-rgb), 0.68);
  background: rgba(var(--app-rgb), 0.1);
  transform: translateY(-1px);
}

.axis-single-product__pack-thumb-media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.35 / 1;
  overflow: hidden;
  border: 1px solid rgba(var(--app-rgb), 0.28);
  border-radius: 12px;
  background: rgba(var(--app-rgb), 0.12);
}

.axis-single-product__pack-thumb-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.62;
  mix-blend-mode: screen;
}

.axis-single-product__pack-thumb-media i {
  position: absolute;
  inset: auto 0.35rem 0.35rem auto;
  z-index: 1;
  display: inline-grid;
  width: 1.55rem;
  height: 1.55rem;
  place-items: center;
  border-radius: 9px;
  color: rgb(var(--app-rgb));
  background: rgba(var(--axis-bg-rgb), 0.74);
}

.axis-single-product__pack-thumb-media svg {
  width: 0.84rem;
  height: 0.84rem;
}

.axis-single-product__pack-thumb-copy {
  display: grid;
  min-width: 0;
  gap: 0.18rem;
}

.axis-single-product__pack-thumb-copy em {
  color: rgb(var(--app-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.64rem;
  font-style: normal;
  font-weight: 950;
}

.axis-single-product__pack-thumb-copy strong {
  color: var(--axis-ink);
  display: -webkit-box;
  overflow: hidden;
  font-size: 0.74rem;
  font-weight: 950;
  line-height: 1.16;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.axis-single-product__pack-thumb.is-coming {
  border-color: rgba(245, 158, 11, 0.25);
}

.axis-single-product__summary {
  display: grid;
  gap: 1.2rem;
}

.axis-single-product--pack .axis-single-product__summary {
  gap: 0.86rem;
}

.axis-single-product__summary .axis-kicker {
  width: fit-content;
  text-decoration: none;
}

.axis-single-product__lead p {
  margin: 0;
  color: var(--axis-muted);
}

.axis-single-product__lead {
  display: grid;
  gap: 0.65rem;
  max-width: 42rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.34);
  border-radius: 20px;
  background: rgba(var(--axis-card-rgb), 0.32);
}

.axis-single-product__lead p {
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  font-weight: 760;
  line-height: 1.62;
}

.axis-single-product__app-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.85rem;
  align-items: start;
  padding: 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 22px;
  background: rgba(var(--axis-card-rgb), 0.48);
}

.axis-single-product--pack .axis-single-product__app-summary {
  padding: 0.82rem;
}

.axis-single-product__app-summary strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.9rem;
  font-weight: 920;
}

.axis-single-product__app-summary p {
  margin: 0.24rem 0 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.55;
}

.axis-single-product__pack-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.62rem;
  align-items: center;
}

.axis-single-product__pack-meta span,
.axis-single-product__pack-meta strong {
  display: inline-flex;
  align-items: center;
  min-height: 2.25rem;
  padding: 0.48rem 0.72rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.56);
  border-radius: 999px;
  font-family: var(--axis-font-mono);
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-single-product__pack-meta span.is-ready {
  border-color: rgba(34, 197, 94, 0.42);
  background: rgba(34, 197, 94, 0.1);
  color: #22c55e;
}

.axis-single-product__pack-meta span.is-coming {
  border-color: rgba(245, 158, 11, 0.42);
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

.axis-single-product__pack-meta strong {
  color: var(--axis-ink);
}

.axis-single-product--pack .axis-single-product__purchase {
  gap: 0.78rem;
  padding: 1rem;
  border-color: rgba(var(--axis-accent-rgb), 0.44);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-accent-rgb), 0.16), transparent 12rem),
    linear-gradient(145deg, rgba(var(--axis-card-rgb), 0.82), rgba(var(--axis-surface-rgb), 0.62));
}

.axis-single-product--pack .axis-single-product__purchase form.cart {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
}

.axis-single-product__waitlist {
  justify-content: center;
  width: 100%;
}

.axis-single-product__purchase form.cart {
  display: grid;
  gap: 0.85rem;
  margin: 0;
}

.axis-single-product__purchase .quantity {
  display: inline-flex;
  width: fit-content;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 999px;
  background: rgba(var(--axis-bg-rgb), 0.62);
}

.axis-single-product__purchase .qty {
  width: 5rem;
  min-height: 3rem;
  border: 0;
  background: transparent;
  color: var(--axis-ink);
  font-weight: 900;
  text-align: center;
}

.axis-single-product__stock .stock {
  margin: 0;
  color: rgb(var(--axis-accent-rgb));
  font-weight: 900;
}

.axis-single-product__proof {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-single-product__proof div {
  display: grid;
  gap: 0.35rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.68);
  border-radius: 18px;
  background: rgba(var(--axis-card-rgb), 0.42);
}

.axis-single-product__proof strong {
  color: var(--axis-ink);
  font-size: 0.88rem;
}

.axis-single-product__proof span {
  color: var(--axis-muted);
  font-size: 0.8rem;
  font-weight: 750;
}

.axis-single-product-offers {
  background:
    radial-gradient(circle at 10% 10%, rgba(var(--axis-blue-rgb), 0.11), transparent 23rem),
    rgba(var(--axis-surface-rgb), 0.5);
}

.axis-single-product-editorial {
  background:
    radial-gradient(circle at 10% 10%, rgba(var(--product-rgb, var(--axis-blue-rgb)), 0.11), transparent 23rem),
    radial-gradient(circle at 90% 0, rgba(var(--product-alt-rgb, var(--axis-accent-rgb)), 0.08), transparent 24rem),
    rgba(var(--axis-surface-rgb), 0.5);
}

.axis-single-product-editorial__content {
  display: grid;
  gap: clamp(0.9rem, 1.6vw, 1.2rem);
  padding: clamp(1.1rem, 2.4vw, 1.65rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.14), transparent 15rem),
    rgba(var(--axis-card-rgb), 0.58);
  color: var(--axis-muted);
  font-weight: 720;
  line-height: 1.7;
}

.axis-single-product-editorial__content > * {
  margin-top: 0;
  margin-bottom: 0;
}

.axis-single-product-editorial__content h2,
.axis-single-product-editorial__content h3,
.axis-single-product-editorial__content h4 {
  max-width: 22ch;
  color: var(--axis-ink);
  line-height: 1.08;
}

.axis-single-product-editorial__content h2 {
  font-size: clamp(1.75rem, 3vw, 3rem);
}

.axis-single-product-editorial__content h3 {
  font-size: clamp(1.25rem, 2vw, 1.8rem);
}

.axis-single-product-editorial__content ul,
.axis-single-product-editorial__content ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-editorial__content li {
  position: relative;
  min-height: 5rem;
  padding: 0.95rem 0.95rem 0.95rem 2.3rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24);
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.36);
  color: var(--axis-ink);
  font-weight: 850;
}

.axis-single-product-editorial__content li::before {
  position: absolute;
  top: 1.05rem;
  left: 0.9rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 999px;
  background: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  box-shadow: 0 0 18px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.36);
  content: "";
}

.axis-single-product-editorial__content img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24);
  border-radius: 22px;
}

.axis-description-gallery {
  display: grid;
  gap: clamp(0.9rem, 1.8vw, 1.2rem);
}

.axis-description-gallery__header {
  display: grid;
  gap: 0.45rem;
}

.axis-description-gallery__header h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.45rem, 2.5vw, 2.3rem);
  line-height: 1.06;
}

.axis-description-gallery__header p {
  max-width: 42rem;
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.6;
}

.axis-pack-image-catalog {
  background:
    radial-gradient(circle at 8% 0, rgba(var(--axis-olive-rgb), 0.1), transparent 24rem),
    radial-gradient(circle at 94% 12%, rgba(var(--axis-blue-rgb), 0.1), transparent 26rem),
    rgba(var(--axis-bg-rgb), 0.98);
}

.axis-pack-image-catalog__header {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(18rem, 0.52fr);
  gap: clamp(1rem, 3vw, 2.4rem);
  align-items: end;
  margin-bottom: clamp(1rem, 2.4vw, 1.55rem);
}

.axis-pack-image-catalog__header h2 {
  max-width: 17ch;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.85rem, 3.8vw, 4.2rem);
  line-height: 1;
}

.axis-pack-image-catalog__header > p {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.62;
}

.axis-pack-image-catalog__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(0.7rem, 1.35vw, 1rem);
}

.axis-pack-image-card {
  --app-rgb: var(--axis-blue-rgb);
  appearance: none;
  position: relative;
  display: grid;
  grid-column: span 3;
  overflow: hidden;
  min-width: 0;
  min-height: 17rem;
  padding: 0;
  border: 1px solid rgba(var(--app-rgb), 0.32);
  border-radius: 24px;
  background:
    radial-gradient(circle at 20% 0, rgba(var(--app-rgb), 0.22), transparent 11rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.76), rgba(var(--axis-surface-rgb), 0.54));
  color: var(--axis-ink);
  cursor: zoom-in;
  font: inherit;
  text-align: left;
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease;
}

.axis-pack-image-card--featured,
.axis-pack-image-card:nth-child(2),
.axis-pack-image-card:nth-child(9) {
  grid-column: span 6;
}

.axis-pack-image-card:hover,
.axis-pack-image-card:focus-visible {
  border-color: rgba(var(--app-rgb), 0.66);
  box-shadow:
    0 26px 80px rgba(0, 0, 0, 0.24),
    0 0 0 1px rgba(var(--app-rgb), 0.12);
  outline: 0;
  transform: translateY(-2px);
}

.axis-pack-image-card__media {
  position: relative;
  min-height: 12rem;
  margin: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 20%, rgba(var(--app-rgb), 0.32), transparent 10rem),
    rgba(var(--axis-bg-rgb), 0.78);
}

.axis-pack-image-card__media::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(255, 255, 255, 0.12) 44% 44.8%, transparent 44.8%),
    linear-gradient(180deg, transparent 55%, rgba(var(--axis-bg-rgb), 0.64));
  content: "";
  pointer-events: none;
}

.axis-pack-image-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 12rem;
  object-fit: cover;
  opacity: 0.84;
  mix-blend-mode: screen;
  transform: scale(1.025);
  transition: transform 0.22s ease;
}

.axis-pack-image-card:hover .axis-pack-image-card__media img,
.axis-pack-image-card:focus-visible .axis-pack-image-card__media img {
  transform: scale(1.065);
}

.axis-pack-image-card__icon {
  position: absolute;
  right: 0.85rem;
  bottom: 0.85rem;
  z-index: 2;
  display: inline-grid;
  width: 2.8rem;
  height: 2.8rem;
  place-items: center;
  border: 1px solid rgba(var(--app-rgb), 0.42);
  border-radius: 16px;
  color: rgb(var(--app-rgb));
  background: rgba(var(--axis-bg-rgb), 0.76);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.axis-pack-image-card__icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.axis-pack-image-card__body {
  display: grid;
  gap: 0.38rem;
  min-width: 0;
  padding: 0.9rem 1rem 1rem;
}

.axis-pack-image-card__body em {
  color: rgb(var(--app-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-pack-image-card.is-coming .axis-pack-image-card__body em {
  color: #f59e0b;
}

.axis-pack-image-card__body strong {
  overflow: hidden;
  color: var(--axis-ink);
  font-size: clamp(1rem, 1.4vw, 1.2rem);
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-pack-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 3vw, 2rem);
  background:
    radial-gradient(circle at 50% 10%, rgba(var(--axis-blue-rgb), 0.18), transparent 24rem),
    rgba(2, 6, 15, 0.84);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
}

.axis-pack-lightbox.is-open {
  opacity: 1;
  pointer-events: auto;
}

.axis-pack-lightbox[hidden] {
  display: none;
}

.axis-pack-lightbox__frame {
  position: relative;
  display: grid;
  width: min(100%, 1040px);
  max-height: min(88vh, 820px);
  overflow: hidden;
  margin: 0;
  border: 1px solid rgba(var(--axis-border-rgb), 0.52);
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.92), rgba(var(--axis-bg-rgb), 0.92));
  box-shadow: 0 34px 120px rgba(0, 0, 0, 0.45);
}

.axis-pack-lightbox__frame img {
  display: block;
  width: 100%;
  max-height: 68vh;
  object-fit: contain;
  background: rgba(var(--axis-bg-rgb), 0.7);
}

.axis-pack-lightbox__frame figcaption {
  display: grid;
  gap: 0.35rem;
  padding: clamp(0.9rem, 2vw, 1.2rem);
}

.axis-pack-lightbox__frame figcaption strong {
  color: var(--axis-ink);
  font-size: clamp(1.15rem, 2vw, 1.7rem);
  line-height: 1.1;
}

.axis-pack-lightbox__frame figcaption span {
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.55;
}

.axis-pack-lightbox__close {
  position: absolute;
  z-index: 2;
  top: clamp(0.9rem, 2vw, 1.4rem);
  right: clamp(0.9rem, 2vw, 1.4rem);
  min-height: 2.6rem;
  padding: 0.55rem 0.85rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.58);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-bg-rgb), 0.76);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.is-pack-lightbox-open {
  overflow: hidden;
}

.axis-pack-app-gallery {
  background:
    radial-gradient(circle at 8% 0, rgba(var(--axis-olive-rgb), 0.1), transparent 24rem),
    radial-gradient(circle at 94% 12%, rgba(var(--axis-blue-rgb), 0.1), transparent 26rem),
    rgba(var(--axis-bg-rgb), 0.98);
}

.axis-pack-app-gallery__header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(18rem, 0.58fr);
  gap: clamp(1rem, 3vw, 2.5rem);
  align-items: end;
  margin-bottom: clamp(1rem, 2.4vw, 1.6rem);
}

.axis-pack-app-gallery__header h2 {
  max-width: 16ch;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2rem, 4.2vw, 4.6rem);
  line-height: 0.98;
}

.axis-pack-app-gallery__header > p {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 760;
  line-height: 1.62;
}

.axis-pack-app-gallery__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(0.78rem, 1.6vw, 1.05rem);
}

.axis-pack-app-visual {
  --app-rgb: var(--axis-blue-rgb);
  position: relative;
  display: grid;
  grid-column: span 4;
  min-height: 24rem;
  overflow: hidden;
  border: 1px solid rgba(var(--app-rgb), 0.34);
  border-radius: 28px;
  background:
    radial-gradient(circle at 12% 0, rgba(var(--app-rgb), 0.2), transparent 15rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.8), rgba(var(--axis-surface-rgb), 0.58));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
}

.axis-pack-app-visual:nth-child(1),
.axis-pack-app-visual:nth-child(8) {
  grid-column: span 6;
}

.axis-pack-app-visual:nth-child(5),
.axis-pack-app-visual:nth-child(11) {
  grid-column: span 5;
}

.axis-pack-app-visual:nth-child(6),
.axis-pack-app-visual:nth-child(12) {
  grid-column: span 7;
}

.axis-pack-app-visual__media {
  position: relative;
  min-height: 13.5rem;
  margin: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(var(--app-rgb), 0.24);
  background:
    radial-gradient(circle at 50% 20%, rgba(var(--app-rgb), 0.32), transparent 9rem),
    linear-gradient(135deg, rgba(var(--app-rgb), 0.15), rgba(var(--axis-bg-rgb), 0.78));
}

.axis-pack-app-visual__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(115deg, transparent 0 44%, rgba(255, 255, 255, 0.12) 44% 44.8%, transparent 44.8%),
    radial-gradient(circle at 100% 0, rgba(var(--app-rgb), 0.28), transparent 11rem);
  pointer-events: none;
}

.axis-pack-app-visual__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.78;
  mix-blend-mode: screen;
  transform: scale(1.04);
}

.axis-pack-app-visual__icon {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  display: inline-grid;
  width: 3.4rem;
  height: 3.4rem;
  place-items: center;
  border: 1px solid rgba(var(--app-rgb), 0.44);
  border-radius: 18px;
  color: rgb(var(--app-rgb));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), transparent),
    rgba(var(--axis-bg-rgb), 0.74);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.axis-pack-app-visual__icon svg {
  width: 1.35rem;
  height: 1.35rem;
}

.axis-pack-app-visual__scan {
  position: absolute;
  right: 5rem;
  bottom: 1.4rem;
  left: 1rem;
  z-index: 2;
  height: 3.6rem;
  border: 1px solid rgba(var(--app-rgb), 0.2);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(var(--app-rgb), 0.22), transparent 38%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 0.62rem),
    rgba(var(--axis-bg-rgb), 0.42);
}

.axis-pack-app-visual__body {
  display: grid;
  gap: 0.75rem;
  align-content: start;
  padding: clamp(1rem, 1.8vw, 1.3rem);
}

.axis-pack-app-visual__topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.72rem;
}

.axis-pack-app-visual__topline span,
.axis-pack-app-visual__topline em {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.34rem 0.55rem;
  border: 1px solid rgba(var(--app-rgb), 0.3);
  border-radius: 999px;
  color: rgb(var(--app-rgb));
  background: rgba(var(--app-rgb), 0.08);
  font-family: var(--axis-font-mono);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.axis-pack-app-visual.is-coming .axis-pack-app-visual__topline em {
  border-color: rgba(245, 158, 11, 0.38);
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.1);
}

.axis-pack-app-visual h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  line-height: 1.04;
}

.axis-pack-app-visual p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 750;
  line-height: 1.55;
}

.axis-pack-app-visual.is-coming::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(135deg, transparent, rgba(245, 158, 11, 0.06));
  pointer-events: none;
}

.axis-single-pack-system {
  padding-top: clamp(1.4rem, 3vw, 2.4rem);
  padding-bottom: clamp(1rem, 2vw, 1.6rem);
}

.axis-single-product-offers__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.axis-single-product-offer {
  display: grid;
  gap: 0.85rem;
  min-height: 100%;
  padding: clamp(1.05rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 24px;
  background: rgba(var(--axis-card-rgb), 0.58);
}

.axis-single-product-workflow {
  display: grid;
  gap: 0.85rem;
  margin-top: clamp(1.2rem, 3vw, 2rem);
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 26px;
  background: rgba(var(--axis-bg-rgb), 0.42);
}

.axis-single-product-workflow ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-workflow li {
  display: grid;
  gap: 0.55rem;
  padding: 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.66);
  border-radius: 18px;
  background: rgba(var(--axis-card-rgb), 0.46);
}

.axis-single-product-workflow span {
  color: rgb(var(--axis-accent-rgb));
  font-family: var(--axis-font-mono);
  font-size: 0.8rem;
  font-weight: 900;
}

.axis-single-product-workflow strong {
  color: var(--axis-ink);
  font-weight: 920;
  line-height: 1.3;
}

.axis-single-product-details__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.38fr);
  gap: clamp(1.2rem, 3vw, 2rem);
  align-items: start;
}

.axis-single-product-details__content {
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1), transparent 18rem),
    rgba(var(--axis-card-rgb), 0.5);
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0 0 1rem;
  padding: 0;
  list-style: none;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs li {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs a {
  display: inline-flex;
  padding: 0.72rem 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 999px;
  color: var(--axis-muted);
  font-weight: 900;
  text-decoration: none;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs li.active a {
  border-color: rgba(var(--axis-accent-rgb), 0.82);
  background: rgba(var(--axis-accent-rgb), 0.14);
  color: var(--axis-ink);
}

.axis-single-product-details__content .woocommerce-Tabs-panel {
  color: var(--axis-muted);
  line-height: 1.7;
}

.axis-single-product-details {
  padding-top: 0;
  background: transparent;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description {
  display: grid;
  gap: clamp(0.9rem, 1.6vw, 1.2rem);
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description > *,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description > * {
  margin-top: 0;
  margin-bottom: 0;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description h2,
.axis-single-product-details__content .woocommerce-Tabs-panel--description h3,
.axis-single-product-details__content .woocommerce-Tabs-panel--description h4,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description h2,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description h3,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description h4 {
  max-width: 22ch;
  color: var(--axis-ink);
  line-height: 1.08;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description ul,
.axis-single-product-details__content .woocommerce-Tabs-panel--description ol,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ul,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description li,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description li {
  position: relative;
  min-height: 5rem;
  padding: 0.95rem 0.95rem 0.95rem 2.3rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24);
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.36);
  color: var(--axis-ink);
  font-weight: 850;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description li::before,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description li::before {
  position: absolute;
  top: 1.05rem;
  left: 0.9rem;
  width: 0.66rem;
  height: 0.66rem;
  border-radius: 999px;
  background: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  box-shadow: 0 0 18px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.36);
  content: "";
}

.axis-related-products-tab .related.products {
  margin: 0;
}

.axis-related-products-tab .related.products > h2 {
  margin-top: 0;
}

.axis-related-products-tab ul.products {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.78rem;
}

.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card,
.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card:nth-child(1),
.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card:nth-child(2),
.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card:nth-child(5n),
.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card:nth-child(7),
.axis-single-product-details__content .axis-related-products-tab ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: auto;
  min-height: 0;
}

.axis-related-products-tab .axis-product-card {
  border-radius: 20px;
}

.axis-related-products-tab .axis-product-card__media {
  height: 7.4rem;
  min-height: 0;
  aspect-ratio: auto;
}

.axis-related-products-tab .axis-product-card__visual {
  inset: 0.7rem;
  gap: 0.55rem;
  padding: 0.7rem;
  border-radius: 16px;
}

.axis-related-products-tab .axis-product-card__visual-icon {
  width: 2.35rem;
  height: 2.35rem;
  border-radius: 14px;
}

.axis-related-products-tab .axis-product-card__visual-copy strong {
  font-size: 1rem;
}

.axis-related-products-tab .axis-product-card__body {
  gap: 0.5rem;
  padding: 0.82rem;
}

.axis-related-products-tab .axis-product-card__topline {
  display: none;
}

.axis-related-products-tab .axis-product-card__excerpt,
.axis-related-products-tab .axis-product-card__offers,
.axis-related-products-tab .axis-product-card__stock {
  display: none;
}

.axis-related-products-tab .axis-product-card__title {
  font-size: 1rem;
}

.axis-related-products-tab .axis-product-card__price {
  font-size: 1.2rem;
}

.axis-related-products-tab .axis-product-card__actions {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.45rem;
}

.axis-related-products-tab .axis-product-card-detail,
.axis-related-products-tab .axis-product-card-buy {
  min-height: 2.45rem;
  padding: 0.62rem 0.72rem;
  border-radius: 13px;
  font-size: 0.78rem;
}

.axis-single-product-details__content .woocommerce-Tabs-panel h2,
.axis-single-product-details__aside h2,
.related.products h2,
.upsells.products h2 {
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.15;
}

.related.products,
.upsells.products {
  margin-top: clamp(2rem, 5vw, 3.5rem);
}

/* Single product gallery and editorial tabs refresh. */
.axis-single-product__gallery {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-single-product--pack .axis-single-product__gallery {
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-single-product__pack-gallery {
  gap: clamp(0.8rem, 1.6vw, 1rem);
}

.axis-single-product__pack-media {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.28);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 20%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 18rem),
    rgba(var(--axis-bg-rgb), 0.54);
  cursor: zoom-in;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-single-product__pack-media::after {
  display: none;
}

.axis-single-product__pack-media img {
  border-radius: 25px;
  opacity: 1;
  mix-blend-mode: normal;
}

.axis-single-product__pack-media:focus-visible {
  outline: 3px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.45);
  outline-offset: 4px;
}

.axis-single-product__pack-thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(4.8rem, 1fr));
  grid-auto-columns: auto;
  grid-auto-flow: row;
  overflow: visible;
  gap: clamp(0.5rem, 1vw, 0.7rem);
  width: calc(100% - clamp(1rem, 2.8vw, 2.2rem));
  margin: 0 auto;
  padding: 0;
  border-top: 0;
  background: transparent;
}

.axis-single-product__pack-thumb {
  min-height: 0;
  padding: 0.28rem;
  border-radius: 17px;
  background: rgba(var(--axis-card-rgb), 0.52);
  box-shadow: none;
}

.axis-single-product__pack-thumb:hover,
.axis-single-product__pack-thumb:focus-visible,
.axis-single-product__pack-thumb[aria-pressed="true"] {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.7);
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1);
  box-shadow: 0 12px 34px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.14);
}

.axis-single-product__pack-thumb-media {
  aspect-ratio: 1 / 0.76;
  border-radius: 13px;
  background: rgba(var(--axis-bg-rgb), 0.52);
}

.axis-single-product__pack-thumb-media img {
  opacity: 1;
  mix-blend-mode: normal;
}

.axis-single-product__pack-thumb-media i,
.axis-single-product__pack-thumb-copy {
  display: none;
}

.axis-pack-lightbox {
  z-index: 10000;
  background:
    radial-gradient(circle at 50% 8%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.2), transparent 28rem),
    rgba(2, 6, 15, 0.9);
}

.axis-pack-lightbox__frame {
  width: min(100%, 1180px);
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.3);
  background: rgba(var(--axis-bg-rgb), 0.92);
}

.axis-pack-lightbox__frame img {
  max-height: 78vh;
  background:
    radial-gradient(circle at 50% 20%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1), transparent 24rem),
    rgba(var(--axis-bg-rgb), 0.82);
}

.axis-single-product-details {
  padding-top: 0;
  padding-bottom: clamp(3.2rem, 7vw, 6rem);
  background: transparent;
}

.axis-single-product-details__content {
  overflow: hidden;
  padding: clamp(0.55rem, 1vw, 0.75rem);
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.22);
  border-radius: 34px;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.045) 42% 42.16%, transparent 42.16%),
    radial-gradient(circle at 0 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12), transparent 22rem),
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.68), rgba(var(--axis-surface-rgb), 0.36));
  box-shadow:
    0 30px 100px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-single-product-details__content .woocommerce-tabs {
  display: grid;
  gap: 0;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
  margin: 0;
  padding: 0.4rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.48);
  border-radius: 26px 26px 0 0;
  background:
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.58), rgba(var(--axis-card-rgb), 0.36));
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs::before,
.axis-single-product-details__content .woocommerce-tabs ul.tabs::after {
  display: none !important;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs li {
  position: static;
  float: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 20px;
  background: transparent;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs a {
  display: flex;
  min-height: 3.6rem;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 0.9rem;
  border: 1px solid transparent;
  border-radius: 20px;
  color: var(--axis-muted);
  font-family: var(--axis-font-ui);
  font-size: clamp(0.82rem, 1vw, 0.94rem);
  font-weight: 950;
  text-align: center;
  text-decoration: none;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs li.active a {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.48);
  background:
    radial-gradient(circle at 20% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.18), transparent 10rem),
    rgba(var(--axis-bg-rgb), 0.52);
  color: var(--axis-ink);
  box-shadow: 0 14px 40px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12);
}

.axis-single-product-details__content .woocommerce-Tabs-panel {
  margin: 0;
  padding: clamp(1.1rem, 2.6vw, 2rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.48);
  border-top: 0;
  border-radius: 0 0 26px 26px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.08), transparent 18rem),
    rgba(var(--axis-bg-rgb), 0.24);
  color: var(--axis-muted);
  line-height: 1.7;
}

.axis-single-product-details__content .woocommerce-Tabs-panel > h2:first-child,
.axis-related-products-tab .related.products > h2 {
  display: none;
}

.axis-single-product-details__content .woocommerce-Tabs-panel--description,
.axis-single-product-details__content .woocommerce-Tabs-panel#tab-description {
  gap: clamp(1rem, 2vw, 1.35rem);
}

.axis-product-story {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.axis-product-story__hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.44fr);
  gap: clamp(1rem, 2.4vw, 1.6rem);
  align-items: stretch;
  padding: clamp(1.1rem, 2.6vw, 1.65rem);
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.26);
  border-radius: 26px;
  background:
    radial-gradient(circle at 4% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 18rem),
    linear-gradient(145deg, rgba(var(--axis-card-rgb), 0.72), rgba(var(--axis-bg-rgb), 0.24));
}

.axis-product-story__hero h2 {
  max-width: 16ch;
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(2rem, 4.6vw, 4.9rem);
  line-height: 0.96;
}

.axis-product-story__hero p {
  max-width: 48rem;
  margin: 1rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.35vw, 1.12rem);
  font-weight: 760;
  line-height: 1.65;
}

.axis-product-story__stats {
  display: grid;
  gap: 0.72rem;
  align-content: stretch;
}

.axis-product-story__stats div {
  display: grid;
  align-content: center;
  min-height: 7rem;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.58);
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.38);
}

.axis-product-story__stats strong {
  color: var(--axis-ink);
  font-size: clamp(1.65rem, 3vw, 2.5rem);
  line-height: 1;
}

.axis-product-story__stats span {
  margin-top: 0.3rem;
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-weight: 850;
  line-height: 1.35;
}

.axis-product-story__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
}

.axis-product-story__card {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  min-height: 13rem;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.56);
  border-radius: 22px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1), transparent 10rem),
    rgba(var(--axis-card-rgb), 0.44);
}

.axis-product-story__card span {
  display: inline-grid;
  width: 2.4rem;
  height: 2.4rem;
  place-items: center;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.32);
  border-radius: 15px;
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1);
  font-family: var(--axis-font-mono);
  font-size: 0.78rem;
  font-weight: 950;
}

.axis-product-story__card h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.02rem, 1.4vw, 1.28rem);
  line-height: 1.1;
}

.axis-product-story__card p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 740;
  line-height: 1.52;
}

.axis-product-story__flow {
  display: grid;
  gap: 0.9rem;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.56);
  border-radius: 24px;
  background:
    linear-gradient(115deg, transparent 0 46%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.08) 46% 46.4%, transparent 46.4%),
    rgba(var(--axis-bg-rgb), 0.28);
}

.axis-product-story__flow h3 {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.35rem, 2.4vw, 2.1rem);
  line-height: 1.08;
}

.axis-single-product-details__content .axis-product-story__flow ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-details__content .axis-product-story__flow li {
  min-height: 0;
  padding: 0.9rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.2);
  border-radius: 18px;
  background: rgba(var(--axis-card-rgb), 0.36);
  color: var(--axis-ink);
  font-weight: 850;
}

.axis-single-product-details__content .axis-product-story__flow li::before {
  display: none;
}

.axis-product-story__note {
  margin: 0;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.26);
  border-radius: 20px;
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.08);
  color: var(--axis-ink);
  font-weight: 850;
  line-height: 1.55;
}

/* Simpler product-page finish. */
.axis-single-product--pack .axis-single-product__layout {
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.74fr);
  align-items: center;
}

.axis-single-product__pack-media {
  min-height: clamp(25rem, 38vw, 33rem);
  aspect-ratio: 16 / 11;
  border-color: rgba(var(--axis-border-rgb), 0.38);
  background: rgba(var(--axis-bg-rgb), 0.48);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.16);
}

.axis-single-product__pack-media img {
  border-radius: 25px;
  object-fit: cover;
  object-position: center;
}

.axis-single-product__pack-thumbs {
  grid-template-columns: repeat(auto-fit, minmax(4.65rem, 1fr));
  width: min(100%, 96%);
  gap: 0.58rem;
}

.axis-single-product__pack-thumb {
  padding: 0;
  border: 0;
  border-radius: 14px;
  background: transparent;
}

.axis-single-product__pack-thumb:hover,
.axis-single-product__pack-thumb:focus-visible,
.axis-single-product__pack-thumb[aria-pressed="true"] {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.axis-single-product__pack-thumb-media {
  overflow: hidden;
  border: 1px solid rgba(var(--axis-border-rgb), 0.42);
  border-radius: 14px;
  background: rgba(var(--axis-card-rgb), 0.4);
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.axis-single-product__pack-thumb:hover .axis-single-product__pack-thumb-media,
.axis-single-product__pack-thumb:focus-visible .axis-single-product__pack-thumb-media,
.axis-single-product__pack-thumb[aria-pressed="true"] .axis-single-product__pack-thumb-media {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.72);
  box-shadow: 0 8px 24px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.14);
  transform: translateY(-1px);
}

.axis-single-product__app-summary,
.axis-single-product__purchase,
.axis-single-product-details__content,
.axis-product-story__hero,
.axis-product-story__card,
.axis-product-story__flow,
.axis-product-story__note {
  border-color: rgba(var(--axis-border-rgb), 0.42);
  background: rgba(var(--axis-card-rgb), 0.46);
  box-shadow: none;
}

.axis-single-product__app-summary {
  padding: clamp(0.9rem, 1.6vw, 1.15rem);
  border-radius: 22px;
}

.axis-single-product__purchase {
  border-radius: 24px;
}

.axis-single-product-details__content {
  padding: 0;
  border-radius: 28px;
  background:
    radial-gradient(circle at 0 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.08), transparent 18rem),
    rgba(var(--axis-card-rgb), 0.36);
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs {
  gap: 0.28rem;
  padding: 0.34rem;
  border: 0;
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.36);
  border-radius: 28px 28px 0 0;
  background: rgba(var(--axis-bg-rgb), 0.22);
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs a {
  min-height: 3.25rem;
  border-radius: 18px;
}

.axis-single-product-details__content .woocommerce-tabs ul.tabs li.active a {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.34);
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.11);
  box-shadow: none;
}

.axis-single-product-details__content .woocommerce-Tabs-panel {
  border: 0;
  border-radius: 0 0 28px 28px;
  background: transparent;
}

.axis-product-story__hero {
  border-radius: 24px;
  background:
    radial-gradient(circle at 0 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1), transparent 16rem),
    rgba(var(--axis-bg-rgb), 0.2);
}

.axis-product-story__hero h2 {
  font-size: clamp(1.85rem, 3.8vw, 4rem);
}

.axis-product-story__grid {
  gap: 0.68rem;
}

.axis-product-story__card {
  min-height: 11.4rem;
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.22);
}

.axis-product-story__card span {
  width: 2.1rem;
  height: 2.1rem;
  border: 0;
  border-radius: 999px;
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12);
}

.axis-product-story__flow {
  border-radius: 20px;
  background: rgba(var(--axis-bg-rgb), 0.22);
}

.axis-single-product-details__content .axis-product-story__flow li {
  border: 0;
  background: rgba(var(--axis-card-rgb), 0.5);
}

.axis-product-story__note {
  border-radius: 18px;
  background: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.07);
}

.woocommerce #reviews,
.axis-single-product-details__content #reviews {
  display: grid;
  gap: clamp(1rem, 2vw, 1.3rem);
}

.woocommerce #reviews #comments,
.woocommerce #reviews #review_form_wrapper {
  display: grid;
  gap: 0.9rem;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.4);
  border-radius: 22px;
  background: rgba(var(--axis-bg-rgb), 0.24);
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews #reply-title {
  margin: 0;
  color: var(--axis-ink);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1.12;
}

.woocommerce #reviews .woocommerce-noreviews {
  margin: 0;
  padding: 0.9rem 1rem;
  border-radius: 16px;
  background: rgba(var(--axis-card-rgb), 0.48);
  color: var(--axis-muted);
  font-weight: 780;
}

.woocommerce #reviews #comments ol.commentlist,
.woocommerce #reviews ol.commentlist {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce #reviews #comments ol.commentlist li,
.woocommerce #reviews ol.commentlist li {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.woocommerce #reviews #comments ol.commentlist li .comment_container,
.woocommerce #reviews ol.commentlist li .comment_container {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.85rem;
  padding: 0.9rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.36);
  border-radius: 18px;
  background: rgba(var(--axis-card-rgb), 0.48);
}

.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce #reviews ol.commentlist li img.avatar {
  position: static !important;
  float: none !important;
  width: 3rem;
  height: 3rem;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(var(--axis-bg-rgb), 0.5);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce #reviews ol.commentlist li .comment-text {
  display: grid;
  gap: 0.45rem;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0;
  border: 0;
}

.woocommerce #reviews .star-rating,
.woocommerce p.stars a {
  color: rgb(var(--product-rgb, var(--axis-accent-rgb)));
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating,
.woocommerce #reviews ol.commentlist li .comment-text .star-rating {
  float: none;
  order: 2;
  margin: 0;
}

.woocommerce #reviews .meta,
.woocommerce #reviews #comments ol.commentlist li .meta {
  order: 1;
  width: auto;
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.86rem;
  font-weight: 780;
  line-height: 1.45;
}

.woocommerce #reviews .meta strong {
  color: var(--axis-ink);
  font-weight: 950;
}

.woocommerce #reviews .description p {
  margin: 0;
  color: var(--axis-ink);
  line-height: 1.6;
}

.woocommerce #reviews .description {
  order: 3;
}

.woocommerce #review_form #respond {
  display: grid;
  gap: 0.85rem;
}

.woocommerce #review_form #respond p {
  margin: 0;
}

.woocommerce #review_form #respond label {
  display: block;
  margin-bottom: 0.38rem;
  color: var(--axis-ink);
  font-size: 0.86rem;
  font-weight: 900;
}

.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"],
.woocommerce #review_form #respond textarea {
  width: 100%;
  min-height: 3rem;
  padding: 0.82rem 0.9rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.48);
  border-radius: 14px;
  background: rgba(var(--axis-card-rgb), 0.5);
  color: var(--axis-ink);
  font: inherit;
  font-weight: 720;
}

.woocommerce #review_form #respond textarea {
  min-height: 8.5rem;
  resize: vertical;
}

.woocommerce #review_form #respond input:focus,
.woocommerce #review_form #respond textarea:focus {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.72);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12);
}

.woocommerce #review_form #respond .form-submit input,
.woocommerce #review_form #respond .form-submit .submit {
  min-height: 3rem;
  padding: 0.82rem 1.1rem;
  border: 0;
  border-radius: 999px;
  background: var(--axis-header-contrast);
  color: var(--axis-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 950;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.16);
}

.axis-single-product__purchase form.variations_form,
.axis-single-product__purchase form.cart {
  display: grid;
  gap: 0.85rem;
}

.axis-single-product__purchase form.variations_form.axis-variations-enhanced {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 0.8rem;
}

.axis-single-product__purchase form.variations_form.axis-variations-enhanced--price-panel {
  grid-template-columns: minmax(0, 1fr);
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel table.variations tr.axis-variation-row--enhanced {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.82rem;
  padding: 0.78rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel table.variations th {
  width: auto;
  min-width: 4.5rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel table.variations td {
  width: auto;
  min-width: 0;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel table.variations label {
  font-size: 0.7rem;
}

.axis-single-product__purchase table.variations {
  display: grid;
  width: 100%;
  margin: 0;
  border: 0;
}

.axis-single-product__purchase table.variations tbody,
.axis-single-product__purchase table.variations tr,
.axis-single-product__purchase table.variations th,
.axis-single-product__purchase table.variations td {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.axis-single-product__purchase table.variations tbody {
  display: grid;
  gap: 0.72rem;
}

.axis-single-product__purchase form.axis-variations-enhanced table.variations tbody {
  gap: 0.52rem;
}

.axis-single-product__purchase table.variations tr {
  display: grid;
  gap: 0.42rem;
  padding: 0.75rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.34);
  border-radius: 18px;
  background: rgba(var(--axis-bg-rgb), 0.22);
}

.axis-single-product__purchase table.variations label {
  display: block;
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.axis-single-product__purchase table.variations select {
  width: 100%;
  min-height: 3rem;
  padding: 0.78rem 2.7rem 0.78rem 0.95rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.44);
  border-radius: 15px;
  appearance: none;
  background:
    linear-gradient(45deg, transparent 50%, currentcolor 50%) calc(100% - 1.28rem) 50% / 0.42rem 0.42rem no-repeat,
    linear-gradient(135deg, currentcolor 50%, transparent 50%) calc(100% - 0.98rem) 50% / 0.42rem 0.42rem no-repeat,
    rgba(var(--axis-card-rgb), 0.62);
  color: var(--axis-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.axis-single-product__purchase table.variations select:focus {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.72);
  outline: 0;
  box-shadow: 0 0 0 4px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12);
}

.axis-single-product__purchase .axis-variation-row--enhanced td {
  position: relative;
}

.axis-single-product__purchase .axis-variation-row--enhanced select[data-axis-variation-enhanced="true"] {
  position: absolute;
  width: 1px;
  height: 1px;
  min-height: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}

.axis-single-product__purchase table.variations tr.axis-variation-row--enhanced {
  gap: 0.38rem;
  padding: 0.52rem;
  border-radius: 14px;
}

.axis-single-product__purchase form.axis-variations-enhanced table.variations label {
  font-size: 0.64rem;
  letter-spacing: 0.05em;
}

.axis-variation-control {
  display: grid;
  gap: 0.38rem;
}

.axis-variation-control--billing {
  justify-items: center;
}

.axis-variation-ticks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.32rem;
}

.axis-variation-tick {
  min-height: 2.48rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.4);
  border-radius: 14px;
  background: rgba(var(--axis-card-rgb), 0.52);
  color: var(--axis-muted);
  cursor: pointer;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 900;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease;
}

.axis-single-product__purchase .axis-variation-tick {
  min-height: 2.08rem;
  padding: 0.36rem 0.24rem;
  border-radius: 12px;
  font-size: 0.62rem;
  white-space: nowrap;
}

.axis-variation-tick:hover,
.axis-variation-tick:focus-visible {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.62);
  color: var(--axis-ink);
  outline: 0;
  transform: translateY(-1px);
}

.axis-variation-tick.is-active {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.72);
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.2), rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.12)),
    rgba(var(--axis-card-rgb), 0.64);
  color: var(--axis-ink);
  box-shadow: inset 0 0 0 1px rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16);
}

.axis-variation-tick:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  transform: none;
}

.axis-variation-billing-switch {
  --axis-billing-count: 2;
  --axis-billing-index: 0;
  position: relative;
  display: grid;
  width: min(100%, 11.5rem);
  min-height: 2.02rem;
  padding: 0.18rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.34);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  grid-template-columns: repeat(var(--axis-billing-count), minmax(0, 1fr));
  overflow: hidden;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.axis-variation-billing-switch::before {
  position: absolute;
  top: 0.18rem;
  bottom: 0.18rem;
  left: calc(0.18rem + (var(--axis-billing-index) * ((100% - 0.36rem) / var(--axis-billing-count))));
  width: calc((100% - 0.36rem) / var(--axis-billing-count));
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  content: "";
  transition: left 220ms ease;
}

.axis-variation-billing-choice {
  position: relative;
  z-index: 1;
  min-height: 1.92rem;
  border: 0;
  background: transparent;
  color: var(--axis-muted);
  cursor: pointer;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
}

.axis-single-product__purchase .axis-variation-billing-choice {
  min-height: 1.64rem;
  padding: 0 0.5rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  font-size: 0.72rem;
}

.axis-variation-billing-choice:hover,
.axis-variation-billing-choice:focus-visible {
  color: var(--axis-ink);
  outline: 0;
}

.axis-variation-billing-choice.is-active {
  color: #101828;
  text-shadow: none;
}

.axis-variation-billing-choice:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.axis-light .axis-variation-tick,
.axis-light .axis-variation-billing-switch {
  background-color: rgba(15, 23, 42, 0.08);
}

.axis-light .axis-variation-billing-switch::before {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.16);
}

.axis-single-product__purchase .reset_variations {
  display: none !important;
}

.axis-single-product__purchase .single_variation_wrap {
  display: grid;
  gap: 0.85rem;
}

.axis-single-product__purchase form.axis-variations-enhanced .single_variation_wrap {
  display: grid;
  align-content: center;
  gap: 0.9rem;
  min-height: 100%;
  min-width: 0;
  padding: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.34);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 12rem),
    linear-gradient(160deg, rgba(var(--axis-card-rgb), 0.72), rgba(var(--axis-bg-rgb), 0.34));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.axis-single-product__purchase .single_variation {
  display: grid;
  gap: 0.4rem;
}

.axis-single-product__purchase .woocommerce-variation-price .price {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.8rem, 3vw, 2.45rem);
  font-weight: 950;
  line-height: 1;
}

.axis-single-product__purchase form.axis-variations-enhanced .woocommerce-variation-price .price {
  display: block;
  font-size: clamp(1.9rem, 3vw, 2.55rem);
  letter-spacing: 0;
  line-height: 1.04;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price {
  min-width: 0;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .single_variation_wrap {
  grid-template-columns: minmax(0, 1.2fr) minmax(10rem, 0.8fr);
  align-items: center;
  min-height: 7.8rem;
  padding: 1rem 1.25rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .single_variation,
.axis-single-product__purchase form.axis-variations-enhanced--sites-only .single_variation {
  min-height: 4.45rem;
  align-content: center;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price {
  max-width: 100%;
  overflow-wrap: normal;
  white-space: normal;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price > .woocommerce-Price-amount,
.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price ins .woocommerce-Price-amount {
  display: block;
  max-width: 100%;
  font-size: clamp(2rem, 4.2vw, 3.05rem);
  line-height: 0.98;
  transform-origin: left center;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--tight {
  font-size: clamp(1.65rem, 3.45vw, 2.45rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--compact {
  font-size: clamp(1.35rem, 2.85vw, 2rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--mini {
  font-size: clamp(0.98rem, 2vw, 1.32rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price del,
.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price ins {
  display: block;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-price .price del .woocommerce-Price-amount {
  display: inline;
  font-family: var(--axis-font-ui);
  font-size: 0.92rem;
  line-height: 1;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-sale-price__topline {
  margin-bottom: 0.1rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-sale-price__badge {
  min-height: 1.48rem;
  font-size: 0.68rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-variation-ticks {
  gap: 0.52rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-variation-tick {
  min-height: 2.55rem;
  padding: 0.5rem 0.7rem;
  border-radius: 14px;
  font-size: 0.76rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-variation-billing-switch {
  width: 100%;
  min-height: 2.55rem;
  border-radius: 14px;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-variation-billing-switch::before {
  border-radius: 12px;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .axis-variation-billing-choice {
  min-height: 2.15rem;
  font-size: 0.76rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-add-to-cart {
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

.axis-single-product__price.axis-sale-price,
.axis-single-product__purchase .woocommerce-variation-price .price.axis-sale-price,
.axis-single-product__purchase form.axis-variations-enhanced .woocommerce-variation-price .price.axis-sale-price {
  display: block;
  white-space: normal;
}

.axis-sale-price__stack {
  display: grid;
  gap: 0.28rem;
}

.axis-sale-price__topline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.46rem;
  align-items: center;
}

.axis-sale-price del {
  color: var(--axis-muted);
  font-family: var(--axis-font-ui);
  font-size: 0.78rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  line-height: 1;
  text-decoration-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.72);
  text-decoration-thickness: 0.12em;
  text-transform: uppercase;
}

.axis-sale-price ins {
  color: var(--axis-ink);
  text-decoration: none;
}

.axis-sale-price__badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.42rem;
  padding: 0.24rem 0.52rem;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.34);
  border-radius: 999px;
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.2), rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.12)),
    rgba(var(--axis-card-rgb), 0.64);
  color: var(--axis-ink);
  font-family: var(--axis-font-mono);
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.03em;
  line-height: 1;
  text-transform: uppercase;
}

.axis-single-product__purchase .woocommerce-variation-description {
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1.55;
}

.axis-single-product__purchase .woocommerce-variation-add-to-cart {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}

.axis-single-product__purchase form.axis-variations-enhanced .woocommerce-variation-add-to-cart {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.65rem;
}

.woocommerce div.product .axis-single-product__purchase form.axis-variations-enhanced.cart .single_add_to_cart_button.button,
.woocommerce div.product .axis-single-product__purchase form.axis-variations-enhanced.cart .single_add_to_cart_button.button.alt,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.axis-variations-enhanced.cart button.single_add_to_cart_button.button,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.axis-variations-enhanced.cart button.single_add_to_cart_button.button.alt {
  width: 100%;
  min-height: 3.55rem;
  padding: 1rem 1.2rem;
  border-radius: 18px;
  font-size: 1rem;
  font-weight: 950;
}

.axis-single-product__purchase form.axis-variations-enhanced .axis-buy-now-button,
.axis-single-product__purchase form.cart .axis-buy-now-button {
  width: 100%;
  min-height: 3.6rem;
  border-radius: 18px;
  font-size: 1rem;
}

.axis-single-product__purchase form.axis-variations-enhanced .axis-buy-now-button + .single_add_to_cart_button,
.axis-single-product__purchase form.cart .axis-buy-now-button + .single_add_to_cart_button {
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.24);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.1), transparent 8rem),
    rgba(var(--axis-card-rgb), 0.38);
}

.axis-single-product__purchase form.axis-variations-enhanced--needs-selection table.variations {
  border-color: rgba(245, 158, 11, 0.58);
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.12);
}

.axis-single-product__purchase form.axis-variations-enhanced .quantity {
  width: 100%;
}

.axis-single-product__purchase form.axis-variations-enhanced .quantity input {
  width: 100%;
}

.axis-single-product__purchase form.variations_form.axis-variations-enhanced--sites-only {
  grid-template-columns: minmax(0, 1fr);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only table.variations tr.axis-variation-row--sites {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.82rem;
  padding: 0.78rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only table.variations th {
  width: auto;
  min-width: 4.5rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only table.variations td {
  width: auto;
  min-width: 0;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only table.variations label {
  font-size: 0.7rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .axis-variation-ticks {
  gap: 0.52rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .axis-variation-tick {
  min-height: 2.55rem;
  padding: 0.5rem 0.7rem;
  border-radius: 14px;
  font-size: 0.76rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .single_variation_wrap {
  grid-template-columns: minmax(0, 1fr) minmax(12rem, 1fr);
  align-items: center;
  min-height: 7.2rem;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .single_variation {
  align-content: center;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-add-to-cart {
  grid-template-columns: 3.75rem minmax(0, 1fr);
  align-items: stretch;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price {
  min-width: 0;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .price {
  display: block;
  max-width: 100%;
  overflow-wrap: normal;
  text-wrap: nowrap;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .woocommerce-Price-amount {
  display: block;
  max-width: 100%;
  font-size: clamp(1.65rem, 4.4vw, 2.55rem);
  line-height: 1;
  transform-origin: left center;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .axis-sale-price {
  white-space: normal;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .axis-sale-price del .woocommerce-Price-amount {
  display: inline;
  font-family: var(--axis-font-ui);
  font-size: 0.78rem;
  line-height: 1;
  white-space: nowrap;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .axis-sale-price ins .woocommerce-Price-amount {
  display: block;
  font-size: clamp(1.65rem, 4.4vw, 2.55rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--tight {
  font-size: clamp(1.4rem, 3.6vw, 2.1rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--compact {
  font-size: clamp(1.18rem, 3vw, 1.7rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-price .woocommerce-Price-amount.axis-price-fit--mini {
  font-size: clamp(1rem, 2.5vw, 1.35rem);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .quantity,
.axis-single-product__purchase form.axis-variations-enhanced--sites-only .quantity input {
  width: 100%;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .quantity {
  border-radius: 16px;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only .qty {
  min-height: 3.45rem;
}

.woocommerce div.product .axis-single-product__purchase form.axis-variations-enhanced--sites-only.cart .single_add_to_cart_button.button,
.woocommerce div.product .axis-single-product__purchase form.axis-variations-enhanced--sites-only.cart .single_add_to_cart_button.button.alt,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.axis-variations-enhanced--sites-only.cart button.single_add_to_cart_button.button,
.woocommerce-page .axis-single-product .axis-single-product__purchase form.axis-variations-enhanced--sites-only.cart button.single_add_to_cart_button.button.alt {
  white-space: nowrap;
}

.axis-quantity-control {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.8rem;
  padding: 0.72rem 0.78rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.34);
  border-radius: 16px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.12), transparent 8rem),
    rgba(var(--axis-bg-rgb), 0.22);
}

.axis-quantity-control__label {
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.axis-quantity-stepper {
  display: grid;
  grid-template-columns: 2.25rem minmax(3.4rem, 1fr) 2.25rem;
  align-items: center;
  gap: 0.34rem;
  min-width: 0;
}

.axis-single-product__purchase .axis-quantity-stepper__button {
  min-height: 2.25rem;
  padding: 0;
  border-radius: 12px;
  font-size: 1.05rem;
  line-height: 1;
}

.axis-quantity-stepper__value {
  display: grid;
  min-height: 2.25rem;
  place-items: center;
  border: 1px solid rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.34);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.18), rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.1)),
    rgba(var(--axis-card-rgb), 0.58);
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1;
}

.axis-quantity-stepper__value.is-changing {
  animation: axisQuantityPop 260ms ease;
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only.axis-variations-enhanced--quantity .woocommerce-variation-add-to-cart {
  grid-template-columns: minmax(0, 1fr);
}

.axis-single-product__purchase form.axis-variations-enhanced--sites-only.axis-variations-enhanced--quantity .woocommerce-variation-add-to-cart .quantity {
  display: none;
}

@keyframes axisQuantityPop {
  0% {
    transform: translateY(2px) scale(0.92);
  }

  55% {
    transform: translateY(-1px) scale(1.08);
  }

  100% {
    transform: translateY(0) scale(1);
  }
}

@media (max-width: 760px) {
  .axis-single-product__purchase form.variations_form.axis-variations-enhanced {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product__purchase form.axis-variations-enhanced--sites-only .single_variation_wrap,
  .axis-single-product__purchase form.axis-variations-enhanced--sites-only .woocommerce-variation-add-to-cart,
  .axis-single-product__purchase form.axis-variations-enhanced--price-panel .single_variation_wrap,
  .axis-single-product__purchase form.axis-variations-enhanced--price-panel .woocommerce-variation-add-to-cart {
    grid-template-columns: minmax(0, 1fr);
  }
}

.axis-light .axis-single-product__lead,
.axis-light .axis-single-product__purchase table.variations tr,
.axis-light .axis-single-product__purchase table.variations select {
  background-color: rgba(255, 255, 255, 0.54);
}

.axis-light .axis-single-product__purchase,
.axis-light .axis-single-product--pack .axis-single-product__purchase {
  background: rgba(255, 255, 255, 0.92);
}

.axis-light .axis-single-product__purchase form.axis-variations-enhanced .single_variation_wrap,
.axis-light .axis-single-product__purchase table.variations tr,
.axis-light .axis-quantity-control {
  background: rgba(255, 255, 255, 0.74);
  box-shadow: none;
}

.axis-light .axis-sale-price__badge {
  background:
    linear-gradient(135deg, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), rgba(var(--product-alt-rgb, var(--axis-blue-rgb)), 0.1)),
    #fff;
}

.axis-light .axis-single-product-details__content {
  background: rgba(255, 255, 255, 0.54);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-single-product__gallery,
.axis-light .axis-single-product--pack .axis-single-product__gallery {
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-single-product__pack-media,
.axis-light .axis-single-product__pack-thumb-media,
.axis-light .axis-single-product-details__content .woocommerce-tabs ul.tabs,
.axis-light .axis-single-product-details__content .woocommerce-Tabs-panel,
.axis-light .axis-product-story__stats div,
.axis-light .axis-product-story__card,
.axis-light .axis-product-story__flow {
  background-color: rgba(255, 255, 255, 0.5);
}

.axis-light .axis-single-product__pack-media {
  background:
    radial-gradient(circle at 50% 18%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.16), transparent 20rem),
    #071120;
}

.axis-light .axis-single-product-details__content .woocommerce-tabs ul.tabs li.active a {
  background:
    radial-gradient(circle at 20% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.13), transparent 10rem),
    rgba(255, 255, 255, 0.82);
}

.axis-light .axis-single-product-page {
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(var(--axis-blue-rgb), 0.08) 42% 42.14%, transparent 42.14%),
    linear-gradient(70deg, transparent 0 56%, rgba(var(--axis-olive-rgb), 0.065) 56% 56.14%, transparent 56.14%),
    radial-gradient(circle at 12% 8%, rgba(var(--axis-blue-rgb), 0.09), transparent 28rem),
    radial-gradient(circle at 86% 14%, rgba(var(--axis-purple-rgb), 0.09), transparent 26rem),
    radial-gradient(circle at 18% 42%, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.09), transparent 24rem),
    radial-gradient(circle at 58% 70%, rgba(var(--axis-olive-rgb), 0.07), transparent 24rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.028) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(15, 23, 42, 0.022) 1px, transparent 1px) 0 0 / 72px 72px,
    var(--axis-bg);
}

.axis-light .axis-store-hero {
  background:
    radial-gradient(circle at 12% 18%, rgba(var(--axis-accent-rgb), 0.12), transparent 24rem),
    radial-gradient(circle at 84% 12%, rgba(var(--axis-blue-rgb), 0.1), transparent 26rem),
    linear-gradient(180deg, #f8fafc, #eef3f8);
}

.axis-light .axis-single-product {
  background: transparent;
}

@media (max-width: 1040px) {
  .axis-store-path-grid,
  .axis-store-path-selector,
  .axis-store-tabs__nav,
  .axis-store-pack-grid,
  .axis-store-label-nav__grid,
  .axis-store-license-grid,
  .axis-single-product-offers__grid,
  .axis-single-product-workflow ol,
  .axis-single-product-editorial__content ul,
  .axis-single-product-editorial__content ol,
  .axis-single-product-details__content .woocommerce-Tabs-panel--description ul,
  .axis-single-product-details__content .woocommerce-Tabs-panel--description ol,
  .axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ul,
  .axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ol,
  .axis-related-products-tab ul.products,
  .axis-product-story__hero,
  .axis-single-product-details__content .axis-product-story__flow ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-product-story__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axis-store-app-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axis-store-app-grid--all {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axis-store-page ul.products {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .axis-store-page ul.products li.product.axis-product-card,
  .axis-store-page ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(8) {
    grid-column: span 3;
  }

  .axis-single-product-details ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

	  .axis-store-hero__layout,
	  .axis-pack-detail__layout,
	  .axis-pack-detail__grid,
	  .axis-pack-image-catalog__header,
	  .axis-pack-app-gallery__header,
	  .axis-single-product__layout,
	  .axis-single-product--pack .axis-single-product__layout,
	  .axis-store-includes__layout,
	  .axis-single-product-details__grid {
	    grid-template-columns: minmax(0, 1fr);
	  }

	  .axis-pack-image-catalog__grid,
	  .axis-pack-app-gallery__grid {
	    grid-template-columns: repeat(6, minmax(0, 1fr));
	  }

	  .axis-pack-image-card,
	  .axis-pack-image-card--featured,
	  .axis-pack-image-card:nth-child(2),
	  .axis-pack-image-card:nth-child(9) {
	    grid-column: span 3;
	  }

	  .axis-pack-app-visual,
	  .axis-pack-app-visual:nth-child(1),
	  .axis-pack-app-visual:nth-child(5),
	  .axis-pack-app-visual:nth-child(6),
	  .axis-pack-app-visual:nth-child(8),
	  .axis-pack-app-visual:nth-child(11),
	  .axis-pack-app-visual:nth-child(12) {
	    grid-column: span 3;
	  }

	  .axis-single-product__pack-gallery {
	    grid-template-columns: minmax(0, 1fr);
	    min-height: 0;
	  }

	  .axis-single-product__pack-media {
	    min-height: clamp(24rem, 58vw, 34rem);
	    aspect-ratio: 16 / 11;
	  }

	  .axis-pack-detail__apps {
	    grid-template-columns: repeat(2, minmax(0, 1fr));
	  }

  .axis-store-spotlight {
    min-height: auto;
  }
}

@media (max-width: 700px) {
  .axis-store-choice-bar,
  .axis-store-choice-toggle {
    align-items: stretch;
  }

  .axis-store-choice-toggle,
  .axis-store-choice-toggle > div {
    width: 100%;
  }

  .axis-store-hero,
  .axis-single-product {
    padding-top: 7rem;
  }

  .axis-store-metrics,
  .axis-pack-detail__apps,
  .axis-store-path-grid,
  .axis-store-path-selector,
  .axis-store-tabs__nav,
  .axis-store-pack-grid,
	  .axis-store-app-grid,
	  .axis-store-app-grid--all,
	  .axis-pack-image-catalog__grid,
	  .axis-pack-app-gallery__grid,
	  .axis-store-page ul.products,
	  .axis-single-product-details ul.products,
	  .axis-store-label-nav__grid,
  .axis-store-license-grid,
  .axis-single-product-offers__grid,
  .axis-single-product-workflow ol,
  .axis-single-product-editorial__content ul,
  .axis-single-product-editorial__content ol,
  .axis-single-product-details__content .woocommerce-Tabs-panel--description ul,
  .axis-single-product-details__content .woocommerce-Tabs-panel--description ol,
  .axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ul,
  .axis-single-product-details__content .woocommerce-Tabs-panel#tab-description ol,
  .axis-related-products-tab ul.products,
  .axis-single-product__proof,
  .axis-product-card__actions,
  .axis-product-story__hero,
  .axis-product-story__grid,
  .axis-single-product-details__content .axis-product-story__flow ol {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product-details__content .woocommerce-tabs ul.tabs {
    grid-template-columns: minmax(0, 1fr);
    border-radius: 22px 22px 0 0;
  }

  .axis-single-product-details__content .woocommerce-tabs ul.tabs a {
    min-height: 3rem;
  }

  .axis-store-page ul.products li.product.axis-product-card,
  .axis-store-page ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(7),
	  .axis-store-page ul.products li.product.axis-product-card:nth-child(8) {
	    grid-column: auto;
	  }

	  .axis-pack-image-card,
	  .axis-pack-image-card--featured,
	  .axis-pack-image-card:nth-child(2),
	  .axis-pack-image-card:nth-child(9) {
	    grid-column: auto;
	  }

	  .axis-pack-lightbox {
	    padding: 0.75rem;
	  }

	  .axis-pack-lightbox__frame {
	    border-radius: 22px;
	  }

	  .axis-pack-app-visual,
	  .axis-pack-app-visual:nth-child(1),
	  .axis-pack-app-visual:nth-child(5),
	  .axis-pack-app-visual:nth-child(6),
	  .axis-pack-app-visual:nth-child(8),
	  .axis-pack-app-visual:nth-child(11),
	  .axis-pack-app-visual:nth-child(12) {
	    grid-column: auto;
	    min-height: 0;
	  }

	  .axis-pack-app-gallery__header h2 {
	    max-width: 12ch;
	  }

	  .axis-pack-app-visual__media {
	    min-height: 12rem;
	  }

	  .axis-store-spotlight__grid {
	    grid-template-columns: minmax(0, 1fr);
	  }

  .axis-store-spotlight__item:first-child {
    grid-row: auto;
  }

  .axis-store-pack-card ul,
  .axis-store-pack-card:first-child ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pack-detail__media {
    min-height: 18rem;
  }

  .axis-pack-detail__copy h1 {
    max-width: 11ch;
  }

  .axis-store-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .axis-store-toolbar select,
  .axis-store-toolbar .woocommerce-ordering {
    width: 100%;
  }

  .axis-single-product--pack {
    padding-top: 6.4rem;
    padding-bottom: 2rem;
  }

  .axis-single-product__layout {
    gap: 1.35rem;
  }

  .axis-single-product--pack h1 {
    max-width: 10ch;
    font-size: clamp(2.45rem, 13vw, 4rem);
  }

  .axis-single-product__lead {
    margin-top: 0.9rem;
    font-size: 1rem;
  }

  .axis-single-product__app-summary {
    display: none;
  }

  .axis-single-product__pack-media {
    min-height: clamp(19rem, 68vw, 25rem);
    border-radius: 22px;
  }

  .axis-single-product__pack-media img {
    border-radius: 21px;
  }

  .axis-single-product__pack-thumbs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: 100%;
    gap: 0.45rem;
  }

  .axis-single-product__pack-thumb-media {
    border-radius: 11px;
  }

  .axis-single-product__purchase {
    padding: 1rem;
    border-radius: 20px;
  }

  .axis-single-product__purchase .woocommerce-variation-add-to-cart,
  .axis-single-product__purchase form.cart:not(.variations_form) {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product__purchase .quantity,
  .axis-single-product__purchase .qty {
    width: 100%;
  }

  .axis-single-product__purchase table.variations tr {
    padding: 0.62rem;
    border-radius: 16px;
  }

  .axis-single-product-details {
    padding-bottom: 3rem;
  }

  .axis-single-product-details__content {
    border-radius: 22px;
  }

  .axis-single-product-details__content .woocommerce-tabs ul.tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.18rem;
    padding: 0.25rem;
    border-radius: 22px 22px 0 0;
  }

  .axis-single-product-details__content .woocommerce-tabs ul.tabs a {
    min-height: 2.8rem;
    padding: 0.56rem 0.35rem;
    border-radius: 15px;
    font-size: 0.72rem;
    line-height: 1.1;
  }

  .axis-single-product-details__content .woocommerce-Tabs-panel {
    padding: 1rem;
  }

  .axis-product-story__hero,
  .axis-product-story__card,
  .axis-product-story__flow {
    padding: 0.95rem;
    border-radius: 18px;
  }

  .axis-product-story__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
  }

  .axis-product-story__stats div {
    min-height: 5.4rem;
    padding: 0.68rem;
  }

  .axis-product-story__stats strong {
    font-size: 1.35rem;
  }

  .axis-product-story__stats span {
    font-size: 0.68rem;
  }

  .axis-product-story__card {
    min-height: 0;
  }

  .woocommerce #reviews #comments,
  .woocommerce #reviews #review_form_wrapper {
    padding: 0.9rem;
    border-radius: 18px;
  }

  .woocommerce #reviews #comments ol.commentlist li .comment_container,
  .woocommerce #reviews ol.commentlist li .comment_container {
    grid-template-columns: minmax(0, 1fr);
  }

  .woocommerce #reviews #comments ol.commentlist li img.avatar,
  .woocommerce #reviews ol.commentlist li img.avatar {
    width: 2.4rem;
    height: 2.4rem;
  }
}

/* Store Customizer presets. */
.axis-store-category-nav--commerce {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.72rem;
  margin-bottom: clamp(1.1rem, 2.4vw, 1.6rem);
}

.axis-store-category-nav--commerce a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "icon title"
    "icon copy";
  min-height: 4.5rem;
  padding: 0.78rem;
  border-radius: 18px;
}

.axis-store-category-nav--commerce a > span {
  grid-area: icon;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 14px;
}

.axis-store-category-nav--commerce a > span svg {
  width: 1.05rem;
  height: 1.05rem;
}

.axis-store-category-nav--commerce a > strong,
.axis-store-category-nav--commerce a > em {
  min-width: 0;
}

.axis-store-category-nav--commerce a > strong {
  grid-area: title;
  overflow: hidden;
  color: var(--axis-ink);
  font-weight: 950;
  line-height: 1.1;
  text-overflow: ellipsis;
}

.axis-store-category-nav--commerce a > em {
  grid-area: copy;
  overflow: hidden;
  color: var(--axis-muted);
  font-size: 0.76rem;
  font-style: normal;
  font-weight: 780;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-store-page--preset-vitrine .axis-store-pack-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
}

.axis-store-page--preset-vitrine .axis-store-pack-card {
  grid-column: span 4;
}

.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(1),
.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(7) {
  grid-column: span 5;
}

.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(2),
.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(8) {
  grid-column: span 4;
}

.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(3),
.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(9) {
  grid-column: span 3;
}

.axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(5n) {
  grid-column: span 6;
}

.axis-store-page--columns-2:not(.axis-store-page--preset-vitrine):not(.axis-store-page--preset-list):not(.axis-store-page--preset-showcase) .axis-store-pack-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-store-page--columns-3:not(.axis-store-page--preset-vitrine):not(.axis-store-page--preset-list):not(.axis-store-page--preset-showcase) .axis-store-pack-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.axis-store-page--columns-4:not(.axis-store-page--preset-vitrine):not(.axis-store-page--preset-list):not(.axis-store-page--preset-showcase) .axis-store-pack-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.axis-store-page--preset-showcase .axis-store-pack-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-store-page--preset-showcase .axis-store-pack-card {
  min-height: 35rem;
}

.axis-store-page--preset-showcase .axis-store-pack-card__image {
  aspect-ratio: 16 / 9.2;
}

.axis-store-page--preset-list .axis-store-pack-grid {
  grid-template-columns: minmax(0, 1fr);
}

.axis-store-page--preset-list .axis-store-pack-card {
  grid-template-columns: minmax(16rem, 0.34fr) minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  min-height: 0;
}

.axis-store-page--preset-list .axis-store-pack-card__image {
  grid-column: 1;
  grid-row: 1 / 4;
  height: 100%;
  min-height: 18rem;
  aspect-ratio: auto;
  border-right: 1px solid rgba(var(--pack-rgb), 0.24);
  border-bottom: 0;
}

.axis-store-page--preset-list .axis-store-pack-card__main,
.axis-store-page--preset-list .axis-store-pack-card__apps,
.axis-store-page--preset-list .axis-store-pack-card__commerce {
  grid-column: 2;
}

.axis-store-page--preset-list .axis-store-pack-card__main {
  grid-row: 1;
}

.axis-store-page--preset-list .axis-store-pack-card__apps {
  grid-row: 2;
  padding-bottom: 0.7rem;
}

.axis-store-page--preset-list .axis-store-pack-card__commerce {
  grid-row: 3;
}

.axis-store-page--preset-list .axis-store-pack-card__main h2 {
  max-width: 18ch;
  font-size: clamp(1.8rem, 3.2vw, 3rem);
}

.axis-store-page--preset-compact .axis-store-pack-card {
  border-radius: 22px;
}

.axis-store-page--preset-compact .axis-store-pack-card__image {
  aspect-ratio: 16 / 6.8;
}

.axis-store-page--preset-compact .axis-store-pack-card__main {
  gap: 0.46rem;
  padding: 0.92rem 0.92rem 0;
}

.axis-store-page--preset-compact .axis-store-pack-card__main h2 {
  font-size: clamp(1.35rem, 2.2vw, 2.05rem);
}

.axis-store-page--preset-compact .axis-store-pack-card__main p,
.axis-store-page--preset-compact .axis-store-pack-card__apps {
  display: none;
}

.axis-store-page--preset-compact .axis-store-pack-card__commerce {
  margin: 0.78rem 0.92rem 0.92rem;
}

.axis-store-page--card-clean .axis-store-pack-card {
  border-color: rgba(var(--axis-border-rgb), 0.66);
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.84), rgba(var(--axis-surface-rgb), 0.58)),
    rgba(var(--axis-bg-rgb), 0.2);
}

.axis-store-page--card-clean .axis-store-pack-card__image {
  background: rgba(var(--axis-bg-rgb), 0.36);
}

.axis-store-page--card-clean .axis-store-pack-card__image::after {
  opacity: 0.42;
}

.axis-store-page--card-poster .axis-store-pack-card__image {
  aspect-ratio: 16 / 11;
}

.axis-store-page--card-poster .axis-store-pack-card__main h2 {
  max-width: 11ch;
  font-size: clamp(2rem, 3.4vw, 3.35rem);
}

.axis-store-page--card-ledger .axis-store-pack-card {
  background:
    linear-gradient(90deg, rgba(var(--pack-rgb), 0.24), transparent 42%) top / 100% 3px no-repeat,
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.86), rgba(var(--axis-bg-rgb), 0.48));
}

.axis-store-page--card-ledger .axis-store-pack-card__commerce {
  border-radius: 16px;
  background: rgba(var(--axis-bg-rgb), 0.46);
}

.axis-store-page--card-compact .axis-store-pack-card__image {
  aspect-ratio: 16 / 6.4;
}

.axis-store-page--card-compact .axis-store-pack-card__kind--soft,
.axis-store-page--card-compact .axis-store-pack-card__apps {
  display: none;
}

.axis-store-page--preset-home .axis-store-pack-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
}

.axis-store-page--preset-home .axis-store-pack-card {
  position: relative;
  display: grid;
  min-height: 430px;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  align-content: stretch;
  gap: 0.88rem;
  overflow: hidden;
  padding: clamp(1.1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--pack-rgb), 0.28);
  border-radius: 24px;
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-olive-rgb), 0.14), transparent 14rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    rgba(12, 22, 38, 0.9);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22);
}

.axis-store-page--preset-home .axis-store-pack-card::after {
  position: absolute;
  right: -18%;
  bottom: -18%;
  width: 56%;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.18);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.13), transparent 68%);
  animation: axisScenarioOrbit 16s linear infinite;
  content: "";
  pointer-events: none;
}

.axis-store-page--preset-home .axis-store-pack-card__image {
  display: none;
}

.axis-store-page--preset-home .axis-store-pack-card__main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-row: 1;
  gap: 0.72rem;
  padding: 0;
}

.axis-store-page--preset-home .axis-store-pack-card__status {
  grid-row: 1;
  gap: 0.82rem;
}

.axis-store-page--preset-home .axis-store-pack-card__status > span {
  width: 3rem;
  height: 3rem;
  border-color: rgba(var(--axis-blue-rgb), 0.25);
  border-radius: 16px;
  background: rgba(var(--axis-blue-rgb), 0.1);
  color: var(--axis-patina);
}

.axis-store-page--preset-home .axis-store-pack-card__status small {
  display: none;
}

.axis-store-page--preset-home .axis-store-pack-card__count {
  width: fit-content;
  padding: 0.32rem 0.58rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.25);
  border-radius: 999px;
  background: rgba(var(--axis-olive-rgb), 0.08);
  color: var(--axis-patina);
  font-family: var(--axis-font-ui);
  font-size: 0.72rem;
  font-weight: 950;
  line-height: 1.1;
  text-transform: uppercase;
}

.axis-store-page--preset-home .axis-store-pack-card__main h2 {
  grid-row: auto;
  max-width: none;
  font-size: clamp(1.45rem, 2.4vw, 2.05rem);
  font-weight: 950;
  line-height: 0.98;
}

.axis-store-page--preset-home .axis-store-pack-card__main p {
  grid-row: 2;
  max-width: none;
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.5;
}

.axis-store-page--preset-home .axis-store-pack-card__commerce {
  position: relative;
  z-index: 1;
  display: contents;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.axis-store-page--preset-home .axis-store-pack-card__price {
  display: grid;
  grid-row: 2;
  gap: 0.12rem;
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
}

.axis-store-page--preset-home .axis-store-pack-card__price > span {
  color: var(--axis-patina);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.axis-store-page--preset-home .axis-store-pack-card__price strong {
  font-size: clamp(2.35rem, 4vw, 3.4rem);
  font-weight: 950;
  letter-spacing: 0;
  line-height: 0.9;
}

.axis-store-page--preset-home .axis-store-pack-card__price .woocommerce-Price-amount {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  text-transform: none;
}

.axis-store-page--preset-home .axis-store-pack-card__price .woocommerce-Price-currencySymbol {
  margin-left: 0.12rem;
  font-family: var(--axis-font-ui);
  font-size: 0.66em;
  font-weight: 900;
  vertical-align: 0.08em;
}

.axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price__stack {
  gap: 0.38rem;
}

.axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price__topline {
  gap: 0.58rem;
  margin-bottom: 0.02rem;
}

.axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price del {
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(1.16rem, 1.75vw, 1.48rem);
  font-weight: 950;
  letter-spacing: 0;
  text-decoration-thickness: 0.14em;
}

.axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price__badge {
  min-height: 1.92rem;
  padding: 0.36rem 0.76rem;
  border-color: rgba(var(--pack-rgb), 0.58);
  background:
    linear-gradient(135deg, rgba(var(--pack-rgb), 0.32), rgba(var(--axis-blue-rgb), 0.16)),
    rgba(var(--axis-card-rgb), 0.64);
  color: var(--axis-ink);
  font-size: 0.86rem;
  box-shadow: 0 0 22px rgba(var(--pack-rgb), 0.18);
}

.axis-store-page--preset-home .axis-store-variation-pricing {
  position: relative;
  z-index: 1;
  grid-row: 3;
  padding: 0.58rem;
  border-color: rgba(var(--axis-olive-rgb), 0.18);
  background: rgba(var(--axis-bg-rgb), 0.16);
}

.axis-store-page--preset-home .axis-store-variation-pricing__row {
  background: rgba(var(--axis-card-rgb), 0.22);
}

.axis-store-page--preset-home .axis-store-pack-card__apps {
  position: relative;
  z-index: 1;
  display: grid;
  grid-row: 4;
  align-self: start;
  gap: 0.52rem;
  margin: 0;
  padding: 0;
}

.axis-store-page--preset-home .axis-store-pack-card__apps li {
  gap: 0.48rem;
  font-size: 0.84rem;
  font-weight: 750;
}

.axis-store-page--preset-home .axis-store-pack-card__apps li svg {
  width: 0.92rem;
  height: 0.92rem;
  margin-top: 0.1rem;
  color: var(--axis-patina);
}

.axis-store-page--preset-home .axis-store-pack-card__actions {
  position: relative;
  z-index: 1;
  grid-row: 5;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 0.62rem;
  margin-top: auto;
}

.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta,
.axis-store-page--preset-home .axis-store-pack-buy,
.woocommerce .axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-pack-buy.add_to_cart_button {
  width: 100%;
  min-height: 2.62rem;
  margin: 0;
  padding: 0.72rem 0.82rem;
  border-radius: 999px;
  font-size: 0.78rem;
  line-height: 1;
  white-space: nowrap;
}

.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta {
  border: 1px solid rgba(var(--pack-rgb), 0.32);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    rgba(var(--axis-card-rgb), 0.2);
  color: var(--axis-ink);
  font-weight: 950;
}

.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta:hover {
  border-color: rgba(var(--pack-rgb), 0.54);
  background: rgba(var(--pack-rgb), 0.14);
  color: var(--axis-ink);
  transform: translateY(-1px);
}

.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta:hover svg,
.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta:focus-visible svg {
  transform: translateX(4px);
}

.axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-card-cta svg {
  transition: transform 0.2s ease;
}

.axis-store-page--preset-home .axis-store-pack-buy,
.woocommerce .axis-store-page--preset-home .axis-store-pack-card__actions .axis-store-pack-buy.add_to_cart_button {
  border-color: rgba(var(--pack-rgb), 0.36);
  background:
    linear-gradient(135deg, rgba(var(--pack-rgb), 0.22), rgba(var(--pack-rgb), 0.08)),
    rgba(var(--axis-card-rgb), 0.24);
}

.axis-light .axis-store-page--preset-home .axis-store-pack-card {
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-olive-rgb), 0.11), transparent 14rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.88), rgba(var(--axis-surface-rgb), 0.7)),
    rgba(255, 255, 255, 0.82);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.1);
}

.axis-light .axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price del {
  color: rgba(15, 23, 42, 0.64);
}

.axis-light .axis-store-page--preset-home .axis-store-pack-card__price .axis-sale-price__badge {
  background:
    linear-gradient(135deg, rgba(var(--pack-rgb), 0.18), rgba(var(--axis-blue-rgb), 0.08)),
    rgba(255, 255, 255, 0.78);
}

.axis-store-page--columns-2 ul.products li.product.axis-product-card,
.axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(5n),
.axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(7),
.axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 6;
}

.axis-store-page--columns-3 ul.products li.product.axis-product-card,
.axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(5n),
.axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(7),
.axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 4;
}

.axis-store-page--columns-4 ul.products li.product.axis-product-card,
.axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(5n),
.axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(7),
.axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 3;
}

.axis-store-page--preset-vitrine ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--preset-vitrine ul.products li.product.axis-product-card:nth-child(7) {
  grid-column: span 7;
}

.axis-store-page--preset-vitrine ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--preset-vitrine ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 5;
}

.axis-store-page--preset-vitrine ul.products li.product.axis-product-card:nth-child(5n) {
  grid-column: span 6;
}

.axis-store-page--preset-showcase ul.products li.product.axis-product-card,
.axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(5n),
.axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(7),
.axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: span 6;
  min-height: 34rem;
}

.axis-store-page--preset-list ul.products {
  grid-template-columns: minmax(0, 1fr);
}

.axis-store-page--preset-list ul.products li.product.axis-product-card,
.axis-store-page--preset-list ul.products li.product.axis-product-card:nth-child(1),
.axis-store-page--preset-list ul.products li.product.axis-product-card:nth-child(2),
.axis-store-page--preset-list ul.products li.product.axis-product-card:nth-child(5n),
.axis-store-page--preset-list ul.products li.product.axis-product-card:nth-child(7),
.axis-store-page--preset-list ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: 1 / -1;
  min-height: 0;
}

.axis-store-page--preset-list .axis-product-card {
  grid-template-columns: minmax(220px, 0.34fr) minmax(0, 1fr);
}

.axis-store-page--preset-list .axis-product-card__media {
  min-height: 100%;
  aspect-ratio: auto;
}

.axis-store-page--preset-compact ul.products li.product.axis-product-card {
  min-height: 0;
}

.axis-store-page--preset-compact .axis-product-card__media {
  min-height: 9.5rem;
}

.axis-store-page--preset-compact .axis-product-card__body {
  gap: 0.58rem;
  padding: 0.9rem;
}

.axis-store-page--preset-compact .axis-product-card__excerpt,
.axis-store-page--preset-compact .axis-product-card__offers {
  display: none;
}

.axis-store-page--card-clean .axis-product-card__visual {
  display: none;
}

.axis-store-page--card-clean .axis-product-card__media img {
  opacity: 1;
  mix-blend-mode: normal;
}

.axis-store-page--card-clean .axis-product-card__media {
  min-height: 15rem;
  background: rgba(var(--axis-bg-rgb), 0.58);
}

.axis-store-page--card-poster .axis-product-card__media {
  min-height: clamp(17rem, 25vw, 24rem);
}

.axis-store-page--card-poster .axis-product-card__visual {
  align-items: end;
  inset: 0.8rem;
}

.axis-store-page--card-ledger .axis-product-card {
  background:
    linear-gradient(180deg, rgba(var(--axis-card-rgb), 0.84), rgba(var(--axis-bg-rgb), 0.42)),
    linear-gradient(90deg, rgba(var(--product-rgb), 0.22), transparent 38%);
}

.axis-store-page--card-ledger .axis-product-card__media {
  min-height: 10.5rem;
}

.axis-store-page--card-ledger .axis-product-card__meta {
  padding-top: 0.7rem;
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.32);
}

.axis-store-page--card-compact .axis-product-card__media {
  min-height: 8.5rem;
}

.axis-store-page--card-compact .axis-product-card__visual-copy i,
.axis-store-page--card-compact .axis-product-card__offers,
.axis-store-page--card-compact .axis-product-card__stock {
  display: none;
}

.axis-product-card__actions--1,
.axis-store-pack-card__actions--1 {
  grid-template-columns: minmax(0, 1fr);
}

.axis-single-product--preset-compact .axis-single-product__layout {
  gap: clamp(1.2rem, 3vw, 2.4rem);
}

.axis-single-product--preset-compact h1 {
  font-size: clamp(2.35rem, 4.8vw, 4.8rem);
}

.axis-single-product--preset-minimal .axis-single-product__app-summary,
.axis-single-product--preset-minimal .axis-single-product__stock {
  display: none;
}

.axis-single-product--preset-minimal .axis-single-product__purchase {
  background: rgba(var(--axis-card-rgb), 0.42);
}

.axis-single-product--preset-showcase .axis-single-product__pack-media {
  min-height: clamp(28rem, 44vw, 38rem);
}

.axis-single-product--preset-editorial .axis-single-product__layout {
  align-items: start;
}

.axis-single-product--sticky-purchase .axis-single-product__summary {
  align-self: start;
}

.axis-single-product--sticky-purchase .axis-single-product__purchase {
  position: sticky;
  top: 7.2rem;
  z-index: 2;
}

.axis-single-product--gallery-left .axis-single-product__pack-gallery,
.axis-single-product--gallery-right .axis-single-product__pack-gallery {
  grid-template-columns: minmax(5.6rem, 7rem) minmax(0, 1fr);
  align-items: start;
}

.axis-single-product--gallery-left .axis-single-product__pack-media {
  order: 2;
}

.axis-single-product--gallery-left .axis-single-product__pack-thumbs {
  order: 1;
}

.axis-single-product--gallery-right .axis-single-product__pack-gallery {
  grid-template-columns: minmax(0, 1fr) minmax(5.6rem, 7rem);
}

.axis-single-product--gallery-right .axis-single-product__pack-media {
  order: 1;
}

.axis-single-product--gallery-right .axis-single-product__pack-thumbs {
  order: 2;
}

.axis-single-product--gallery-left .axis-single-product__pack-thumbs,
.axis-single-product--gallery-right .axis-single-product__pack-thumbs {
  grid-template-columns: minmax(0, 1fr);
  width: 100%;
  max-height: clamp(25rem, 38vw, 33rem);
  overflow: auto;
  padding-right: 0.12rem;
  scrollbar-width: thin;
}

.axis-single-product--gallery-left .axis-single-product__pack-thumb-media,
.axis-single-product--gallery-right .axis-single-product__pack-thumb-media {
  aspect-ratio: 1 / 1;
}

.axis-single-product--gallery-grid .axis-single-product__pack-thumbs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
}

.axis-single-product--gallery-grid .axis-single-product__pack-thumb-media {
  aspect-ratio: 16 / 10;
}

.axis-single-product--gallery-mosaic .axis-single-product__pack-thumbs {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-flow: dense;
  width: 100%;
}

.axis-single-product--gallery-mosaic .axis-single-product__pack-thumb {
  min-height: 100%;
}

.axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(1),
.axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(6n) {
  grid-column: span 2;
  grid-row: span 2;
}

.axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(3n) {
  grid-column: span 2;
}

.axis-single-product--gallery-mosaic .axis-single-product__pack-thumb-media {
  height: 100%;
  min-height: 5.4rem;
}

.axis-single-product-details__layout {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
  align-items: start;
}

.axis-single-product-details--related-side .axis-single-product-details__layout {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 0.34fr);
}

.axis-single-product-details__aside {
  padding: clamp(0.85rem, 1.6vw, 1rem);
  border-color: rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.26);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.12), transparent 14rem),
    rgba(var(--axis-card-rgb), 0.42);
  box-shadow: none;
}

.axis-single-product-related {
  display: grid;
  gap: 0.85rem;
}

.axis-single-product-related .related.products {
  margin: 0;
}

.axis-single-product-related .related.products > h2 {
  margin: 0 0 0.9rem;
}

.axis-single-product-related--bottom {
  margin-top: clamp(2.35rem, 5vw, 4.25rem);
}

.axis-single-product-related ul.products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.78rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-single-product-related--side ul.products {
  grid-template-columns: minmax(0, 1fr);
}

.axis-single-product-related ul.products::before,
.axis-single-product-related ul.products::after {
  display: none;
}

.axis-single-product-related ul.products li.product.axis-product-card,
.axis-single-product-related ul.products li.product.axis-product-card:nth-child(1),
.axis-single-product-related ul.products li.product.axis-product-card:nth-child(2),
.axis-single-product-related ul.products li.product.axis-product-card:nth-child(5n),
.axis-single-product-related ul.products li.product.axis-product-card:nth-child(7),
.axis-single-product-related ul.products li.product.axis-product-card:nth-child(8) {
  grid-column: auto;
  min-height: 0;
}

.axis-single-product-related .axis-product-card,
.axis-related-products-tab .axis-product-card {
  border-radius: 18px;
}

.axis-single-product-related .axis-product-card__media,
.axis-related-products-tab .axis-product-card__media {
  min-height: 7.2rem;
  height: 7.2rem;
}

.axis-single-product-related .axis-product-card__topline,
.axis-single-product-related .axis-product-card__excerpt,
.axis-single-product-related .axis-product-card__offers,
.axis-single-product-related .axis-product-card__stock {
  display: none;
}

.axis-single-product-related .axis-product-card__body {
  gap: 0.52rem;
  padding: 0.8rem;
}

.axis-single-product-related .axis-product-card__title {
  font-size: 1rem;
}

.axis-single-product-related .axis-product-card__price {
  font-size: 1.15rem;
}

.axis-single-product-related .axis-product-card__actions {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.42rem;
}

.axis-single-product-related .axis-product-card-detail,
.axis-single-product-related .axis-product-card-buy {
  min-height: 2.4rem;
  padding: 0.58rem 0.68rem;
  border-radius: 12px;
  font-size: 0.76rem;
}

.axis-single-product-related .axis-product-card,
.axis-related-products-tab .axis-product-card {
  overflow: hidden;
  min-height: 0;
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  border-radius: 22px;
  background:
    radial-gradient(circle at 18% 0, rgba(var(--product-rgb), 0.18), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.018)),
    rgba(var(--axis-card-rgb), 0.82);
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.22);
}

.axis-single-product-related .axis-product-card__media,
.axis-related-products-tab .axis-product-card__media {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 9.35rem;
  height: 9.35rem;
  overflow: hidden;
  border-bottom: 1px solid rgba(var(--axis-blue-rgb), 0.12);
  background:
    radial-gradient(circle at 16% 22%, rgba(var(--product-rgb), 0.24), transparent 8rem),
    radial-gradient(circle at 82% 8%, rgba(var(--product-alt-rgb), 0.2), transparent 8rem),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.12) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 32px 32px,
    rgba(var(--axis-bg-rgb), 0.82);
}

.axis-single-product-related .axis-product-card__media > img,
.axis-related-products-tab .axis-product-card__media > img,
.axis-single-product-related .axis-product-card__media > picture,
.axis-related-products-tab .axis-product-card__media > picture {
  display: none !important;
}

.axis-single-product-related .axis-product-card__visual,
.axis-related-products-tab .axis-product-card__visual {
  inset: 0.78rem;
  min-height: 0;
  grid-template-columns: 4rem minmax(0, 1fr);
  align-items: center;
  gap: 0.82rem;
  padding: 0.88rem;
  border-color: rgba(var(--product-rgb), 0.34);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-bg-rgb), 0.66), rgba(var(--axis-card-rgb), 0.46)),
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb), 0.26), transparent 9rem);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-single-product-related .axis-product-card__visual::before,
.axis-related-products-tab .axis-product-card__visual::before {
  position: absolute;
  right: 0.9rem;
  bottom: 0.82rem;
  left: 0.9rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgb(var(--product-rgb)), rgb(var(--product-alt-rgb)), transparent);
  content: "";
  opacity: 0.9;
}

.axis-single-product-related .axis-product-card__visual::after,
.axis-related-products-tab .axis-product-card__visual::after {
  position: absolute;
  top: 0.88rem;
  right: 0.88rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 999px;
  background: rgb(var(--product-alt-rgb));
  box-shadow: 0 0 22px rgba(var(--product-alt-rgb), 0.42);
  content: "";
}

.axis-single-product-related .axis-product-card__visual-icon,
.axis-related-products-tab .axis-product-card__visual-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 18px;
  background:
    radial-gradient(circle at 34% 25%, rgba(255, 255, 255, 0.16), transparent 3rem),
    rgba(var(--product-rgb), 0.18);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24);
}

.axis-single-product-related .axis-product-card__visual-icon svg,
.axis-related-products-tab .axis-product-card__visual-icon svg {
  width: 1.55rem;
  height: 1.55rem;
}

.axis-single-product-related .axis-product-card__visual-copy,
.axis-related-products-tab .axis-product-card__visual-copy {
  align-self: center;
  gap: 0.34rem;
  padding-right: 0.85rem;
}

.axis-single-product-related .axis-product-card__visual-copy strong,
.axis-related-products-tab .axis-product-card__visual-copy strong {
  display: -webkit-box;
  overflow: hidden;
  color: var(--axis-ink);
  font-size: clamp(0.82rem, 1vw, 0.98rem);
  line-height: 1.08;
  overflow-wrap: normal;
  text-transform: uppercase;
  word-break: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.axis-single-product-related .axis-product-card__visual-copy i,
.axis-related-products-tab .axis-product-card__visual-copy i {
  height: 0.38rem;
  background: rgba(var(--product-rgb), 0.32);
}

.axis-single-product-related .axis-product-card__visual-copy i:nth-child(3),
.axis-related-products-tab .axis-product-card__visual-copy i:nth-child(3) {
  width: 62%;
}

.axis-single-product-related .axis-product-card__visual-copy i:nth-child(4),
.axis-related-products-tab .axis-product-card__visual-copy i:nth-child(4) {
  width: 38%;
}

.axis-single-product-related .axis-product-card__body,
.axis-related-products-tab .axis-product-card__body {
  gap: 0.68rem;
  padding: 1rem;
}

.axis-single-product-related .axis-product-card__title,
.axis-related-products-tab .axis-product-card__title {
  font-size: 0.98rem;
  line-height: 1.2;
}

.axis-single-product-related .axis-product-card__title a,
.axis-related-products-tab .axis-product-card__title a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.axis-single-product-related .axis-product-card__price,
.axis-related-products-tab .axis-product-card__price {
  color: var(--axis-ink);
  font-size: clamp(1.04rem, 1.25vw, 1.24rem);
  line-height: 1.18;
}

.axis-single-product-related .axis-product-card__actions,
.axis-related-products-tab .axis-product-card__actions {
  gap: 0.5rem;
  margin-top: 0.12rem;
}

.axis-single-product-related .axis-product-card-detail,
.axis-single-product-related .axis-product-card-buy,
.axis-related-products-tab .axis-product-card-detail,
.axis-related-products-tab .axis-product-card-buy {
  min-height: 2.52rem;
  border-radius: 14px;
  font-weight: 950;
}

.axis-light .axis-single-product-related .axis-product-card,
.axis-light .axis-related-products-tab .axis-product-card {
  background:
    radial-gradient(circle at 18% 0, rgba(var(--product-rgb), 0.14), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 248, 252, 0.86));
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.1);
}

.axis-light .axis-single-product-related .axis-product-card__visual,
.axis-light .axis-related-products-tab .axis-product-card__visual {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.74), rgba(243, 246, 251, 0.66)),
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb), 0.18), transparent 9rem);
}

.axis-single-product-details--stacked .woocommerce-tabs ul.tabs,
.axis-single-product-details--split .woocommerce-tabs ul.tabs {
  display: none;
}

.axis-single-product-details--stacked .woocommerce-tabs,
.axis-single-product-details--split .woocommerce-tabs {
  display: grid;
  gap: 1rem;
}

.axis-single-product-details--stacked .woocommerce-Tabs-panel,
.axis-single-product-details--split .woocommerce-Tabs-panel {
  display: block !important;
  padding: clamp(1rem, 2.2vw, 1.5rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.36);
  border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(var(--product-rgb, var(--axis-accent-rgb)), 0.08), transparent 16rem),
    rgba(var(--axis-bg-rgb), 0.2);
}

.axis-single-product-details--split .woocommerce-tabs {
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
}

.axis-single-product-details--split #tab-description {
  grid-column: 1;
}

.axis-single-product-details--split #tab-reviews,
.axis-single-product-details--split #tab-additional_information {
  grid-column: 2;
}

.axis-single-product-details--split #tab-related_products {
  grid-column: 1 / -1;
}

@media (max-width: 1040px) {
  .axis-store-category-nav--commerce,
  .axis-single-product-details--related-side .axis-single-product-details__layout,
  .axis-single-product-details--split .woocommerce-tabs {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-store-page--preset-vitrine .axis-store-pack-grid,
  .axis-store-page--preset-showcase .axis-store-pack-grid,
  .axis-store-page--preset-home .axis-store-pack-grid,
  .axis-store-page--columns-4:not(.axis-store-page--preset-list) .axis-store-pack-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-store-page--preset-vitrine .axis-store-pack-card,
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(1),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(2),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(3),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(5n),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(7),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(8),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(9) {
    grid-column: auto;
  }

  .axis-store-page--columns-4 ul.products li.product.axis-product-card,
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(8) {
    grid-column: span 6;
  }

  .axis-single-product-related ul.products,
  .axis-related-products-tab ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .axis-store-page--preset-vitrine .axis-store-pack-grid,
  .axis-store-page--preset-showcase .axis-store-pack-grid,
  .axis-store-page--columns-2 .axis-store-pack-grid,
  .axis-store-page--columns-3 .axis-store-pack-grid,
  .axis-store-page--columns-4 .axis-store-pack-grid,
  .axis-store-page--preset-home .axis-store-pack-grid,
  .axis-store-page--preset-list .axis-store-pack-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-store-page--preset-list .axis-store-pack-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-store-page--preset-list .axis-store-pack-card__image,
  .axis-store-page--preset-list .axis-store-pack-card__main,
  .axis-store-page--preset-list .axis-store-pack-card__apps,
  .axis-store-page--preset-list .axis-store-pack-card__commerce {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-store-page--preset-list .axis-store-pack-card__image {
    min-height: 0;
    aspect-ratio: 16 / 8.5;
    border-right: 0;
    border-bottom: 1px solid rgba(var(--pack-rgb), 0.24);
  }

  .axis-store-pack-card__actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-store-page--columns-2 ul.products li.product.axis-product-card,
  .axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--columns-2 ul.products li.product.axis-product-card:nth-child(8),
  .axis-store-page--columns-3 ul.products li.product.axis-product-card,
  .axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--columns-3 ul.products li.product.axis-product-card:nth-child(8),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card,
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--columns-4 ul.products li.product.axis-product-card:nth-child(8),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card,
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(8) {
    grid-column: auto;
  }

  .axis-store-page--preset-list .axis-product-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product--gallery-left .axis-single-product__pack-gallery,
  .axis-single-product--gallery-right .axis-single-product__pack-gallery,
  .axis-single-product--gallery-right .axis-single-product__pack-gallery {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product--gallery-left .axis-single-product__pack-media,
  .axis-single-product--gallery-right .axis-single-product__pack-media,
  .axis-single-product--gallery-left .axis-single-product__pack-thumbs,
  .axis-single-product--gallery-right .axis-single-product__pack-thumbs {
    order: initial;
  }

  .axis-single-product--gallery-left .axis-single-product__pack-thumbs,
  .axis-single-product--gallery-right .axis-single-product__pack-thumbs,
  .axis-single-product--gallery-grid .axis-single-product__pack-thumbs,
  .axis-single-product--gallery-mosaic .axis-single-product__pack-thumbs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(1),
  .axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(3n),
  .axis-single-product--gallery-mosaic .axis-single-product__pack-thumb:nth-child(6n) {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-single-product-related ul.products,
  .axis-related-products-tab ul.products {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-single-product--sticky-purchase .axis-single-product__purchase {
    position: static;
  }
}

/* Pricing UX refinement: quieter tabs, supporting notes after the plans, richer quote form. */
.axis-pricing .axis-pricing-tabs,
.editor-styles-wrapper .axis-pricing .axis-pricing-tabs {
  width: fit-content;
  max-width: 100%;
  padding: 0.34rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.7);
  border-radius: 999px;
  background: rgba(var(--axis-surface-rgb), 0.66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 18px 50px rgba(0, 0, 0, 0.14);
}

.axis-pricing .axis-pricing-tab,
.editor-styles-wrapper .axis-pricing .axis-pricing-tab {
  min-width: 8.8rem;
  padding: 0.78rem 1.15rem;
  border: 0;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  color: var(--axis-muted);
  font-size: 0.92rem;
}

.axis-pricing .axis-pricing-tab:hover,
.axis-pricing .axis-pricing-tab.is-active,
.editor-styles-wrapper .axis-pricing .axis-pricing-tab:hover,
.editor-styles-wrapper .axis-pricing .axis-pricing-tab.is-active {
  transform: none;
  background: var(--axis-panel);
  color: var(--axis-ink);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.axis-pricing .axis-pricing-tab__badge,
.editor-styles-wrapper .axis-pricing .axis-pricing-tab__badge {
  top: -0.85rem;
  right: 0.35rem;
  background: rgb(var(--axis-accent-rgb));
}

html:not(.axis-light) .axis-pricing .axis-pricing-tabs {
  background: rgba(6, 14, 27, 0.76);
  border-color: rgba(226, 232, 240, 0.16);
}

html:not(.axis-light) .axis-pricing .axis-pricing-tab {
  background: transparent;
  color: rgba(226, 232, 240, 0.74);
  box-shadow: none;
}

html:not(.axis-light) .axis-pricing .axis-pricing-tab:hover,
html:not(.axis-light) .axis-pricing .axis-pricing-tab.is-active {
  background:
    linear-gradient(180deg, rgba(24, 34, 52, 0.96), rgba(12, 20, 35, 0.96));
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(var(--axis-accent-rgb), 0.32), 0 14px 34px rgba(0, 0, 0, 0.3);
}

.axis-pricing .axis-value-strip--pricing-note,
.editor-styles-wrapper .axis-pricing .axis-value-strip--pricing-note {
  margin-top: clamp(1.8rem, 4vw, 3rem);
  padding-top: clamp(1rem, 2vw, 1.3rem);
  border-top: 1px solid rgba(var(--axis-border-rgb), 0.58);
}

.axis-pricing .axis-value-strip--pricing-note div,
.editor-styles-wrapper .axis-pricing .axis-value-strip--pricing-note div {
  padding: 1.05rem;
  border-radius: 20px;
  background: rgba(var(--axis-card-rgb), 0.5);
  box-shadow: none;
}

.axis-pricing .axis-value-strip--pricing-note strong,
.editor-styles-wrapper .axis-pricing .axis-value-strip--pricing-note strong {
  font-size: clamp(1.35rem, 2.2vw, 2rem);
}

.axis-contact-form__group,
.editor-styles-wrapper .axis-contact-form__group {
  display: grid;
  gap: 0.62rem;
}

.axis-contact-form__group > span,
.editor-styles-wrapper .axis-contact-form__group > span {
  color: var(--axis-ink);
  font-family: var(--axis-font-ui);
  font-size: 0.82rem;
  font-weight: 900;
}

.axis-contact-form__checks,
.editor-styles-wrapper .axis-contact-form__checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.axis-contact-form__checks label,
.editor-styles-wrapper .axis-contact-form__checks label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.55rem;
  padding: 0.68rem 0.75rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.72);
  border-radius: 14px;
  background: rgba(var(--axis-bg-rgb), 0.42);
  color: var(--axis-muted);
  font-size: 0.76rem;
  font-weight: 850;
}

.axis-contact-form__checks input,
.editor-styles-wrapper .axis-contact-form__checks input {
  width: 0.95rem;
  min-width: 0.95rem;
  height: 0.95rem;
  min-height: 0.95rem;
  padding: 0;
  accent-color: rgb(var(--axis-accent-rgb));
}

@media (max-width: 680px) {
  .axis-pricing .axis-pricing-tabs,
  .editor-styles-wrapper .axis-pricing .axis-pricing-tabs {
    width: 100%;
    border-radius: 24px;
  }

  .axis-contact-form__checks,
  .editor-styles-wrapper .axis-contact-form__checks {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Custom quote card now routes to the main contact form instead of embedding a duplicate form. */
.axis-pricing .axis-price-card.is-contact,
.editor-styles-wrapper .axis-pricing .axis-price-card.is-contact {
  grid-column: 1 / -1;
  display: flex;
  min-height: auto;
  padding: clamp(0.95rem, 2vw, 1.25rem);
  background:
    linear-gradient(135deg, rgba(var(--axis-card-rgb), 0.9), rgba(var(--axis-surface-rgb), 0.72)),
    radial-gradient(circle at 88% 12%, rgba(var(--axis-accent-rgb), 0.13), transparent 18rem);
}

.axis-pricing .axis-price-card.is-contact > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-pricing .axis-price-card.is-contact > .wp-block-group__inner-container {
  display: block;
  width: 100%;
}

.axis-pricing .axis-price-contact__copy,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy {
  display: grid;
  grid-template-columns: auto minmax(10rem, 0.38fr) minmax(18rem, 1fr) minmax(10rem, auto);
  align-items: center;
  gap: 0.8rem clamp(1rem, 2.4vw, 1.7rem);
  width: 100%;
}

.axis-pricing .axis-price-contact__copy h3,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy h3 {
  grid-column: 2;
  grid-row: 1;
  max-width: none;
  font-size: clamp(1.25rem, 1.9vw, 1.85rem);
  line-height: 1.05;
}

.axis-pricing .axis-price-contact__copy .axis-price-card__sites,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy .axis-price-card__sites {
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0;
}

.axis-pricing .axis-price-contact__copy .axis-price-card__bundle,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy .axis-price-card__bundle {
  grid-column: 3;
  grid-row: 1;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--axis-ink);
}

.axis-pricing .axis-price-contact__copy p:not([class]),
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy p:not([class]) {
  grid-column: 2 / span 2;
  grid-row: 2;
  max-width: 58rem;
  margin: 0;
  font-size: 0.92rem;
  line-height: 1.45;
}

.axis-pricing .axis-price-contact__copy .wp-block-buttons,
.axis-pricing .axis-price-contact__copy > .axis-button,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-buttons,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy > .axis-button {
  grid-column: 4;
  grid-row: 1 / span 2;
  justify-self: end;
  width: min(100%, 11rem);
}

.axis-pricing .axis-price-contact__copy .wp-block-button,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-button,
.axis-pricing .axis-price-contact__copy .wp-block-button__link,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-button__link,
.axis-pricing .axis-price-contact__copy > .axis-button,
.editor-styles-wrapper .axis-pricing .axis-price-contact__copy > .axis-button {
  width: 100%;
}

.axis-pricing .axis-price-card.is-contact .axis-contact-form,
.editor-styles-wrapper .axis-pricing .axis-price-card.is-contact .axis-contact-form {
  display: none;
}

@media (max-width: 820px) {
  .axis-pricing .axis-price-contact__copy,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pricing .axis-price-contact__copy h3,
  .axis-pricing .axis-price-contact__copy .axis-price-card__sites,
  .axis-pricing .axis-price-contact__copy .axis-price-card__bundle,
  .axis-pricing .axis-price-contact__copy p:not([class]),
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy h3,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy .axis-price-card__sites,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy .axis-price-card__bundle,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy p:not([class]) {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .axis-pricing .axis-price-contact__copy > .axis-button,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy > .axis-button {
    grid-column: auto;
    grid-row: auto;
    justify-self: stretch;
    width: 100%;
  }
}

/* Pricing card polish: cleaner price wrapping and a shorter final contact form. */
.axis-pricing .axis-price-card__amount,
.editor-styles-wrapper .axis-pricing .axis-price-card__amount {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.45rem;
  white-space: normal;
}

.axis-pricing .axis-price-card__amount span,
.editor-styles-wrapper .axis-pricing .axis-price-card__amount span {
  margin-left: 0;
}

.axis-final .axis-contact-form textarea,
.editor-styles-wrapper .axis-final .axis-contact-form textarea {
  min-height: 5.5rem;
}

.axis-home-contact-banner,
.axis-home-contact-banner.wp-block-group,
.editor-styles-wrapper .axis-home-contact-banner {
  position: relative;
  overflow: clip;
  scroll-margin-top: clamp(7.5rem, 10vw, 9rem);
  padding: clamp(0.4rem, 1.2vw, 0.8rem) 0 clamp(2rem, 3.6vw, 3rem);
  border-top: 0;
  background: rgba(var(--axis-bg-rgb), 0.98);
}

.axis-home-contact-banner__card,
.axis-home-contact-banner__card.wp-block-group,
.editor-styles-wrapper .axis-home-contact-banner__card {
  display: grid;
  grid-template-columns: minmax(16rem, 0.62fr) minmax(0, 1fr);
  gap: clamp(1rem, 3vw, 2rem);
  align-items: stretch;
  min-height: 0;
  padding: clamp(0.9rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 92% 0, rgba(var(--axis-blue-rgb), 0.15), transparent 18rem),
    radial-gradient(circle at 12% 100%, rgba(var(--axis-olive-rgb), 0.14), transparent 15rem),
    linear-gradient(145deg, rgba(13, 24, 43, 0.9), rgba(6, 12, 24, 0.96)),
    rgba(var(--axis-card-rgb), 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 22px 58px rgba(0, 0, 0, 0.2);
}

.axis-home-contact-banner__summary {
  display: grid;
  align-content: center;
  gap: 0.78rem;
  min-width: 0;
  padding: clamp(0.25rem, 1vw, 0.55rem);
}

.axis-home-contact-banner__summary .axis-kicker {
  margin: 0;
}

.axis-home-contact-banner__summary h2 {
  max-width: 16ch;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(1.55rem, 2.55vw, 2.65rem);
  font-weight: 850;
  line-height: 1.02;
}

.axis-home-contact-banner__summary p:not(.axis-kicker) {
  max-width: 34rem;
  margin: 0;
  color: #aeb8c8;
  font-weight: 680;
  line-height: 1.55;
}

.axis-home-contact-banner__proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0.48rem;
  margin-top: 0.1rem;
}

.axis-home-contact-banner__proof span {
  display: inline-flex;
  align-items: center;
  min-height: 1.85rem;
  padding: 0.38rem 0.62rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 999px;
  background: rgba(var(--axis-blue-rgb), 0.07);
  color: #d7e4f2;
  font-size: 0.74rem;
  font-weight: 850;
}

.axis-home-contact-banner__copy,
.axis-home-contact-banner__copy.wp-block-group,
.editor-styles-wrapper .axis-home-contact-banner__copy {
  max-width: 820px;
}

.axis-home-contact-banner__copy .axis-kicker,
.editor-styles-wrapper .axis-home-contact-banner__copy .axis-kicker {
  margin-bottom: 0.48rem;
}

.axis-home-contact-banner__copy h2,
.editor-styles-wrapper .axis-home-contact-banner__copy h2 {
  max-width: none;
  margin: 0;
  font-size: clamp(1.28rem, 1.9vw, 1.72rem);
  line-height: 1.08;
}

.axis-home-contact-banner__copy p:not(.axis-kicker),
.editor-styles-wrapper .axis-home-contact-banner__copy p:not(.axis-kicker) {
  max-width: 760px;
  margin: 0.32rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(0.88rem, 0.98vw, 0.94rem);
  font-weight: 650;
  line-height: 1.46;
}

.axis-home-contact-banner__request,
.editor-styles-wrapper .axis-home-contact-banner__request {
  position: relative;
  overflow: hidden;
  min-width: 0;
  display: grid;
  min-height: clamp(13rem, 18vw, 16rem);
  align-content: stretch;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(5, 11, 22, 0.96), rgba(3, 7, 15, 0.98)),
    #050a14;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 18px 46px rgba(0, 0, 0, 0.16),
    0 0 32px rgba(var(--axis-blue-rgb), 0.08);
}

.axis-home-contact-banner__request-chrome,
.axis-home-contact-banner__request-body,
.axis-home-contact-banner__chips {
  display: flex;
  align-items: center;
}

.axis-home-contact-banner__request-chrome {
  gap: 0.38rem;
  min-height: 1.8rem;
  padding: 0.45rem 0.72rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}

.axis-home-contact-banner__request-chrome span {
  margin-right: auto;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-home-contact-banner__request-chrome i {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 999px;
  background: #ef5da8;
  opacity: 0.85;
}

.axis-home-contact-banner__request-chrome i:nth-child(3) {
  background: #f59e0b;
}

.axis-home-contact-banner__request-chrome i:nth-child(4) {
  background: #a3e635;
}

.axis-home-contact-banner__request-body {
  position: relative;
  min-height: 3.4rem;
  padding: 1rem 1rem 0.35rem;
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: clamp(0.86rem, 1.05vw, 1rem);
  font-weight: 800;
  letter-spacing: 0;
}

.axis-home-contact-banner__prompt {
  margin-right: 0.48rem;
  color: #67e8f9;
}

.axis-home-contact-banner__line {
  position: absolute;
  left: 1.6rem;
  max-width: calc(100% - 2.4rem);
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  animation: axisBannerRequestLine 14s steps(30, end) infinite;
}

.axis-home-contact-banner__line::after {
  content: "";
  display: inline-block;
  width: 0.45rem;
  height: 1em;
  margin-left: 0.12rem;
  background: #67e8f9;
  vertical-align: -0.12em;
  animation: axisCaretBlink 0.9s step-end infinite;
}

.axis-home-contact-banner__line--1 {
  --axis-request-width: 24ch;
}

.axis-home-contact-banner__line--2 {
  --axis-request-width: 26ch;
  animation-delay: -10.5s;
}

.axis-home-contact-banner__line--3 {
  --axis-request-width: 26ch;
  animation-delay: -7s;
}

.axis-home-contact-banner__line--4 {
  --axis-request-width: 22ch;
  animation-delay: -3.5s;
}

.axis-home-contact-banner__request-body em {
  margin-left: auto;
  color: #64748b;
  font-size: 0.54rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-home-contact-banner__chips {
  gap: 0.38rem;
  padding: 0;
}

.axis-home-contact-banner__chips span {
  display: inline-flex;
  min-width: 1.45rem;
  min-height: 1.2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 7px;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  animation: axisBannerRequestChip 14s ease infinite;
}

.axis-home-contact-banner__chips span:nth-child(2) {
  animation-delay: -10.5s;
}

.axis-home-contact-banner__chips span:nth-child(3) {
  animation-delay: -7s;
}

.axis-home-contact-banner__chips span:nth-child(4) {
  animation-delay: -3.5s;
}

.axis-home-contact-banner__button,
.editor-styles-wrapper .axis-home-contact-banner__button {
  position: relative;
  top: auto;
  right: auto;
  transform: none;
  display: inline-flex;
  min-height: 2.7rem;
  align-items: center;
  justify-content: center;
  padding: 0.78rem 1.18rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.92), rgba(var(--axis-purple-rgb), 0.9)),
    rgb(var(--axis-blue-rgb));
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 10px 22px rgba(0, 0, 0, 0.18);
  white-space: nowrap;
}

.axis-home-contact-banner__button:hover,
.axis-home-contact-banner__button:focus-visible,
.editor-styles-wrapper .axis-home-contact-banner__button:hover,
.editor-styles-wrapper .axis-home-contact-banner__button:focus-visible {
  transform: translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 12px 26px rgba(0, 0, 0, 0.22);
}

.axis-home-contact-banner__response {
  display: grid;
  gap: 0.22rem;
  margin: 0 1rem 0.9rem;
  padding: 0.85rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 16px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.1), transparent),
    rgba(255, 255, 255, 0.025);
}

.axis-home-contact-banner__response > span {
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-home-contact-banner__response strong {
  color: #e2e8f0;
  font-size: clamp(0.95rem, 1.4vw, 1.25rem);
  line-height: 1.25;
}

.axis-home-contact-banner__answer-stack {
  position: relative;
  min-height: clamp(4.2rem, 5.8vw, 5.7rem);
}

.axis-home-contact-banner__answer {
  position: absolute;
  inset: 0;
  display: grid;
  align-content: start;
  gap: 0.28rem;
  opacity: 0;
  transform: translateY(0.4rem);
  animation: axisBannerAnswer 14s ease infinite;
}

.axis-home-contact-banner__answer--2 {
  animation-delay: -10.5s;
}

.axis-home-contact-banner__answer--3 {
  animation-delay: -7s;
}

.axis-home-contact-banner__answer--4 {
  animation-delay: -3.5s;
}

.axis-home-contact-banner__answer em {
  max-width: 58rem;
  color: #94a3b8;
  font-style: normal;
  font-size: clamp(0.78rem, 1vw, 0.92rem);
  font-weight: 720;
  line-height: 1.42;
}

.axis-home-contact-banner__footer {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem 1rem;
}

.axis-light .axis-home-contact-banner,
.axis-light .axis-home-contact-banner.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-contact-banner {
  border-top-color: rgba(15, 23, 42, 0.08);
  background: #eef3f8;
}

.axis-light .axis-home-contact-banner__card,
.axis-light .axis-home-contact-banner__card.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-contact-banner__card {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 92% 0, rgba(8, 126, 164, 0.1), transparent 18rem),
    radial-gradient(circle at 12% 100%, rgba(var(--axis-olive-rgb), 0.1), transparent 15rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(241, 246, 251, 0.92)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 20px 48px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-home-contact-banner__summary h2 {
  color: #0f172a;
}

.axis-light .axis-home-contact-banner__summary p:not(.axis-kicker) {
  color: #475569;
}

.axis-light .axis-home-contact-banner__proof span {
  border-color: rgba(8, 126, 164, 0.14);
  background: rgba(8, 126, 164, 0.06);
  color: #334155;
}

.axis-light .axis-home-contact-banner__copy h2,
.axis-light .editor-styles-wrapper .axis-home-contact-banner__copy h2 {
  color: #0f172a;
}

.axis-light .axis-home-contact-banner__copy p:not(.axis-kicker),
.axis-light .editor-styles-wrapper .axis-home-contact-banner__copy p:not(.axis-kicker) {
  color: #475569;
}

.axis-light .axis-home-contact-banner__request,
.axis-light .editor-styles-wrapper .axis-home-contact-banner__request {
  border-color: rgba(8, 126, 164, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 253, 0.94)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 42px rgba(15, 23, 42, 0.08),
    0 0 32px rgba(8, 126, 164, 0.06);
}

.axis-light .axis-home-contact-banner__request-body {
  color: #1f2937;
}

.axis-light .axis-home-contact-banner__response {
  border-color: rgba(8, 126, 164, 0.13);
  background:
    linear-gradient(90deg, rgba(8, 126, 164, 0.08), transparent),
    rgba(255, 255, 255, 0.62);
}

.axis-light .axis-home-contact-banner__response strong {
  color: #0f172a;
}

.axis-light .axis-home-contact-banner__answer em {
  color: #475569;
}

@media (max-width: 820px) {
  .axis-home-contact-banner__card,
  .axis-home-contact-banner__card.wp-block-group,
  .editor-styles-wrapper .axis-home-contact-banner__card {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-contact-banner__request-body {
    min-height: 3.8rem;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.72rem;
  }

  .axis-home-contact-banner__line {
    max-width: calc(100% - 2rem);
  }

  .axis-home-contact-banner__button,
  .editor-styles-wrapper .axis-home-contact-banner__button {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    transform: none;
  }

  .axis-home-contact-banner__footer {
    flex-wrap: wrap;
  }

  .axis-home-contact-banner__answer-stack {
    min-height: 6.6rem;
  }

  .axis-home-contact-banner__button:hover,
  .axis-home-contact-banner__button:focus-visible,
  .editor-styles-wrapper .axis-home-contact-banner__button:hover,
  .editor-styles-wrapper .axis-home-contact-banner__button:focus-visible {
    transform: translateY(-1px);
  }
}

@keyframes axisBannerRequestLine {
  0% {
    width: 0;
    opacity: 1;
  }

  15%,
  22% {
    width: var(--axis-request-width);
    opacity: 1;
  }

  25%,
  100% {
    width: var(--axis-request-width);
    opacity: 0;
  }
}

@keyframes axisBannerRequestChip {
  0%,
  24% {
    border-color: rgba(103, 232, 249, 0.45);
    color: #67e8f9;
    background: rgba(var(--axis-blue-rgb), 0.1);
    box-shadow: 0 0 18px rgba(var(--axis-blue-rgb), 0.18);
  }

  25%,
  100% {
    border-color: rgba(148, 163, 184, 0.16);
    color: #64748b;
    background: transparent;
    box-shadow: none;
  }
}

@keyframes axisBannerAnswer {
  0%,
  5% {
    opacity: 0;
    transform: translateY(0.4rem);
  }

  9%,
  23% {
    opacity: 1;
    transform: translateY(0);
  }

  25%,
  100% {
    opacity: 0;
    transform: translateY(-0.28rem);
  }
}

@keyframes axisCaretBlink {
  0%,
  48% {
    opacity: 1;
  }

  49%,
  100% {
    opacity: 0;
  }
}

/* Responsive landing-page pass: wider desktop shell and a deliberate mobile composition. */
:root {
  --axis-shell: min(calc(100% - clamp(1.25rem, 4vw, 6rem)), 1680px);
}

.axis-header__frame {
  width: min(calc(100% - clamp(0rem, 2.4vw, 2rem)), 1680px);
}

@media (min-width: 1600px) {
  .axis-home .axis-hero__layout,
  .editor-styles-wrapper .axis-hero__layout {
    grid-template-columns: minmax(0, 0.92fr) minmax(620px, 1.08fr);
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    max-width: 900px;
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    max-width: 720px;
  }

  .axis-home .axis-operating-demo__body,
  .editor-styles-wrapper .axis-operating-demo__body {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.62fr);
  }

  .axis-home .axis-app-grid--launch,
  .axis-home .axis-pricing-grid,
  .axis-home .axis-process-grid,
  .editor-styles-wrapper .axis-app-grid--launch,
  .editor-styles-wrapper .axis-pricing-grid,
  .editor-styles-wrapper .axis-process-grid {
    gap: 1.4rem;
  }

  .axis-home .axis-final__card,
  .axis-home .axis-final__card > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-final__card,
  .editor-styles-wrapper .axis-final__card > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 0.72fr) minmax(460px, 0.9fr);
  }
}

@media (max-width: 860px) {
  :root {
    --axis-shell: calc(100% - 1.25rem);
  }

  .axis-header {
    top: 8px;
    padding-inline: 0.625rem;
  }

  .admin-bar .axis-header {
    top: 54px;
  }

  .axis-header__frame {
    width: 100%;
    border-radius: 20px;
  }

  .axis-header__inner {
    min-height: 58px;
    padding: 0.45rem 0.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.4rem;
  }

  .axis-brand__link {
    width: 132px;
    min-height: 42px;
    justify-content: flex-start;
    padding: 0.25rem;
  }

  .axis-brand__logo,
  .axis-brand img {
    width: 122px;
  }

  .axis-actions {
    display: flex;
    justify-self: end;
    gap: 0.34rem;
  }

	  .axis-actions .axis-account-link,
	  .axis-actions > .axis-button {
	    display: none;
	  }

	  .axis-header-cart__label {
	    display: none;
	  }

	  .axis-header-cart__button {
	    width: 42px;
	    min-height: 36px;
	    gap: 0;
	    padding: 0;
	    border-radius: 12px;
	  }

	  .axis-header-cart__button::before {
	    position: absolute;
	    right: 0.28rem;
	    bottom: 0.32rem;
	    width: 0.34rem;
	    height: 0.34rem;
	  }

	  .axis-header-cart__badge {
	    position: absolute;
	    top: -0.42rem;
	    right: -0.42rem;
	    min-width: 1.18rem;
	    height: 1.18rem;
	    padding: 0 0.24rem;
	    font-size: 0.62rem;
	  }

	  .axis-header-cart__panel {
	    position: fixed;
	    top: 76px;
	    right: 0.75rem;
	    left: 0.75rem;
	    width: auto;
	    max-height: calc(100dvh - 92px);
	    transform-origin: top right;
	  }

	  .admin-bar .axis-header-cart__panel {
	    top: 122px;
	    max-height: calc(100dvh - 136px);
	  }

	  .axis-cart-toast {
	    position: fixed;
	    top: 76px;
	    right: 0.75rem;
	  }

	  .admin-bar .axis-cart-toast {
	    top: 122px;
	  }

	  .axis-icon-button,
	  .axis-menu-toggle {
	    width: 36px;
    min-height: 36px;
    border-radius: 12px;
  }

  .axis-menu-toggle {
    display: inline-flex;
    margin-left: 0.18rem;
  }

  .axis-nav {
    top: 74px;
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
    max-height: min(620px, calc(100dvh - 88px));
    overflow: auto;
    justify-self: stretch;
    padding: 0.55rem;
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
      rgba(10, 18, 32, 0.96);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.44);
    backdrop-filter: blur(22px) saturate(1.25);
    -webkit-backdrop-filter: blur(22px) saturate(1.25);
  }

  .axis-light .axis-nav {
    background: rgba(255, 255, 255, 0.96);
  }

  .axis-nav__list {
    gap: 0.3rem;
  }

  .axis-nav__list a {
    min-height: 44px;
    padding: 0.62rem 0.7rem;
    border-radius: 14px;
  }

  .axis-nav__list .sub-menu {
    margin: 0.32rem 0 0.2rem 2.25rem;
    padding: 0.25rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
  }

  .axis-light .axis-nav__list .sub-menu {
    background: rgba(15, 23, 42, 0.035);
  }

  .axis-nav__list .sub-menu a {
    min-height: 46px;
    padding: 0.48rem;
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .axis-nav__submenu-icon {
    width: 32px;
    height: 32px;
    border-radius: 11px;
  }

  .axis-nav__submenu-description {
    display: none;
  }

  .axis-palette-menu {
    position: fixed;
    top: 70px;
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
    max-height: calc(100dvh - 90px);
    overflow: auto;
  }
}

@media (max-width: 860px) {
  .axis-home .axis-hero,
  .editor-styles-wrapper .axis-hero {
    min-height: 0;
    padding: 7.25rem 0 3.25rem;
  }

  .axis-home .axis-grid-bg,
  .editor-styles-wrapper .axis-grid-bg {
    background-size: 42px 42px, 42px 42px, auto, auto;
  }

  .axis-home .axis-hero__layout,
  .editor-styles-wrapper .axis-hero__layout {
    gap: 1.45rem;
  }

  .axis-home .axis-hero__copy,
  .editor-styles-wrapper .axis-hero__copy {
    padding-left: 0.65rem;
  }

  .axis-home .axis-hero__copy::before,
  .editor-styles-wrapper .axis-hero__copy::before {
    width: 2px;
  }

  .axis-home .axis-kicker,
  .editor-styles-wrapper .axis-kicker {
    font-size: 0.67rem;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    max-width: 100%;
    font-size: clamp(3rem, 13vw, 4.05rem);
    line-height: 0.88;
    letter-spacing: 0;
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    max-width: none;
    font-size: 0.98rem;
    line-height: 1.55;
  }

  .axis-home .axis-hero__actions,
  .editor-styles-wrapper .axis-hero__actions {
    display: grid;
    margin-top: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
  }

  .axis-home .axis-button,
  .editor-styles-wrapper .axis-button {
    width: 100%;
    min-height: 46px;
  }

  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    max-width: none;
    margin-top: 1.15rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 18px;
    overflow: hidden;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    padding: 0.72rem 0.5rem;
    border-right: 1px solid var(--axis-line);
    border-bottom: 0;
  }

  .axis-home .axis-hero__ledger div:last-child,
  .editor-styles-wrapper .axis-hero__ledger div:last-child {
    border-right: 0;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: 1.14rem;
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    font-size: 0.55rem;
    line-height: 1.25;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 430px;
  }

  .axis-home .axis-operating-demo,
  .editor-styles-wrapper .axis-operating-demo {
    border-radius: 22px;
  }

  .axis-home .axis-operating-demo__top,
  .editor-styles-wrapper .axis-operating-demo__top {
    min-height: 46px;
    padding: 0.55rem 0.7rem;
  }

  .axis-home .axis-operating-demo__body,
  .editor-styles-wrapper .axis-operating-demo__body {
    padding: 0.65rem;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
  }

  .axis-home .axis-command-panel,
  .editor-styles-wrapper .axis-command-panel {
    min-height: 154px;
    padding: 0.75rem;
    border-radius: 16px;
  }

  .axis-home .axis-command-panel__prompt p,
  .editor-styles-wrapper .axis-command-panel__prompt p {
    font-size: 1.04rem;
    line-height: 1.18;
  }

  .axis-home .axis-command-panel__response,
  .editor-styles-wrapper .axis-command-panel__response {
    width: 100%;
    margin-top: 0.7rem;
    padding: 0.62rem;
  }

  .axis-home .axis-command-panel__response p,
  .editor-styles-wrapper .axis-command-panel__response p {
    font-size: 0.76rem;
  }

  .axis-home .axis-agent-rail,
  .editor-styles-wrapper .axis-agent-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.48rem;
  }

  .axis-home .axis-agent-pill,
  .editor-styles-wrapper .axis-agent-pill {
    min-height: 42px;
    padding: 0.45rem;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 0.42rem;
    border-radius: 13px;
  }

  .axis-home .axis-agent-pill span,
  .editor-styles-wrapper .axis-agent-pill span {
    width: 26px;
    height: 26px;
    border-radius: 9px;
  }

  .axis-home .axis-agent-pill strong,
  .editor-styles-wrapper .axis-agent-pill strong {
    font-size: 0.68rem;
  }

  .axis-home .axis-agent-pill em,
  .axis-home .axis-operating-demo__screens,
  .editor-styles-wrapper .axis-agent-pill em,
  .editor-styles-wrapper .axis-operating-demo__screens {
    display: none;
  }

  .axis-home .axis-section,
  .editor-styles-wrapper .axis-section {
    padding: 3.25rem 0;
  }

  .axis-home .axis-section h2,
  .axis-home .axis-final h2,
  .editor-styles-wrapper .axis-section h2,
  .editor-styles-wrapper .axis-final h2 {
    font-size: clamp(2rem, 10vw, 3.05rem);
    line-height: 0.95;
    letter-spacing: 0;
  }

  .axis-home .axis-section__header,
  .editor-styles-wrapper .axis-section__header {
    margin-bottom: 1.45rem;
    text-align: left;
  }

  .axis-home .axis-section__header p,
  .editor-styles-wrapper .axis-section__header p {
    font-size: 0.98rem;
    line-height: 1.55;
  }

  .axis-home .axis-signal-board,
  .editor-styles-wrapper .axis-signal-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
  }

  .axis-home .axis-signal-card,
  .axis-home .axis-signal-card:nth-child(1),
  .axis-home .axis-signal-card:nth-child(2),
  .axis-home .axis-signal-card:nth-child(3),
  .axis-home .axis-signal-card:nth-child(4),
  .editor-styles-wrapper .axis-signal-card,
  .editor-styles-wrapper .axis-signal-card:nth-child(1),
  .editor-styles-wrapper .axis-signal-card:nth-child(2),
  .editor-styles-wrapper .axis-signal-card:nth-child(3),
  .editor-styles-wrapper .axis-signal-card:nth-child(4) {
    min-height: 144px;
    grid-column: auto;
    padding: 0.85rem;
    border-radius: 20px;
    transform: none;
  }

  .axis-home .axis-signal-card:nth-child(1),
  .editor-styles-wrapper .axis-signal-card:nth-child(1) {
    grid-column: 1 / -1;
  }

  .axis-home .axis-signal-card__icon,
  .editor-styles-wrapper .axis-signal-card__icon {
    margin-bottom: 0.9rem;
  }

  .axis-home .axis-workflow-band,
  .editor-styles-wrapper .axis-workflow-band {
    margin-top: 1rem;
    padding: 0.6rem;
    grid-template-columns: minmax(0, 1fr);
    border-radius: 20px;
  }

  .axis-home .axis-workflow-step,
  .editor-styles-wrapper .axis-workflow-step {
    min-height: 0;
    padding: 0.85rem;
    border-radius: 16px;
  }

  .axis-home .axis-brain__layout,
  .editor-styles-wrapper .axis-brain__layout {
    gap: 1.4rem;
  }

  .axis-home .axis-agent-list,
  .editor-styles-wrapper .axis-agent-list {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
  }

  .axis-home .axis-agent-list > div,
  .editor-styles-wrapper .axis-agent-list > div {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 0.75rem;
    border-radius: 16px;
  }

  .axis-home .axis-suite-board,
  .editor-styles-wrapper .axis-suite-board {
    padding: 0.75rem;
    border-radius: 24px;
  }

  .axis-home .axis-suite-core,
  .editor-styles-wrapper .axis-suite-core {
    margin: 0 0 0.8rem;
    border-radius: 18px;
  }

  .axis-home .axis-app-grid--launch,
  .axis-home .axis-layer-stack,
  .axis-home .axis-process-grid,
  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-app-grid--launch,
  .editor-styles-wrapper .axis-layer-stack,
  .editor-styles-wrapper .axis-process-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
  }

  .axis-home .axis-app-card,
  .axis-home .axis-app-card--1,
  .axis-home .axis-app-card--2,
  .axis-home .axis-app-card--3,
  .axis-home .axis-app-card--4,
  .axis-home .axis-app-card--5,
  .editor-styles-wrapper .axis-app-card,
  .editor-styles-wrapper .axis-app-card--1,
  .editor-styles-wrapper .axis-app-card--2,
  .editor-styles-wrapper .axis-app-card--3,
  .editor-styles-wrapper .axis-app-card--4,
  .editor-styles-wrapper .axis-app-card--5 {
    min-height: 0;
    grid-column: auto;
    padding: 1rem;
    border-radius: 22px;
  }

  .axis-home .axis-app-card p,
  .editor-styles-wrapper .axis-app-card p {
    margin-bottom: 0.6rem;
    font-size: 0.92rem;
    line-height: 1.5;
  }

  .axis-home .axis-app-card__preview,
  .editor-styles-wrapper .axis-app-card__preview {
    height: 64px;
    margin-top: 0.75rem;
    padding: 0.65rem;
    border-radius: 14px;
  }

  .axis-home .axis-app-card ul,
  .axis-home .axis-layer__checks,
  .axis-home .axis-price-card ul,
  .editor-styles-wrapper .axis-app-card ul,
  .editor-styles-wrapper .axis-layer__checks,
  .editor-styles-wrapper .axis-price-card ul {
    margin-top: 0.75rem;
    gap: 0.4rem;
  }

  .axis-home .axis-app-card li,
  .axis-home .axis-layer__checks li,
  .axis-home .axis-price-card li,
  .editor-styles-wrapper .axis-app-card li,
  .editor-styles-wrapper .axis-layer__checks li,
  .editor-styles-wrapper .axis-price-card li {
    font-size: 0.82rem;
    line-height: 1.35;
  }

  .axis-home .axis-layer,
  .axis-home .axis-layer:nth-child(3),
  .editor-styles-wrapper .axis-layer,
  .editor-styles-wrapper .axis-layer:nth-child(3) {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    padding: 1rem;
    border-radius: 22px;
  }

  .axis-home .axis-layer__index,
  .editor-styles-wrapper .axis-layer__index {
    font-size: 2.35rem;
  }

  .axis-home .axis-layer__visual,
  .editor-styles-wrapper .axis-layer__visual {
    min-height: 120px;
    border-radius: 18px;
  }

  .axis-home .axis-layer:nth-child(3) .axis-layer__index,
  .axis-home .axis-layer:nth-child(3) .axis-layer__visual,
  .axis-home .axis-layer:nth-child(3) .axis-layer__content,
  .axis-home .axis-layer:nth-child(3) .axis-layer__checks,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__index,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__visual,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__content,
  .editor-styles-wrapper .axis-layer:nth-child(3) .axis-layer__checks {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-home .axis-process-step,
  .axis-home .axis-price-card,
  .editor-styles-wrapper .axis-process-step,
  .editor-styles-wrapper .axis-price-card {
    padding: 1rem;
    border-radius: 20px;
  }

  .axis-home .axis-process-step span,
  .editor-styles-wrapper .axis-process-step span {
    font-size: 1.7rem;
  }

  .axis-home .axis-pricing-tabs,
  .editor-styles-wrapper .axis-pricing-tabs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0.25rem;
    border-radius: 18px;
  }

  .axis-home .axis-pricing-tab,
  .editor-styles-wrapper .axis-pricing-tab {
    min-width: 0;
    padding: 0.62rem 0.35rem;
    border-radius: 14px;
    font-size: 0.75rem;
  }

  .axis-home .axis-pricing-tab__badge,
  .editor-styles-wrapper .axis-pricing-tab__badge {
    display: none;
  }

  .axis-home .axis-pricing-panel__note,
  .editor-styles-wrapper .axis-pricing-panel__note {
    margin-bottom: 1rem;
    font-size: 0.92rem;
    line-height: 1.5;
    text-align: left;
  }

  .axis-home .axis-price-card__amount,
  .editor-styles-wrapper .axis-price-card__amount {
    font-size: 2.35rem;
  }

  .axis-home .axis-price-card__bundle,
  .editor-styles-wrapper .axis-price-card__bundle {
    padding: 0.6rem 0.7rem;
    font-size: 0.82rem;
  }

  .axis-pricing .axis-price-card.is-contact,
  .editor-styles-wrapper .axis-pricing .axis-price-card.is-contact {
    padding: 0.9rem;
    border-radius: 20px;
  }

  .axis-pricing .axis-price-contact__copy,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy {
    gap: 0.55rem;
  }

  .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .axis-pricing .axis-price-contact__copy > .axis-button,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy > .axis-button {
    width: 100%;
  }

  .axis-pricing .axis-value-strip--pricing-note,
  .editor-styles-wrapper .axis-pricing .axis-value-strip--pricing-note {
    margin-top: 1rem;
  }

  .axis-home .axis-value-strip,
  .editor-styles-wrapper .axis-value-strip {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.65rem;
  }

  .axis-home .axis-value-strip div,
  .editor-styles-wrapper .axis-value-strip div {
    min-height: 0;
    padding: 0.85rem;
    border-radius: 18px;
  }

  .axis-home .axis-value-strip strong,
  .editor-styles-wrapper .axis-value-strip strong {
    font-size: 1.35rem;
  }

  .axis-home .axis-final__card,
  .axis-home .axis-final__card > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-final__card,
  .editor-styles-wrapper .axis-final__card > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .axis-home .axis-final__card,
  .editor-styles-wrapper .axis-final__card {
    padding: 1rem;
    border-radius: 24px;
  }

  .axis-final__proof,
  .editor-styles-wrapper .axis-final__proof {
    margin-top: 1rem;
    gap: 0.5rem;
  }

  .axis-contact-form,
  .editor-styles-wrapper .axis-contact-form {
    gap: 0.75rem;
    padding: 0.85rem;
    border-radius: 20px;
  }

  .axis-contact-form__row,
  .editor-styles-wrapper .axis-contact-form__row {
    gap: 0.65rem;
  }

  .axis-contact-form input,
  .axis-contact-form select,
  .axis-contact-form textarea,
  .editor-styles-wrapper .axis-contact-form input,
  .editor-styles-wrapper .axis-contact-form select,
  .editor-styles-wrapper .axis-contact-form textarea {
    min-height: 2.8rem;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    font-size: 0.86rem;
  }

  .axis-contact-form textarea,
  .axis-final .axis-contact-form textarea,
  .editor-styles-wrapper .axis-contact-form textarea,
  .editor-styles-wrapper .axis-final .axis-contact-form textarea {
    min-height: 4.8rem;
  }

  .axis-contact-form__check,
  .editor-styles-wrapper .axis-contact-form__check {
    font-size: 0.76rem !important;
  }
}

@media (max-width: 430px) {
  :root {
    --axis-shell: calc(100% - 1rem);
  }

  .axis-header {
    padding-inline: 0.5rem;
  }

  .axis-brand__link {
    width: 112px;
  }

  .axis-brand__logo,
  .axis-brand img {
    width: 106px;
  }

  .axis-icon-button,
  .axis-menu-toggle {
    width: 34px;
    min-height: 34px;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    font-size: clamp(2.72rem, 13.5vw, 3.55rem);
  }

  .axis-home .axis-signal-board,
  .editor-styles-wrapper .axis-signal-board {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    border-right: 1px solid var(--axis-line);
    border-bottom: 1px solid var(--axis-line);
  }

  .axis-home .axis-hero__ledger div:nth-child(2n),
  .editor-styles-wrapper .axis-hero__ledger div:nth-child(2n) {
    border-right: 0;
  }

  .axis-home .axis-hero__ledger div:nth-last-child(-n + 2),
  .editor-styles-wrapper .axis-hero__ledger div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  .axis-home .axis-signal-card:nth-child(1),
  .editor-styles-wrapper .axis-signal-card:nth-child(1) {
    grid-column: auto;
  }
}

/* Premium mobile refinement for the landing hero, header, and pricing flow. */
@media (max-width: 860px) {
  .axis-header {
    top: max(0.55rem, env(safe-area-inset-top));
    padding-inline: 0.72rem;
  }

  .admin-bar .axis-header {
    top: 52px;
  }

  .axis-header__frame {
    overflow: visible;
    border-color: rgba(226, 232, 240, 0.18);
    border-radius: 999px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
      rgba(8, 15, 28, 0.84);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }

  .axis-light .axis-header__frame {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.85);
  }

  .axis-header__frame::before {
    border-radius: inherit;
    opacity: 0.42;
  }

  .axis-header__inner {
    min-height: 54px;
    padding: 0.34rem 0.42rem 0.34rem 0.56rem;
    grid-template-columns: minmax(102px, auto) minmax(0, 1fr) auto;
  }

  .axis-brand__link {
    width: 116px;
    min-height: 38px;
    padding: 0;
  }

  .axis-brand__logo,
  .axis-brand img {
    width: 110px;
  }

  .axis-actions {
    display: inline-flex;
    justify-self: end;
    padding: 0.18rem;
    gap: 0.22rem;
    border: 1px solid rgba(226, 232, 240, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
  }

  .axis-light .axis-actions {
    border-color: rgba(15, 23, 42, 0.09);
    background: rgba(15, 23, 42, 0.035);
  }

  .axis-icon-button,
  .axis-menu-toggle {
    width: 34px;
    min-height: 34px;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
  }

  .axis-menu-toggle {
    margin-left: 0.26rem;
    border-color: rgba(226, 232, 240, 0.16);
    background: rgba(255, 255, 255, 0.055);
  }

  .axis-light .axis-menu-toggle {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.72);
  }

  .axis-nav {
    top: calc(max(0.55rem, env(safe-area-inset-top)) + 4.15rem);
    right: 0.72rem;
    left: 0.72rem;
    padding: 0.62rem;
    border-radius: 28px;
  }

  .axis-nav__list a {
    min-height: 48px;
    border-radius: 18px;
    font-size: 0.9rem;
  }

  .axis-home .axis-hero,
  .editor-styles-wrapper .axis-hero {
    padding-top: 6.25rem;
    padding-bottom: 2.65rem;
  }

  .axis-home .axis-hero__layout,
  .editor-styles-wrapper .axis-hero__layout {
    gap: 1.05rem;
  }

  .axis-home .axis-hero__copy,
  .editor-styles-wrapper .axis-hero__copy {
    padding-left: 0;
  }

  .axis-home .axis-hero__copy::before,
  .editor-styles-wrapper .axis-hero__copy::before {
    display: none;
  }

  .axis-home .axis-hero .axis-kicker,
  .editor-styles-wrapper .axis-hero .axis-kicker {
    margin-bottom: 1rem;
    padding: 0.46rem 0.64rem;
    border-radius: 999px;
    font-size: 0.63rem;
    letter-spacing: 0.04em;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    max-width: 9.8ch;
    font-size: clamp(3.35rem, 15vw, 4.55rem);
    line-height: 0.88;
    letter-spacing: 0;
  }

  .axis-home .axis-hero h1 span,
  .editor-styles-wrapper .axis-hero h1 span {
    display: block;
  }

  .axis-home .axis-hero h1 span:nth-child(2),
  .axis-light .axis-home .axis-hero h1 span:nth-child(2),
  .editor-styles-wrapper .axis-hero h1 span:nth-child(2) {
    margin-left: 0;
    color: var(--axis-ink);
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
    background: linear-gradient(92deg, var(--axis-ink), rgba(var(--axis-slate-rgb), 0.42));
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    max-width: 35rem;
    margin-top: 1.05rem;
    color: rgba(226, 232, 240, 0.82);
    font-size: 1rem;
    font-weight: 720;
    line-height: 1.55;
  }

  .axis-light .axis-home .axis-hero__lead,
  .axis-light .editor-styles-wrapper .axis-hero__lead {
    color: rgba(16, 24, 40, 0.72);
  }

  .axis-home .axis-hero__actions,
  .editor-styles-wrapper .axis-hero__actions {
    margin-top: 1.2rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-hero__actions .axis-button,
  .editor-styles-wrapper .axis-hero__actions .axis-button {
    min-height: 48px;
    border-radius: 999px;
  }

  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    margin-top: 1rem;
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
      rgba(9, 17, 31, 0.68);
  }

  .axis-light .axis-home .axis-hero__ledger,
  .axis-light .editor-styles-wrapper .axis-hero__ledger {
    background: rgba(255, 255, 255, 0.78);
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    padding: 0.78rem 0.68rem;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: 1.28rem;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 318px;
    margin-top: 0.2rem;
  }

  .axis-home .axis-operating-demo,
  .editor-styles-wrapper .axis-operating-demo {
    position: absolute;
    inset: 0;
    border-radius: 26px;
    box-shadow: 0 26px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform: none;
  }

  .axis-home .axis-operating-demo__top,
  .editor-styles-wrapper .axis-operating-demo__top {
    min-height: 44px;
  }

  .axis-home .axis-operating-demo__top em,
  .editor-styles-wrapper .axis-operating-demo__top em {
    display: inline-flex;
    padding: 0.26rem 0.48rem;
    font-size: 0.66rem;
  }

  .axis-home .axis-operating-demo__body,
  .editor-styles-wrapper .axis-operating-demo__body {
    padding: 0.62rem;
    gap: 0.5rem;
  }

  .axis-home .axis-command-panel,
  .editor-styles-wrapper .axis-command-panel {
    min-height: 142px;
    border-radius: 18px;
  }

  .axis-home .axis-command-panel__prompt p,
  .editor-styles-wrapper .axis-command-panel__prompt p {
    font-size: 0.98rem;
  }

  .axis-home .axis-agent-rail,
  .editor-styles-wrapper .axis-agent-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.36rem;
  }

  .axis-home .axis-agent-pill,
  .editor-styles-wrapper .axis-agent-pill {
    min-height: 66px;
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding: 0.42rem 0.28rem;
    text-align: center;
  }

  .axis-home .axis-agent-pill span,
  .editor-styles-wrapper .axis-agent-pill span {
    width: 25px;
    height: 25px;
  }

  .axis-home .axis-agent-pill strong,
  .editor-styles-wrapper .axis-agent-pill strong {
    max-width: 100%;
    font-size: 0.57rem;
    line-height: 1.05;
    white-space: normal;
  }

  .axis-home .axis-agent-pill em,
  .editor-styles-wrapper .axis-agent-pill em {
    display: none;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-pricing,
  .editor-styles-wrapper .axis-pricing {
    overflow: hidden;
  }

  .axis-home .axis-pricing .axis-section__header,
  .editor-styles-wrapper .axis-pricing .axis-section__header {
    margin-bottom: 1.1rem;
  }

  .axis-home .axis-pricing-tabs,
  .editor-styles-wrapper .axis-pricing-tabs {
    position: sticky;
    z-index: 5;
    top: 4.9rem;
    width: 100%;
    margin-bottom: 0.9rem;
    border-radius: 999px;
    background: rgba(8, 15, 28, 0.88);
    backdrop-filter: blur(18px) saturate(1.15);
    -webkit-backdrop-filter: blur(18px) saturate(1.15);
  }

  .axis-light .axis-home .axis-pricing-tabs,
  .axis-light .editor-styles-wrapper .axis-pricing-tabs {
    background: rgba(255, 255, 255, 0.9);
  }

  .axis-home .axis-pricing-tab,
  .editor-styles-wrapper .axis-pricing-tab {
    min-height: 40px;
    padding: 0.62rem 0.28rem;
    border-radius: 999px;
    font-size: 0.72rem;
  }

  .axis-home .axis-pricing-panel__note,
  .editor-styles-wrapper .axis-pricing-panel__note {
    margin: 0 0 0.9rem;
    font-size: 0.88rem;
  }

  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    display: flex;
    gap: 0.82rem;
    overflow-x: auto;
    overflow-y: visible;
    margin-inline: -0.5rem;
    padding: 0.2rem 0.5rem 0.9rem;
    scroll-padding-inline: 0.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .axis-home .axis-pricing-grid::-webkit-scrollbar,
  .editor-styles-wrapper .axis-pricing-grid::-webkit-scrollbar {
    height: 0;
  }

  .axis-home .axis-pricing-grid::after,
  .editor-styles-wrapper .axis-pricing-grid::after {
    content: "";
    flex: 0 0 0.05rem;
  }

  .axis-home .axis-price-card,
  .axis-pricing .axis-price-card.is-contact,
  .editor-styles-wrapper .axis-price-card,
  .editor-styles-wrapper .axis-pricing .axis-price-card.is-contact {
    flex: 0 0 min(85vw, 342px);
    scroll-snap-align: start;
    min-height: auto;
    padding: 1rem;
    border-radius: 24px;
  }

  .axis-home .axis-price-card h3,
  .editor-styles-wrapper .axis-price-card h3 {
    font-size: 1.05rem;
  }

  .axis-home .axis-price-card__sites,
  .editor-styles-wrapper .axis-price-card__sites {
    margin-bottom: 0.55rem;
    padding: 0.3rem 0.58rem;
    font-size: 0.62rem;
  }

  .axis-home .axis-price-card__amount,
  .editor-styles-wrapper .axis-price-card__amount {
    margin-top: 0.48rem;
    font-size: 2.2rem;
  }

  .axis-home .axis-price-card p,
  .editor-styles-wrapper .axis-price-card p {
    font-size: 0.88rem;
    line-height: 1.48;
  }

  .axis-home .axis-price-card ul,
  .editor-styles-wrapper .axis-price-card ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.36rem;
    margin-top: 0.7rem;
  }

  .axis-home .axis-price-card li,
  .editor-styles-wrapper .axis-price-card li {
    font-size: 0.78rem;
  }

  .axis-pricing .axis-price-contact__copy,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy {
    display: flex;
    min-height: 100%;
    flex-direction: column;
  }

  .axis-pricing .axis-price-contact__copy h3,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy h3 {
    font-size: 1.25rem;
  }

  .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .axis-pricing .axis-price-contact__copy > .axis-button,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy .wp-block-buttons,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy > .axis-button {
    margin-top: auto;
  }

  .axis-home .axis-value-strip,
  .editor-styles-wrapper .axis-value-strip {
    display: flex;
    gap: 0.72rem;
    overflow-x: auto;
    margin-inline: -0.5rem;
    padding-inline: 0.5rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .axis-home .axis-value-strip div,
  .editor-styles-wrapper .axis-value-strip div {
    flex: 0 0 min(78vw, 300px);
    scroll-snap-align: start;
  }
}

@media (max-width: 430px) {
  .axis-header {
    padding-inline: 0.55rem;
  }

  .axis-header__inner {
    grid-template-columns: minmax(96px, auto) minmax(0, 1fr) auto;
  }

  .axis-brand__link {
    width: 104px;
  }

  .axis-brand__logo,
  .axis-brand img {
    width: 98px;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    font-size: clamp(3.12rem, 14vw, 3.82rem);
  }

  .axis-home .axis-agent-rail,
  .editor-styles-wrapper .axis-agent-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axis-home .axis-agent-pill:nth-child(n + 4),
  .editor-styles-wrapper .axis-agent-pill:nth-child(n + 4) {
    min-height: 48px;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 356px;
  }
}

/* Final mobile polish: compact premium header, faster hero rhythm, and phone-native pricing. */
@media (max-width: 860px) {
  body.menu-open::before {
    content: "";
    position: fixed;
    z-index: 79;
    inset: 0;
    background: rgba(3, 8, 16, 0.56);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }

  .axis-header {
    z-index: 90;
  }

  .axis-header__frame {
    border-color: rgba(255, 255, 255, 0.14);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.035)),
      rgba(8, 15, 28, 0.84);
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.26);
  }

  .axis-light .axis-header__frame {
    border-color: rgba(15, 23, 42, 0.11);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
      rgba(255, 255, 255, 0.88);
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.12);
  }

  .axis-header__inner {
    min-height: 56px;
  }

  .axis-icon-button,
  .axis-menu-toggle {
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.055);
  }

  .axis-menu-toggle {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)),
      rgba(255, 255, 255, 0.06);
  }

  .axis-menu-toggle__line {
    width: 15px;
  }

  .axis-nav.is-open {
    z-index: 91;
  }

  .axis-nav__list {
    gap: 0.38rem;
  }

  .axis-nav__list > li > a {
    min-height: 46px;
    border-radius: 16px;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-hero,
  .editor-styles-wrapper .axis-hero {
    padding-top: 5.15rem;
    padding-bottom: 3.4rem;
  }

  .axis-home .axis-hero__copy,
  .editor-styles-wrapper .axis-hero__copy {
    gap: 0;
  }

  .axis-home .axis-hero .axis-kicker,
  .editor-styles-wrapper .axis-hero .axis-kicker {
    margin-bottom: 1.05rem;
    padding: 0.46rem 0.68rem;
    font-size: 0.66rem;
    letter-spacing: 0.08em;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    max-width: 8.1em;
    margin-bottom: 0.9rem;
    font-size: clamp(3rem, 13.8vw, 3.75rem);
    line-height: 0.9;
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    max-width: 34ch;
    margin-bottom: 1.22rem;
    font-size: 0.98rem;
    font-weight: 650;
    line-height: 1.52;
  }

  .axis-home .axis-hero__actions,
  .editor-styles-wrapper .axis-hero__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.54rem;
    margin-bottom: 1rem;
  }

  .axis-home .axis-hero__actions .axis-button,
  .editor-styles-wrapper .axis-hero__actions .axis-button {
    min-height: 48px;
    padding-inline: 0.74rem;
    border-radius: 18px;
    font-size: 0.78rem;
  }

  .axis-home .axis-hero__actions .axis-button--quiet,
  .editor-styles-wrapper .axis-hero__actions .axis-button--quiet {
    min-height: 42px;
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: none;
  }

  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    display: flex;
    gap: 0.58rem;
    overflow-x: auto;
    overflow-y: hidden;
    width: calc(100vw - 1rem);
    margin-inline: -0.18rem;
    margin-top: 0;
    padding: 0.1rem 0.18rem 0.35rem;
    border: 0;
    border-radius: 22px;
    background: transparent;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .axis-home .axis-hero__ledger::-webkit-scrollbar,
  .editor-styles-wrapper .axis-hero__ledger::-webkit-scrollbar {
    height: 0;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    flex: 0 0 142px;
    min-height: 78px;
    padding: 0.78rem 0.72rem;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
    scroll-snap-align: start;
  }

  .axis-home .axis-hero__ledger div + div,
  .editor-styles-wrapper .axis-hero__ledger div + div {
    border-left: 1px solid rgba(255, 255, 255, 0.11);
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: clamp(1.18rem, 6vw, 1.55rem);
    line-height: 0.95;
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    margin-top: 0.34rem;
    font-size: 0.56rem;
    line-height: 1.2;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    margin-top: 0.78rem;
    min-height: 310px;
  }

  .axis-home .axis-operating-demo,
  .editor-styles-wrapper .axis-operating-demo {
    min-height: 302px;
    padding: 0.72rem;
    border-radius: 24px;
  }

  .axis-home .axis-operating-demo__top,
  .editor-styles-wrapper .axis-operating-demo__top {
    min-height: 40px;
    padding-inline: 0.74rem;
  }

  .axis-home .axis-operating-demo__body,
  .editor-styles-wrapper .axis-operating-demo__body {
    gap: 0.62rem;
  }

  .axis-home .axis-command-panel,
  .editor-styles-wrapper .axis-command-panel {
    padding: 0.78rem;
    border-radius: 18px;
  }

  .axis-home .axis-command-panel__prompt p,
  .axis-home .axis-command-panel__response p,
  .editor-styles-wrapper .axis-command-panel__prompt p,
  .editor-styles-wrapper .axis-command-panel__response p {
    font-size: 0.76rem;
    line-height: 1.35;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-pricing,
  .editor-styles-wrapper .axis-pricing {
    padding-top: 3.8rem;
  }

  .axis-home .axis-pricing .axis-section__header,
  .editor-styles-wrapper .axis-pricing .axis-section__header {
    text-align: left;
  }

  .axis-home .axis-pricing .axis-section__header h2,
  .editor-styles-wrapper .axis-pricing .axis-section__header h2 {
    max-width: 9.3em;
    font-size: clamp(2.35rem, 11.5vw, 3.3rem);
    line-height: 0.92;
  }

  .axis-home .axis-pricing .axis-section__header p:not(.axis-kicker),
  .editor-styles-wrapper .axis-pricing .axis-section__header p:not(.axis-kicker) {
    max-width: 35ch;
    margin-inline: 0;
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .axis-home .axis-pricing-tabs,
  .editor-styles-wrapper .axis-pricing-tabs {
    top: 4.75rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.24rem;
    padding: 0.25rem;
    border-radius: 17px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
      rgba(8, 15, 28, 0.92);
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28);
  }

  .axis-home .axis-pricing-tab,
  .editor-styles-wrapper .axis-pricing-tab {
    justify-content: center;
    min-height: 38px;
    padding: 0.58rem 0.24rem;
    border: 0;
    border-radius: 13px;
    background: transparent;
    box-shadow: none;
    font-size: 0.72rem;
  }

  .axis-home .axis-pricing-tab.is-active,
  .editor-styles-wrapper .axis-pricing-tab.is-active {
    background: rgba(255, 255, 255, 0.13);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  }

  .axis-home .axis-pricing-tab__badge,
  .editor-styles-wrapper .axis-pricing-tab__badge {
    display: none;
  }

  .axis-home .axis-pricing-panel__note,
  .editor-styles-wrapper .axis-pricing-panel__note {
    max-width: 36ch;
    margin: 0.8rem 0 0.78rem;
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .axis-home .axis-pricing-grid,
  .editor-styles-wrapper .axis-pricing-grid {
    gap: 0.72rem;
    margin-inline: -0.625rem;
    padding: 0.18rem 0.625rem 0.96rem;
    scroll-padding-inline: 0.625rem;
  }

  .axis-home .axis-price-card,
  .axis-pricing .axis-price-card.is-contact,
  .editor-styles-wrapper .axis-price-card,
  .editor-styles-wrapper .axis-pricing .axis-price-card.is-contact {
    flex-basis: min(82vw, 320px);
    padding: 0.9rem;
    border-radius: 22px;
  }

  .axis-home .axis-price-card h3,
  .editor-styles-wrapper .axis-price-card h3 {
    font-size: 1.02rem;
  }

  .axis-home .axis-price-card__amount,
  .editor-styles-wrapper .axis-price-card__amount {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.26rem;
    margin-top: 0.36rem;
    font-size: clamp(2rem, 11vw, 2.6rem);
    line-height: 0.95;
  }

  .axis-home .axis-price-card__amount span,
  .editor-styles-wrapper .axis-price-card__amount span {
    font-size: 0.74rem;
    white-space: nowrap;
  }

  .axis-home .axis-price-card__bundle,
  .editor-styles-wrapper .axis-price-card__bundle {
    margin-top: 0.46rem;
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .axis-home .axis-price-card p:not([class]),
  .editor-styles-wrapper .axis-price-card p:not([class]) {
    margin-top: 0.78rem;
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .axis-home .axis-price-card li,
  .editor-styles-wrapper .axis-price-card li {
    font-size: 0.77rem;
    line-height: 1.35;
  }

  .axis-home .axis-price-card .wp-block-button__link,
  .editor-styles-wrapper .axis-price-card .wp-block-button__link {
    min-height: 44px;
    border-radius: 16px;
    font-size: 0.84rem;
  }

  .axis-pricing .axis-price-card.is-contact,
  .editor-styles-wrapper .axis-pricing .axis-price-card.is-contact {
    min-height: 0;
  }

  .axis-pricing .axis-price-contact__copy h3,
  .editor-styles-wrapper .axis-pricing .axis-price-contact__copy h3 {
    font-size: 1.08rem;
  }

  .axis-pricing .axis-value-strip--pricing-note,
  .editor-styles-wrapper .axis-pricing .axis-value-strip--pricing-note {
    gap: 0.62rem;
    margin-top: 0.85rem;
  }
}

@media (max-width: 430px) {
  .axis-header {
    top: 7px;
    padding-inline: 0.48rem;
  }

  .axis-header__frame {
    border-radius: 19px;
  }

  .axis-header__inner {
    min-height: 54px;
    padding: 0.38rem 0.42rem;
    grid-template-columns: minmax(98px, auto) minmax(0, 1fr) auto;
  }

  .axis-brand__link {
    width: 108px;
    min-height: 38px;
  }

  .axis-brand__logo,
  .axis-brand img {
    width: 102px;
  }

  .axis-icon-button,
  .axis-menu-toggle {
    width: 34px;
    min-height: 34px;
  }

  .axis-home .axis-hero,
  .editor-styles-wrapper .axis-hero {
    padding-top: 5rem;
  }

  .axis-home .axis-hero h1,
  .editor-styles-wrapper .axis-hero h1 {
    font-size: clamp(2.85rem, 13.2vw, 3.35rem);
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    font-size: 0.94rem;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    flex-basis: 136px;
    min-height: 74px;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 300px;
  }

  .axis-home .axis-pricing .axis-section__header h2,
  .editor-styles-wrapper .axis-pricing .axis-section__header h2 {
    font-size: clamp(2.16rem, 10.8vw, 2.9rem);
  }
}

@media (max-width: 359px) {
  .axis-home .axis-hero__actions,
  .editor-styles-wrapper .axis-hero__actions {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 720px) {
  .axis-pricing .axis-section__header {
    text-align: left;
  }

  .axis-pricing .axis-section__header h2 {
    max-width: 9.3em;
    font-size: clamp(2.35rem, 11.5vw, 3.3rem);
    line-height: 0.92;
  }

  .axis-pricing .axis-section__header p:not(.axis-kicker) {
    max-width: 35ch;
    margin-inline: 0;
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .axis-pricing .axis-pricing-grid {
    display: flex;
    gap: 0.72rem;
    overflow-x: auto;
    overflow-y: visible;
    margin-inline: -0.625rem;
    padding: 0.18rem 0.625rem 0.96rem;
    scroll-padding-inline: 0.625rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }

  .axis-pricing .axis-pricing-grid::-webkit-scrollbar {
    height: 0;
  }

  .axis-pricing .axis-price-card {
    flex: 0 0 min(82vw, 320px);
    min-height: 0;
    padding: 0.9rem;
    border-radius: 22px;
    scroll-snap-align: start;
  }

  .axis-pricing .axis-price-card h3 {
    font-size: 1.02rem;
  }

  .axis-pricing .axis-price-card__amount {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.26rem;
    margin-top: 0.36rem;
    font-size: clamp(2rem, 11vw, 2.6rem) !important;
    line-height: 0.95 !important;
  }

  .axis-pricing .axis-price-card__amount span {
    font-size: 0.74rem !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }

  .axis-pricing .axis-price-card__bundle {
    margin-top: 0.46rem;
    font-size: 0.78rem;
    line-height: 1.35;
  }

  .axis-pricing .axis-price-card p:not([class]) {
    margin-top: 0.78rem;
    font-size: 0.86rem;
    line-height: 1.45;
  }

  .axis-pricing .axis-price-card ul {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.36rem;
    margin-top: 0.7rem;
  }

  .axis-pricing .axis-price-card li {
    font-size: 0.77rem;
    line-height: 1.35;
  }

  .axis-pricing .axis-price-card .wp-block-button__link {
    min-height: 44px;
    border-radius: 16px;
    font-size: 0.84rem;
  }
}

/* Fixed page width restored: keep desktop pages contained instead of stretching wide. */
@media (min-width: 861px) {
  :root {
    --axis-shell: min(100% - 2rem, 1280px);
  }

  .axis-header__frame {
    width: min(100%, 1320px);
  }
}

/* Desktop hero breakout: keep the page fixed, but let the operating demo breathe past the shell. */
@media (min-width: 1181px) {
  .axis-hero {
    overflow-x: clip;
  }

  .axis-hero__layout {
    overflow: visible;
    grid-template-columns: minmax(440px, 0.82fr) minmax(0, 1.18fr);
    gap: clamp(2.5rem, 4.6vw, 4.5rem);
  }

  .axis-home .axis-hero__visual,
  .axis-hero__visual {
    width: min(58vw, 900px);
    max-width: calc(100vw - 1.5rem);
    min-height: 720px;
    justify-self: start;
    margin-right: max(-9vw, -150px);
  }

  .axis-operating-demo__body {
    grid-template-columns: minmax(330px, 1.08fr) minmax(260px, 0.72fr);
    gap: 1rem;
    padding: 1.05rem;
  }

  .axis-command-panel {
    min-height: 220px;
    padding: 1.05rem;
  }

  .axis-command-panel__prompt p {
    max-width: 12.5em;
    font-size: clamp(1.35rem, 2.1vw, 1.72rem);
    line-height: 1.15;
  }

  .axis-command-panel__response {
    width: min(92%, 470px);
  }

  .axis-agent-pill {
    min-height: 61px;
    padding-inline: 0.78rem;
  }

  .axis-agent-pill strong,
  .axis-agent-pill em {
    font-size: 0.82rem;
  }

  .axis-operating-demo__screens {
    inset: 330px 1.35rem 1.35rem;
  }

  .axis-console--1 {
    width: 56%;
  }

  .axis-console--2 {
    width: 48%;
  }

  .axis-console--3 {
    right: 5%;
    width: 43%;
  }
}

/* Hero content polish: editorial lead, header-style CTAs, stronger proof cards, and category routing. */
.axis-home .axis-hero__lead,
.editor-styles-wrapper .axis-hero__lead {
  max-width: 660px;
  color: color-mix(in srgb, var(--axis-ink) 84%, var(--axis-muted) 16%);
  font-family: var(--axis-font-editorial);
  font-size: clamp(1.18rem, 1.65vw, 1.42rem);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.52;
}

.axis-light .axis-home .axis-hero__lead,
.axis-light .editor-styles-wrapper .axis-hero__lead {
  color: #253044;
}

.axis-home .axis-hero__actions,
.editor-styles-wrapper .axis-hero__actions {
  gap: 0.64rem;
}

.axis-home .axis-hero__actions .axis-button,
.editor-styles-wrapper .axis-hero__actions .axis-button {
  min-height: 42px;
  padding: 0.55rem 0.82rem;
  border-radius: 14px;
  border-color: var(--axis-line);
  background: var(--axis-header-nav);
  box-shadow: none;
  color: var(--axis-ink);
  font-size: 0.82rem;
  letter-spacing: 0;
}

.axis-home .axis-hero__actions .axis-button--primary,
.editor-styles-wrapper .axis-hero__actions .axis-button--primary {
  border-color: rgba(var(--axis-blue-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.03)),
    var(--axis-header-contrast);
}

.axis-home .axis-hero__actions .axis-button--primary::before,
.editor-styles-wrapper .axis-hero__actions .axis-button--primary::before {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--axis-patina), var(--axis-clay));
  box-shadow: 0 0 14px rgba(var(--axis-blue-rgb), 0.42);
}

.axis-home .axis-hero__actions .axis-button--quiet,
.editor-styles-wrapper .axis-hero__actions .axis-button--quiet {
  color: var(--axis-muted);
  background: rgba(255, 255, 255, 0.035);
}

.axis-home .axis-hero__actions .axis-button:hover,
.axis-home .axis-hero__actions .axis-button:focus-visible,
.editor-styles-wrapper .axis-hero__actions .axis-button:hover,
.editor-styles-wrapper .axis-hero__actions .axis-button:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  background: var(--axis-header-contrast);
}

@media (min-width: 721px) {
  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    display: grid;
    max-width: 760px;
    gap: 0.72rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    position: relative;
    min-height: 126px;
    overflow: hidden;
    padding: 1rem 0.95rem 0.92rem;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 20px;
    background:
      radial-gradient(circle at 100% 0%, rgba(var(--axis-blue-rgb), 0.16), transparent 55%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)),
      rgba(7, 14, 26, 0.78);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 18px 42px rgba(0, 0, 0, 0.18);
  }

  .axis-home .axis-hero__ledger div::before,
  .editor-styles-wrapper .axis-hero__ledger div::before {
    content: "";
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    margin-bottom: 0.72rem;
    border: 1px solid rgba(var(--axis-olive-rgb), 0.32);
    border-radius: 11px;
    background:
      linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.82), rgba(var(--axis-blue-rgb), 0.72)),
      rgba(255, 255, 255, 0.06);
    box-shadow: 0 0 22px rgba(var(--axis-blue-rgb), 0.16);
  }

  .axis-home .axis-hero__ledger div:nth-child(2)::before,
  .editor-styles-wrapper .axis-hero__ledger div:nth-child(2)::before {
    background: linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.88), rgba(var(--axis-purple-rgb), 0.78));
  }

  .axis-home .axis-hero__ledger div:nth-child(3)::before,
  .editor-styles-wrapper .axis-hero__ledger div:nth-child(3)::before {
    background: linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.88), rgba(var(--axis-olive-rgb), 0.72));
  }

  .axis-home .axis-hero__ledger div:nth-child(4)::before,
  .editor-styles-wrapper .axis-hero__ledger div:nth-child(4)::before {
    background: linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.9), rgba(255, 255, 255, 0.4));
  }

  .axis-home .axis-hero__ledger div::after,
  .editor-styles-wrapper .axis-hero__ledger div::after {
    content: "";
    position: absolute;
    right: 0.95rem;
    bottom: 0.78rem;
    left: 0.95rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), transparent);
    opacity: 0.78;
  }

  .axis-home .axis-hero__ledger p,
  .editor-styles-wrapper .axis-hero__ledger p {
    margin: 0;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: clamp(1.6rem, 2vw, 2.15rem);
    letter-spacing: 0;
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    max-width: 9.5em;
    font-size: 0.63rem;
    line-height: 1.22;
  }
}

.axis-home .axis-agent-pill,
.editor-styles-wrapper .axis-agent-pill {
  grid-template-columns: 34px minmax(0, 1fr) max-content;
  border-color: rgba(148, 163, 184, 0.13);
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.1), rgba(255, 255, 255, 0.025)),
    rgba(13, 23, 39, 0.9);
}

.axis-home .axis-agent-pill span,
.editor-styles-wrapper .axis-agent-pill span {
  width: 34px;
  height: 34px;
}

.axis-home .axis-agent-pill strong,
.editor-styles-wrapper .axis-agent-pill strong {
  font-size: 0.82rem;
}

.axis-home .axis-agent-pill em,
.editor-styles-wrapper .axis-agent-pill em {
  padding: 0.25rem 0.46rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.2);
  border-radius: 999px;
  background: rgba(var(--axis-olive-rgb), 0.08);
  color: var(--axis-patina);
  font-size: 0.64rem;
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    font-size: 1.03rem;
    line-height: 1.5;
  }

  .axis-home .axis-hero__actions .axis-button,
  .editor-styles-wrapper .axis-hero__actions .axis-button {
    min-height: 42px;
    border-radius: 14px;
  }
}

@media (min-width: 721px) {
  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    display: block;
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
  }

  .axis-home .axis-hero__ledger .wp-block-group__inner-container::before,
  .axis-home .axis-hero__ledger .wp-block-group__inner-container::after,
  .editor-styles-wrapper .axis-hero__ledger .wp-block-group__inner-container::before,
  .editor-styles-wrapper .axis-hero__ledger .wp-block-group__inner-container::after {
    content: none !important;
    display: none !important;
  }

  .axis-home .axis-hero__ledger:not(:has(> .wp-block-group__inner-container)),
  .editor-styles-wrapper .axis-hero__ledger:not(:has(> .wp-block-group__inner-container)) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.72rem;
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
  .axis-home .axis-hero__ledger:not(:has(> .wp-block-group__inner-container)) > .wp-block-group,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
  .editor-styles-wrapper .axis-hero__ledger:not(:has(> .wp-block-group__inner-container)) > .wp-block-group {
    min-height: 122px;
  }
}

/* Hero AI scenario refinement. */
.axis-home .axis-hero__lead,
.editor-styles-wrapper .axis-hero__lead {
  max-width: 690px;
  font-family: var(--axis-font-display);
  font-size: clamp(1.06rem, 1.26vw, 1.22rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.66;
}

.axis-home .axis-command-panel,
.editor-styles-wrapper .axis-command-panel {
  display: grid;
  min-height: 270px;
  align-content: start;
  gap: 0.82rem;
  padding: 1rem;
  border-color: rgba(var(--axis-olive-rgb), 0.22);
  background:
    radial-gradient(circle at 8% 12%, rgba(var(--axis-olive-rgb), 0.14), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025)),
    rgba(11, 19, 33, 0.9);
}

.axis-home .axis-command-panel::after,
.editor-styles-wrapper .axis-command-panel::after {
  content: "";
  position: absolute;
  right: -22%;
  bottom: -38%;
  width: 68%;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 999px;
  background:
    linear-gradient(90deg, transparent 49%, rgba(var(--axis-blue-rgb), 0.22) 50%, transparent 51%),
    linear-gradient(0deg, transparent 49%, rgba(var(--axis-olive-rgb), 0.18) 50%, transparent 51%);
  opacity: 0.42;
  animation: axisScenarioOrbit 12s linear infinite;
  pointer-events: none;
}

.axis-home .axis-command-panel.is-switching .axis-command-panel__prompt,
.axis-home .axis-command-panel.is-switching .axis-command-panel__response,
.axis-home .axis-command-panel.is-switching .axis-command-panel__chips,
.editor-styles-wrapper .axis-command-panel.is-switching .axis-command-panel__prompt,
.editor-styles-wrapper .axis-command-panel.is-switching .axis-command-panel__response,
.editor-styles-wrapper .axis-command-panel.is-switching .axis-command-panel__chips {
  animation: axisScenarioSwap 0.44s ease both;
}

.axis-home .axis-command-panel__prompt,
.axis-home .axis-command-panel__response,
.axis-home .axis-command-panel__chips,
.axis-home .axis-command-panel__bar,
.editor-styles-wrapper .axis-command-panel__prompt,
.editor-styles-wrapper .axis-command-panel__response,
.editor-styles-wrapper .axis-command-panel__chips,
.editor-styles-wrapper .axis-command-panel__bar {
  position: relative;
  z-index: 2;
}

.axis-home .axis-command-panel__prompt span,
.editor-styles-wrapper .axis-command-panel__prompt span {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: var(--axis-patina);
  font-family: var(--axis-font-mono);
  font-size: 0.64rem;
  letter-spacing: 0;
}

.axis-home .axis-command-panel__prompt p,
.editor-styles-wrapper .axis-command-panel__prompt p {
  max-width: 13.5em;
  margin-top: 0.48rem;
  color: #fff;
  font-family: var(--axis-font-display);
  font-size: clamp(1.05rem, 1.6vw, 1.42rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.18;
}

.axis-home .axis-command-panel__response,
.editor-styles-wrapper .axis-command-panel__response {
  width: min(100%, 520px);
  margin-top: 0;
  padding: 0.88rem 0.95rem;
  border-color: rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.12), rgba(var(--axis-blue-rgb), 0.1)),
    rgba(255, 255, 255, 0.045);
}

.axis-home .axis-command-panel__response strong,
.editor-styles-wrapper .axis-command-panel__response strong {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  color: #f8fafc;
  font-size: 0.76rem;
  letter-spacing: 0;
}

.axis-home .axis-command-panel__response strong::before,
.editor-styles-wrapper .axis-command-panel__response strong::before {
  content: "";
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 16px rgba(var(--axis-olive-rgb), 0.45);
}

.axis-home .axis-command-panel__response p,
.editor-styles-wrapper .axis-command-panel__response p {
  margin-top: 0.42rem;
  color: color-mix(in srgb, #fff 76%, var(--axis-muted) 24%);
  font-size: 0.88rem;
  line-height: 1.5;
}

.axis-home .axis-command-panel__chips,
.editor-styles-wrapper .axis-command-panel__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.axis-home .axis-command-panel__chips span,
.editor-styles-wrapper .axis-command-panel__chips span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0.3rem 0.56rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 999px;
  background: rgba(var(--axis-blue-rgb), 0.08);
  color: color-mix(in srgb, #fff 78%, var(--axis-muted) 22%);
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0;
}

.axis-home .axis-agent-pill,
.editor-styles-wrapper .axis-agent-pill {
  width: 100%;
  appearance: none;
  color: inherit;
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.axis-home .axis-agent-pill.is-active,
.axis-home .axis-agent-pill:hover,
.axis-home .axis-agent-pill:focus-visible,
.editor-styles-wrapper .axis-agent-pill.is-active,
.editor-styles-wrapper .axis-agent-pill:hover,
.editor-styles-wrapper .axis-agent-pill:focus-visible {
  border-color: rgba(var(--axis-olive-rgb), 0.44);
  background:
    linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.13), rgba(var(--axis-blue-rgb), 0.08)),
    rgba(13, 23, 39, 0.96);
  outline: none;
  transform: translateX(-4px);
}

.axis-home .axis-agent-pill.is-active em,
.editor-styles-wrapper .axis-agent-pill.is-active em {
  border-color: rgba(var(--axis-olive-rgb), 0.32);
  background: rgba(var(--axis-olive-rgb), 0.12);
  color: #f5ffbb;
}

.axis-home .axis-operating-demo__screens::before,
.editor-styles-wrapper .axis-operating-demo__screens::before {
  content: "";
  position: absolute;
  z-index: 5;
  inset: -18px 7% auto;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--axis-patina), var(--axis-blue), transparent);
  box-shadow: 0 0 22px rgba(var(--axis-blue-rgb), 0.42);
  animation: axisScenarioSweep 5.8s ease-in-out infinite;
}

@media (min-width: 721px) {
  .axis-home .axis-hero__ledger div::before,
  .editor-styles-wrapper .axis-hero__ledger div::before {
    content: none;
    display: none;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    min-height: 98px;
    padding: 0.9rem 0.9rem 0.8rem;
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
      rgba(8, 16, 29, 0.76);
  }

  .axis-home .axis-hero__ledger div::after,
  .editor-styles-wrapper .axis-hero__ledger div::after {
    right: 0.9rem;
    bottom: 0.7rem;
    left: 0.9rem;
    background: linear-gradient(90deg, var(--axis-patina), var(--axis-blue), transparent 82%);
  }

  .axis-home .axis-hero__ledger p,
  .editor-styles-wrapper .axis-hero__ledger p {
    display: flex;
    min-height: 70px;
    flex-direction: column;
    justify-content: center;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    display: block;
    color: #fff;
    font-family: var(--axis-font-display);
    font-size: clamp(2rem, 2.85vw, 3rem);
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 0.92;
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    max-width: none;
    margin-top: 0.56rem;
    color: var(--axis-muted);
    font-family: var(--axis-font-mono);
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
  }
}

.axis-light .axis-home .axis-command-panel,
.axis-light .editor-styles-wrapper .axis-command-panel {
  border-color: rgba(var(--axis-olive-rgb), 0.2);
  background:
    radial-gradient(circle at 8% 12%, rgba(var(--axis-olive-rgb), 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(245, 248, 252, 0.78));
}

.axis-light .axis-home .axis-command-panel__prompt p,
.axis-light .editor-styles-wrapper .axis-command-panel__prompt p,
.axis-light .axis-home .axis-command-panel__response strong,
.axis-light .editor-styles-wrapper .axis-command-panel__response strong {
  color: #101827;
}

.axis-light .axis-home .axis-command-panel__response p,
.axis-light .editor-styles-wrapper .axis-command-panel__response p,
.axis-light .axis-home .axis-command-panel__chips span,
.axis-light .editor-styles-wrapper .axis-command-panel__chips span {
  color: #334155;
}

.axis-light .axis-home .axis-command-panel__response,
.axis-light .editor-styles-wrapper .axis-command-panel__response {
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.12), rgba(var(--axis-blue-rgb), 0.075)),
    rgba(255, 255, 255, 0.72);
}

.axis-light .axis-home .axis-agent-pill.is-active,
.axis-light .axis-home .axis-agent-pill:hover,
.axis-light .axis-home .axis-agent-pill:focus-visible,
.axis-light .editor-styles-wrapper .axis-agent-pill.is-active,
.axis-light .editor-styles-wrapper .axis-agent-pill:hover,
.axis-light .editor-styles-wrapper .axis-agent-pill:focus-visible {
  background:
    linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.13), rgba(var(--axis-blue-rgb), 0.06)),
    rgba(255, 255, 255, 0.94);
}

@media (max-width: 720px) {
  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.58;
  }

  .axis-home .axis-command-panel,
  .editor-styles-wrapper .axis-command-panel {
    min-height: 0;
    gap: 0.68rem;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 620px;
  }

  .axis-home .axis-operating-demo,
  .editor-styles-wrapper .axis-operating-demo {
    min-height: 600px;
  }

  .axis-home .axis-agent-rail,
  .editor-styles-wrapper .axis-agent-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.52rem;
  }

  .axis-home .axis-agent-pill,
  .editor-styles-wrapper .axis-agent-pill {
    min-height: 54px;
    grid-template-columns: 28px minmax(0, 1fr);
    justify-items: start;
    padding: 0.52rem;
    text-align: left;
  }

  .axis-home .axis-agent-pill span,
  .editor-styles-wrapper .axis-agent-pill span {
    width: 28px;
    height: 28px;
  }

  .axis-home .axis-agent-pill strong,
  .editor-styles-wrapper .axis-agent-pill strong {
    font-size: 0.68rem;
    line-height: 1.12;
    white-space: normal;
  }

  .axis-home .axis-command-panel__prompt p,
  .editor-styles-wrapper .axis-command-panel__prompt p {
    max-width: 100%;
    font-size: 1.02rem;
    line-height: 1.28;
  }

  .axis-home .axis-command-panel__response p,
  .editor-styles-wrapper .axis-command-panel__response p {
    font-size: 0.8rem;
  }

  .axis-home .axis-command-panel__chips span,
  .editor-styles-wrapper .axis-command-panel__chips span {
    min-height: 26px;
    font-size: 0.64rem;
  }

  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    display: grid !important;
    max-width: 100%;
    gap: 0.58rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow: visible;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
    display: grid !important;
    gap: 0.58rem;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .axis-home .axis-hero__ledger:has(> .wp-block-group__inner-container),
  .editor-styles-wrapper .axis-hero__ledger:has(> .wp-block-group__inner-container) {
    display: block !important;
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container::after,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container::after {
    content: none;
    display: none;
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    min-width: 0;
    min-height: 82px;
    flex-basis: auto;
    padding: 0.72rem;
    border: 1px solid rgba(148, 163, 184, 0.14);
    border-radius: 17px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025)),
      rgba(8, 16, 29, 0.78);
  }

  .axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group {
    min-width: 0;
    min-height: 82px;
  }

  .axis-home .axis-hero__ledger div::after,
  .editor-styles-wrapper .axis-hero__ledger div::after {
    content: "";
    position: absolute;
    right: 0.72rem;
    bottom: 0.58rem;
    left: 0.72rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--axis-patina), var(--axis-blue), transparent 82%);
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: 1.55rem;
    letter-spacing: 0;
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    font-size: 0.54rem;
    line-height: 1.22;
  }
}

@media (min-width: 1181px) and (max-width: 1599px) {
  .axis-home .axis-hero__layout,
  .editor-styles-wrapper .axis-hero__layout {
    grid-template-columns: minmax(0, 0.92fr) minmax(560px, 0.98fr);
    gap: 2rem;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    width: 100%;
    min-height: 660px;
    margin-right: 0;
  }

  .axis-home .axis-command-panel,
  .editor-styles-wrapper .axis-command-panel {
    min-height: 252px;
  }
}

@keyframes axisScenarioSwap {

  0% {
    opacity: 0;
    transform: translateY(8px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes axisScenarioOrbit {

  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes axisScenarioSweep {

  0%,
  100% {
    opacity: 0.25;
    transform: translateX(-16%);
  }

  50% {
    opacity: 0.9;
    transform: translateX(16%);
  }
}

/* Chat-first hero polish. */
.axis-home .axis-hero__lead,
.editor-styles-wrapper .axis-hero__lead {
  position: relative;
  display: block;
  min-height: 0;
  padding: 0 0 0 1.45rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: color-mix(in srgb, #fff 84%, var(--axis-muted) 16%);
  font-family: var(--axis-font-display);
  font-size: clamp(0.98rem, 1.05vw, 1.08rem);
  font-weight: 420;
  line-height: 1.58;
}

.axis-home .axis-hero__lead::before,
.editor-styles-wrapper .axis-hero__lead::before {
  content: "";
  position: absolute;
  top: 0.42em;
  left: 0;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 50%, var(--axis-patina) 0 46%, transparent 48%),
    rgba(var(--axis-olive-rgb), 0.14);
  box-shadow:
    0 0 0 5px rgba(var(--axis-olive-rgb), 0.07),
    0 0 22px rgba(var(--axis-olive-rgb), 0.22);
}

.axis-home .axis-hero__lead::after,
.editor-styles-wrapper .axis-hero__lead::after {
  content: "_";
  display: inline-block;
  margin-left: 0.16rem;
  color: var(--axis-patina);
  font-family: var(--axis-font-mono);
  font-weight: 800;
  animation: axisTerminalBlink 0.92s steps(2, start) infinite;
}

.axis-command-panel--chat {
  --axis-chat-mode-color: var(--axis-clay);
  --axis-chat-mode-rgb: var(--axis-blue-rgb);
  display: grid !important;
  min-height: 430px !important;
  padding: 0 !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  border-radius: 24px !important;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(19, 31, 52, 0.96), rgba(9, 17, 30, 0.94)),
    rgba(9, 17, 30, 0.94) !important;
}

.axis-command-panel--chat[data-axis-chat-mode="sai"] {
  --axis-chat-mode-color: #6ea8ff;
  --axis-chat-mode-rgb: var(--axis-blue-rgb);
}

.axis-command-panel--chat[data-axis-chat-mode="msai"] {
  --axis-chat-mode-color: #8b7cff;
  --axis-chat-mode-rgb: var(--axis-purple-rgb);
}

.axis-command-panel--chat[data-axis-chat-mode="umsai"] {
  --axis-chat-mode-color: #b9cf42;
  --axis-chat-mode-rgb: var(--axis-olive-rgb);
}

.axis-command-panel--chat[data-axis-chat-mode="oumsai"] {
  --axis-chat-mode-color: #ff7ab6;
  --axis-chat-mode-rgb: var(--axis-purple-rgb);
}

.axis-command-panel--chat::before {
  background:
    radial-gradient(circle at 92% 10%, rgba(var(--axis-chat-mode-rgb), 0.2), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 46%);
}

.axis-command-panel--chat::after {
  content: none !important;
  display: none;
}

.axis-chat-window__bar,
.axis-chat-window__modes,
.axis-chat-window__stream,
.axis-chat-window__composer {
  position: relative;
  z-index: 3;
}

.axis-chat-window__bar {
  display: flex;
  min-height: 52px;
  align-items: center;
  gap: 0.62rem;
  padding: 0.7rem 0.78rem;
  border-bottom: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(12, 22, 39, 0.72);
}

.axis-chat-window__bar strong {
  color: #fff;
  font-size: 0.86rem;
  font-weight: 850;
}

.axis-chat-window__menu,
.axis-chat-window__tools span,
.axis-chat-send {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  color: var(--axis-muted);
}

.axis-chat-window__menu {
  width: 32px;
  height: 32px;
  padding: 0;
  flex-direction: column;
  gap: 3px;
}

.axis-chat-window__menu span {
  width: 13px;
  height: 2px;
  border-radius: 99px;
  background: currentColor;
}

.axis-chat-window__tools {
  display: flex;
  margin-left: auto;
  gap: 0.36rem;
}

.axis-chat-window__tools span {
  width: 28px;
  height: 28px;
}

.axis-chat-window__tools span:nth-child(1)::before {
  content: "+";
}

.axis-chat-window__tools span:nth-child(2)::before {
  content: "-";
}

.axis-chat-window__tools span:nth-child(3)::before {
  content: "x";
}

.axis-chat-window__modes {
  display: flex;
  gap: 0.42rem;
  overflow-x: auto;
  padding: 0.58rem 0.78rem 0;
  scrollbar-width: none;
}

.axis-chat-window__modes::-webkit-scrollbar {
  display: none;
}

.axis-chat-window__modes span {
  flex: 0 0 auto;
  padding: 0.28rem 0.52rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--axis-muted);
  font-size: 0.62rem;
  font-weight: 850;
}

.axis-chat-window__modes span.is-active {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.42);
  background: rgba(var(--axis-chat-mode-rgb), 0.16);
  color: #fff;
}

.axis-chat-window__stream {
  display: grid;
  min-height: 242px;
  align-content: start;
  gap: 0.68rem;
  overflow: hidden;
  padding: 0.78rem;
}

.axis-chat-bubble {
  position: relative;
  max-width: 88%;
  transition:
    opacity 0.32s ease,
    transform 0.32s ease;
}

.axis-command-panel--chat.is-animated .axis-chat-bubble {
  opacity: 0;
  transform: translateY(10px);
}

.axis-command-panel--chat.is-animated.is-sent .axis-chat-bubble--user,
.axis-command-panel--chat.is-animated.is-responding .axis-chat-bubble--user,
.axis-command-panel--chat.is-animated.is-complete .axis-chat-bubble--user,
.axis-command-panel--chat.is-animated.is-responding .axis-chat-bubble--ai,
.axis-command-panel--chat.is-animated.is-complete .axis-chat-bubble--ai {
  opacity: 1;
  transform: translateY(0);
}

.axis-chat-bubble--user {
  justify-self: end;
  padding: 0.78rem 0.86rem;
  border: 1px solid rgba(var(--axis-purple-rgb), 0.32);
  border-radius: 18px 18px 5px 18px;
  background: linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.5), rgba(var(--axis-purple-rgb), 0.28));
  color: #fff;
}

.axis-chat-bubble--user p,
.axis-chat-bubble--ai p {
  margin: 0;
}

.axis-chat-bubble--user p {
  font-size: 0.86rem;
  font-weight: 720;
  line-height: 1.38;
}

.axis-chat-bubble time {
  display: block;
  margin-top: 0.32rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.64rem;
}

.axis-chat-bubble--ai {
  display: grid;
  justify-self: start;
  width: min(100%, 460px);
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 0.55rem;
}

.axis-chat-bubble--ai > div {
  padding: 0.78rem 0.86rem;
  border: 1px solid rgba(var(--axis-chat-mode-rgb), 0.24);
  border-radius: 18px 18px 18px 5px;
  background:
    linear-gradient(135deg, rgba(var(--axis-chat-mode-rgb), 0.13), rgba(255, 255, 255, 0.035)),
    rgba(15, 27, 46, 0.92);
}

.axis-chat-bubble--ai strong {
  display: block;
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
}

.axis-chat-bubble--ai p {
  margin-top: 0.42rem;
  color: color-mix(in srgb, #fff 78%, var(--axis-muted) 22%);
  font-size: 0.82rem;
  line-height: 1.46;
}

.axis-chat-window__composer {
  display: grid;
  min-height: 66px;
  align-items: center;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr) auto 38px;
  padding: 0.64rem;
  border-top: 1px solid rgba(148, 163, 184, 0.13);
  background: rgba(8, 15, 27, 0.72);
}

.axis-chat-input {
  display: flex;
  min-height: 42px;
  align-items: center;
  overflow: hidden;
  padding: 0.65rem 0.82rem;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
  color: color-mix(in srgb, #fff 84%, var(--axis-muted) 16%);
  font-size: 0.78rem;
  line-height: 1.32;
}

.axis-chat-input:empty::before {
  content: "Ask the brain anything...";
  color: rgba(148, 163, 184, 0.72);
}

.axis-command-panel--chat.is-composing .axis-chat-input::after,
.axis-home .axis-hero__lead::after {
  content: "_";
  margin-left: 0.14rem;
  color: var(--axis-chat-mode-color, var(--axis-patina));
  animation: axisTerminalBlink 0.92s steps(2, start) infinite;
}

.axis-chat-mode {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 0.4rem;
  padding: 0 0.62rem;
  border: 1px solid rgba(var(--axis-chat-mode-rgb), 0.28);
  border-radius: 14px;
  background: rgba(var(--axis-chat-mode-rgb), 0.12);
  color: #fff;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 900;
}

.axis-chat-mode span {
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 999px;
  background: var(--axis-chat-mode-color);
  box-shadow: 0 0 16px rgba(var(--axis-chat-mode-rgb), 0.52);
}

.axis-chat-send {
  width: 38px;
  height: 38px;
  padding: 0;
  border-color: rgba(var(--axis-chat-mode-rgb), 0.22);
  background: rgba(var(--axis-chat-mode-rgb), 0.12);
}

.axis-chat-send svg {
  width: 16px;
  height: 16px;
  transform: rotate(-35deg);
}

.axis-chat-send.is-sending {
  animation: axisSendPulse 0.52s ease;
}

.axis-chat-orb {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background:
    radial-gradient(circle at 50% 52%, #07111f 0 23%, transparent 24%),
    conic-gradient(from 210deg, #36d7ff, #9b5cff, #ffcc4d, #5cff93, #36d7ff);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16) inset,
    0 0 24px rgba(var(--axis-chat-mode-rgb), 0.4);
}

.axis-chat-orb i {
  display: inline-flex;
  width: 58%;
  height: 58%;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  background:
    linear-gradient(rgba(8, 17, 32, 0.1), rgba(8, 17, 32, 0.1)),
    url("../images/logo.png") 4% 50% / 440% auto no-repeat,
    #0b1424;
  color: #fff;
  font-family: var(--axis-font-mono);
  font-size: 0.52rem;
  font-style: normal;
  font-weight: 900;
}

.axis-chat-orb i::before {
  content: "";
}

.axis-chat-orb--mini {
  width: 32px;
  height: 32px;
  margin-top: 0.32rem;
}

.axis-chat-orb--dock {
  position: absolute;
  right: 1rem;
  bottom: 1.05rem;
  z-index: 4;
  width: 72px;
  height: 72px;
  animation: axisOrbFloat 4.8s ease-in-out infinite;
}

.axis-light .axis-home .axis-hero__lead,
.axis-light .editor-styles-wrapper .axis-hero__lead {
  color: #162033;
  background: transparent;
}

.axis-light .axis-command-panel--chat {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 244, 252, 0.9)),
    #fff !important;
}

.axis-light .axis-chat-window__bar,
.axis-light .axis-chat-window__composer {
  background: rgba(245, 248, 252, 0.78);
}

.axis-light .axis-chat-window__bar strong,
.axis-light .axis-chat-bubble--ai strong,
.axis-light .axis-chat-mode {
  color: #101827;
}

.axis-light .axis-chat-bubble--ai > div,
.axis-light .axis-chat-input {
  background: rgba(255, 255, 255, 0.78);
}

.axis-light .axis-chat-bubble--ai p,
.axis-light .axis-chat-input {
  color: #334155;
}

@media (max-width: 720px) {
  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    min-height: 0;
    padding: 0 0 0 1.25rem;
    border-radius: 0;
  }

  .axis-home .axis-hero__lead::before,
  .editor-styles-wrapper .axis-hero__lead::before {
    top: 0.48em;
    left: 0;
    width: 0.52rem;
    height: 0.52rem;
  }

  .axis-home .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__visual {
    min-height: 760px;
  }

  .axis-home .axis-operating-demo,
  .editor-styles-wrapper .axis-operating-demo {
    min-height: 740px;
  }

  .axis-command-panel--chat {
    min-height: 536px !important;
    border-radius: 22px !important;
  }

  .axis-chat-window__tools span {
    width: 25px;
    height: 25px;
  }

  .axis-chat-window__stream {
    min-height: 316px;
    padding: 0.66rem;
  }

  .axis-chat-bubble,
  .axis-chat-bubble--ai {
    max-width: 100%;
  }

  .axis-chat-bubble--user p,
  .axis-chat-bubble--ai p,
  .axis-chat-input {
    font-size: 0.76rem;
  }

  .axis-chat-window__composer {
    grid-template-columns: minmax(0, 1fr) auto 36px;
    gap: 0.38rem;
    padding: 0.56rem;
  }

  .axis-chat-mode {
    padding-inline: 0.48rem;
  }

  .axis-chat-send {
    width: 36px;
    height: 36px;
  }

  .axis-chat-orb--dock {
    right: 0.78rem;
    bottom: 0.82rem;
    width: 58px;
    height: 58px;
  }
}

@keyframes axisTerminalBlink {

  0%,
  48% {
    opacity: 1;
  }

  49%,
  100% {
    opacity: 0;
  }
}

@keyframes axisSendPulse {

  0% {
    transform: translateX(0) translateY(0) scale(1);
  }

  46% {
    transform: translateX(5px) translateY(-5px) scale(1.04);
  }

  100% {
    transform: translateX(0) translateY(0) scale(1);
  }
}

@keyframes axisOrbFloat {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-8px);
  }
}

/* Compact agent rail and stable chat typing. */
.axis-home .axis-operating-demo__body,
.editor-styles-wrapper .axis-operating-demo__body {
  align-items: start;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail {
  width: 226px;
  max-width: 100%;
  align-self: start;
  justify-self: end;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 0.5rem;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill {
  width: 100%;
  min-height: 0;
  height: 56px;
  padding: 0.48rem 0.56rem;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 0 0.54rem;
  border-color: rgba(148, 163, 184, 0.16);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(13, 24, 41, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 28px rgba(0, 0, 0, 0.16);
  animation: none;
  transform: none;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill::after,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill::after {
  content: "";
  position: absolute;
  inset: 6px auto 6px 6px;
  width: 2px;
  border-radius: 99px;
  background: rgba(var(--axis-blue-rgb), 0.26);
  opacity: 0;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span {
  width: 34px;
  height: 34px;
  grid-row: 1 / span 2;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22);
  border-radius: 13px;
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.14), transparent 34%),
    rgba(var(--axis-blue-rgb), 0.18);
  color: #8fc4ff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill svg,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill svg {
  width: 17px;
  height: 17px;
  stroke-width: 2;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong {
  align-self: end;
  color: #f8fafc;
  font-size: 0.78rem;
  line-height: 1;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em {
  align-self: start;
  width: fit-content;
  max-width: 100%;
  padding: 0.16rem 0.4rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.2);
  border-radius: 999px;
  color: color-mix(in srgb, var(--axis-patina) 86%, #fff 14%);
  background: rgba(var(--axis-olive-rgb), 0.08);
  font-size: 0.56rem;
  line-height: 1;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active,
.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover,
.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible {
  border-color: rgba(var(--axis-olive-rgb), 0.34);
  background:
    linear-gradient(145deg, rgba(var(--axis-olive-rgb), 0.12), rgba(var(--axis-blue-rgb), 0.09)),
    rgba(13, 24, 41, 0.9);
  outline: none;
  transform: none;
}

.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active::after,
.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover::after,
.axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible::after,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active::after,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover::after,
.editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible::after {
  opacity: 1;
}

.axis-chat-window__stream {
  height: 100%;
  min-height: 0;
}

.axis-chat-bubble--user {
  min-height: 104px;
}

.axis-chat-bubble--ai > div {
  min-height: 214px;
}

.axis-chat-bubble--ai p {
  min-height: 8.72em;
}

.axis-chat-window__composer {
  height: 66px;
  min-height: 66px;
}

.axis-chat-input {
  height: 42px;
  min-height: 42px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.axis-chat-orb {
  background: rgba(10, 19, 33, 0.88);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.16) inset,
    0 14px 34px rgba(0, 0, 0, 0.28);
}

.axis-chat-orb i {
  width: 86%;
  height: 86%;
  background:
    url("../images/logo.png") 4% 50% / 410% auto no-repeat,
    #081120;
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 249, 0.78)),
    #fff;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span {
  color: var(--axis-clay);
  background:
    radial-gradient(circle at 35% 20%, rgba(255, 255, 255, 0.8), transparent 34%),
    rgba(var(--axis-blue-rgb), 0.1);
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong {
  color: #101827;
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active,
.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover,
.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill.is-active,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:hover,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill:focus-visible {
  border-color: rgba(var(--axis-olive-rgb), 0.24);
  background:
    linear-gradient(145deg, rgba(var(--axis-olive-rgb), 0.1), rgba(var(--axis-blue-rgb), 0.07)),
    #fff;
}

.axis-light .axis-chat-orb {
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.12) inset,
    0 14px 30px rgba(15, 23, 42, 0.16);
}

.axis-light .axis-chat-orb i {
  background:
    url("../images/logo.png") 4% 50% / 410% auto no-repeat,
    #fff;
}

@media (min-width: 721px) {
  .axis-home .axis-operating-demo__body,
  .editor-styles-wrapper .axis-operating-demo__body {
    grid-template-columns: minmax(360px, 1fr) 226px;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-command-panel--chat + .axis-agent-rail,
  .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail {
    width: 100%;
    justify-self: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill,
  .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill {
    height: 58px;
    padding: 0.46rem;
    grid-template-columns: 30px minmax(0, 1fr);
    border-radius: 16px;
  }

  .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span,
  .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill span {
    width: 30px;
    height: 30px;
    border-radius: 12px;
  }

  .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong,
  .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill strong {
    font-size: 0.7rem;
  }

  .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em,
  .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em {
    display: inline-flex !important;
    max-width: 92px;
    padding: 0.13rem 0.34rem;
    font-size: 0.49rem;
  }

  .axis-chat-bubble--user {
    min-height: 82px;
  }

  .axis-chat-bubble--ai > div {
    min-height: 168px;
  }

  .axis-chat-bubble--ai p {
    min-height: 7.4em;
  }
}

/* Split the hero title so the rule sits between the words and the dot. */
.axis-home .axis-hero__copy::before,
.editor-styles-wrapper .axis-hero__copy::before {
  opacity: 0;
}

.axis-home .axis-hero h1 > .axis-hero-title__line,
.editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line {
  display: block;
}

.axis-home .axis-hero h1 > .axis-hero-title__line--brain,
.editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line--brain {
  display: inline-grid;
  width: fit-content;
  max-width: 100%;
  align-items: end;
  grid-template-columns: auto 3px auto;
  gap: clamp(0.16rem, 0.6vw, 0.42rem);
}

.axis-home .axis-hero h1 .axis-hero-title__word,
.axis-home .axis-hero h1 .axis-hero-title__dot,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__word,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__dot {
  display: inline-block;
  margin-left: 0;
  color: var(--axis-ink);
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.axis-home .axis-hero h1 .axis-hero-title__rule,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__rule {
  display: block;
  width: 3px;
  height: 0.84em;
  margin-left: 0;
  margin-bottom: 0.04em;
  border-radius: 999px;
  background: linear-gradient(to bottom, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.74));
  box-shadow: 0 0 24px rgba(var(--axis-olive-rgb), 0.28);
  -webkit-text-stroke: 0;
  text-shadow: none;
}

.axis-home .axis-hero h1 .axis-hero-title__dot,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__dot {
  line-height: 0.76;
}

.axis-home .axis-hero h1 > .axis-hero-title__line--rest,
.editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line--rest {
  margin-left: 0;
  max-width: 9.4ch;
  color: transparent;
  font-size: 0.68em;
  line-height: 0.88;
  -webkit-text-stroke: 1.4px var(--axis-home-stroke);
  text-shadow: 0 0 34px rgba(var(--axis-blue-rgb), 0.14);
}

.axis-home .axis-hero h1 > span.axis-hero-title__line--rest:nth-child(2),
.editor-styles-wrapper .axis-hero h1 > span.axis-hero-title__line--rest:nth-child(2) {
  margin-left: 0;
}

@media (max-width: 720px) {
  .axis-home .axis-hero h1 > .axis-hero-title__line--brain,
  .editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line--brain {
    gap: 0.18rem;
    grid-template-columns: minmax(0, auto) 2px auto;
  }

  .axis-home .axis-hero h1 .axis-hero-title__rule,
  .editor-styles-wrapper .axis-hero h1 .axis-hero-title__rule {
    width: 2px;
  }

  .axis-home .axis-hero h1 > .axis-hero-title__line--rest,
  .editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line--rest {
    margin-left: 0;
  }
}

/* Keep the hero accent line in its original fixed position. */
.axis-home .axis-hero__copy::before,
.editor-styles-wrapper .axis-hero__copy::before {
  opacity: 1;
}

.axis-home .axis-hero h1 > .axis-hero-title__line--brain,
.editor-styles-wrapper .axis-hero h1 > .axis-hero-title__line--brain {
  display: block;
  width: auto;
  max-width: 100%;
  white-space: normal;
}

.axis-home .axis-hero h1 .axis-hero-title__rule,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__rule {
  display: none;
}

.axis-home .axis-hero h1 .axis-hero-title__word,
.axis-home .axis-hero h1 .axis-hero-title__dot,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__word,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__dot {
  display: inline;
  position: static;
  transform: none;
}

.axis-home .axis-hero h1 .axis-hero-title__ai,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai {
  position: relative;
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: clamp(0.42rem, 1vw, 0.8rem);
  margin-top: clamp(0.42rem, 1vw, 0.8rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--axis-ink);
  background: transparent;
  font-family: var(--axis-font-display);
  font-size: clamp(2.15rem, 5.9vw, 5.8rem);
  font-weight: 760;
  line-height: 0.82;
  -webkit-text-stroke: 0;
  text-shadow: none;
  overflow: visible;
  box-shadow: none;
}

.axis-home .axis-hero h1 .axis-hero-title__ai::before,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai::before {
  content: "";
  position: absolute;
  inset: -0.1em -0.24em -0.16em -0.18em;
  z-index: -1;
  border-radius: 0.24em;
  background:
    radial-gradient(circle at 86% 34%, rgba(var(--axis-olive-rgb), 0.26), transparent 34%),
    linear-gradient(105deg, rgba(var(--axis-blue-rgb), 0.08), rgba(var(--axis-purple-rgb), 0.1) 48%, rgba(var(--axis-olive-rgb), 0.08));
  opacity: 0.75;
  transform: skewX(-8deg);
}

.axis-home .axis-hero h1 .axis-hero-title__ai::after,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai::after {
  content: "";
  position: absolute;
  top: 48%;
  left: 0;
  z-index: 0;
  width: 52%;
  height: 0.08em;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(var(--axis-blue-rgb), 0.58), transparent);
  opacity: 0.58;
  transform: translateY(-50%);
  animation: axisAIShine 3.8s ease-in-out infinite;
}

.axis-home .axis-hero h1 .axis-hero-title__ai span,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai span {
  position: relative;
  z-index: 1;
  display: inline-block;
  color: transparent;
  font-size: 0.56em;
  font-weight: 760;
  text-transform: none;
  -webkit-text-stroke: 1.15px var(--axis-home-stroke);
  text-shadow: 0 0 26px rgba(var(--axis-blue-rgb), 0.14);
}

.axis-home .axis-hero h1 .axis-hero-title__ai strong,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai strong {
  position: relative;
  z-index: 1;
  color: var(--axis-ink);
  font-size: 1em;
  font-weight: 950;
  -webkit-text-stroke: 0;
  text-shadow:
    0 0 28px rgba(var(--axis-olive-rgb), 0.2),
    0 0 46px rgba(var(--axis-blue-rgb), 0.14);
}

.axis-home .axis-hero h1 .axis-hero-title__ai i,
.editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai i {
  position: relative;
  z-index: 1;
  width: clamp(0.52rem, 0.9vw, 0.78rem);
  height: clamp(0.52rem, 0.9vw, 0.78rem);
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.54);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-light .axis-home .axis-hero h1 .axis-hero-title__ai {
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-home .axis-hero h1 .axis-hero-title__ai span {
  -webkit-text-stroke-color: rgba(15, 23, 42, 0.52);
}

.axis-light .axis-home .axis-hero h1 .axis-hero-title__ai::before {
  opacity: 0.56;
}

@keyframes axisAIShine {
  0%,
  48% {
    opacity: 0;
    transform: translateX(-150%) skewX(-18deg);
  }

  58% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translateX(380%) skewX(-18deg);
  }
}

@media (max-width: 720px) {
  .axis-home .axis-hero h1 .axis-hero-title__ai,
  .editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai {
    margin-top: 0.78rem;
    gap: 0.32rem;
    font-size: clamp(1.75rem, 10vw, 2.65rem);
  }
}

/* Hero composition: visual first, headline panel on the right. */
.axis-home .axis-hero__layout--text-right,
.editor-styles-wrapper .axis-hero__layout--text-right {
  grid-template-columns: minmax(520px, 1.08fr) minmax(0, 0.78fr);
  align-items: center;
  gap: clamp(2rem, 4vw, 4.25rem);
}

.axis-home .axis-hero__layout--text-right .axis-hero__visual,
.editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual {
  order: 1;
  width: min(54vw, 760px);
  min-height: 680px;
  justify-self: start;
  margin-right: 0;
  margin-left: 0;
}

.axis-home .axis-hero__layout--text-right .axis-hero__copy,
.editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__copy {
  order: 2;
  width: min(100%, 560px);
  justify-self: end;
}

.axis-home .axis-hero__layout--text-right .axis-hero__copy h1,
.editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__copy h1 {
  max-width: 100%;
}

@media (min-width: 1101px) {
  .axis-home .axis-hero:has(.axis-hero__layout--text-right),
  .editor-styles-wrapper .axis-hero:has(.axis-hero__layout--text-right) {
    min-height: 1160px;
    overflow: visible;
    padding-bottom: 12rem;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual {
    min-height: 780px;
    overflow: visible;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo {
    overflow: visible;
    border-radius: 26px;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo::before,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo::before {
    content: none;
    display: none;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo::after,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo::after {
    bottom: 1rem;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo__top,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo__top {
    overflow: hidden;
    border-radius: 26px 26px 0 0;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo__screens,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo__screens {
    z-index: 1;
    inset: auto auto -5.6rem -2.25rem;
    width: min(66%, 500px);
    height: 29%;
    pointer-events: auto;
    transform: none;
    filter: drop-shadow(0 30px 54px rgba(0, 0, 0, 0.34));
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo__screens::before,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo__screens::before {
    inset: -14px 10% auto;
  }

  .axis-home .axis-hero__layout--text-right .axis-console,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console {
    box-shadow:
      0 24px 58px rgba(0, 0, 0, 0.36),
      0 0 0 1px rgba(255, 255, 255, 0.05) inset;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--1,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--1 {
    top: 2%;
    left: 0;
    z-index: 2;
    width: 64%;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--2,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--2 {
    top: 14%;
    right: -1%;
    z-index: 4;
    width: 58%;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--3,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--3 {
    right: -5%;
    bottom: 0;
    z-index: 5;
    width: 52%;
  }

  .axis-home .axis-hero__layout--text-right .axis-chat-orb--dock,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-chat-orb--dock {
    z-index: 9;
  }

  .axis-home .axis-hero__layout--text-right .axis-chat-window__composer,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-chat-window__composer {
    z-index: 10;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero-title__line--rest,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero-title__line--rest {
    margin-left: clamp(1.2rem, 2.6vw, 2.45rem) !important;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero-title__ai,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero-title__ai {
    margin-left: clamp(4.5rem, 7.4vw, 7rem) !important;
  }
}

@media (min-width: 1360px) {
  .axis-home .axis-hero__layout--text-right .axis-operating-demo__screens,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo__screens {
    inset: auto auto -6.2rem -5.2rem;
  }
}

@media (min-width: 1101px) and (max-height: 800px) {
  .axis-home .axis-hero__layout--text-right .axis-operating-demo__screens,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo__screens {
    inset: auto auto -4.8rem -2rem;
    width: min(60%, 455px);
    height: 25%;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--1,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--1 {
    width: 62%;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--2,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--2 {
    width: 56%;
  }

  .axis-home .axis-hero__layout--text-right .axis-console--3,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-console--3 {
    width: 50%;
  }
}

@media (min-width: 1181px) and (max-width: 1599px) {
  .axis-home .axis-hero__layout--text-right,
  .editor-styles-wrapper .axis-hero__layout--text-right {
    grid-template-columns: minmax(600px, 1.05fr) minmax(0, 0.72fr);
    gap: clamp(1.4rem, 2.7vw, 3rem);
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual {
    width: min(54vw, 760px);
    min-height: 780px;
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  .axis-home .axis-hero__layout--text-right,
  .editor-styles-wrapper .axis-hero__layout--text-right {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__copy,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__copy {
    order: 1;
    width: 100%;
    justify-self: stretch;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual {
    order: 2;
    width: 100%;
    min-height: 680px;
    margin-left: 0;
    justify-self: stretch;
  }

  .axis-home .axis-hero__layout--text-right .axis-operating-demo,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-operating-demo {
    overflow: hidden;
  }
}

/* Axis blog system */
.axis-blog-main {
  min-height: 70vh;
  padding: 8.7rem 0 5rem;
  overflow-x: clip;
}

.axis-blog-hero,
.axis-blog-article-hero {
  position: relative;
  width: var(--axis-shell);
  margin-inline: auto;
  isolation: isolate;
}

.axis-blog-hero {
  padding: 4.4rem 0 2.2rem;
  text-align: center;
}

.axis-blog-hero--compact {
  padding-bottom: 1.5rem;
}

.axis-blog-article-hero {
  padding: 4rem 0 2.4rem;
  text-align: center;
}

.axis-blog-hero > .axis-grid-bg,
.axis-blog-article-hero > .axis-grid-bg {
  border: 1px solid var(--axis-line);
  border-radius: 28px;
  opacity: 0.62;
  background:
    linear-gradient(115deg, transparent 0 41%, rgba(var(--axis-blue-rgb), 0.12) 41% 41.14%, transparent 41.14%),
    linear-gradient(70deg, transparent 0 58%, rgba(var(--axis-olive-rgb), 0.09) 58% 58.14%, transparent 58.14%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 58%);
}

.axis-blog-hero__content,
.axis-blog-article-hero__content {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin-inline: auto;
}

.axis-blog-hero h1,
.axis-blog-article-hero h1 {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 4.15rem;
  font-weight: 760;
  line-height: 0.98;
}

.axis-blog-article-hero h1 {
  font-size: 3.55rem;
}

.axis-blog-hero p,
.axis-blog-article-hero p {
  max-width: 690px;
  margin: 1rem auto 0;
  color: var(--axis-muted);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.62;
}

.axis-blog-search {
  display: grid;
  max-width: 640px;
  min-height: 54px;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  margin: 2rem auto 0;
  padding: 0.38rem 0.42rem 0.38rem 1rem;
  border: 1px solid var(--axis-line-strong);
  border-radius: 999px;
  background: color-mix(in srgb, var(--axis-panel) 78%, transparent);
  box-shadow: var(--axis-soft-shadow);
}

.axis-blog-search span,
.axis-blog-search svg {
  width: 1.05rem;
  height: 1.05rem;
  color: var(--axis-muted);
}

.axis-blog-search input {
  min-width: 0;
  border: 0;
  outline: 0;
  color: var(--axis-ink);
  background: transparent;
  font-size: 0.94rem;
  font-weight: 700;
}

.axis-blog-search input::placeholder {
  color: var(--axis-dim);
}

.axis-blog-search button {
  min-height: 40px;
  padding: 0 1.18rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.26);
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay));
  font-size: 0.84rem;
  font-weight: 900;
  cursor: pointer;
}

.axis-blog-categories {
  display: flex;
  width: var(--axis-shell);
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.62rem;
  margin: 0 auto 2.4rem;
}

.axis-blog-category {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 0.45rem;
  padding: 0.42rem 0.9rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  color: var(--axis-muted);
  background: var(--axis-header-nav);
  font-size: 0.84rem;
  font-weight: 850;
  text-decoration: none;
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}

.axis-blog-category span {
  display: inline-grid;
  min-width: 1.35rem;
  height: 1.35rem;
  place-items: center;
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.14);
  font-size: 0.72rem;
}

.axis-blog-category:hover,
.axis-blog-category:focus-visible,
.axis-blog-category.is-active {
  transform: translateY(-1px);
  border-color: rgba(var(--axis-blue-rgb), 0.32);
  color: var(--axis-ink);
  background: var(--axis-header-contrast);
}

.axis-blog-layout {
  display: grid;
  width: var(--axis-shell);
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: 2rem;
  margin-inline: auto;
}

.axis-blog-layout--no-sidebar {
  grid-template-columns: minmax(0, 1fr);
}

.axis-blog-grid {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.45rem;
}

.axis-blog-card,
.axis-blog-widget,
.axis-article-card,
.axis-article-nav__card,
.axis-comments {
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.07), transparent 42%),
    color-mix(in srgb, var(--axis-panel) 82%, transparent);
  box-shadow: var(--axis-soft-shadow);
}

.axis-blog-card {
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  transition:
    transform 0.24s ease,
    border-color 0.24s ease,
    box-shadow 0.24s ease;
}

.axis-blog-card:hover,
.axis-blog-card:focus-within {
  transform: translateY(-5px);
  border-color: rgba(var(--axis-blue-rgb), 0.34);
  box-shadow:
    var(--axis-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-blog-card--featured {
  display: grid;
  min-height: 330px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr);
}

.axis-blog-card__media {
  display: block;
  position: relative;
  height: 100%;
  min-height: 280px;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.14), rgba(var(--axis-blue-rgb), 0.16)),
    var(--axis-panel-2);
}

.axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
  height: clamp(210px, 24vw, 270px);
  min-height: 210px;
  aspect-ratio: 16 / 10;
}

.axis-blog-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transition: transform 0.45s ease;
}

.axis-blog-card:hover .axis-blog-card__media img {
  transform: scale(1.055);
}

.axis-blog-card__placeholder {
  display: grid;
  height: 100%;
  min-height: inherit;
  place-items: center;
  color: var(--axis-patina);
}

.axis-blog-card__placeholder svg {
  width: 3.4rem;
  height: 3.4rem;
}

.axis-blog-card__body {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  gap: 0.72rem;
  padding: 1.55rem;
}

.axis-blog-card--featured .axis-blog-card__body {
  padding: 2rem;
}

.axis-blog-card__category {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  padding: 0.28rem 0.68rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22);
  border-radius: 999px;
  color: color-mix(in srgb, var(--axis-clay) 72%, #fff 28%);
  background: rgba(var(--axis-blue-rgb), 0.12);
  font-size: 0.72rem;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0;
}

.axis-blog-card__title {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.18rem;
  font-weight: 760;
  line-height: 1.2;
}

.axis-blog-card--featured .axis-blog-card__title {
  font-size: 1.52rem;
}

.axis-blog-card__title a {
  color: inherit;
  text-decoration: none;
}

.axis-blog-card__title a:hover,
.axis-blog-card__title a:focus-visible {
  color: color-mix(in srgb, var(--axis-clay) 70%, #fff 30%);
}

.axis-blog-card__excerpt {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 550;
  line-height: 1.6;
}

.axis-blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.85rem;
  color: var(--axis-dim);
  font-size: 0.78rem;
  font-weight: 750;
}

.axis-blog-card__meta span {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.axis-blog-card__meta svg {
  width: 0.85rem;
  height: 0.85rem;
}

.axis-blog-card__link {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.42rem;
  margin-top: auto;
  color: color-mix(in srgb, var(--axis-clay) 74%, #fff 26%);
  font-size: 0.86rem;
  font-weight: 900;
  text-decoration: none;
}

.axis-blog-card__link svg {
  width: 0.9rem;
  height: 0.9rem;
  transition: transform 0.2s ease;
}

.axis-blog-card__link:hover svg {
  transform: translateX(3px);
}

.axis-blog-sidebar {
  position: sticky;
  top: 7.4rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.axis-blog-widget {
  padding: 1.35rem;
}

.axis-blog-widget--cta {
  border-color: rgba(var(--axis-blue-rgb), 0.26);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.16), rgba(var(--axis-purple-rgb), 0.09)),
    color-mix(in srgb, var(--axis-panel) 88%, transparent);
}

.axis-blog-widget__title {
  margin: 0 0 0.8rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 0.98rem;
  font-weight: 760;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.axis-blog-widget p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
  font-weight: 560;
  line-height: 1.58;
}

.axis-blog-widget__button {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  margin-top: 1rem;
  padding: 0.55rem 0.82rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.1);
  font-size: 0.82rem;
  font-weight: 900;
  text-decoration: none;
}

.axis-blog-widget__button--primary {
  color: #fff;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay));
}

.axis-blog-widget__button svg {
  width: 0.88rem;
  height: 0.88rem;
}

.axis-blog-widget__categories,
.axis-blog-widget__posts,
.axis-blog-toc ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-blog-widget__categories a,
.axis-blog-widget__posts a,
.axis-blog-toc a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding: 0.72rem 0;
  border-bottom: 1px solid var(--axis-line);
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 750;
  line-height: 1.35;
  text-decoration: none;
}

.axis-blog-widget__categories li:last-child a,
.axis-blog-widget__posts a:last-child,
.axis-blog-toc li:last-child a {
  border-bottom: 0;
}

.axis-blog-widget__categories strong {
  display: inline-grid;
  min-width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.14);
  font-size: 0.74rem;
}

.axis-blog-widget__posts a {
  display: block;
}

.axis-blog-widget__posts span {
  display: block;
  color: var(--axis-ink);
  font-weight: 820;
}

.axis-blog-widget__posts time {
  display: block;
  margin-top: 0.28rem;
  color: var(--axis-dim);
  font-size: 0.78rem;
}

.axis-blog-toc a {
  justify-content: flex-start;
  padding-left: 0.72rem;
  border-left: 2px solid transparent;
}

.axis-blog-toc a:hover,
.axis-blog-toc a:focus-visible {
  border-left-color: var(--axis-clay);
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.07);
}

.axis-blog-toc .is-subitem a {
  padding-left: 1.25rem;
  font-size: 0.82rem;
}

.axis-blog-pagination {
  width: var(--axis-shell);
  margin: 2.5rem auto 0;
}

.axis-blog-pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.45rem;
}

.axis-blog-pagination .page-numbers {
  display: inline-flex;
  min-width: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 0.85rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  color: var(--axis-muted);
  background: var(--axis-header-nav);
  font-size: 0.84rem;
  font-weight: 850;
  text-decoration: none;
}

.axis-blog-pagination .page-numbers.current,
.axis-blog-pagination .page-numbers:hover,
.axis-blog-pagination .page-numbers:focus-visible {
  border-color: rgba(var(--axis-blue-rgb), 0.32);
  color: var(--axis-ink);
  background: var(--axis-header-contrast);
}

.axis-blog-preset--command.axis-blog-main {
  padding-top: 8.25rem;
}

.axis-blog-preset--command .axis-blog-hero {
  padding: 4.1rem 0 1.85rem;
}

.axis-blog-preset--command .axis-blog-hero::after {
  content: "";
  position: absolute;
  z-index: 0;
  right: 12%;
  bottom: 0.9rem;
  left: 12%;
  height: 2px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--axis-patina), var(--axis-clay), transparent);
  box-shadow: 0 0 24px rgba(var(--axis-olive-rgb), 0.34);
}

.axis-blog-preset--command .axis-blog-hero > .axis-grid-bg {
  border-radius: 30px;
  opacity: 0.78;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.18), transparent 29%, rgba(var(--axis-clay-rgb), 0.08) 72%, transparent),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 96px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.045) 0 1px, transparent 1px 74px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 66%);
}

.axis-blog-preset--command .axis-blog-hero__content {
  max-width: 900px;
}

.axis-blog-preset--command .axis-blog-search {
  border-color: rgba(var(--axis-blue-rgb), 0.34);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent),
    rgba(var(--axis-card-rgb), 0.72);
}

.axis-blog-preset--command .axis-blog-categories {
  width: min(var(--axis-shell), 980px);
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  padding: 0.5rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.axis-blog-preset--command .axis-blog-category {
  border-color: transparent;
  background: transparent;
}

.axis-blog-preset--command .axis-blog-category.is-active,
.axis-blog-preset--command .axis-blog-category:hover,
.axis-blog-preset--command .axis-blog-category:focus-visible {
  background: rgba(var(--axis-blue-rgb), 0.16);
}

.axis-blog-preset--command .axis-blog-card {
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.12), transparent 44%),
    rgba(var(--axis-card-rgb), 0.76);
}

.axis-blog-preset--command .axis-blog-card--featured {
  position: relative;
  min-height: 410px;
  grid-template-columns: minmax(330px, 0.88fr) minmax(0, 1.12fr);
}

.axis-blog-preset--command .axis-blog-card--featured::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 1rem;
  width: 54px;
  height: 10px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 5px 5px, #ff5f57 0 4px, transparent 4px),
    radial-gradient(circle at 26px 5px, #ffbd2e 0 4px, transparent 4px),
    radial-gradient(circle at 47px 5px, #28c840 0 4px, transparent 4px);
}

.axis-blog-preset--command .axis-blog-card--featured .axis-blog-card__body {
  grid-column: 1;
  grid-row: 1;
  justify-content: center;
  padding: 2.3rem;
  border-right: 1px solid var(--axis-line);
}

.axis-blog-preset--command .axis-blog-card--featured .axis-blog-card__media {
  grid-column: 2;
  grid-row: 1;
  min-height: 410px;
}

.axis-blog-preset--command .axis-blog-card--featured .axis-blog-card__title {
  font-size: 1.85rem;
  line-height: 1.08;
}

.axis-blog-preset--command .axis-blog-card__category {
  color: var(--axis-ink);
  background: rgba(var(--axis-olive-rgb), 0.14);
}

.axis-blog-preset--command .axis-blog-sidebar {
  gap: 0.95rem;
}

.axis-blog-preset--command .axis-blog-widget {
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.09), transparent 50%),
    rgba(var(--axis-card-rgb), 0.72);
}

.axis-blog-preset--editorial.axis-blog-main {
  padding-top: 8rem;
}

.axis-blog-preset--editorial .axis-blog-hero,
.axis-blog-preset--editorial .axis-blog-article-hero {
  text-align: left;
}

.axis-blog-preset--editorial .axis-blog-hero {
  padding: 4.7rem 0 2.4rem;
}

.axis-blog-preset--editorial .axis-blog-hero > .axis-grid-bg {
  border-width: 1px 0;
  border-radius: 0;
  opacity: 0.56;
  background:
    linear-gradient(90deg, rgba(var(--axis-clay-rgb), 0.14), transparent 44%),
    linear-gradient(180deg, transparent 0 52%, rgba(var(--axis-blue-rgb), 0.1) 52% 53%, transparent 53%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 66%);
}

.axis-blog-preset--editorial .axis-blog-hero__content,
.axis-blog-preset--editorial .axis-blog-article-hero__content {
  max-width: 1040px;
  margin-inline: 0 auto;
}

.axis-blog-preset--editorial .axis-kicker {
  border-radius: 0;
}

.axis-blog-preset--editorial .axis-blog-hero h1 {
  max-width: 980px;
  font-size: 5.15rem;
  line-height: 0.92;
}

.axis-blog-preset--editorial .axis-blog-hero p,
.axis-blog-preset--editorial .axis-blog-article-hero p {
  max-width: 720px;
  margin-left: 0;
}

.axis-blog-preset--editorial .axis-blog-search {
  max-width: 720px;
  margin-left: 0;
  border-radius: 8px;
  box-shadow: none;
}

.axis-blog-preset--editorial .axis-blog-categories {
  justify-content: flex-start;
  gap: 0;
  margin-bottom: 2.25rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--axis-line);
  border-bottom: 1px solid var(--axis-line);
}

.axis-blog-preset--editorial .axis-blog-category {
  min-height: 34px;
  border-color: transparent;
  border-right-color: var(--axis-line);
  border-radius: 0;
  background: transparent;
}

.axis-blog-preset--editorial .axis-blog-category:last-child {
  border-right-color: transparent;
}

.axis-blog-preset--editorial .axis-blog-layout {
  gap: 2.35rem;
}

.axis-blog-preset--editorial .axis-blog-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1rem;
}

.axis-blog-preset--editorial .axis-blog-card {
  grid-column: span 3;
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 44%),
    rgba(var(--axis-card-rgb), 0.78);
  box-shadow: none;
}

.axis-blog-preset--editorial .axis-blog-card--featured {
  position: relative;
  display: grid;
  min-height: 560px;
  grid-column: 1 / -1;
  grid-template-columns: 1fr;
}

.axis-blog-preset--editorial .axis-blog-card:nth-child(4n + 4):not(.axis-blog-card--featured) {
  display: grid;
  min-height: 300px;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__media,
.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__body {
  grid-column: 1;
  grid-row: 1;
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__media {
  min-height: 560px;
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 7, 18, 0.9), rgba(3, 7, 18, 0.52) 45%, transparent),
    linear-gradient(0deg, rgba(3, 7, 18, 0.78), transparent 42%);
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__body {
  z-index: 1;
  max-width: 700px;
  justify-content: end;
  padding: 2.4rem;
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__title {
  color: #fff;
  font-size: 2.65rem;
  line-height: 1;
}

.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__excerpt,
.axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__meta {
  color: rgba(255, 255, 255, 0.76);
}

.axis-blog-preset--editorial .axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
  height: 260px;
  aspect-ratio: 4 / 3;
}

.axis-blog-preset--editorial .axis-blog-card:nth-child(4n + 4):not(.axis-blog-card--featured) .axis-blog-card__media {
  height: 100%;
  min-height: 300px;
}

.axis-blog-preset--editorial .axis-blog-card__body {
  padding: 1.25rem;
}

.axis-blog-preset--editorial .axis-blog-card__category {
  border-radius: 0;
}

.axis-blog-preset--editorial .axis-blog-widget {
  border-radius: 6px;
  background:
    linear-gradient(180deg, rgba(var(--axis-clay-rgb), 0.08), transparent 42%),
    rgba(var(--axis-card-rgb), 0.76);
  box-shadow: none;
}

.axis-blog-preset--library.axis-blog-main {
  padding-top: 7.55rem;
}

.axis-blog-preset--library .axis-blog-hero {
  padding: 2.35rem 0 1.2rem;
  text-align: left;
}

.axis-blog-preset--library .axis-blog-hero > .axis-grid-bg {
  border-radius: 12px;
  opacity: 0.52;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.1), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 64%);
}

.axis-blog-preset--library .axis-blog-hero__content {
  display: grid;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
  align-items: center;
  column-gap: 2rem;
  margin-left: 0;
}

.axis-blog-preset--library .axis-blog-hero h1 {
  max-width: 700px;
  font-size: 3.05rem;
  line-height: 1;
}

.axis-blog-preset--library .axis-blog-hero p {
  max-width: 690px;
  margin-left: 0;
  font-size: 0.98rem;
}

.axis-blog-preset--library .axis-blog-search {
  width: 100%;
  max-width: none;
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: 0;
  border-radius: 10px;
  background: rgba(var(--axis-card-rgb), 0.78);
  box-shadow: none;
}

.axis-blog-preset--library .axis-blog-categories {
  justify-content: flex-start;
  gap: 0.4rem;
  margin-bottom: 1.05rem;
  padding: 0.42rem;
  border: 1px solid var(--axis-line);
  border-radius: 12px;
  background: rgba(var(--axis-card-rgb), 0.44);
}

.axis-blog-preset--library .axis-blog-category {
  min-height: 32px;
  padding: 0.32rem 0.68rem;
  border-radius: 8px;
  font-size: 0.76rem;
}

.axis-blog-preset--library .axis-blog-layout {
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 1.1rem;
}

.axis-blog-preset--library .axis-blog-grid {
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

.axis-blog-preset--library .axis-blog-card {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  border-radius: 10px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.1), transparent 34%),
    rgba(var(--axis-card-rgb), 0.7);
  box-shadow: none;
}

.axis-blog-preset--library .axis-blog-card:hover,
.axis-blog-preset--library .axis-blog-card:focus-within {
  transform: translateX(4px);
}

.axis-blog-preset--library .axis-blog-card--featured {
  min-height: 0;
  grid-column: auto;
}

.axis-blog-preset--library .axis-blog-card__media,
.axis-blog-preset--library .axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 156px;
  aspect-ratio: 4 / 3;
}

.axis-blog-preset--library .axis-blog-card__body,
.axis-blog-preset--library .axis-blog-card--featured .axis-blog-card__body {
  gap: 0.5rem;
  justify-content: center;
  padding: 1rem 1.1rem;
}

.axis-blog-preset--library .axis-blog-card--featured .axis-blog-card__title,
.axis-blog-preset--library .axis-blog-card__title {
  font-size: 1.05rem;
  line-height: 1.24;
}

.axis-blog-preset--library .axis-blog-card__excerpt {
  font-size: 0.88rem;
  line-height: 1.48;
}

.axis-blog-preset--library .axis-blog-card__meta {
  gap: 0.55rem;
  font-size: 0.73rem;
}

.axis-blog-preset--library .axis-blog-card__link {
  margin-top: 0.1rem;
}

.axis-blog-preset--library .axis-blog-widget {
  padding: 1rem;
  border-radius: 10px;
  background: rgba(var(--axis-card-rgb), 0.62);
  box-shadow: none;
}

.axis-blog-preset--library .axis-blog-sidebar {
  top: 6.6rem;
  gap: 0.75rem;
}

@media (min-width: 1180px) {
  .axis-blog-preset--library .axis-blog-layout--no-sidebar .axis-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.axis-single-layout {
  grid-template-columns: minmax(0, 1fr) 320px;
}

.axis-blog-article-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.7rem 1rem;
  margin-top: 1.2rem;
  color: var(--axis-muted);
  font-size: 0.88rem;
  font-weight: 750;
}

.axis-blog-article-meta > span {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.axis-blog-article-meta img {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.32);
  border-radius: 999px;
}

.axis-article-card {
  overflow: hidden;
}

.axis-article-card__media {
  margin: 0;
  max-height: 470px;
  overflow: hidden;
  border-bottom: 1px solid var(--axis-line);
}

.axis-article-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.axis-article-card__body {
  padding: 2.4rem 2.7rem;
}

.axis-article-content {
  color: var(--axis-muted);
  font-size: 1.06rem;
  font-weight: 540;
  line-height: 1.82;
}

.axis-article-content > *:first-child {
  margin-top: 0;
}

.axis-article-content > *:last-child {
  margin-bottom: 0;
}

.axis-article-content h2,
.axis-article-content h3,
.axis-article-content h4 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 760;
  line-height: 1.18;
}

.axis-article-content h2 {
  margin: 2.4rem 0 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--axis-line);
  font-size: 1.95rem;
}

.axis-article-content h3 {
  margin: 2rem 0 0.8rem;
  font-size: 1.35rem;
}

.axis-article-content h4 {
  margin: 1.5rem 0 0.6rem;
  font-size: 1.1rem;
}

.axis-article-content p,
.axis-article-content ul,
.axis-article-content ol,
.axis-article-content blockquote,
.axis-article-content table,
.axis-article-content pre {
  margin: 0 0 1.25rem;
}

.axis-article-content a {
  color: color-mix(in srgb, var(--axis-clay) 76%, #fff 24%);
  font-weight: 800;
  text-decoration: none;
  border-bottom: 1px solid rgba(var(--axis-blue-rgb), 0.34);
}

.axis-article-content ul,
.axis-article-content ol {
  padding-left: 1.35rem;
}

.axis-article-content li + li {
  margin-top: 0.45rem;
}

.axis-article-content blockquote {
  padding: 1rem 1.15rem;
  border-left: 3px solid var(--axis-patina);
  border-radius: 0 var(--axis-radius) var(--axis-radius) 0;
  color: var(--axis-ink);
  background: rgba(var(--axis-olive-rgb), 0.08);
}

.axis-article-content pre,
.axis-article-content code {
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(0, 0, 0, 0.18);
  font-family: var(--axis-font-accent);
}

.axis-article-content pre {
  overflow-x: auto;
  padding: 1rem;
}

.axis-article-content code {
  padding: 0.1rem 0.34rem;
}

.axis-article-content img {
  max-width: 100%;
  height: auto;
  border-radius: var(--axis-radius);
}

.axis-article-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1.4rem 2.7rem;
  border-top: 1px solid var(--axis-line);
}

.axis-article-tags a {
  padding: 0.34rem 0.72rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 999px;
  color: var(--axis-muted);
  background: rgba(var(--axis-blue-rgb), 0.08);
  font-size: 0.82rem;
  font-weight: 850;
  text-decoration: none;
}

.axis-article-author {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.55rem 2.7rem 2rem;
  border-top: 1px solid var(--axis-line);
}

.axis-article-author img {
  width: 3.25rem;
  height: 3.25rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.32);
  border-radius: 999px;
}

.axis-article-author span {
  display: block;
  color: var(--axis-dim);
  font-size: 0.75rem;
  font-weight: 850;
  text-transform: uppercase;
}

.axis-article-author strong {
  display: block;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.05rem;
  font-weight: 760;
}

.axis-article-author p {
  margin: 0.3rem 0 0;
  color: var(--axis-muted);
  font-size: 0.9rem;
}

.axis-article-nav,
.axis-comments {
  width: var(--axis-shell);
  margin-inline: auto;
}

.axis-article-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.2rem;
}

.axis-article-nav__card {
  display: block;
  min-width: 0;
  padding: 1.25rem;
  text-decoration: none;
}

.axis-article-nav__card--next {
  text-align: right;
}

.axis-article-nav__card span {
  display: block;
  margin-bottom: 0.38rem;
  color: color-mix(in srgb, var(--axis-clay) 76%, #fff 24%);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

.axis-article-nav__card strong {
  display: block;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1rem;
  font-weight: 760;
  line-height: 1.32;
}

.axis-comments {
  margin-top: 2.8rem;
  padding: 2rem;
}

.axis-comments__title,
.axis-comment-respond .comment-reply-title {
  margin: 0 0 1rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.55rem;
  font-weight: 760;
}

.axis-comment-list {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}

.axis-comment-list .comment {
  margin-bottom: 1rem;
}

.axis-comment-list .comment-body {
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  background: rgba(255, 255, 255, 0.035);
}

.axis-comment-list .comment-author,
.axis-comment-list .comment-meta {
  color: var(--axis-muted);
}

.axis-comment-list .comment-author img {
  border-radius: 999px;
  vertical-align: middle;
}

.axis-comment-list .fn {
  color: var(--axis-ink);
  font-weight: 850;
}

.axis-comment-list a,
.axis-comment-respond a {
  color: color-mix(in srgb, var(--axis-clay) 76%, #fff 24%);
  text-decoration: none;
}

.axis-comment-respond p {
  color: var(--axis-muted);
  font-size: 0.94rem;
  line-height: 1.55;
}

.axis-comment-respond label {
  display: block;
  margin-bottom: 0.42rem;
  color: var(--axis-ink);
  font-size: 0.82rem;
  font-weight: 850;
  text-transform: uppercase;
}

.axis-comment-respond textarea,
.axis-comment-respond input[type="text"],
.axis-comment-respond input[type="email"],
.axis-comment-respond input[type="url"] {
  width: 100%;
  border: 1px solid var(--axis-line);
  border-radius: var(--axis-radius);
  padding: 0.88rem 1rem;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.035);
  font: inherit;
  box-sizing: border-box;
}

.axis-comment-respond textarea:focus,
.axis-comment-respond input[type="text"]:focus,
.axis-comment-respond input[type="email"]:focus,
.axis-comment-respond input[type="url"]:focus {
  outline: 0;
  border-color: rgba(var(--axis-blue-rgb), 0.42);
  box-shadow: 0 0 0 4px rgba(var(--axis-blue-rgb), 0.12);
}

.axis-comment-respond textarea {
  min-height: 190px;
  resize: vertical;
}

.axis-comment-respond .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
}

.axis-comment-respond .comment-form-cookies-consent input {
  margin-top: 0.2rem;
  accent-color: var(--axis-clay);
}

.axis-comment-respond .comment-form-cookies-consent label {
  margin: 0;
  color: var(--axis-muted);
  font-weight: 650;
  text-transform: none;
}

.axis-post-preset--briefing.axis-single-main {
  padding-top: 8.25rem;
}

.axis-post-preset--briefing .axis-blog-article-hero {
  padding: 4.3rem 0 2.35rem;
}

.axis-post-preset--briefing .axis-blog-article-hero > .axis-grid-bg {
  border-radius: 30px;
  opacity: 0.74;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.16), transparent 34%, rgba(var(--axis-clay-rgb), 0.08)),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.055) 0 1px, transparent 1px 104px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.042) 0 1px, transparent 1px 78px),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 64%);
}

.axis-post-preset--briefing .axis-blog-article-hero__content {
  max-width: 920px;
}

.axis-post-preset--briefing .axis-blog-article-meta {
  gap: 0.55rem;
}

.axis-post-preset--briefing .axis-blog-article-meta > span {
  min-height: 36px;
  padding: 0.3rem 0.72rem;
  border: 1px solid var(--axis-line);
  border-radius: 999px;
  background: rgba(var(--axis-card-rgb), 0.52);
}

.axis-post-preset--briefing .axis-article-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.09), transparent 42%),
    rgba(var(--axis-card-rgb), 0.78);
}

.axis-post-preset--briefing .axis-article-card::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 1rem;
  left: 1rem;
  width: 54px;
  height: 10px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 5px 5px, #ff5f57 0 4px, transparent 4px),
    radial-gradient(circle at 26px 5px, #ffbd2e 0 4px, transparent 4px),
    radial-gradient(circle at 47px 5px, #28c840 0 4px, transparent 4px);
}

.axis-post-preset--briefing .axis-article-card__media {
  max-height: 540px;
}

.axis-post-preset--briefing .axis-article-card__body {
  padding: 2.6rem 2.8rem;
}

.axis-post-preset--briefing .axis-article-content h2 {
  border-bottom-color: rgba(var(--axis-blue-rgb), 0.2);
}

.axis-post-preset--briefing .axis-blog-sidebar {
  gap: 0.95rem;
}

.axis-post-preset--briefing .axis-blog-widget,
.axis-post-preset--briefing .axis-article-nav__card,
.axis-post-preset--briefing .axis-comments {
  border-radius: 16px;
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.08), transparent 48%),
    rgba(var(--axis-card-rgb), 0.74);
}

.axis-post-preset--feature.axis-single-main {
  padding-top: 8rem;
}

.axis-post-preset--feature .axis-blog-article-hero {
  padding: 5.1rem 0 3rem;
  text-align: left;
}

.axis-post-preset--feature .axis-blog-article-hero > .axis-grid-bg {
  border-width: 1px 0;
  border-radius: 0;
  opacity: 0.58;
  background:
    linear-gradient(90deg, rgba(var(--axis-clay-rgb), 0.14), transparent 45%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 60%);
}

.axis-post-preset--feature .axis-blog-article-hero__content {
  max-width: 1060px;
  margin-inline: 0 auto;
}

.axis-post-preset--feature .axis-kicker,
.axis-post-preset--feature .axis-article-tags a {
  border-radius: 0;
}

.axis-post-preset--feature .axis-blog-article-hero h1 {
  max-width: 1080px;
  font-size: clamp(3.2rem, 6vw, 5.3rem);
  line-height: 0.94;
}

.axis-post-preset--feature .axis-blog-article-meta {
  justify-content: flex-start;
}

.axis-post-preset--feature .axis-single-layout {
  gap: 2.6rem;
}

.axis-post-preset--feature .axis-article-card,
.axis-post-preset--feature .axis-blog-widget,
.axis-post-preset--feature .axis-article-nav__card,
.axis-post-preset--feature .axis-comments {
  border-radius: 6px;
  box-shadow: none;
}

.axis-post-preset--feature .axis-article-card {
  background: rgba(var(--axis-card-rgb), 0.72);
}

.axis-post-preset--feature .axis-article-card__media {
  max-height: 620px;
}

.axis-post-preset--feature .axis-article-card__media img {
  aspect-ratio: 16 / 8;
}

.axis-post-preset--feature .axis-article-card__body {
  padding: 3rem 3.3rem;
}

.axis-post-preset--feature .axis-article-content {
  font-size: 1.12rem;
  line-height: 1.86;
}

.axis-post-preset--feature .axis-article-content > p:first-of-type {
  color: var(--axis-ink);
  font-size: 1.24rem;
  line-height: 1.7;
}

.axis-post-preset--feature .axis-article-content h2 {
  margin-top: 2.8rem;
  border-bottom: 0;
  font-size: 2.18rem;
}

.axis-post-preset--feature .axis-article-content blockquote {
  border-left-color: var(--axis-clay);
  border-radius: 0;
  background: rgba(var(--axis-clay-rgb), 0.08);
  font-size: 1.16rem;
}

.axis-post-preset--feature .axis-blog-toc a {
  border-left-color: transparent;
}

.axis-post-preset--knowledge.axis-single-main {
  padding-top: 7.5rem;
}

.axis-post-preset--knowledge .axis-blog-article-hero {
  padding: 2.8rem 0 1.6rem;
  text-align: left;
}

.axis-post-preset--knowledge .axis-blog-article-hero > .axis-grid-bg {
  border-radius: 12px;
  opacity: 0.5;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.1), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 60%);
}

.axis-post-preset--knowledge .axis-blog-article-hero__content {
  max-width: 860px;
  margin-left: 0;
}

.axis-post-preset--knowledge .axis-blog-article-hero h1 {
  max-width: 860px;
  font-size: clamp(2.45rem, 4.7vw, 3.75rem);
  line-height: 1;
}

.axis-post-preset--knowledge .axis-blog-article-meta {
  justify-content: flex-start;
  gap: 0.5rem;
}

.axis-post-preset--knowledge .axis-blog-article-meta > span {
  min-height: 32px;
  padding: 0.24rem 0.62rem;
  border: 1px solid var(--axis-line);
  border-radius: 8px;
  background: rgba(var(--axis-card-rgb), 0.48);
}

.axis-post-preset--knowledge .axis-single-layout {
  grid-template-columns: minmax(0, 1fr) 292px;
  gap: 1.1rem;
}

.axis-post-preset--knowledge .axis-article-card,
.axis-post-preset--knowledge .axis-blog-widget,
.axis-post-preset--knowledge .axis-article-nav__card,
.axis-post-preset--knowledge .axis-comments {
  border-radius: 10px;
  background: rgba(var(--axis-card-rgb), 0.66);
  box-shadow: none;
}

.axis-post-preset--knowledge .axis-article-card__media {
  max-height: 340px;
}

.axis-post-preset--knowledge .axis-article-card__media img {
  aspect-ratio: 16 / 7;
}

.axis-post-preset--knowledge .axis-article-card__body {
  padding: 2rem 2.2rem;
}

.axis-post-preset--knowledge .axis-article-content {
  font-size: 1rem;
  line-height: 1.78;
}

.axis-post-preset--knowledge .axis-article-content h2 {
  margin-top: 2rem;
  padding-bottom: 0.55rem;
  font-size: 1.68rem;
}

.axis-post-preset--knowledge .axis-article-content h3 {
  font-size: 1.18rem;
}

.axis-post-preset--knowledge .axis-article-content blockquote {
  border-left-color: var(--axis-patina);
  border-radius: 0 8px 8px 0;
}

.axis-post-preset--knowledge .axis-blog-widget {
  padding: 1rem;
}

.axis-post-preset--knowledge .axis-blog-sidebar {
  top: 6.6rem;
  gap: 0.75rem;
}

.axis-light .axis-blog-hero > .axis-grid-bg,
.axis-light .axis-blog-article-hero > .axis-grid-bg {
  background:
    linear-gradient(115deg, transparent 0 41%, rgba(var(--axis-blue-rgb), 0.06) 41% 41.12%, transparent 41.12%),
    linear-gradient(70deg, transparent 0 58%, rgba(var(--axis-olive-rgb), 0.06) 58% 58.12%, transparent 58.12%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.64), transparent 58%);
}

.axis-light .axis-blog-card,
.axis-light .axis-blog-widget,
.axis-light .axis-article-card,
.axis-light .axis-article-nav__card,
.axis-light .axis-comments {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.045), transparent 42%),
    rgba(255, 255, 255, 0.86);
}

.axis-light .axis-blog-search,
.axis-light .axis-blog-category,
.axis-light .axis-blog-pagination .page-numbers {
  background: rgba(255, 255, 255, 0.76);
}

.axis-light .axis-blog-card__category,
.axis-light .axis-blog-card__link,
.axis-light .axis-article-content a,
.axis-light .axis-article-nav__card span,
.axis-light .axis-comment-list a,
.axis-light .axis-comment-respond a {
  color: var(--axis-clay);
}

.axis-light .axis-article-content pre,
.axis-light .axis-article-content code,
.axis-light .axis-comment-list .comment-body,
.axis-light .axis-comment-respond textarea,
.axis-light .axis-comment-respond input[type="text"],
.axis-light .axis-comment-respond input[type="email"],
.axis-light .axis-comment-respond input[type="url"] {
  background: rgba(241, 245, 249, 0.88);
}

@media (max-width: 1100px) {
  .axis-blog-layout,
  .axis-single-layout {
    grid-template-columns: 1fr;
  }

  .axis-blog-preset--library .axis-blog-layout {
    grid-template-columns: 1fr;
  }

  .axis-blog-preset--library .axis-blog-hero__content {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 1rem;
  }

  .axis-blog-preset--library .axis-blog-search {
    grid-column: 1;
    grid-row: auto;
  }

  .axis-post-preset--knowledge .axis-single-layout {
    grid-template-columns: 1fr;
  }

  .axis-blog-sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  .axis-blog-main {
    padding-top: 6.8rem;
  }

  .axis-blog-hero,
  .axis-blog-article-hero {
    width: calc(100% - 1rem);
  }

  .axis-blog-hero {
    padding: 2.7rem 0 1.4rem;
  }

  .axis-blog-article-hero {
    padding: 2.5rem 0 1.5rem;
  }

  .axis-blog-hero__content,
  .axis-blog-article-hero__content {
    padding-inline: 0.7rem;
  }

  .axis-blog-hero h1,
  .axis-blog-article-hero h1 {
    font-size: 2.55rem;
    line-height: 1.02;
  }

  .axis-blog-article-hero h1 {
    font-size: 2.28rem;
  }

  .axis-blog-hero p,
  .axis-blog-article-hero p {
    font-size: 0.98rem;
  }

  .axis-blog-search {
    grid-template-columns: 18px minmax(0, 1fr);
    border-radius: 18px;
    padding: 0.85rem;
  }

  .axis-blog-search button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .axis-blog-categories {
    width: calc(100% - 1rem);
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    padding: 0 0 0.35rem;
    scrollbar-width: thin;
  }

  .axis-blog-category {
    flex: 0 0 auto;
  }

  .axis-blog-layout,
  .axis-article-nav,
  .axis-comments,
  .axis-blog-pagination {
    width: calc(100% - 1rem);
  }

  .axis-blog-grid {
    grid-template-columns: 1fr;
  }

  .axis-blog-card--featured {
    display: flex;
    min-height: 0;
  }

  .axis-blog-preset--command .axis-blog-card--featured,
  .axis-blog-preset--editorial .axis-blog-card--featured,
  .axis-blog-preset--library .axis-blog-card--featured {
    display: flex;
    min-height: 0;
  }

  .axis-blog-preset--editorial .axis-blog-hero,
  .axis-blog-preset--library .axis-blog-hero {
    text-align: left;
  }

  .axis-blog-preset--editorial .axis-blog-hero h1,
  .axis-blog-preset--library .axis-blog-hero h1 {
    font-size: 2.55rem;
    line-height: 1.02;
  }

  .axis-post-preset--feature .axis-blog-article-hero,
  .axis-post-preset--knowledge .axis-blog-article-hero {
    text-align: left;
  }

  .axis-post-preset--feature .axis-blog-article-hero h1,
  .axis-post-preset--knowledge .axis-blog-article-hero h1 {
    font-size: 2.28rem;
    line-height: 1.04;
  }

  .axis-post-preset--briefing .axis-blog-article-meta,
  .axis-post-preset--feature .axis-blog-article-meta,
  .axis-post-preset--knowledge .axis-blog-article-meta {
    justify-content: flex-start;
  }

  .axis-post-preset--briefing .axis-blog-article-meta > span,
  .axis-post-preset--knowledge .axis-blog-article-meta > span {
    min-height: 0;
    padding: 0.24rem 0.56rem;
  }

  .axis-blog-preset--command .axis-blog-categories {
    border-radius: 18px;
  }

  .axis-blog-preset--command .axis-blog-card--featured .axis-blog-card__body {
    border-right: 0;
  }

  .axis-blog-preset--command .axis-blog-card--featured .axis-blog-card__media,
  .axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__media {
    min-height: 220px;
  }

  .axis-blog-preset--editorial .axis-blog-grid,
  .axis-blog-preset--library .axis-blog-grid {
    grid-template-columns: 1fr;
  }

  .axis-blog-preset--editorial .axis-blog-card,
  .axis-blog-preset--editorial .axis-blog-card:nth-child(4n + 4):not(.axis-blog-card--featured),
  .axis-blog-preset--library .axis-blog-card {
    display: flex;
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__media,
  .axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__body {
    grid-column: auto;
    grid-row: auto;
  }

  .axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__body {
    max-width: none;
  }

  .axis-blog-preset--editorial .axis-blog-card--featured .axis-blog-card__title {
    font-size: 1.38rem;
    line-height: 1.14;
  }

  .axis-blog-preset--editorial .axis-blog-card:nth-child(4n + 4):not(.axis-blog-card--featured) .axis-blog-card__media,
  .axis-blog-preset--library .axis-blog-card__media,
  .axis-blog-preset--library .axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
    height: auto;
    min-height: 220px;
    aspect-ratio: 16 / 11;
  }

  .axis-blog-card__body,
  .axis-blog-card--featured .axis-blog-card__body,
  .axis-article-card__body,
  .axis-article-tags,
  .axis-article-author,
  .axis-comments {
    padding: 1.25rem;
  }

  .axis-post-preset--briefing .axis-article-card__body,
  .axis-post-preset--feature .axis-article-card__body,
  .axis-post-preset--knowledge .axis-article-card__body {
    padding: 1.25rem;
  }

  .axis-post-preset--feature .axis-article-content,
  .axis-post-preset--feature .axis-article-content > p:first-of-type,
  .axis-post-preset--knowledge .axis-article-content {
    font-size: 1rem;
    line-height: 1.74;
  }

  .axis-blog-card__media,
  .axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
    height: auto;
    min-height: 220px;
    aspect-ratio: 16 / 11;
  }

  .axis-blog-card--featured .axis-blog-card__title {
    font-size: 1.2rem;
  }

  .axis-blog-sidebar {
    grid-template-columns: 1fr;
  }

  .axis-article-content {
    font-size: 1rem;
    line-height: 1.74;
  }

  .axis-article-content h2 {
    font-size: 1.55rem;
  }

  .axis-article-nav {
    grid-template-columns: 1fr;
  }

  .axis-article-nav__card--next {
    text-align: left;
  }
}

@media (max-width: 520px) {
  .axis-blog-hero h1,
  .axis-blog-article-hero h1 {
    font-size: 2.12rem;
  }

  .axis-blog-preset--editorial .axis-blog-hero h1,
  .axis-blog-preset--library .axis-blog-hero h1,
  .axis-post-preset--feature .axis-blog-article-hero h1,
  .axis-post-preset--knowledge .axis-blog-article-hero h1 {
    font-size: 2.12rem;
  }

  .axis-blog-hero p,
  .axis-blog-article-hero p {
    font-size: 0.92rem;
  }

  .axis-blog-card__media,
  .axis-blog-card:not(.axis-blog-card--featured) .axis-blog-card__media {
    min-height: 190px;
  }
}

/* Axis WooCommerce account */
.woocommerce-account .axis-content-page {
  padding: 8rem 0 5rem;
  overflow-x: clip;
}

.woocommerce-account .axis-page-shell {
  width: 100%;
}

.woocommerce-account .axis-entry {
  padding: 0;
  overflow-x: clip;
}

.woocommerce-account .axis-entry__header,
.woocommerce-account .post-edit-link {
  display: none !important;
}

.woocommerce-account .axis-entry__content {
  margin-top: 0;
}

.woocommerce-account .woocommerce {
  width: 100%;
  overflow-x: clip;
}

.axis-account-hero {
  position: relative;
  display: grid;
  width: var(--axis-shell);
  min-height: 360px;
  align-items: center;
  margin: 0 auto;
  padding: 3rem;
  overflow: hidden;
  border: 1px solid var(--axis-line);
  border-radius: 28px;
  isolation: isolate;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 48%),
    color-mix(in srgb, var(--axis-panel) 82%, transparent);
  box-shadow: var(--axis-soft-shadow);
}

.axis-account-hero--auth {
  min-height: 320px;
  text-align: center;
}

.axis-account-hero--dashboard {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1.1rem;
  align-items: center;
  padding: 1.05rem 1.15rem;
  border-radius: 24px;
}

.axis-account-hero__identity {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 1rem;
}

.axis-account-hero__identity .axis-kicker {
  margin-bottom: 0;
}

.axis-account-hero > .axis-grid-bg {
  opacity: 0.68;
  background:
    linear-gradient(115deg, transparent 0 39%, rgba(var(--axis-blue-rgb), 0.12) 39% 39.14%, transparent 39.14%),
    linear-gradient(70deg, transparent 0 60%, rgba(var(--axis-olive-rgb), 0.1) 60% 60.14%, transparent 60.14%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 70%);
}

.axis-account-hero__content {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.axis-account-hero--dashboard .axis-account-hero__content {
  max-width: 760px;
  margin: 0;
  text-align: left;
}

.axis-account-hero__avatar {
  display: grid;
  width: 6.25rem;
  height: 6.25rem;
  place-items: center;
  margin: 0 auto 1rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
  border-radius: 28px;
  background:
    radial-gradient(circle at 32% 20%, rgba(255, 255, 255, 0.14), transparent 36%),
    rgba(var(--axis-blue-rgb), 0.09);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
}

.axis-account-hero__avatar img {
  width: 5.1rem;
  height: 5.1rem;
  border-radius: 22px;
}

.axis-account-hero--dashboard .axis-account-hero__avatar {
  width: 4.35rem;
  height: 4.35rem;
  margin: 0;
  border-radius: 20px;
}

.axis-account-hero--dashboard .axis-account-hero__avatar img {
  width: 3.45rem;
  height: 3.45rem;
  border-radius: 16px;
}

.axis-account-hero h1 {
  max-width: 790px;
  margin: 0.7rem auto 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(2.4rem, 5vw, 4.55rem);
  font-weight: 760;
  line-height: 0.98;
}

.axis-account-hero--dashboard h1 {
  max-width: none;
  margin: 0.35rem 0 0;
  font-size: clamp(1.65rem, 2.1vw, 2.35rem);
  line-height: 1;
}

.axis-account-hero p {
  max-width: 640px;
  margin: 1rem auto 0;
  color: var(--axis-muted);
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.62;
}

.axis-account-hero--dashboard p {
  max-width: 700px;
  margin: 0.45rem 0 0;
  font-size: 0.92rem;
  line-height: 1.48;
}

.axis-account-hero__email {
  display: inline-flex;
  max-width: min(100%, 34rem);
  margin-top: 0.42rem;
  overflow: hidden;
  color: var(--axis-muted);
  font-size: 0.82rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-account-hero__actions {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.axis-account-logout {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.64rem 0.92rem;
  border: 1px solid rgba(239, 68, 68, 0.24);
  border-radius: 999px;
  color: color-mix(in srgb, var(--axis-ruby) 82%, #fff 18%);
  background:
    linear-gradient(135deg, rgba(239, 68, 68, 0.13), rgba(255, 255, 255, 0.035)),
    var(--axis-header-nav);
  font-size: 0.84rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
  transition:
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.axis-account-logout:hover,
.axis-account-logout:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(239, 68, 68, 0.44);
  color: #fff;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.72), rgba(var(--axis-blue-rgb), 0.26));
}

.axis-account-logout svg {
  width: 1rem;
  height: 1rem;
}

.axis-account-hero__quicklinks {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: 650px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 2rem auto 0;
}

.axis-account-hero--dashboard .axis-account-hero__quicklinks {
  display: flex;
  width: auto;
  max-width: none;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.55rem;
  margin: 0;
}

.axis-account-hero__quicklinks a {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 0.52rem;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  color: var(--axis-ink);
  background: var(--axis-header-nav);
  font-size: 0.86rem;
  font-weight: 900;
  text-decoration: none;
}

.axis-account-hero--dashboard .axis-account-hero__quicklinks a {
  min-height: 40px;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  font-size: 0.78rem;
  white-space: nowrap;
}

.axis-account-hero__quicklinks svg {
  width: 1rem;
  height: 1rem;
  color: var(--axis-patina);
}

.axis-account-layout,
.axis-account-auth {
  display: grid;
  width: var(--axis-shell);
  align-items: start;
  gap: 1.5rem;
  margin: 1.5rem auto 0;
  max-width: calc(100vw - 2rem);
}

.axis-account-layout {
  grid-template-columns: minmax(0, 1fr);
  margin-top: 0.95rem;
}

.axis-account-tabs {
  width: var(--axis-shell);
  max-width: calc(100vw - 2rem);
  margin: 0.85rem auto 0;
  padding: 0.34rem;
  overflow-x: auto;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.08), transparent 55%),
    var(--axis-header-nav);
  box-shadow: var(--axis-soft-shadow);
  scrollbar-width: none;
}

.axis-account-tabs::-webkit-scrollbar {
  display: none;
}

.axis-account-tabs .woocommerce-MyAccount-navigation {
  width: max-content;
  min-width: 100%;
}

.axis-account-tabs .woocommerce-MyAccount-navigation ul {
  display: flex;
  width: max-content;
  min-width: 100%;
  grid-template-columns: none;
  align-items: center;
  gap: 0.28rem;
}

.axis-account-tabs .woocommerce-MyAccount-navigation li {
  flex: 0 0 auto;
}

.axis-account-tabs .woocommerce-MyAccount-navigation li a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='7' height='7' rx='1.5' fill='black'/%3E%3Crect x='13' y='4' width='7' height='7' rx='1.5' fill='black'/%3E%3Crect x='4' y='13' width='7' height='7' rx='1.5' fill='black'/%3E%3Crect x='13' y='13' width='7' height='7' rx='1.5' fill='black'/%3E%3C/svg%3E");
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 0.62rem;
  padding: 0.62rem 1rem;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--axis-muted);
  background: transparent;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.axis-account-tabs .woocommerce-MyAccount-navigation li a::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  border-radius: 0;
  background-color: #8ec7ff;
  box-shadow: none;
  mask: var(--axis-account-tab-icon) center / contain no-repeat;
  -webkit-mask: var(--axis-account-tab-icon) center / contain no-repeat;
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--brodev-licenses a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 21 7 12 12 3 7Z' fill='black'/%3E%3Cpath d='M3 12 12 17 21 12v3L12 20 3 15Z' fill='black'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--orders a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h2.4l2.2 10.2A2.2 2.2 0 0 0 10.8 16h6.6a2.2 2.2 0 0 0 2.1-1.6L21 8H8' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='20' r='1.7' fill='black'/%3E%3Ccircle cx='18' cy='20' r='1.7' fill='black'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l4 4v14H7Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 3v5h5M12 10v6M9 13l3 3 3-3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-address a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 11 12 3l9 8v9H5v-9Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M9 20v-6h6v6' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--payment-methods a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='3' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 10h18M7 15h4' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--edit-account a {
  --axis-account-tab-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.axis-account-tabs .woocommerce-MyAccount-navigation li a:hover,
.axis-account-tabs .woocommerce-MyAccount-navigation li a:focus-visible,
.axis-account-tabs .woocommerce-MyAccount-navigation li.is-active a {
  transform: none;
  border-color: rgba(var(--axis-blue-rgb), 0.2);
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.2), transparent 78%),
    rgba(255, 255, 255, 0.045);
}

.axis-account-tabs .woocommerce-MyAccount-navigation li.is-active a::before {
  background-color: var(--axis-patina);
  box-shadow: none;
}

.axis-account-dashboard-surface {
  display: grid;
  gap: 1rem;
}

.axis-account-auth {
  grid-template-columns: minmax(280px, 0.86fr) minmax(0, 1.14fr);
}

.axis-account-sidebar,
.axis-account-content-card,
.axis-account-auth__panel,
.axis-account-auth-card,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  border: 1px solid var(--axis-line);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.07), transparent 42%),
    color-mix(in srgb, var(--axis-panel) 84%, transparent);
  box-shadow: var(--axis-soft-shadow);
}

.axis-account-sidebar {
  position: sticky;
  top: 7.2rem;
  padding: 1rem;
}

.axis-account-profile {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem;
  margin-bottom: 0.8rem;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-account-profile img {
  width: 52px;
  height: 52px;
  border-radius: 16px;
}

.axis-account-profile strong,
.axis-account-profile span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-account-profile strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 0.98rem;
  font-weight: 760;
}

.axis-account-profile span {
  margin-top: 0.12rem;
  color: var(--axis-muted);
  font-size: 0.78rem;
  font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none;
  width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 0.38rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display: grid;
  min-height: 45px;
  grid-template-columns: 0.82rem minmax(0, 1fr);
  align-items: center;
  gap: 0.7rem;
  padding: 0.65rem 0.8rem;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--axis-muted);
  background: transparent;
  font-size: 0.86rem;
  font-weight: 850;
  text-decoration: none;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a::before {
  content: "";
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 999px;
  background: rgba(var(--axis-blue-rgb), 0.32);
  box-shadow: 0 0 0 4px rgba(var(--axis-blue-rgb), 0.08);
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus-visible,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  transform: translateY(-1px);
  border-color: rgba(var(--axis-blue-rgb), 0.24);
  color: var(--axis-ink);
  background: var(--axis-header-contrast);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a::before {
  background: var(--axis-patina);
  box-shadow: 0 0 0 4px rgba(var(--axis-olive-rgb), 0.1), 0 0 18px rgba(var(--axis-olive-rgb), 0.28);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
  margin-top: 0.45rem;
  color: color-mix(in srgb, var(--axis-ruby) 78%, #fff 22%);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  background: var(--axis-ruby);
  box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1);
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation {
  float: none;
  width: max-content;
  min-width: 100%;
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation ul {
  display: flex;
  width: max-content;
  min-width: 100%;
  grid-template-columns: none;
  align-items: center;
  gap: 0.28rem;
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li {
  flex: 0 0 auto;
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 0.62rem;
  padding: 0.62rem 1rem;
  border-radius: 12px;
  line-height: 1;
  white-space: nowrap;
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li a::before {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 0;
  background-color: #8ec7ff;
  box-shadow: none;
  mask: var(--axis-account-tab-icon) center / contain no-repeat;
  -webkit-mask: var(--axis-account-tab-icon) center / contain no-repeat;
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li a:focus-visible,
.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li.is-active a {
  transform: none;
  border-color: rgba(var(--axis-blue-rgb), 0.2);
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.2), transparent 78%),
    rgba(255, 255, 255, 0.045);
}

.woocommerce-account .axis-account-tabs .woocommerce-MyAccount-navigation li.is-active a::before {
  background-color: var(--axis-patina);
  box-shadow: none;
}

.axis-account-content-card {
  position: relative;
  float: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  min-height: 520px;
  padding: clamp(1.25rem, 3vw, 2.2rem);
  overflow: hidden;
}

.axis-account-content-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 14% 5%, rgba(var(--axis-blue-rgb), 0.1), transparent 28%),
    radial-gradient(circle at 92% 0%, rgba(var(--axis-olive-rgb), 0.055), transparent 24%);
  opacity: 0.75;
}

.woocommerce-account .woocommerce-MyAccount-content.axis-account-content-card {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}

.axis-account-content-card > * {
  position: relative;
  z-index: 1;
}

.axis-account-section-head {
  display: grid;
  grid-template-columns: 3.2rem minmax(0, 1fr);
  align-items: center;
  gap: 0 1rem;
  margin-bottom: 1.35rem;
  padding: 1rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.1), transparent 54%),
    rgba(255, 255, 255, 0.035);
}

.axis-account-section-head__icon {
  display: inline-grid;
  width: 3.2rem;
  height: 3.2rem;
  grid-row: span 3;
  place-items: center;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.26);
  border-radius: 16px;
  color: #8ec7ff;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.16), rgba(var(--axis-purple-rgb), 0.08)),
    var(--axis-header-contrast);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.axis-account-section-head__icon svg {
  width: 1.3rem;
  height: 1.3rem;
}

.axis-account-section-head .axis-kicker {
  width: fit-content;
  margin: 0 0 0.4rem;
}

.axis-account-section-head h2 {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.45rem, 2.2vw, 2.15rem);
  font-weight: 760;
  line-height: 1.04;
}

.axis-account-section-head p {
  max-width: 760px;
  margin: 0.45rem 0 0;
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 620;
  line-height: 1.58;
}

.axis-account-content-card > p:first-child {
  margin-top: 0;
}

.axis-account-content-card p,
.axis-account-content-card address,
.axis-account-content-card .woocommerce-Addresses {
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 560;
  line-height: 1.68;
}

.axis-account-content-card h2,
.axis-account-content-card h3,
.axis-account-content-card legend,
.axis-account-auth-card h2,
.axis-account-auth__panel h2 {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-weight: 760;
  line-height: 1.12;
}

.axis-account-content-card h2,
.axis-account-auth-card h2 {
  margin: 0 0 1.2rem;
  font-size: 1.45rem;
}

.axis-account-auth-card h2 {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding-bottom: 0.95rem;
  border-bottom: 1px solid var(--axis-line);
}

.axis-account-auth-card h2 svg {
  width: 1.1rem;
  height: 1.1rem;
  color: var(--axis-patina);
}

.axis-account-content-card a:not(.button):not(.woocommerce-button) {
  color: color-mix(in srgb, var(--axis-clay) 78%, #fff 22%);
  font-weight: 850;
  text-decoration: none;
}

.axis-account-content-card table,
.axis-account-content-card .woocommerce-orders-table,
.axis-account-content-card .woocommerce-table {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--axis-line);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.055), transparent 48%),
    rgba(255, 255, 255, 0.025);
  font-size: 0.9rem;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.axis-account-content-card table th,
.axis-account-content-card table td {
  padding: 0.95rem 1rem;
  border-bottom: 1px solid var(--axis-line);
  text-align: left;
}

.axis-account-content-card table th {
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.11), transparent 70%),
    var(--axis-header-contrast);
  font-size: 0.76rem;
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.axis-account-content-card table td {
  color: var(--axis-muted);
}

.axis-account-content-card table tr:last-child td {
  border-bottom: 0;
}

.axis-account-content-card tbody tr {
  transition:
    background 0.2s ease,
    transform 0.2s ease;
}

.axis-account-content-card tbody tr:hover {
  background: rgba(255, 255, 255, 0.03);
}

.axis-account-content-card .woocommerce-orders-table__cell-order-number a,
.axis-account-content-card .order-number a {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #8ec7ff !important;
  font-weight: 950;
}

.axis-account-content-card .woocommerce-orders-table__cell-order-status,
.axis-account-content-card .woocommerce-PaymentMethod--expires,
.axis-account-content-card .payment-method-expires {
  color: var(--axis-patina) !important;
  font-weight: 900;
}

.axis-account-content-card .woocommerce-orders-table__cell-order-total,
.axis-account-content-card .woocommerce-PaymentMethod--method,
.axis-account-content-card .payment-method-method {
  color: var(--axis-ink) !important;
  font-weight: 760;
}

.axis-account-content-card .woocommerce-orders-table__cell-order-actions,
.axis-account-content-card .woocommerce-PaymentMethod--actions,
.axis-account-content-card .payment-method-actions {
  text-align: right;
}

.axis-account-content-card .brodev-account-widget {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  margin-top: 0;
  padding: 1.2rem;
  border: 1px solid var(--axis-line) !important;
  border-radius: 18px;
  color: var(--axis-ink);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.12), transparent 52%),
    linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.07), transparent 34%),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.14);
}

.axis-account-content-card .brodev-account-widget h3 {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 0.45rem;
  color: var(--axis-ink) !important;
  font-family: var(--axis-font-display);
  font-size: 1.2rem;
  font-weight: 760;
}

.axis-account-content-card .brodev-account-widget p {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: var(--axis-muted) !important;
  font-size: 0.95rem;
  font-weight: 680;
}

.axis-account-content-card .brodev-account-widget .button {
  grid-column: 2;
  grid-row: 1 / span 2;
  width: max-content !important;
  min-width: 190px;
  align-self: center;
  justify-self: end;
}

.axis-account-content-card .brodev-account-licenses {
  display: grid;
  gap: 1rem;
  color: var(--axis-muted);
}

.axis-account-content-card .brodev-account-licenses > h2 {
  margin: 0 !important;
  color: var(--axis-ink) !important;
  font-family: var(--axis-font-display);
  font-size: clamp(1.85rem, 3vw, 2.6rem);
  font-weight: 760;
  line-height: 1;
}

.axis-account-content-card .brodev-account-licenses > p {
  max-width: 720px;
  margin: 0 !important;
  color: var(--axis-muted) !important;
  font-size: 1rem;
  font-weight: 620;
}

.axis-account-content-card .brodev-account-licenses > article,
.axis-account-content-card .brodev-account-licenses > section,
.axis-account-content-card .brodev-account-licenses > div[style] {
  margin: 0.45rem 0 0 !important;
  padding: 1.15rem !important;
  border: 1px solid var(--axis-line) !important;
  border-radius: 20px !important;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.08), transparent 46%),
    color-mix(in srgb, var(--axis-panel) 88%, transparent) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, 0.2) !important;
}

.axis-account-content-card .brodev-account-licenses article > div:first-child {
  padding-bottom: 0.9rem;
  border-bottom: 1px solid var(--axis-line);
}

.axis-account-content-card .brodev-account-licenses article > div:first-child h3 {
  color: var(--axis-ink) !important;
  font-size: 1.2rem !important;
}

.axis-account-content-card .brodev-license-status-label {
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28) !important;
  color: var(--axis-patina) !important;
  background: rgba(var(--axis-olive-rgb), 0.1) !important;
}

.axis-account-content-card .brodev-account-licenses article > div:nth-of-type(2) {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 0.75rem !important;
}

.axis-account-content-card .brodev-account-licenses article > div:nth-of-type(2) > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  color: var(--axis-muted) !important;
  background: rgba(255, 255, 255, 0.035);
}

.axis-account-content-card .brodev-account-licenses strong,
.axis-account-content-card .brodev-account-licenses h3,
.axis-account-content-card .brodev-account-licenses h4 {
  color: var(--axis-ink) !important;
}

.axis-account-content-card .brodev-account-licenses p,
.axis-account-content-card .brodev-account-licenses label,
.axis-account-content-card .brodev-change-result,
.axis-account-content-card .brodev-refund-result,
.axis-account-content-card .brodev-subscription-result {
  color: var(--axis-muted) !important;
}

.axis-account-content-card .brodev-account-licenses code {
  display: inline-block;
  max-width: 100%;
  padding: 0.2rem 0.42rem;
  overflow-wrap: anywhere;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 8px;
  color: var(--axis-ink);
  background: rgba(0, 0, 0, 0.16);
  font-size: 0.8rem;
}

.axis-account-content-card .brodev-license-actions {
  padding: 1rem !important;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.1), transparent 48%),
    rgba(255, 255, 255, 0.035) !important;
}

.axis-account-content-card .brodev-license-actions > div[style*="background:#fff"],
.axis-account-content-card .brodev-license-actions > div[style*="background: #fff"] {
  border: 1px solid var(--axis-line) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.axis-account-content-card .brodev-license-actions select,
.axis-account-content-card .brodev-license-actions textarea {
  width: 100% !important;
  border: 1px solid var(--axis-line) !important;
  border-radius: 12px !important;
  color: var(--axis-ink) !important;
  -webkit-text-fill-color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
}

.axis-account-content-card .brodev-license-actions textarea::placeholder {
  color: color-mix(in srgb, var(--axis-muted) 70%, transparent);
}

.axis-account-content-card .woocommerce-info,
.axis-account-content-card .woocommerce-message,
.axis-account-content-card .woocommerce-error {
  display: flex;
  min-height: 86px;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 !important;
  padding: 1rem 1.15rem !important;
  border: 1px solid var(--axis-line) !important;
  border-top: 1px solid var(--axis-line) !important;
  border-radius: 18px;
  color: var(--axis-ink) !important;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.1), transparent 58%),
    rgba(255, 255, 255, 0.035) !important;
  font-size: 1rem;
  font-weight: 720;
  line-height: 1.5;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.axis-account-content-card .woocommerce-info::before,
.axis-account-content-card .woocommerce-message::before,
.axis-account-content-card .woocommerce-error::before {
  position: static;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  flex: 0 0 auto;
  margin-right: 0.35rem;
  border-radius: 999px;
  color: transparent;
  background: var(--axis-patina);
  box-shadow: 0 0 0 6px rgba(var(--axis-olive-rgb), 0.1);
  content: "";
}

.axis-account-content-card .woocommerce-error {
  align-items: flex-start;
  flex-direction: column;
  list-style: none;
}

.axis-account-content-card .woocommerce-button,
.axis-account-content-card .button,
.axis-account-submit,
.axis-account-auth-card .button {
  display: inline-flex !important;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.65rem 1rem !important;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.26) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--axis-brass), var(--axis-clay)) !important;
  box-shadow: 0 14px 28px rgba(var(--axis-blue-rgb), 0.2);
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
}

.axis-account-content-card .woocommerce-button:hover,
.axis-account-content-card .button:hover,
.axis-account-submit:hover,
.axis-account-auth-card .button:hover {
  transform: translateY(-1px);
  filter: saturate(1.05);
  box-shadow: 0 18px 34px rgba(var(--axis-blue-rgb), 0.24);
}

.axis-account-content-card .button.delete,
.axis-account-content-card .woocommerce-button.delete,
.axis-account-content-card .woocommerce-button.cancel {
  border-color: rgba(239, 68, 68, 0.28) !important;
  color: #fff !important;
  background:
    linear-gradient(135deg, rgba(239, 68, 68, 0.82), rgba(var(--axis-purple-rgb), 0.46)) !important;
  box-shadow: 0 14px 28px rgba(239, 68, 68, 0.14);
}

.axis-account-content-card .woocommerce-info .button,
.axis-account-content-card .woocommerce-message .button {
  margin-left: auto;
  white-space: nowrap;
}

.axis-account-content-card label,
.axis-account-auth-card label {
  display: block;
  margin-bottom: 0.42rem;
  color: var(--axis-ink);
  font-size: 0.8rem;
  font-weight: 850;
  text-transform: uppercase;
}

.axis-account-content-card input[type="text"],
.axis-account-content-card input[type="email"],
.axis-account-content-card input[type="tel"],
.axis-account-content-card input[type="password"],
.axis-account-content-card select,
.axis-account-content-card textarea,
.axis-account-auth-card input[type="text"],
.axis-account-auth-card input[type="email"],
.axis-account-auth-card input[type="password"] {
  width: 100%;
  border: 1px solid var(--axis-line) !important;
  border-radius: 14px;
  padding: 0.84rem 0.95rem;
  color: var(--axis-ink) !important;
  -webkit-text-fill-color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.035) !important;
  font: inherit;
  box-sizing: border-box;
  box-shadow: none !important;
}

.axis-account-content-card input:focus,
.axis-account-content-card select:focus,
.axis-account-content-card textarea:focus,
.axis-account-auth-card input:focus {
  outline: 0;
  border-color: rgba(var(--axis-blue-rgb), 0.44);
  box-shadow: 0 0 0 4px rgba(var(--axis-blue-rgb), 0.12);
}

.woocommerce-account .axis-account-content-card .select2-container {
  width: 100% !important;
}

.woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single {
  height: auto;
  min-height: 48px;
  border: 1px solid var(--axis-line) !important;
  border-radius: 14px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.045), transparent 60%),
    rgba(255, 255, 255, 0.035) !important;
  box-shadow: none !important;
}

.woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-height: 48px;
  padding: 0.76rem 2.4rem 0.76rem 0.95rem;
  color: var(--axis-ink);
  font-weight: 700;
  line-height: 1.4;
}

.woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 0.85rem;
  width: 1rem;
  height: 1rem;
  transform: translateY(-50%);
}

.woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--axis-muted) transparent transparent transparent;
}

.woocommerce-account .select2-dropdown {
  overflow: hidden;
  border: 1px solid var(--axis-line) !important;
  border-radius: 14px;
  color: var(--axis-ink);
  background: color-mix(in srgb, var(--axis-panel) 96%, #fff 4%) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.24);
}

.woocommerce-account .select2-search--dropdown {
  padding: 0.55rem;
}

.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--axis-line) !important;
  border-radius: 10px;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.045);
}

.woocommerce-account .select2-results__option {
  padding: 0.65rem 0.85rem;
  color: var(--axis-muted);
  font-weight: 700;
}

.woocommerce-account .select2-container--default .select2-results__option--highlighted[aria-selected],
.woocommerce-account .select2-container--default .select2-results__option--highlighted[data-selected] {
  color: var(--axis-ink);
  background: rgba(var(--axis-blue-rgb), 0.18);
}

.axis-account-content-card .form-row,
.axis-account-auth-card .form-row,
.axis-account-field {
  margin: 0 0 1rem;
}

.axis-account-content-card .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.axis-account-content-card .woocommerce-Addresses::before,
.axis-account-content-card .woocommerce-Addresses::after {
  display: none;
}

.axis-account-content-card .woocommerce-Address {
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 1.15rem;
  border: 1px solid var(--axis-line);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.065), transparent 52%),
    rgba(255, 255, 255, 0.028);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.12);
}

.axis-account-content-card .woocommerce-Address-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--axis-line);
}

.axis-account-content-card .woocommerce-Address-title h2,
.axis-account-content-card .woocommerce-Address-title h3 {
  margin: 0;
  font-size: 1.18rem;
}

.axis-account-content-card .woocommerce-Address-title .edit {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0.42rem 0.7rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24);
  border-radius: 999px;
  color: #8ec7ff !important;
  background: rgba(var(--axis-blue-rgb), 0.08);
  font-size: 0.78rem;
  font-weight: 900;
  white-space: nowrap;
}

.axis-account-content-card .woocommerce-Address address {
  min-height: 96px;
  margin: 0;
  padding: 0.95rem;
  border: 1px solid var(--axis-line);
  border-radius: 14px;
  color: var(--axis-ink);
  background: rgba(255, 255, 255, 0.025);
  font-style: normal;
  font-weight: 700;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm .form-row-wide,
.axis-account-content-card--edit-account .woocommerce-EditAccountForm fieldset,
.axis-account-content-card--edit-account .woocommerce-EditAccountForm .clear,
.axis-account-content-card--edit-account .woocommerce-EditAccountForm p:last-child {
  grid-column: 1 / -1;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm .clear {
  display: none;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm fieldset {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.95rem;
  margin: 0.45rem 0 0;
  padding: 1.15rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22);
  border-radius: 18px;
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.07), transparent 52%),
    rgba(255, 255, 255, 0.025);
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm fieldset legend {
  margin: 0;
  padding: 0 0.55rem;
  color: var(--axis-patina);
  font-size: 0.78rem;
  font-weight: 950;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm em {
  display: block;
  margin-top: 0.42rem;
  color: var(--axis-muted);
  font-size: 0.84rem;
  font-style: normal;
  font-weight: 680;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm p:last-child {
  display: flex;
  justify-content: flex-end;
  margin: 0.25rem 0 0;
}

.axis-account-content-card--edit-account .woocommerce-EditAccountForm p:last-child .button {
  min-width: 180px;
}

.axis-account-auth__panel {
  position: sticky;
  top: 7.2rem;
  min-height: 480px;
  padding: 2rem;
  overflow: hidden;
}

.axis-account-auth__panel::after {
  content: "";
  position: absolute;
  right: -8rem;
  bottom: -8rem;
  width: 18rem;
  height: 18rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 50%;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(rgba(var(--axis-olive-rgb), 0.06) 1px, transparent 1px) 0 0 / 32px 32px;
}

.axis-account-auth__status {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 2.2rem;
  color: var(--axis-patina);
  font-size: 0.8rem;
  font-weight: 900;
}

.axis-account-auth__status i {
  width: 0.68rem;
  height: 0.68rem;
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 0 6px rgba(var(--axis-olive-rgb), 0.1), 0 0 18px rgba(var(--axis-olive-rgb), 0.3);
}

.axis-account-auth__panel h2 {
  max-width: 420px;
  margin: 0;
  font-size: clamp(2rem, 3.6vw, 3.4rem);
}

.axis-account-auth__panel p {
  max-width: 450px;
  margin: 1rem 0 1.5rem;
  color: var(--axis-muted);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.64;
}

.axis-account-auth__panel ul {
  display: grid;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-account-auth__panel li {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  color: var(--axis-ink);
  font-weight: 800;
}

.axis-account-auth__panel li svg {
  width: 1rem;
  height: 1rem;
  color: var(--axis-patina);
}

.axis-account-auth__forms {
  display: grid;
  gap: 1rem;
}

.axis-account-auth__forms.has-register {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.axis-account-auth-card {
  padding: 1.55rem;
}

.woocommerce-account .axis-account-auth-card form.login,
.woocommerce-account .axis-account-auth-card form.register,
.woocommerce-account .axis-account-auth-card .woocommerce-form,
.woocommerce-account .axis-account-content-card form {
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

.woocommerce-account .axis-account-auth-card .password-input,
.woocommerce-account .axis-account-content-card .password-input {
  display: block;
  position: relative;
  width: 100%;
}

.woocommerce-account .axis-account-auth-card .show-password-input,
.woocommerce-account .axis-account-content-card .show-password-input {
  top: 50%;
  right: 0.8rem;
  color: var(--axis-muted);
  transform: translateY(-50%);
}

.woocommerce-account input:-webkit-autofill,
.woocommerce-account input:-webkit-autofill:hover,
.woocommerce-account input:-webkit-autofill:focus {
  border-color: rgba(var(--axis-blue-rgb), 0.3) !important;
  -webkit-text-fill-color: var(--axis-ink);
  box-shadow: 0 0 0 1000px color-mix(in srgb, var(--axis-panel) 94%, #fff 6%) inset !important;
  transition: background-color 9999s ease-in-out 0s;
}

.axis-account-form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1.2rem;
}

.axis-account-form-row label {
  display: flex;
  align-items: center;
  gap: 0.44rem;
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.84rem;
  font-weight: 700;
  text-transform: none;
}

.axis-account-form-row input[type="checkbox"] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--axis-clay);
}

.axis-account-form-row a,
.axis-account-note {
  color: color-mix(in srgb, var(--axis-clay) 78%, #fff 22%);
  font-size: 0.84rem;
  font-weight: 850;
  text-decoration: none;
}

.axis-account-submit {
  width: 100%;
}

.axis-account-note {
  margin: 0 0 1rem;
  color: var(--axis-muted);
  line-height: 1.55;
}

.woocommerce-account .woocommerce-notices-wrapper {
  width: var(--axis-shell);
  margin: 0 auto 1rem;
}

.woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  margin: 0 0 0.75rem;
  padding: 0.95rem 1rem;
  color: var(--axis-ink);
}

.woocommerce-account .woocommerce-error {
  list-style: none;
}

.woocommerce-account .required {
  color: var(--axis-ruby);
}

.axis-light .axis-account-hero,
.axis-light .axis-account-sidebar,
.axis-light .axis-account-content-card,
.axis-light .axis-account-auth__panel,
.axis-light .axis-account-auth-card,
.axis-light .woocommerce-account .woocommerce-notices-wrapper .woocommerce-message,
.axis-light .woocommerce-account .woocommerce-notices-wrapper .woocommerce-info,
.axis-light .woocommerce-account .woocommerce-notices-wrapper .woocommerce-error {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.04), transparent 42%),
    rgba(255, 255, 255, 0.88);
}

.axis-light .axis-account-hero > .axis-grid-bg {
  background:
    linear-gradient(115deg, transparent 0 39%, rgba(var(--axis-blue-rgb), 0.06) 39% 39.12%, transparent 39.12%),
    linear-gradient(70deg, transparent 0 60%, rgba(var(--axis-olive-rgb), 0.06) 60% 60.12%, transparent 60.12%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), transparent 70%);
}

.axis-light .axis-account-profile,
.axis-light .axis-account-content-card input[type="text"],
.axis-light .axis-account-content-card input[type="email"],
.axis-light .axis-account-content-card input[type="tel"],
.axis-light .axis-account-content-card input[type="password"],
.axis-light .axis-account-content-card select,
.axis-light .axis-account-content-card textarea,
.axis-light .axis-account-auth-card input[type="text"],
.axis-light .axis-account-auth-card input[type="email"],
.axis-light .axis-account-auth-card input[type="password"] {
  color: var(--axis-ink) !important;
  -webkit-text-fill-color: var(--axis-ink);
  background: rgba(248, 250, 252, 0.92) !important;
}

.axis-light .axis-account-content-card a:not(.button):not(.woocommerce-button),
.axis-light .axis-account-form-row a {
  color: var(--axis-clay);
}

.axis-light .axis-account-tabs {
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.04), transparent 55%),
    rgba(255, 255, 255, 0.9);
}

.axis-light .axis-account-section-head,
.axis-light .axis-account-content-card table,
.axis-light .axis-account-content-card .woocommerce-info,
.axis-light .axis-account-content-card .woocommerce-message,
.axis-light .axis-account-content-card .woocommerce-error,
.axis-light .axis-account-content-card .woocommerce-Address,
.axis-light .axis-account-content-card .woocommerce-Address address,
.axis-light .axis-account-content-card--edit-account .woocommerce-EditAccountForm fieldset {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.035), transparent 50%),
    rgba(255, 255, 255, 0.82) !important;
}

.axis-light .axis-account-section-head__icon,
.axis-light .axis-account-content-card table th {
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.08), transparent 70%),
    rgba(248, 250, 252, 0.9);
}

.axis-light .axis-account-content-card tbody tr:hover {
  background: rgba(15, 23, 42, 0.025);
}

.axis-light .axis-account-content-card .brodev-account-widget {
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.045), transparent 52%),
    rgba(255, 255, 255, 0.9) !important;
}

.axis-light.woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single,
.axis-light .woocommerce-account .axis-account-content-card .select2-container--default .select2-selection--single,
.axis-light.woocommerce-account .select2-dropdown,
.axis-light .woocommerce-account .select2-dropdown {
  background: rgba(248, 250, 252, 0.94) !important;
}

.axis-light.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field,
.axis-light .woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field {
  background: rgba(255, 255, 255, 0.95);
}

.axis-light .axis-account-content-card .brodev-account-licenses > article,
.axis-light .axis-account-content-card .brodev-account-licenses > section,
.axis-light .axis-account-content-card .brodev-account-licenses > div[style],
.axis-light .axis-account-content-card .brodev-license-actions {
  background:
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.035), transparent 46%),
    rgba(255, 255, 255, 0.92) !important;
}

.axis-light .axis-account-content-card .brodev-account-licenses article > div:nth-of-type(2) > div,
.axis-light .axis-account-content-card .brodev-license-actions > div[style*="background:#fff"],
.axis-light .axis-account-content-card .brodev-license-actions > div[style*="background: #fff"] {
  background: rgba(248, 250, 252, 0.86) !important;
}

.axis-light .axis-account-content-card .brodev-account-licenses code {
  background: rgba(15, 23, 42, 0.04);
}

@media (max-width: 1040px) {
  .axis-account-layout,
  .axis-account-auth {
    grid-template-columns: 1fr;
  }

  .axis-account-sidebar,
  .axis-account-auth__panel {
    position: static;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-account-auth__forms.has-register {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .woocommerce-account .axis-content-page {
    padding-top: 6.6rem;
  }

  .axis-account-hero,
  .axis-account-layout,
  .axis-account-auth,
  .woocommerce-account .woocommerce-notices-wrapper {
    width: calc(100% - 1rem);
  }

  .axis-account-hero {
    min-height: 0;
    padding: 2rem 1rem;
    border-radius: 22px;
  }

  .axis-account-hero--dashboard {
    grid-template-columns: 1fr;
    gap: 0.8rem;
    padding: 1rem;
  }

  .axis-account-hero__identity {
    flex-direction: column;
    text-align: center;
  }

  .axis-account-hero__email {
    max-width: 100%;
    justify-content: center;
  }

  .axis-account-hero__actions {
    width: 100%;
  }

  .axis-account-logout {
    width: 100%;
  }

  .axis-account-tabs {
    width: calc(100% - 1rem);
    padding: 0.3rem;
    border-radius: 15px;
  }

  .axis-account-tabs .woocommerce-MyAccount-navigation {
    min-width: 0;
  }

  .axis-account-tabs .woocommerce-MyAccount-navigation ul {
    min-width: 0;
  }

  .axis-account-tabs .woocommerce-MyAccount-navigation li a {
    min-height: 40px;
    padding: 0.58rem 0.78rem;
    font-size: 0.78rem;
  }

  .axis-account-hero--dashboard .axis-account-hero__avatar {
    width: 3.75rem;
    height: 3.75rem;
  }

  .axis-account-hero--dashboard .axis-account-hero__content {
    text-align: center;
  }

  .axis-account-hero h1 {
    font-size: 2.35rem;
    line-height: 1.02;
  }

  .axis-account-hero--dashboard h1 {
    font-size: 1.85rem;
  }

  .axis-account-hero p {
    font-size: 0.96rem;
  }

  .axis-account-hero__quicklinks {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
  }

  .axis-account-hero--dashboard .axis-account-hero__quicklinks {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  .axis-account-hero__quicklinks a {
    min-height: 42px;
    padding: 0.55rem 0.4rem;
    border-radius: 14px;
    font-size: 0.78rem;
  }

  .axis-account-hero--dashboard .axis-account-hero__quicklinks a {
    padding-inline: 0.45rem;
    white-space: normal;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
  }

  .axis-account-content-card,
  .axis-account-auth__panel,
  .axis-account-auth-card {
    padding: 1.15rem;
    border-radius: 18px;
  }

  .axis-account-section-head {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.9rem;
  }

  .axis-account-section-head__icon {
    width: 2.75rem;
    height: 2.75rem;
    grid-row: auto;
    border-radius: 14px;
  }

  .axis-account-section-head h2 {
    font-size: 1.45rem;
  }

  .axis-account-content-card .brodev-account-widget,
  .axis-account-content-card .woocommerce-info,
  .axis-account-content-card .woocommerce-message {
    align-items: flex-start;
  }

  .axis-account-content-card .brodev-account-widget {
    grid-template-columns: 1fr;
  }

  .axis-account-content-card .woocommerce-info,
  .axis-account-content-card .woocommerce-message {
    flex-direction: column;
  }

  .axis-account-content-card .brodev-account-widget .button,
  .axis-account-content-card .woocommerce-info .button,
  .axis-account-content-card .woocommerce-message .button {
    width: 100%;
    margin-left: 0;
  }

  .axis-account-content-card .brodev-account-widget h3,
  .axis-account-content-card .brodev-account-widget p,
  .axis-account-content-card .brodev-account-widget .button {
    grid-column: 1;
    grid-row: auto;
  }

  .axis-account-content-card .brodev-account-widget .button {
    min-width: 0;
    justify-self: stretch;
  }

  .axis-account-content-card .woocommerce-Addresses,
  .axis-account-content-card--edit-account .woocommerce-EditAccountForm {
    grid-template-columns: 1fr;
  }

  .axis-account-content-card .woocommerce-Address-title {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.65rem;
  }

  .axis-account-content-card .woocommerce-Address-title .edit,
  .axis-account-content-card--edit-account .woocommerce-EditAccountForm p:last-child .button {
    width: 100%;
  }

  .axis-account-auth__panel {
    min-height: 0;
  }

  .axis-account-auth__panel::after {
    display: none;
  }

  .axis-account-auth__panel h2 {
    font-size: 2rem;
  }

  .axis-account-form-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.65rem;
  }

  .axis-account-content-card table,
  .axis-account-content-card thead,
  .axis-account-content-card tbody,
  .axis-account-content-card th,
  .axis-account-content-card td,
  .axis-account-content-card tr {
    display: block;
  }

  .axis-account-content-card thead {
    display: none;
  }

  .axis-account-content-card table tr {
    border-bottom: 1px solid var(--axis-line);
  }

  .axis-account-content-card table td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }

  .axis-account-content-card table td::before {
    content: attr(data-title);
    color: var(--axis-ink);
    font-weight: 900;
  }

  .axis-account-content-card .brodev-account-licenses table tr {
    display: grid;
    gap: 0.45rem;
    padding: 0.75rem;
    border: 1px solid var(--axis-line);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
  }

  .axis-account-content-card .brodev-account-licenses table td {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0;
    border: 0;
    color: var(--axis-muted);
    text-align: left;
  }

  .axis-account-content-card .brodev-account-licenses table td::before {
    color: var(--axis-ink);
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  .axis-account-content-card .brodev-account-licenses table td:nth-child(1)::before {
    content: "Type";
  }

  .axis-account-content-card .brodev-account-licenses table td:nth-child(2)::before {
    content: "Status";
  }

  .axis-account-content-card .brodev-account-licenses table td:nth-child(3)::before {
    content: "Created";
  }

  .axis-account-content-card .brodev-account-licenses table td:nth-child(4)::before {
    content: "Reference";
  }
}

/* Footer responsive polish: keep the desktop composition, but prevent the
   menu/payment side from collapsing into a narrow column on small screens. */
@media (max-width: 900px) {
  .axis-footer__inner {
    width: min(calc(100% - 32px), var(--axis-shell));
    padding-top: clamp(2.6rem, 10vw, 4rem);
    padding-bottom: 1.5rem;
    gap: 1.45rem;
  }

  .axis-footer__layout,
  .axis-footer--preset-ledger .axis-footer__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.45rem, 5vw, 2.25rem);
  }

  .axis-footer__brand {
    max-width: none;
  }

  .axis-footer__brand p,
  .axis-footer__meta p {
    max-width: none;
  }

  .axis-footer__nav-stack {
    width: 100%;
  }

  .axis-footer__menus {
    grid-template-columns: repeat(var(--axis-footer-menu-count, 3), minmax(0, 1fr));
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .axis-footer__newsletter-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-footer__newsletter button {
    width: 100%;
  }

  .axis-footer__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-footer__meta-copy,
  .axis-footer__meta-side,
  .axis-footer__copyright,
  .axis-footer__note {
    max-width: none;
    justify-self: start;
    justify-items: start;
    text-align: left;
  }
}

@media (max-width: 720px) {
  .axis-footer__inner {
    width: min(calc(100% - 28px), var(--axis-shell));
    padding-top: 2.5rem;
  }

  .axis-footer__layout {
    gap: 1.25rem;
  }

  .axis-footer__brand-head {
    margin-bottom: 0.85rem;
  }

  .axis-footer__signals,
  .axis-footer__social {
    gap: 0.46rem;
  }

  .axis-footer__signals span {
    min-height: 1.75rem;
    padding: 0.36rem 0.58rem;
    font-size: 0.66rem;
  }

  .axis-footer__social-link {
    width: 2.35rem;
    height: 2.35rem;
  }

  .axis-footer__newsletter {
    gap: 0.68rem;
    margin-top: 1.25rem;
  }

  .axis-footer__newsletter label {
    font-size: clamp(1.25rem, 8vw, 1.65rem);
  }

  .axis-footer__newsletter input,
  .axis-footer__newsletter button {
    min-height: 3.2rem;
  }

  .axis-footer__menus {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.8rem;
    padding-top: 0;
  }

  .axis-footer__column {
    padding: 0.95rem;
    border: 1px solid var(--axis-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.028);
  }

  .axis-light .axis-footer__column {
    background: rgba(255, 255, 255, 0.68);
  }

  .axis-footer--preset-command .axis-footer__column {
    padding: 0.95rem;
    min-height: auto;
  }

  .axis-footer--preset-ledger .axis-footer__menus {
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
  }

  .axis-footer--preset-ledger .axis-footer__column,
  .axis-footer--preset-ledger .axis-footer__column:last-child {
    border: 1px solid var(--axis-line);
  }

  .axis-footer__column h3 {
    margin-bottom: 0.62rem;
  }

  .axis-footer__links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.28rem;
  }

  .axis-footer__links a {
    min-height: 1.85rem;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
  }

  .axis-footer__nav-stack > .axis-footer__payment-row {
    margin-top: var(--axis-footer-payment-top, 24px);
  }

  .axis-footer__payments {
    gap: 0.68rem 0.78rem;
    justify-content: flex-start;
  }

  .axis-footer__payment-icon {
    --axis-payment-icon-width: 1.85rem;
    height: 1.14rem;
  }

  .axis-footer__payment-icon--visa,
  .axis-footer__payment-icon--discover {
    --axis-payment-icon-width: 2.72rem;
  }

  .axis-footer__payment-icon--apple_pay,
  .axis-footer__payment-icon--google_pay {
    --axis-payment-icon-width: 2.95rem;
  }

  .axis-footer__payment-icon--shop_pay {
    --axis-payment-icon-width: 4.45rem;
  }

  .axis-footer__bottom {
    margin-top: clamp(1.2rem, 6vw, 1.75rem);
  }

  .axis-footer__bottom--divider .axis-footer__meta {
    padding-top: 0.95rem;
  }

  .axis-footer__meta {
    gap: 0.62rem;
  }

  .axis-footer__meta p {
    font-size: 0.92rem;
  }
}

@media (max-width: 430px) {
  .axis-footer__inner {
    width: min(calc(100% - 24px), var(--axis-shell));
  }

  .axis-footer__brand img {
    max-width: 58vw;
  }

  .axis-footer__payment-icon--shop_pay {
    --axis-payment-icon-width: 4.15rem;
  }
}

@media (max-width: 359px) {
  .axis-footer__links {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1180px) {
  .axis-nav__item--mega > .axis-mega-menu {
    position: static;
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    margin: 0.32rem 0 0.2rem 2.25rem;
    padding: 0.3rem;
    border-radius: 16px;
    opacity: 1;
    transform: none;
    visibility: visible;
  }

  .axis-mega-menu__summary {
    grid-column: 1;
    padding: 0.75rem;
    border-radius: 14px;
  }

  .axis-mega-menu__summary strong {
    font-size: 1rem;
  }

  .axis-mega-menu__item--pack-starter,
  .axis-mega-menu__item--pack-pro,
  .axis-mega-menu__item--pack-ultimate,
  .axis-mega-menu__item--column-1,
  .axis-mega-menu__item--column-2,
  .axis-mega-menu__item--column-3 {
    grid-column: 1;
  }

  .axis-mega-menu__item--pack-index-1,
  .axis-mega-menu__item--pack-index-2,
  .axis-mega-menu__item--pack-index-3,
  .axis-mega-menu__item--pack-index-4,
  .axis-mega-menu__item--pack-index-5 {
    grid-row: auto;
  }

  .axis-nav__list .axis-mega-menu a {
    min-height: 48px;
    grid-template-columns: 32px minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .axis-nav__item--mega > .axis-mega-menu {
    margin-left: 0;
  }

  .axis-mega-menu__summary span:not(.axis-mega-menu__eyebrow),
  .axis-mega-menu .axis-nav__submenu-description {
    display: none;
  }
}

@media (max-width: 860px) {
  body.axis-app-page .axis-app-landing {
    padding: 7.25rem 0 3.5rem;
  }

  body.axis-app-page .axis-app-landing__hero,
  body.axis-app-page .axis-app-landing--v2 .axis-app-landing__hero,
  body.axis-app-page--products-manager .axis-app-landing__hero,
  body.axis-app-page--coupons .axis-app-landing__hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1.4rem;
    align-items: start;
  }

  body.axis-app-page .axis-app-landing__copy {
    order: 1;
  }

  body.axis-app-page .axis-app-landing__visual {
    order: 2;
  }

  body.axis-app-page .axis-app-landing__copy,
  body.axis-app-page .axis-app-landing__visual {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body.axis-app-page .axis-app-landing__title {
    max-width: 100%;
    font-size: clamp(2.45rem, 11.5vw, 3.25rem);
    line-height: 0.98;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: balance;
  }

  body.axis-app-page .axis-app-landing__lead {
    max-width: 100%;
    font-size: 1rem;
  }

  body.axis-app-page .axis-kicker {
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  body.axis-app-page .axis-app-hero-card,
  body.axis-app-page .axis-app-hero-card__image img,
  body.axis-app-page .axis-app-hero-card__image.axis-app-generated-visual svg {
    min-height: 360px;
  }

  body.axis-app-page--task-manager .axis-task-story__panel {
    position: relative;
    top: auto;
    min-height: auto;
    border-radius: 24px;
  }

  body.axis-app-page--task-manager .axis-task-story__panel > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
  }

  body.axis-app-page--task-manager .axis-task-story__copy {
    padding: 0.9rem 0.55rem 0.4rem;
  }

  body.axis-app-page--task-manager .axis-task-story__copy h3 {
    font-size: clamp(1.8rem, 8.5vw, 2.75rem);
    line-height: 1;
  }

  body.axis-app-page--task-manager .axis-task-device {
    min-height: 430px;
  }

  body.axis-app-page--task-manager .axis-task-mini-board > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-task-mini-permissions > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-task-screenshot-grid > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.axis-app-page .axis-app-landing__title {
    font-size: clamp(2.2rem, 10.8vw, 2.85rem);
  }

  body.axis-app-page .axis-app-hero-card,
  body.axis-app-page .axis-app-hero-card__image img,
  body.axis-app-page .axis-app-hero-card__image.axis-app-generated-visual svg {
    min-height: 320px;
  }

  .axis-feature-demo-card {
    border-radius: 22px;
  }

  .axis-feature-demo-card__body {
    padding: 1rem;
  }

  body.axis-app-page .axis-app-tour__stage {
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }

  body.axis-app-page .axis-app-tour__stage > .wp-block-group__inner-container {
    min-width: 720px;
  }

  body.axis-app-page .axis-app-tour-svg {
    min-width: 720px;
  }

  body.axis-app-page--task-manager .axis-task-device {
    min-height: 520px;
  }

  body.axis-app-page--task-manager .axis-task-mini-dashboard > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-task-mini-board > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-task-mini-timeline > .wp-block-group__inner-container,
  body.axis-app-page--task-manager .axis-task-mini-permissions > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
  }

  body.axis-app-page--task-manager .axis-task-mini-gantt,
  body.axis-app-page--task-manager .axis-task-mini-api {
    grid-column: auto;
    grid-row: auto;
  }

  body.axis-app-page .axis-task-screenshot-grid > .wp-block-group__inner-container {
    grid-template-columns: minmax(0, 1fr);
  }

  body.axis-app-page .axis-task-screenshot-card.is-featured {
    grid-column: auto;
  }

  body.axis-app-page .axis-task-screenshot-card__image img,
body.axis-app-page .axis-task-screenshot-card.is-featured .axis-task-screenshot-card__image img {
    aspect-ratio: 1.35 / 1;
  }
}

/* Homepage refinement: mobile Brain Agent, operating charts, and pack paths. */
.axis-mobile-brain {
  display: none;
}

.axis-home .axis-hero__lead,
.editor-styles-wrapper .axis-hero__lead {
  min-height: 124px;
}

.axis-home-analytics__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(420px, 1.16fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

.axis-home-analytics__proof {
  display: grid;
  gap: 0.72rem;
  margin: 1.4rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-home-analytics__proof li {
  position: relative;
  padding-left: 1.25rem;
  color: var(--axis-muted);
  font-weight: 750;
}

.axis-home-analytics__proof li::before {
  content: "";
  position: absolute;
  top: 0.62em;
  left: 0;
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 18px rgba(var(--axis-olive-rgb), 0.4);
}

.axis-home-analytics__panel {
  position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 26px;
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--axis-olive-rgb), 0.16), transparent 18rem),
    linear-gradient(135deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.028)),
    rgba(11, 20, 35, 0.92);
  box-shadow: 0 34px 84px rgba(0, 0, 0, 0.26);
}

.axis-home-analytics__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 38px 38px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 38px 38px;
  mask-image: linear-gradient(180deg, #000, transparent 86%);
  pointer-events: none;
}

.axis-home-analytics__panel-top,
.axis-home-analytics__chart,
.axis-home-analytics__graph {
  position: relative;
  z-index: 1;
}

.axis-home-analytics__panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.axis-home-analytics__panel-top strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: 1.05rem;
  font-weight: 900;
}

.axis-home-analytics__panel-top span {
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.08);
  font-size: 0.72rem;
  font-weight: 900;
}

.axis-home-analytics__chart {
  display: grid;
  gap: 0.68rem;
}

.axis-home-analytics__bar {
  display: grid;
  grid-template-columns: minmax(132px, 0.58fr) minmax(0, 1fr) 44px;
  gap: 0.7rem;
  align-items: center;
}

.axis-home-analytics__bar span {
  display: grid;
  min-width: 0;
}

.axis-home-analytics__bar strong {
  color: var(--axis-ink);
  font-size: 0.84rem;
  font-weight: 900;
}

.axis-home-analytics__bar em {
  overflow: hidden;
  color: var(--axis-muted);
  font-size: 0.68rem;
  font-style: normal;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-home-analytics__bar i {
  position: relative;
  display: block;
  height: 0.72rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.075);
}

.axis-home-analytics__bar i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--axis-bar);
  border-radius: inherit;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), var(--axis-brass));
  animation: axisHomeBarLoad 3.8s ease-in-out infinite;
  animation-delay: var(--axis-delay);
  transform-origin: left;
}

.axis-home-analytics__bar b {
  color: var(--axis-ink);
  font-size: 0.78rem;
  font-weight: 900;
  text-align: right;
}

.axis-home-analytics__graph {
  margin-top: 1.2rem;
  color: var(--axis-clay);
}

.axis-home-analytics__graph svg {
  display: block;
  width: 100%;
  height: auto;
  color: var(--axis-clay);
  filter: drop-shadow(0 0 22px rgba(var(--axis-blue-rgb), 0.18));
}

.axis-home-analytics__graph path:first-of-type {
  stroke-dasharray: 720;
  stroke-dashoffset: 720;
  animation: axisHomeGraphDraw 5.5s ease-in-out infinite;
}

.axis-home-image {
  --axis-home-image-ratio: 16 / 9;
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
    rgba(10, 18, 32, 0.9);
  box-shadow: 0 34px 92px rgba(0, 0, 0, 0.28);
}

.axis-home-image::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.axis-home-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: var(--axis-home-image-ratio);
  object-fit: cover;
}

.axis-home-showcase {
  position: relative;
  margin: clamp(-1.2rem, -1vw, -0.4rem) 0 clamp(2rem, 4vw, 3rem);
}

.axis-home-image--workflow {
  --axis-home-image-ratio: 1.78 / 1;
}

.axis-home-showcase__caption {
  position: absolute;
  z-index: 2;
  left: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 2rem);
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100% - 2rem);
  gap: 0.55rem;
}

.axis-home-showcase__caption span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0.38rem 0.72rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 999px;
  color: var(--axis-ink);
  background: rgba(7, 14, 26, 0.72);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  backdrop-filter: blur(16px);
}

.axis-home-analytics__visual {
  position: relative;
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.axis-home-image--command {
  --axis-home-image-ratio: 1.76 / 1;
  border-color: rgba(var(--axis-olive-rgb), 0.24);
}

.axis-home-analytics__visual .axis-home-analytics__panel {
  width: min(92%, 590px);
  margin: -5.2rem 0 0 auto;
  backdrop-filter: blur(18px);
}

.axis-suite-visual {
  position: relative;
  z-index: 1;
  margin-bottom: 1.25rem;
}

.axis-home-image--starter {
  --axis-home-image-ratio: 2 / 1;
  border-color: rgba(var(--axis-purple-rgb), 0.26);
}

.axis-suite-visual__tag {
  position: absolute;
  z-index: 2;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 2rem);
  display: grid;
  gap: 0.2rem;
  max-width: min(360px, calc(100% - 2rem));
  padding: 0.8rem 1rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.26);
  border-radius: 20px;
  color: var(--axis-ink);
  background: rgba(7, 14, 26, 0.76);
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
}

.axis-suite-visual__tag span {
  color: var(--axis-patina);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-suite-visual__tag strong {
  color: var(--axis-ink);
  font-size: clamp(0.92rem, 1.4vw, 1.15rem);
  line-height: 1.18;
}

.axis-light .axis-home-image,
.axis-light .editor-styles-wrapper .axis-home-image {
  border-color: rgba(25, 57, 99, 0.16);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(243, 247, 252, 0.82)),
    rgba(255, 255, 255, 0.92);
  box-shadow: 0 30px 78px rgba(17, 24, 39, 0.12);
}

.axis-light .axis-home-showcase__caption span,
.axis-light .editor-styles-wrapper .axis-home-showcase__caption span,
.axis-light .axis-suite-visual__tag,
.axis-light .editor-styles-wrapper .axis-suite-visual__tag {
  color: #132033;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 42px rgba(17, 24, 39, 0.12);
}

.axis-light .axis-suite-visual__tag strong,
.axis-light .editor-styles-wrapper .axis-suite-visual__tag strong {
  color: #111827;
}

.axis-home .axis-signal-card,
.editor-styles-wrapper .axis-signal-card {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(96px, 1fr) auto auto;
  gap: 0.68rem;
}

.axis-home .axis-signal-card::before,
.editor-styles-wrapper .axis-signal-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-olive-rgb), 0.12), transparent 10rem),
    linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.045), transparent);
  opacity: 0.82;
  transform: translateX(-48%);
  animation: axisHomeCardSweep 7s ease-in-out infinite;
  pointer-events: none;
}

.axis-home .axis-signal-card > *,
.editor-styles-wrapper .axis-signal-card > * {
  position: relative;
  z-index: 1;
}

.axis-home .axis-signal-card__icon,
.editor-styles-wrapper .axis-signal-card__icon {
  margin-bottom: 0;
}

.axis-stat-visual {
  position: relative;
  min-height: 108px;
  overflow: hidden;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 20px;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.07) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px) 0 0 / 28px 28px,
    rgba(255, 255, 255, 0.035);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.axis-stat-visual::after {
  content: "";
  position: absolute;
  inset: auto 1rem 0.9rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #60a5fa, transparent);
  transform-origin: left;
  animation: axisHomeSignalLine 4.8s ease-in-out infinite;
}

.axis-stat-visual__apps {
  position: absolute;
  inset: 1rem 0.9rem 1.55rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.42rem;
  align-items: end;
}

.axis-stat-visual__apps b {
  display: block;
  min-height: 38%;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.22);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(var(--axis-olive-rgb), 0.22), rgba(var(--axis-blue-rgb), 0.1)),
    rgba(255, 255, 255, 0.045);
  animation: axisHomeRise 5.6s ease-in-out infinite;
}

.axis-stat-visual__apps b:nth-child(2) {
  min-height: 64%;
  animation-delay: -0.55s;
}

.axis-stat-visual__apps b:nth-child(3) {
  min-height: 46%;
  animation-delay: -1.1s;
}

.axis-stat-visual__apps b:nth-child(4) {
  min-height: 78%;
  animation-delay: -1.65s;
}

.axis-stat-visual__apps b:nth-child(5) {
  min-height: 58%;
  animation-delay: -2.2s;
}

.axis-stat-visual--launch > em {
  position: absolute;
  top: 1.2rem;
  left: 1rem;
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 50%;
  background: var(--axis-patina);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.42);
  animation: axisHomePulseNode 2.2s ease-out infinite;
}

.axis-stat-visual__grid {
  position: absolute;
  inset: 1rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
}

.axis-stat-visual__grid b {
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 10px;
  background: rgba(var(--axis-blue-rgb), 0.08);
  animation: axisHomeTileGlow 5.4s ease-in-out infinite;
  animation-delay: calc(var(--axis-tile, 0) * -0.2s);
}

.axis-stat-visual__grid b:nth-child(2n) {
  --axis-tile: 2;
}

.axis-stat-visual__grid b:nth-child(3n) {
  --axis-tile: 4;
}

.axis-stat-visual--domains > em {
  position: absolute;
  inset: 1rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.24);
  border-radius: 18px;
  transform: scale(0.72);
  animation: axisHomeDomainScan 4.8s ease-in-out infinite;
}

.axis-stat-visual__packs {
  position: absolute;
  inset: 0.9rem 0.9rem 1.4rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  align-items: end;
}

.axis-stat-visual__packs b {
  display: grid;
  min-width: 0;
  min-height: 64%;
  align-content: center;
  justify-items: center;
  gap: 0.12rem;
  border: 1px solid rgba(var(--axis-purple-rgb), 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(var(--axis-purple-rgb), 0.18), rgba(var(--axis-blue-rgb), 0.07));
  color: var(--axis-ink);
  animation: axisHomePackFloat 5.8s ease-in-out infinite;
}

.axis-stat-visual__packs b:nth-child(2) {
  min-height: 82%;
  animation-delay: -0.8s;
}

.axis-stat-visual__packs b:nth-child(3) {
  min-height: 100%;
  animation-delay: -1.6s;
}

.axis-stat-visual__packs small {
  color: var(--axis-muted);
  font-size: 0.48rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-stat-visual__packs strong {
  color: var(--axis-patina);
  font-family: var(--axis-font-accent);
  font-size: 1.05rem;
}

.axis-stat-visual__road {
  position: absolute;
  inset: 1.1rem 1rem 1.6rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
}

.axis-stat-visual__road::before {
  content: "";
  position: absolute;
  right: 8%;
  left: 8%;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.axis-stat-visual__road b {
  position: relative;
  z-index: 1;
  display: inline-grid;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  justify-self: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.3);
  border-radius: 999px;
  background: rgba(9, 18, 33, 0.88);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.26);
  animation: axisHomePulseNode 4.8s ease-in-out infinite;
}

.axis-stat-visual__road b:nth-child(2) {
  animation-delay: -1.4s;
}

.axis-stat-visual__road b:nth-child(3) {
  animation-delay: -2.8s;
}

.axis-stat-visual__road strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-accent);
  font-size: 0.9rem;
}

.axis-stat-visual__road em {
  position: absolute;
  top: calc(50% - 0.3rem);
  left: 8%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: var(--axis-patina);
  box-shadow: 0 0 18px rgba(var(--axis-olive-rgb), 0.5);
  animation: axisHomeRoadDot 5.2s ease-in-out infinite;
}

.axis-workflow-step {
  gap: 0.62rem;
}

.axis-workflow-mini {
  position: relative;
  min-height: 84px;
  overflow: hidden;
  margin-bottom: 0.35rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 18% 32%, rgba(var(--axis-olive-rgb), 0.13), transparent 7rem),
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.11), rgba(var(--axis-purple-rgb), 0.07)),
    rgba(255, 255, 255, 0.028);
}

.axis-workflow-mini::before {
  content: "";
  position: absolute;
  inset: 50% 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(var(--axis-blue-rgb), 0.46), transparent);
}

.axis-workflow-step__icon {
  position: absolute;
  top: 1.42rem;
  left: 1.42rem;
  z-index: 2;
  backdrop-filter: blur(14px);
}

.axis-workflow-mini__chat,
.axis-workflow-mini__route,
.axis-workflow-mini__stack,
.axis-workflow-mini__approve {
  position: absolute;
  inset: 0.78rem;
}

.axis-workflow-mini__chat b {
  position: absolute;
  top: 0.35rem;
  right: 0.2rem;
  width: 42%;
  height: 2rem;
  border-radius: 14px 14px 4px 14px;
  background: rgba(var(--axis-blue-rgb), 0.18);
  animation: axisHomeMessagePop 4.8s ease-in-out infinite;
}

.axis-workflow-mini__chat em {
  position: absolute;
  left: 0.15rem;
  width: 52%;
  height: 0.48rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
}

.axis-workflow-mini__chat em:nth-child(2) {
  top: 1.1rem;
}

.axis-workflow-mini__chat em:nth-child(3) {
  top: 2.05rem;
  width: 38%;
}

.axis-workflow-mini__chat small {
  position: absolute;
  right: 0.35rem;
  bottom: 0.35rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: var(--axis-patina);
  animation: axisHomePulseNode 1.9s ease-out infinite;
}

.axis-workflow-mini__route b {
  position: absolute;
  inset: 50% auto auto 50%;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 50%;
  background: rgba(var(--axis-olive-rgb), 0.12);
  transform: translate(-50%, -50%);
}

.axis-workflow-mini__route em {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.8), rgba(var(--axis-blue-rgb), 0.2));
  transform-origin: left center;
  animation: axisHomeRouteGlow 4.8s ease-in-out infinite;
}

.axis-workflow-mini__route em:nth-child(2) {
  transform: rotate(-31deg);
}

.axis-workflow-mini__route em:nth-child(3) {
  transform: rotate(0deg);
  animation-delay: -0.8s;
}

.axis-workflow-mini__route em:nth-child(4) {
  transform: rotate(31deg);
  animation-delay: -1.6s;
}

.axis-workflow-mini__route small {
  position: absolute;
  right: 0.2rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  background: var(--axis-clay);
}

.axis-workflow-mini__route small:nth-child(5) {
  top: 0.8rem;
}

.axis-workflow-mini__route small:nth-child(6) {
  top: 50%;
  transform: translateY(-50%);
}

.axis-workflow-mini__route small:nth-child(7) {
  bottom: 0.8rem;
}

.axis-workflow-mini__stack b {
  position: absolute;
  right: 0.2rem;
  left: 0.2rem;
  height: 1.2rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  animation: axisHomeStackSlide 5s ease-in-out infinite;
}

.axis-workflow-mini__stack b:nth-child(1) {
  top: 0.15rem;
}

.axis-workflow-mini__stack b:nth-child(2) {
  top: 1.75rem;
  right: 1.15rem;
  animation-delay: -0.8s;
}

.axis-workflow-mini__stack b:nth-child(3) {
  top: 3.35rem;
  left: 1.15rem;
  animation-delay: -1.6s;
}

.axis-workflow-mini__stack em {
  position: absolute;
  right: 1.2rem;
  bottom: 0.25rem;
  width: 2.1rem;
  height: 0.52rem;
  border-radius: 999px;
  background: var(--axis-patina);
  animation: axisHomeSignalLine 3.8s ease-in-out infinite;
}

.axis-workflow-mini__approve b {
  position: absolute;
  top: 0.35rem;
  left: calc(50% - 1.35rem);
  width: 2.7rem;
  height: 3.1rem;
  clip-path: polygon(50% 0, 92% 18%, 84% 76%, 50% 100%, 16% 76%, 8% 18%);
  background: linear-gradient(180deg, rgba(var(--axis-olive-rgb), 0.42), rgba(var(--axis-blue-rgb), 0.18));
  animation: axisHomeApproveShield 4.8s ease-in-out infinite;
}

.axis-workflow-mini__approve em {
  position: absolute;
  top: 1.62rem;
  left: calc(50% - 0.54rem);
  width: 1.14rem;
  height: 0.62rem;
  border-bottom: 3px solid var(--axis-ink);
  border-left: 3px solid var(--axis-ink);
  transform: rotate(-45deg);
}

.axis-workflow-mini__approve small {
  position: absolute;
  right: 0.5rem;
  bottom: 0.4rem;
  width: 1.8rem;
  height: 0.52rem;
  border-radius: 999px;
  background: var(--axis-patina);
  box-shadow: 0 0 22px rgba(var(--axis-olive-rgb), 0.28);
}

.axis-layer__visual {
  overflow: hidden;
}

.axis-layer-art {
  position: relative;
  width: 100%;
  min-height: 180px;
  color: var(--axis-ink);
}

.axis-layer-art::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.12) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px) 0 0 / 32px 32px;
  mask-image: radial-gradient(circle at 50% 48%, #000, transparent 75%);
}

.axis-layer-art__orb,
.axis-layer-art--starter b,
.axis-layer-art--roadmap b {
  position: relative;
  z-index: 1;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-layer-art--approval .axis-layer-art__orb {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.28);
  animation: axisHomePulseNode 3.4s ease-out infinite;
}

.axis-layer-art--approval svg {
  width: 1.45rem;
  height: 1.45rem;
  color: var(--axis-patina);
}

.axis-layer-art__request,
.axis-layer-art__queue {
  position: absolute;
  z-index: 1;
  display: grid;
  gap: 0.38rem;
  padding: 0.72rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 16px;
  background: rgba(8, 17, 32, 0.72);
}

.axis-layer-art__request {
  top: 1rem;
  left: 1rem;
  width: min(44%, 180px);
}

.axis-layer-art__request strong {
  color: var(--axis-patina);
  font-size: 0.62rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-layer-art__request em {
  height: 0.44rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}

.axis-layer-art__request em:nth-child(3) {
  width: 66%;
}

.axis-layer-art__queue {
  right: 1rem;
  bottom: 1rem;
  width: min(46%, 190px);
}

.axis-layer-art__queue b {
  height: 0.72rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.6));
  animation: axisHomeSignalLine 4.2s ease-in-out infinite;
}

.axis-layer-art__queue b:nth-child(2) {
  width: 74%;
  animation-delay: -0.8s;
}

.axis-layer-art__queue b:nth-child(3) {
  width: 52%;
  animation-delay: -1.6s;
}

.axis-layer-art--approval small {
  position: absolute;
  top: 50%;
  right: 18%;
  left: 18%;
  z-index: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(var(--axis-olive-rgb), 0.56), transparent);
  animation: axisHomeRouteGlow 4s ease-in-out infinite;
}

.axis-layer-art--starter {
  display: grid;
  min-height: 180px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  gap: 0.5rem;
  padding: 0 1rem;
}

.axis-layer-art--starter b {
  width: 100%;
  height: clamp(4.2rem, 8vw, 6rem);
  border-radius: 22px;
  color: var(--axis-patina);
  background:
    linear-gradient(180deg, rgba(var(--axis-blue-rgb), 0.2), rgba(255, 255, 255, 0.04)),
    rgba(8, 17, 32, 0.72);
  animation: axisHomePackFloat 5.8s ease-in-out infinite;
}

.axis-layer-art--starter b:nth-child(2) {
  animation-delay: -0.5s;
}

.axis-layer-art--starter b:nth-child(3) {
  animation-delay: -1s;
}

.axis-layer-art--starter b:nth-child(4) {
  animation-delay: -1.5s;
}

.axis-layer-art--starter b:nth-child(5) {
  animation-delay: -2s;
}

.axis-layer-art--starter svg {
  width: 1.35rem;
  height: 1.35rem;
}

.axis-layer-art--starter em {
  position: absolute;
  right: 8%;
  bottom: 2.1rem;
  left: 8%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #60a5fa);
  animation: axisHomeSignalLine 4.4s ease-in-out infinite;
}

.axis-layer-art--roadmap {
  display: grid;
  min-height: 180px;
  padding: 1.2rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.72rem;
  align-items: end;
}

.axis-layer-art--roadmap b {
  width: 100%;
  min-height: 72%;
  align-content: center;
  gap: 0.15rem;
  border-radius: 18px;
  background: rgba(8, 17, 32, 0.72);
  animation: axisHomeRise 5.8s ease-in-out infinite;
}

.axis-layer-art--roadmap b:nth-child(2) {
  min-height: 86%;
  animation-delay: -0.7s;
}

.axis-layer-art--roadmap b:nth-child(3) {
  min-height: 100%;
  animation-delay: -1.4s;
}

.axis-layer-art--roadmap small {
  color: var(--axis-muted);
  font-size: 0.56rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-layer-art--roadmap strong {
  color: var(--axis-patina);
  font-family: var(--axis-font-accent);
  font-size: 1.28rem;
}

.axis-layer-art--roadmap > em {
  position: absolute;
  right: 10%;
  bottom: 1.65rem;
  left: 10%;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #60a5fa);
}

.axis-layer-art__ai {
  position: absolute;
  top: 1.15rem;
  right: 1.15rem;
  z-index: 2;
  padding: 0.34rem 0.52rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.26);
  border-radius: 999px;
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-app-preview {
  position: relative;
  display: grid;
  min-height: 142px;
  height: auto;
  margin-top: 1.05rem;
  padding: 0.78rem;
  overflow: hidden;
  gap: 0.6rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.17);
  border-radius: 20px;
  background:
    radial-gradient(circle at 18% 12%, rgba(var(--axis-olive-rgb), 0.16), transparent 7rem),
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.08) 1px, transparent 1px) 0 0 / 26px 26px,
    rgba(255, 255, 255, 0.025);
}

.axis-app-preview::after {
  content: "";
  position: absolute;
  inset: auto 0.78rem 0.68rem;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), var(--axis-clay), #60a5fa);
  transform-origin: left;
  animation: axisHomeSignalLine 5s ease-in-out infinite;
}

.axis-app-preview small {
  position: absolute;
  top: 0.65rem;
  right: 0.72rem;
  z-index: 2;
  color: var(--axis-patina);
  font-size: 0.56rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-preview__header {
  display: flex;
  gap: 0.28rem;
}

.axis-app-preview__header b {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: var(--axis-patina);
}

.axis-app-preview__kanban {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.45rem;
  min-height: 92px;
}

.axis-app-preview__kanban b {
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 14px;
  background: rgba(8, 17, 32, 0.62);
}

.axis-app-preview__kanban em {
  position: absolute;
  width: 22%;
  height: 0.62rem;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.7));
  animation: axisHomeKanbanMove 5.2s ease-in-out infinite;
}

.axis-app-preview__kanban em:nth-child(4) {
  top: 3.25rem;
  left: 1.1rem;
}

.axis-app-preview__kanban em:nth-child(5) {
  top: 4.7rem;
  left: 37%;
  animation-delay: -0.9s;
}

.axis-app-preview__kanban em:nth-child(6) {
  top: 6.15rem;
  left: 64%;
  animation-delay: -1.8s;
}

.axis-app-preview__table {
  display: grid;
  gap: 0.38rem;
  margin-top: 1.25rem;
}

.axis-app-preview__table b {
  height: 1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

.axis-app-preview__table b::before {
  content: "";
  display: block;
  width: 68%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.75));
  animation: axisHomeSignalLine 4.6s ease-in-out infinite;
}

.axis-app-preview__table b:nth-child(2)::before {
  width: 46%;
  animation-delay: -0.7s;
}

.axis-app-preview__table b:nth-child(3)::before {
  width: 78%;
  animation-delay: -1.4s;
}

.axis-app-preview__inspector {
  position: absolute;
  right: 0.85rem;
  bottom: 1.15rem;
  display: grid;
  width: 34%;
  gap: 0.28rem;
  padding: 0.5rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.24);
  border-radius: 14px;
  background: rgba(8, 17, 32, 0.82);
}

.axis-app-preview__inspector strong,
.axis-app-preview__status strong,
.axis-app-preview__draft strong {
  color: var(--axis-patina);
  font-size: 0.58rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-app-preview__inspector em,
.axis-app-preview__draft em {
  height: 0.38rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.13);
}

.axis-app-preview__timeline {
  position: relative;
  display: grid;
  gap: 0.6rem;
  margin: 1.4rem 0 0 0.35rem;
}

.axis-app-preview__timeline b {
  position: relative;
  height: 0.72rem;
  margin-left: 1.1rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
}

.axis-app-preview__timeline b::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1.15rem;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 50%;
  background: var(--axis-patina);
  transform: translateY(-50%);
  animation: axisHomePulseNode 3.2s ease-out infinite;
}

.axis-app-preview__timeline em {
  position: absolute;
  top: 0.38rem;
  bottom: 0.38rem;
  left: 0.26rem;
  width: 2px;
  background: linear-gradient(180deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.35));
}

.axis-app-preview__status {
  position: absolute;
  right: 0.7rem;
  bottom: 1.1rem;
  display: flex;
  gap: 0.32rem;
}

.axis-app-preview__status strong {
  padding: 0.26rem 0.42rem;
  border-radius: 999px;
  background: rgba(var(--axis-olive-rgb), 0.1);
}

.axis-app-preview__tickets {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.58rem;
  margin-top: 1.25rem;
}

.axis-app-preview__tickets b {
  display: grid;
  min-height: 72px;
  place-items: center;
  border: 1px dashed rgba(var(--axis-olive-rgb), 0.34);
  border-radius: 18px;
  background: rgba(var(--axis-olive-rgb), 0.08);
  transform: rotate(-2deg);
  animation: axisHomePackFloat 5.4s ease-in-out infinite;
}

.axis-app-preview__tickets b:nth-child(2) {
  transform: rotate(3deg);
  animation-delay: -1s;
}

.axis-app-preview__tickets strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-accent);
  font-size: 1.05rem;
}

.axis-app-preview__dial {
  position: absolute;
  right: 0.85rem;
  bottom: 1rem;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 50%;
  background: conic-gradient(var(--axis-patina) 0 64%, rgba(255, 255, 255, 0.08) 64% 100%);
}

.axis-app-preview__dial em {
  position: absolute;
  inset: 0.55rem;
  border-radius: inherit;
  background: rgb(var(--axis-bg-rgb));
}

.axis-app-preview__calendar {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.42rem;
  margin-top: 1.15rem;
  width: 55%;
}

.axis-app-preview__calendar b {
  min-height: 1.55rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 10px;
  background: rgba(var(--axis-blue-rgb), 0.08);
  animation: axisHomeTileGlow 5.2s ease-in-out infinite;
}

.axis-app-preview__calendar b:nth-child(2),
.axis-app-preview__calendar b:nth-child(5) {
  background: rgba(var(--axis-olive-rgb), 0.12);
  animation-delay: -1s;
}

.axis-app-preview__draft {
  position: absolute;
  right: 0.85rem;
  bottom: 1.15rem;
  display: grid;
  width: 38%;
  gap: 0.32rem;
  padding: 0.58rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 14px;
  background: rgba(8, 17, 32, 0.78);
}

.axis-light .axis-stat-visual,
.axis-light .axis-workflow-mini,
.axis-light .axis-layer-art__request,
.axis-light .axis-layer-art__queue,
.axis-light .axis-app-preview,
.axis-light .editor-styles-wrapper .axis-stat-visual,
.axis-light .editor-styles-wrapper .axis-workflow-mini,
.axis-light .editor-styles-wrapper .axis-layer-art__request,
.axis-light .editor-styles-wrapper .axis-layer-art__queue,
.axis-light .editor-styles-wrapper .axis-app-preview {
  background-color: rgba(255, 255, 255, 0.72);
}

@keyframes axisHomeCardSweep {
  0%,
  42% {
    transform: translateX(-58%);
  }

  72%,
  100% {
    transform: translateX(58%);
  }
}

@keyframes axisHomeSignalLine {
  0%,
  100% {
    transform: scaleX(0.32);
    opacity: 0.58;
  }

  50% {
    transform: scaleX(1);
    opacity: 1;
  }
}

@keyframes axisHomeRise {
  0%,
  100% {
    transform: translateY(8px);
    opacity: 0.66;
  }

  50% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes axisHomePulseNode {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.38);
  }

  72%,
  100% {
    box-shadow: 0 0 0 18px rgba(var(--axis-olive-rgb), 0);
  }
}

@keyframes axisHomeTileGlow {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(0.94);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes axisHomeDomainScan {
  0%,
  100% {
    opacity: 0.2;
    transform: scale(0.72);
  }

  50% {
    opacity: 0.8;
    transform: scale(1);
  }
}

@keyframes axisHomePackFloat {
  0%,
  100% {
    transform: translateY(6px);
  }

  50% {
    transform: translateY(-4px);
  }
}

@keyframes axisHomeRoadDot {
  0% {
    left: 8%;
  }

  50% {
    left: calc(50% - 0.3rem);
  }

  100% {
    left: calc(92% - 0.6rem);
  }
}

@keyframes axisHomeMessagePop {
  0%,
  100% {
    opacity: 0.46;
    transform: translateY(8px) scale(0.95);
  }

  42%,
  74% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes axisHomeRouteGlow {
  0%,
  100% {
    opacity: 0.34;
  }

  50% {
    opacity: 1;
  }
}

@keyframes axisHomeStackSlide {
  0%,
  100% {
    transform: translateX(-10px);
    opacity: 0.58;
  }

  50% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes axisHomeApproveShield {
  0%,
  100% {
    filter: drop-shadow(0 0 0 rgba(var(--axis-olive-rgb), 0));
    transform: translateY(4px);
  }

  50% {
    filter: drop-shadow(0 0 18px rgba(var(--axis-olive-rgb), 0.34));
    transform: translateY(0);
  }
}

@keyframes axisHomeKanbanMove {
  0%,
  100% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(18px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .axis-stat-visual *,
  .axis-workflow-mini *,
  .axis-layer-art *,
  .axis-app-preview *,
  .axis-stat-visual::after,
  .axis-home .axis-signal-card::before,
  .editor-styles-wrapper .axis-signal-card::before {
    animation: none !important;
  }
}

.axis-pack-pricing {
  overflow: clip;
}

.axis-pack-showcase {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(1rem, 2vw, 1.35rem);
  margin-top: 2.1rem;
}

.axis-pack-card {
  position: relative;
  display: grid;
  min-height: 430px;
  align-content: start;
  gap: 0.88rem;
  overflow: hidden;
  padding: clamp(1.1rem, 2vw, 1.35rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 24px;
  color: inherit;
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-olive-rgb), 0.14), transparent 14rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    rgba(12, 22, 38, 0.9);
  text-decoration: none;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22);
}

.axis-pack-card::after {
  content: "";
  position: absolute;
  right: -18%;
  bottom: -18%;
  width: 56%;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.18);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.13), transparent 68%);
  animation: axisScenarioOrbit 16s linear infinite;
  pointer-events: none;
}

.axis-pack-card.is-featured {
  border-color: rgba(var(--axis-olive-rgb), 0.42);
  background:
    radial-gradient(circle at 78% 8%, rgba(var(--axis-olive-rgb), 0.2), transparent 15rem),
    linear-gradient(145deg, rgba(var(--axis-blue-rgb), 0.13), rgba(var(--axis-purple-rgb), 0.09)),
    rgba(12, 22, 38, 0.94);
}

.axis-pack-card__icon {
  display: inline-flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.25);
  border-radius: 16px;
  color: var(--axis-patina);
  background: rgba(var(--axis-blue-rgb), 0.1);
}

.axis-pack-card__icon svg {
  width: 1.25rem;
  height: 1.25rem;
}

.axis-pack-card__count {
  width: fit-content;
  padding: 0.32rem 0.58rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.25);
  border-radius: 999px;
  color: var(--axis-patina);
  background: rgba(var(--axis-olive-rgb), 0.08);
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.axis-pack-card > strong {
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.45rem, 2.4vw, 2.05rem);
  font-weight: 950;
  line-height: 0.98;
}

.axis-pack-card p {
  margin: 0;
  color: var(--axis-muted);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.5;
}

.axis-pack-card__price {
  display: grid;
  gap: 0.12rem;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(2.35rem, 4vw, 3.4rem);
  font-weight: 950;
  letter-spacing: -0.045em;
  line-height: 0.9;
}

.axis-pack-card__price em {
  color: var(--axis-patina);
  font-family: var(--axis-font-accent);
  font-size: 0.22em;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.axis-pack-card ul {
  display: grid;
  gap: 0.52rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-pack-card li {
  display: flex;
  align-items: center;
  gap: 0.48rem;
  color: var(--axis-muted);
  font-size: 0.84rem;
  font-weight: 750;
}

.axis-pack-card li svg {
  width: 0.92rem;
  height: 0.92rem;
  flex: 0 0 auto;
  color: var(--axis-patina);
}

.axis-pack-card__cta {
  position: relative;
  z-index: 1;
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 0.45rem;
  margin-top: auto;
  color: var(--axis-ink);
  font-size: 0.86rem;
  font-weight: 950;
}

.axis-pack-card__cta svg {
  width: 1rem;
  height: 1rem;
  transition: transform 0.2s ease;
}

.axis-pack-card:hover .axis-pack-card__cta svg,
.axis-pack-card:focus-visible .axis-pack-card__cta svg {
  transform: translateX(4px);
}

.axis-pack-map {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1fr) 42px minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  margin-top: 1.15rem;
  padding: 0.92rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-pack-map div {
  display: grid;
  gap: 0.18rem;
}

.axis-pack-map strong {
  color: var(--axis-ink);
  font-size: 0.88rem;
  font-weight: 950;
}

.axis-pack-map span {
  color: var(--axis-muted);
  font-size: 0.76rem;
  font-weight: 760;
}

.axis-pack-map i {
  display: block;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, var(--axis-patina), transparent);
}

@keyframes axisHomeBarLoad {
  0%,
  100% {
    transform: scaleX(0.74);
  }

  45%,
  70% {
    transform: scaleX(1);
  }
}

@keyframes axisHomeGraphDraw {
  0% {
    stroke-dashoffset: 720;
  }

  46%,
  100% {
    stroke-dashoffset: 0;
  }
}

@media (max-width: 860px) {
  .axis-home .axis-hero {
    min-height: 0;
    padding-bottom: 4.2rem;
    overflow: hidden;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__visual {
    display: none;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero__copy,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__copy,
  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead,
  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    max-width: min(100%, 430px);
  }

  .axis-home .axis-hero__lead,
  .editor-styles-wrapper .axis-hero__lead {
    min-height: 150px;
  }

  .axis-mobile-brain {
    position: relative;
    display: block;
    width: 100%;
    margin: 1.15rem auto 0;
    isolation: isolate;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero-title__ai,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero-title__ai {
    margin-left: 0 !important;
  }

  .axis-mobile-brain::before {
    content: "";
    position: absolute;
    inset: 7% -8% auto;
    z-index: -1;
    height: 48%;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.2), transparent 66%);
    filter: blur(20px);
  }

  .axis-mobile-brain__orb {
    position: absolute;
    top: -1.1rem;
    right: 1.2rem;
    z-index: 3;
    display: grid;
    width: 4.15rem;
    height: 4.15rem;
    place-items: center;
    border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
    border-radius: 999px;
    background: rgba(9, 18, 32, 0.9);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
    animation: axisOrbFloat 4.8s ease-in-out infinite;
  }

  .axis-mobile-brain__orb i {
    width: 82%;
    height: 82%;
    border-radius: inherit;
    background:
      url("../images/logo.png") 4% 50% / 410% auto no-repeat,
      #081120;
  }

  .axis-mobile-brain__phone {
    overflow: hidden;
    border: 1px solid rgba(var(--axis-blue-rgb), 0.24);
    border-radius: 28px;
    background:
      linear-gradient(180deg, rgba(18, 30, 50, 0.98), rgba(8, 17, 32, 0.96)),
      var(--axis-bg);
    box-shadow: 0 28px 82px rgba(0, 0, 0, 0.34);
  }

  .axis-mobile-brain__top,
  .axis-mobile-brain__composer {
    display: flex;
    min-height: 54px;
    align-items: center;
    gap: 0.55rem;
    padding: 0.78rem 0.9rem;
    background: rgba(255, 255, 255, 0.04);
  }

  .axis-mobile-brain__top span {
    width: 0.58rem;
    height: 0.58rem;
    border-radius: 999px;
    background: var(--axis-patina);
    box-shadow: 0 0 0 0 rgba(var(--axis-olive-rgb), 0.5);
    animation: axisPulse 1.8s ease-out infinite;
  }

  .axis-mobile-brain__top strong {
    color: var(--axis-ink);
    font-size: 0.86rem;
    font-weight: 950;
  }

  .axis-mobile-brain__top em {
    margin-left: auto;
    padding: 0.3rem 0.52rem;
    border-radius: 999px;
    color: var(--axis-patina);
    background: rgba(var(--axis-olive-rgb), 0.1);
    font-family: var(--axis-font-accent);
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 900;
  }

  .axis-mobile-brain__top em b {
    font: inherit;
  }

  .axis-mobile-brain__screen {
    display: grid;
    gap: 0.78rem;
    padding: 0.95rem;
  }

  .axis-mobile-brain__request,
  .axis-mobile-brain__answer {
    display: grid;
    gap: 0.4rem;
    padding: 0.82rem;
    border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.045);
  }

  .axis-mobile-brain__request {
    width: 86%;
    justify-self: end;
    border-color: rgba(var(--axis-purple-rgb), 0.32);
    background: linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.38), rgba(var(--axis-blue-rgb), 0.12));
  }

  .axis-mobile-brain__answer {
    width: 92%;
  }

  .axis-mobile-brain small {
    color: var(--axis-patina);
    font-family: var(--axis-font-accent);
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
  }

  .axis-mobile-brain p {
    margin: 0;
    color: var(--axis-ink);
    font-size: 0.84rem;
    font-weight: 760;
    line-height: 1.45;
  }

  .axis-mobile-brain__route {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.38rem;
  }

  .axis-mobile-brain__route-item {
    display: grid;
    min-height: 52px;
    place-items: center;
    gap: 0.18rem;
    border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
    border-radius: 14px;
    background: rgba(var(--axis-blue-rgb), 0.08);
    color: inherit;
    font: inherit;
    animation: axisAgentGlow 7s ease-in-out infinite;
  }

  .axis-mobile-brain__route-item.is-active {
    border-color: rgba(var(--axis-olive-rgb), 0.46);
    background:
      linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.16), rgba(var(--axis-blue-rgb), 0.1)),
      rgba(255, 255, 255, 0.04);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  }

  .axis-mobile-brain__route svg {
    width: 1rem;
    height: 1rem;
    color: var(--axis-clay);
  }

  .axis-mobile-brain__route strong {
    overflow: hidden;
    max-width: 100%;
    color: var(--axis-muted);
    font-size: 0.5rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .axis-mobile-brain__answer div {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
  }

  .axis-mobile-brain__answer div span {
    padding: 0.28rem 0.48rem;
    border-radius: 999px;
    color: var(--axis-patina);
    background: rgba(var(--axis-olive-rgb), 0.1);
    font-size: 0.64rem;
    font-weight: 850;
  }

  .axis-mobile-brain__composer {
    border-top: 1px solid rgba(148, 163, 184, 0.12);
  }

  .axis-mobile-brain__composer span {
    min-width: 0;
    flex: 1;
    overflow: hidden;
    color: var(--axis-muted);
    font-size: 0.78rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .axis-mobile-brain__phone.is-composing .axis-mobile-brain__input::after {
    content: "_";
    margin-left: 0.12rem;
    color: var(--axis-patina);
    animation: axisTerminalBlink 0.92s steps(2, start) infinite;
  }

  .axis-mobile-brain__composer button {
    display: inline-flex;
    width: 2.3rem;
    height: 2.3rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    color: #061512;
    background: linear-gradient(135deg, var(--axis-patina), var(--axis-brass));
  }

  .axis-mobile-brain__composer button.is-sending {
    animation: axisSendPulse 0.52s ease;
  }

  .axis-mobile-brain__composer svg {
    width: 1rem;
    height: 1rem;
  }

  .axis-motion-ready .axis-home .axis-section__header.axis-reveal,
  .axis-motion-ready .axis-home .axis-home-showcase.axis-reveal,
  .axis-motion-ready .axis-home .axis-suite-board.axis-reveal {
    opacity: 1;
    transform: none;
  }

  .axis-home-showcase {
    margin-top: 0;
  }

  .axis-home-showcase__caption,
  .axis-suite-visual__tag {
    position: static;
    max-width: none;
    margin-top: 0.75rem;
  }

  .axis-home-showcase__caption {
    gap: 0.45rem;
  }

  .axis-home-image {
    border-radius: 24px;
  }

  .axis-home-image--workflow,
  .axis-home-image--command {
    --axis-home-image-ratio: 1.28 / 1;
  }

  .axis-home-image--starter {
    --axis-home-image-ratio: 1.18 / 1;
  }

  .axis-home-analytics__visual .axis-home-analytics__panel {
    width: 100%;
    margin: 0;
  }

  .axis-stat-visual {
    min-height: 100px;
  }

  .axis-workflow-mini {
    min-height: 78px;
  }

  .axis-layer-art {
    min-height: 150px;
  }

  .axis-layer-art--starter,
  .axis-layer-art--roadmap {
    min-height: 150px;
    padding-inline: 0.58rem;
  }

  .axis-layer-art__request,
  .axis-layer-art__queue {
    padding: 0.55rem;
  }

  .axis-app-preview {
    min-height: 128px;
    border-radius: 18px;
  }

  .axis-home-analytics__grid,
  .axis-pack-showcase {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-analytics__panel {
    border-radius: 22px;
  }

  .axis-home-analytics__bar {
    grid-template-columns: minmax(92px, 0.52fr) minmax(0, 1fr) 38px;
    gap: 0.48rem;
  }

  .axis-home-analytics__bar em {
    display: none;
  }

  .axis-pack-card {
    min-height: 0;
  }

  .axis-pack-map {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pack-map i {
    width: 2px;
    height: 24px;
    justify-self: start;
    margin-left: 0.5rem;
    background: linear-gradient(180deg, transparent, var(--axis-patina), transparent);
  }
}

@media (max-width: 420px) {
  .axis-mobile-brain {
    width: min(100% - 0.5rem, 390px);
  }

  .axis-mobile-brain__route {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .axis-mobile-brain__request,
  .axis-mobile-brain__answer {
    width: 100%;
  }

  .axis-home-showcase__caption span {
    min-height: 30px;
    padding: 0.32rem 0.55rem;
    font-size: 0.62rem;
  }

  .axis-home .axis-hero__layout--text-right .axis-hero-title__ai,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero-title__ai {
    margin-left: 0 !important;
  }
}

/* Production light-mode polish: homepage and shared page surfaces. */
html.axis-light {
  --axis-bg: #f5f7fa;
  --axis-bg-soft: #edf1f6;
  --axis-panel: #ffffff;
  --axis-panel-2: #f8fafc;
  --axis-header: rgba(255, 255, 255, 0.9);
  --axis-header-contrast: rgba(15, 23, 42, 0.045);
  --axis-header-nav: rgba(15, 23, 42, 0.03);
  --axis-ink: #101828;
  --axis-muted: #4b5b70;
  --axis-dim: #7c8797;
  --axis-line: rgba(15, 23, 42, 0.095);
  --axis-line-strong: rgba(15, 23, 42, 0.14);
  --axis-patina: #667414;
  --axis-brass: #6f559b;
  --axis-clay: #2563eb;
  --axis-blue-rgb: 37, 99, 235;
  --axis-olive-rgb: 102, 116, 20;
  --axis-purple-rgb: 111, 85, 155;
  --axis-bg-rgb: 245, 247, 250;
  --axis-card-rgb: 255, 255, 255;
  --axis-surface-rgb: 248, 250, 252;
  --axis-shadow: 0 24px 56px rgba(15, 23, 42, 0.11);
  --axis-soft-shadow: 0 16px 34px rgba(15, 23, 42, 0.075);
}

.axis-light body,
.axis-light .axis-site {
  background:
    radial-gradient(circle at 18% -10%, rgba(var(--axis-blue-rgb), 0.045), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(var(--axis-olive-rgb), 0.035), transparent 26rem),
    #f5f7fa;
}

.axis-light .axis-grid-bg {
  opacity: 0.55;
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.032) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(15, 23, 42, 0.028) 1px, transparent 1px) 0 0 / 64px 64px;
}

.axis-light .axis-kicker {
  border-color: rgba(var(--axis-olive-rgb), 0.2);
  color: #5f6819;
  background: rgba(var(--axis-olive-rgb), 0.06);
  box-shadow: none;
}

.axis-light .axis-header__frame {
  overflow: visible;
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.88)),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-header__inner {
  border-color: transparent;
  background: transparent;
}

.axis-light .axis-header__inner::before {
  opacity: 0.32;
}

.axis-light .axis-nav__list a,
.axis-light .axis-icon-button,
.axis-light .axis-account-link,
.axis-light .axis-header-cart__button {
  color: #344256;
}

.axis-light .axis-nav__list a:hover,
.axis-light .axis-nav__list a:focus-visible,
.axis-light .axis-nav__list .current-menu-item > a,
.axis-light .axis-nav__list .current-menu-ancestor > a {
  color: #101828;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 -2px 0 rgba(var(--axis-olive-rgb), 0.7);
}

.axis-light .axis-icon-button,
.axis-light .axis-account-link,
.axis-light .axis-header-cart__button {
  border-color: rgba(15, 23, 42, 0.11);
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.axis-light .axis-home .axis-hero,
.axis-light .editor-styles-wrapper .axis-hero {
  --axis-home-ink-soft: rgba(16, 24, 40, 0.7);
  --axis-home-stroke: rgba(16, 24, 40, 0.5);
  background:
    radial-gradient(circle at 22% 4%, rgba(var(--axis-blue-rgb), 0.055), transparent 25rem),
    radial-gradient(circle at 84% 68%, rgba(var(--axis-olive-rgb), 0.05), transparent 28rem),
    #f5f7fa;
}

.axis-light .axis-home .axis-hero__layout,
.axis-light .editor-styles-wrapper .axis-hero__layout {
  isolation: isolate;
}

.axis-light .axis-home .axis-hero h1,
.axis-light .editor-styles-wrapper .axis-hero h1 {
  color: #101828;
}

.axis-light .axis-home .axis-hero h1 span:nth-child(2),
.axis-light .editor-styles-wrapper .axis-hero h1 span:nth-child(2) {
  -webkit-text-stroke-color: rgba(16, 24, 40, 0.44);
  text-shadow: none;
}

.axis-light .axis-home .axis-hero h1 .axis-hero-title__ai span,
.axis-light .editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai span {
  -webkit-text-stroke-color: rgba(16, 24, 40, 0.4);
  text-shadow: none;
}

.axis-light .axis-home .axis-hero h1 .axis-hero-title__ai strong,
.axis-light .editor-styles-wrapper .axis-hero h1 .axis-hero-title__ai strong {
  color: #101828;
  text-shadow: 0 14px 32px rgba(var(--axis-olive-rgb), 0.13);
}

.axis-light .axis-home .axis-hero__lead,
.axis-light .editor-styles-wrapper .axis-hero__lead {
  color: #26354a;
}

.axis-light .axis-home .axis-hero__lead::before,
.axis-light .editor-styles-wrapper .axis-hero__lead::before {
  box-shadow: 0 0 0 5px rgba(var(--axis-olive-rgb), 0.08);
}

.axis-light .axis-home .axis-hero__ledger,
.axis-light .editor-styles-wrapper .axis-hero__ledger {
  border-color: rgba(15, 23, 42, 0.11);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(244, 247, 251, 0.88)),
    #fff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-home .axis-hero__ledger div,
.axis-light .editor-styles-wrapper .axis-hero__ledger div {
  border-color: rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(circle at 82% 10%, rgba(var(--axis-blue-rgb), 0.08), transparent 9rem),
    rgba(255, 255, 255, 0.84);
  box-shadow: none;
}

.axis-light .axis-home .axis-hero__ledger div::before,
.axis-light .axis-home .axis-hero__ledger div::after,
.axis-light .editor-styles-wrapper .axis-hero__ledger div::before,
.axis-light .editor-styles-wrapper .axis-hero__ledger div::after {
  opacity: 0.28;
}

.axis-light .axis-home .axis-hero__ledger strong,
.axis-light .editor-styles-wrapper .axis-hero__ledger strong {
  color: #111827;
}

.axis-light .axis-home .axis-hero__ledger span,
.axis-light .editor-styles-wrapper .axis-hero__ledger span {
  color: #667085;
}

.axis-light .axis-home .axis-operating-demo,
.axis-light .editor-styles-wrapper .axis-operating-demo {
  border-color: rgba(15, 23, 42, 0.12);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(236, 241, 248, 0.86)),
    #fff;
  box-shadow: 0 28px 70px rgba(15, 23, 42, 0.13);
}

.axis-light .axis-home .axis-operating-demo::before,
.axis-light .axis-home .axis-operating-demo::after,
.axis-light .editor-styles-wrapper .axis-operating-demo::before,
.axis-light .editor-styles-wrapper .axis-operating-demo::after {
  opacity: 0.18;
}

.axis-light .axis-home .axis-operating-demo__top,
.axis-light .editor-styles-wrapper .axis-operating-demo__top,
.axis-light .axis-chat-window__bar,
.axis-light .axis-chat-window__composer {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(248, 250, 252, 0.86);
}

.axis-light .axis-command-panel--chat {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 86% 12%, rgba(var(--axis-blue-rgb), 0.075), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 251, 0.94)),
    #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.axis-light .axis-chat-window__modes span,
.axis-light .axis-chat-window__menu,
.axis-light .axis-chat-window__tools span,
.axis-light .axis-chat-send,
.axis-light .axis-chat-mode,
.axis-light .axis-chat-input {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.78);
  color: #344256;
}

.axis-light .axis-chat-window__modes span.is-active,
.axis-light .axis-chat-mode {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.3);
  background: rgba(var(--axis-chat-mode-rgb), 0.1);
  color: #111827;
}

.axis-light .axis-chat-bubble--user {
  border-color: rgba(var(--axis-purple-rgb), 0.22);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.2), rgba(var(--axis-blue-rgb), 0.12)),
    #f7f8ff;
  color: #172033;
}

.axis-light .axis-chat-bubble time {
  color: #667085;
}

.axis-light .axis-chat-bubble--ai > div {
  border-color: rgba(var(--axis-blue-rgb), 0.16);
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.075), rgba(255, 255, 255, 0.92)),
    #fff;
}

.axis-light .axis-chat-bubble--ai strong {
  color: #101828;
}

.axis-light .axis-chat-bubble--ai p,
.axis-light .axis-chat-input {
  color: #344256;
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.86)),
    #fff;
}

.axis-light .axis-home .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em,
.axis-light .editor-styles-wrapper .axis-command-panel--chat + .axis-agent-rail .axis-agent-pill em {
  color: #5f6819;
  background: rgba(var(--axis-olive-rgb), 0.075);
}

.axis-light .axis-mobile-brain__orb,
.axis-light .axis-chat-orb {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
}

.axis-light .axis-mobile-brain__orb i,
.axis-light .axis-chat-orb i {
  background:
    url("../images/logo.png") 4% 50% / 410% auto no-repeat,
    #fff;
}

.axis-light .axis-section--signal,
.axis-light .axis-home-analytics,
.axis-light .axis-brain,
.axis-light .axis-apps,
.axis-light .axis-layers,
.axis-light .axis-process,
.axis-light .axis-pack-pricing,
.axis-light .axis-faq,
.axis-light .axis-final,
.axis-light .axis-app-section,
.axis-light .axis-pricing-page,
.axis-light .axis-contact-hero,
.axis-light .axis-store-page,
.axis-light .axis-account-wrap,
.axis-light .axis-blog-index,
.axis-light .axis-blog-archive,
.axis-light .axis-blog-single {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.22), transparent 18rem),
    transparent;
}

.axis-light .axis-section--signal,
.axis-light .axis-brain,
.axis-light .axis-layers,
.axis-light .axis-process,
.axis-light .axis-app-section--features,
.axis-light .axis-app-section--problem,
.axis-light .axis-app-section--showcase,
.axis-light .axis-app-section--capabilities,
.axis-light .axis-app-section--pricing,
.axis-light .axis-task-screenshots,
.axis-light .axis-app-tour,
.axis-light .axis-app-conversion {
  border-color: rgba(15, 23, 42, 0.08);
}

.axis-light .axis-signal-card,
.axis-light .axis-home-analytics__panel,
.axis-light .axis-home-image,
.axis-light .axis-suite-board,
.axis-light .axis-suite-core,
.axis-light .axis-workflow-band,
.axis-light .axis-workflow-step,
.axis-light .axis-layer,
.axis-light .axis-process-step,
.axis-light .axis-value-strip div,
.axis-light .axis-faq-item,
.axis-light .axis-final__card,
.axis-light .axis-entry,
.axis-light .axis-post-card,
.axis-light .axis-app-card,
.axis-light .axis-app-feature-card,
.axis-light .axis-app-workflow__intro,
.axis-light .axis-app-workflow__step,
.axis-light .axis-app-problem__copy,
.axis-light .axis-app-problem-card,
.axis-light .axis-app-offer,
.axis-light .axis-app-offer__copy,
.axis-light .axis-app-offer__card,
.axis-light .axis-app-conversion__copy,
.axis-light .axis-app-conversion__panel,
.axis-light .axis-app-proof__grid,
.axis-light .axis-app-tour__stage,
.axis-light .axis-app-tour__card,
.axis-light .axis-feature-demo-card,
.axis-light .axis-task-story__panel,
.axis-light .axis-task-screenshot-card,
.axis-light .axis-price-card,
.axis-light .axis-pricing-hero__panel,
.axis-light .axis-pricing-category,
.axis-light .axis-pricing-app-card,
.axis-light .axis-pricing-ai__cards > .wp-block-group,
.axis-light .axis-pricing-custom-banner,
.axis-light .axis-blog-card,
.axis-light .axis-blog-widget,
.axis-light .axis-article-card,
.axis-light .axis-comments,
.axis-light .axis-account-hero,
.axis-light .axis-account-tabs,
.axis-light .axis-account-content-card,
.axis-light .axis-account-auth__panel,
.axis-light .axis-account-auth-card,
.axis-light .axis-store-pack-card,
.axis-light .axis-product-card,
.axis-light .axis-single-product__summary,
.axis-light .axis-single-product__purchase,
.axis-light .axis-commerce-page table.shop_table,
.axis-light .axis-commerce-page .cart_totals,
.axis-light .axis-commerce-page .woocommerce-checkout-review-order,
.axis-light .axis-commerce-page .woocommerce-billing-fields,
.axis-light .axis-commerce-page .woocommerce-shipping-fields,
.axis-light .axis-commerce-page .woocommerce-additional-fields,
.axis-light .axis-commerce-page .woocommerce-form-coupon,
.axis-light .axis-commerce-page .woocommerce-form-login,
.axis-light .axis-commerce-page .woocommerce-order {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.88)),
    #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-single-product__purchase,
.axis-light .axis-single-product--pack .axis-single-product__purchase {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.055);
}

.axis-light .axis-single-product__summary {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-signal-card::before,
.axis-light .axis-pack-card::after,
.axis-light .axis-app-offer::before,
.axis-light .axis-app-conversion__copy::after,
.axis-light .axis-feature-demo-card__media::after {
  opacity: 0.26;
}

.axis-light .axis-home-analytics__panel::before,
.axis-light .axis-app-demo::before {
  opacity: 0.46;
}

.axis-light .axis-home-analytics__panel,
.axis-light .axis-app-demo,
.axis-light .axis-app-mockup,
.axis-light .axis-task-device {
  color: #101828;
  background:
    radial-gradient(circle at 88% 12%, rgba(var(--axis-blue-rgb), 0.075), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(238, 243, 249, 0.9)),
    #fff;
}

.axis-light .axis-home-analytics__panel-top strong,
.axis-light .axis-home-analytics__bar strong,
.axis-light .axis-home-analytics__bar b,
.axis-light .axis-app-demo h3,
.axis-light .axis-task-mini-stat strong,
.axis-light .axis-task-mini-column > .wp-block-group__inner-container > p,
.axis-light .axis-task-mini-sprint strong,
.axis-light .axis-task-mini-api strong,
.axis-light .axis-task-mini-role strong {
  color: #101828;
}

.axis-light .axis-home-analytics__bar em,
.axis-light .axis-app-demo__agent p:last-child,
.axis-light .axis-task-device__chrome p,
.axis-light .axis-task-mini-stat span,
.axis-light .axis-task-mini-stat em,
.axis-light .axis-task-mini-card p,
.axis-light .axis-task-mini-sprint span,
.axis-light .axis-task-mini-role span,
.axis-light .axis-task-mini-api span {
  color: #5f6d80;
}

.axis-light .axis-task-device__chrome,
.axis-light .axis-app-mockup__chrome {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(248, 250, 252, 0.82);
}

.axis-light .axis-task-device__chrome strong {
  color: #101828;
}

.axis-light .axis-task-mini-stat,
.axis-light .axis-task-mini-chart,
.axis-light .axis-task-mini-card,
.axis-light .axis-task-mini-sprint,
.axis-light .axis-task-mini-api,
.axis-light .axis-task-mini-role,
.axis-light .axis-task-mini-column,
.axis-light .axis-task-mini-gantt,
.axis-light .axis-app-mockup__main,
.axis-light .axis-app-mockup__side,
.axis-light .axis-app-preview,
.axis-light .axis-layer-art__request,
.axis-light .axis-layer-art__queue,
.axis-light .axis-workflow-mini,
.axis-light .axis-stat-visual {
  border-color: rgba(15, 23, 42, 0.09);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.78)),
    #fff;
}

.axis-light .axis-layer-art__request,
.axis-light .axis-layer-art__queue {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.axis-light .axis-app-preview__inspector,
.axis-light .axis-app-preview__draft {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.86);
}

.axis-light .axis-app-preview__inspector em,
.axis-light .axis-app-preview__draft em,
.axis-light .axis-app-preview__timeline b,
.axis-light .axis-workflow-mini__chat em,
.axis-light .axis-workflow-mini__stack b {
  background: rgba(15, 23, 42, 0.09);
}

.axis-light .axis-pack-card {
  border-color: rgba(15, 23, 42, 0.11);
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-olive-rgb), 0.08), transparent 13rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 252, 0.9)),
    #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-pack-card.is-featured {
  border-color: rgba(var(--axis-olive-rgb), 0.28);
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-olive-rgb), 0.11), transparent 14rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(244, 248, 252, 0.94)),
    #fff;
}

.axis-light .axis-pack-card p,
.axis-light .axis-pack-card li,
.axis-light .axis-price-card p,
.axis-light .axis-app-offer__card p,
.axis-light .axis-app-offer__card li,
.axis-light .axis-app-conversion__list li {
  color: #4b5b70;
}

.axis-light .axis-pack-card > strong,
.axis-light .axis-pack-card__price,
.axis-light .axis-price-card__amount,
.axis-light .axis-app-offer__price,
.axis-light .axis-app-conversion__prices strong {
  color: #101828;
}

.axis-light .axis-pricing-tab {
  border-color: rgba(15, 23, 42, 0.11);
  color: #344256;
  background: rgba(255, 255, 255, 0.7);
}

.axis-light .axis-pricing-tab:hover,
.axis-light .axis-pricing-tab:focus-visible,
.axis-light .axis-pricing-tab.is-active {
  border-color: rgba(var(--axis-olive-rgb), 0.28);
  color: #101828;
  background: rgba(255, 255, 255, 0.95);
}

.axis-light .axis-contact-form input,
.axis-light .axis-contact-form select,
.axis-light .axis-contact-form textarea,
.axis-light .axis-footer__newsletter input,
.axis-light .axis-account-content-card input[type="text"],
.axis-light .axis-account-content-card input[type="email"],
.axis-light .axis-account-content-card input[type="tel"],
.axis-light .axis-account-content-card input[type="password"],
.axis-light .axis-account-content-card select,
.axis-light .axis-account-content-card textarea,
.axis-light .axis-account-auth-card input[type="text"],
.axis-light .axis-account-auth-card input[type="email"],
.axis-light .axis-account-auth-card input[type="password"],
.axis-light .axis-commerce-page .coupon input.input-text,
.axis-light .axis-commerce-page form .form-row input.input-text,
.axis-light .axis-commerce-page form .form-row textarea,
.axis-light .axis-commerce-page form .form-row select {
  border-color: rgba(15, 23, 42, 0.12);
  background: rgba(255, 255, 255, 0.92);
  color: #101828;
  box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.02);
}

.axis-light .axis-contact-form input::placeholder,
.axis-light .axis-contact-form textarea::placeholder,
.axis-light .axis-footer__newsletter input::placeholder {
  color: #8a96a8;
}

.axis-light .axis-button--quiet,
.axis-light .axis-product-card__actions .button,
.axis-light .axis-store-pack-card__actions .button {
  border-color: rgba(15, 23, 42, 0.12);
  color: #344256;
  background: rgba(255, 255, 255, 0.82);
}

.axis-light .axis-button--quiet:hover,
.axis-light .axis-button--quiet:focus-visible {
  color: #101828;
  background: #fff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-blog-hero,
.axis-light .axis-blog-article-hero,
.axis-light .axis-account-hero,
.axis-light .axis-pricing-hero,
.axis-light .axis-contact-hero,
.axis-light .axis-app-landing {
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--axis-blue-rgb), 0.055), transparent 28rem),
    radial-gradient(circle at 86% 4%, rgba(var(--axis-olive-rgb), 0.04), transparent 26rem),
    #f5f7fa;
}

.axis-light .axis-blog-hero > .axis-grid-bg,
.axis-light .axis-blog-article-hero > .axis-grid-bg,
.axis-light .axis-account-hero > .axis-grid-bg {
  opacity: 0.5;
}

.axis-light .axis-blog-card img,
.axis-light .axis-article-card img,
.axis-light .axis-product-card img,
.axis-light .axis-task-screenshot-card__image img {
  filter: none;
}

.axis-light .axis-account-section-head,
.axis-light .axis-account-content-card table,
.axis-light .axis-account-content-card .woocommerce-info,
.axis-light .axis-account-content-card .woocommerce-message,
.axis-light .axis-account-content-card .woocommerce-error,
.axis-light .axis-account-content-card .woocommerce-Address,
.axis-light .axis-account-content-card .woocommerce-Address address,
.axis-light .axis-account-content-card .brodev-account-widget,
.axis-light .axis-account-content-card .brodev-account-licenses > article,
.axis-light .axis-account-content-card .brodev-account-licenses > section,
.axis-light .axis-account-content-card .brodev-account-licenses > div[style],
.axis-light .axis-account-content-card .brodev-license-actions {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.84);
}

.axis-light .axis-footer {
  border-top-color: rgba(15, 23, 42, 0.08);
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--axis-blue-rgb), 0.045), transparent 25rem),
    #eef2f6;
}

.axis-light .axis-footer__column,
.axis-light .axis-footer__newsletter,
.axis-light .axis-footer__payment-icon {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.58);
}

.axis-light .axis-footer__links a,
.axis-light .axis-footer__brand p,
.axis-light .axis-footer__meta p {
  color: #526173;
}

@media (max-width: 860px) {
  .axis-light .axis-home .axis-hero,
  .axis-light .editor-styles-wrapper .axis-hero {
    padding-bottom: 3.25rem;
  }

  .axis-light .axis-mobile-brain::before {
    opacity: 0.42;
    background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.12), transparent 66%);
  }

  .axis-light .axis-mobile-brain__phone {
    border-color: rgba(15, 23, 42, 0.12);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94)),
      #fff;
    box-shadow: 0 22px 54px rgba(15, 23, 42, 0.12);
  }

  .axis-light .axis-mobile-brain__top,
  .axis-light .axis-mobile-brain__composer {
    border-color: rgba(15, 23, 42, 0.09);
    background: rgba(248, 250, 252, 0.9);
  }

  .axis-light .axis-mobile-brain__top strong,
  .axis-light .axis-mobile-brain p {
    color: #172033;
  }

  .axis-light .axis-mobile-brain__request {
    border-color: rgba(var(--axis-purple-rgb), 0.22);
    background:
      linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.14), rgba(var(--axis-blue-rgb), 0.08)),
      #fff;
  }

  .axis-light .axis-mobile-brain__answer,
  .axis-light .axis-mobile-brain__route-item {
    border-color: rgba(15, 23, 42, 0.1);
    background: rgba(255, 255, 255, 0.84);
  }

  .axis-light .axis-mobile-brain__route-item strong,
  .axis-light .axis-mobile-brain__composer span {
    color: #526173;
  }

  .axis-light .axis-home .axis-hero__ledger,
  .axis-light .editor-styles-wrapper .axis-hero__ledger {
    gap: 0.65rem;
  }

  .axis-light .axis-home .axis-hero__ledger div,
  .axis-light .editor-styles-wrapper .axis-hero__ledger div {
    min-height: 96px;
    border-radius: 18px;
  }

  .axis-light .axis-home .axis-hero__ledger strong,
  .axis-light .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: 1.45rem;
  }

  .axis-light .axis-home .axis-signal-card,
  .axis-light .axis-home .axis-app-card,
  .axis-light .axis-pack-card,
  .axis-light .axis-app-feature-card,
  .axis-light .axis-app-offer__card,
  .axis-light .axis-app-conversion__copy,
  .axis-light .axis-app-conversion__panel,
  .axis-light .axis-price-card,
  .axis-light .axis-account-content-card,
  .axis-light .axis-blog-card {
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
  }

  .axis-light .axis-feature-demo-card:nth-child(4n + 2),
  .axis-light .axis-feature-demo-card:nth-child(4n + 3) {
    transform: none;
  }
}

@media (max-width: 520px) {
  .axis-light .axis-grid-bg {
    opacity: 0.42;
    background-size: 52px 52px;
  }

  .axis-light .axis-header__inner {
    box-shadow: none;
  }

  .axis-light .axis-home .axis-hero__lead,
  .axis-light .editor-styles-wrapper .axis-hero__lead {
    color: #334155;
  }

  .axis-light .axis-home .axis-hero h1,
  .axis-light .editor-styles-wrapper .axis-hero h1,
  .axis-light .axis-section__header h2,
  .axis-light .editor-styles-wrapper .axis-section__header h2 {
    text-shadow: none;
  }

  .axis-light .axis-app-landing__title,
  .axis-light .axis-pricing-page-title,
  .axis-light .axis-blog-hero h1,
  .axis-light .axis-account-hero h1 {
    text-shadow: none;
  }
}

/* Production light-mode refinement: store/pricing archive mobile and footer clarity. */
.axis-light .axis-footer__column {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-footer__column h2,
.axis-light .axis-footer__column h3 {
  color: #101828;
}

.axis-light .axis-footer__links a:hover,
.axis-light .axis-footer__links a:focus-visible {
  color: #101828;
}

.axis-store-page .axis-store-pack-card__image img {
  transform: none;
}

/* Follow-up polish: keep the hero chat straight at rest while preserving hover tilt. */
.axis-home .axis-operating-demo,
.editor-styles-wrapper .axis-operating-demo {
  --axis-demo-rest-x: 0deg;
  --axis-demo-rest-y: 0deg;
  transform:
    perspective(1300px)
    rotateX(calc(var(--axis-demo-rest-x) + (var(--axis-parallax-y, 0) * -0.72deg)))
    rotateY(calc(var(--axis-demo-rest-y) + (var(--axis-parallax-x, 0) * 0.72deg)))
    translateZ(0);
  transform-style: preserve-3d;
}

.axis-light .axis-footer__newsletter {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-footer__newsletter input {
  border-color: rgba(15, 23, 42, 0.14);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 26px rgba(15, 23, 42, 0.06);
}

.axis-light .axis-footer__newsletter input:focus {
  border-color: rgba(var(--axis-blue-rgb), 0.5);
  box-shadow:
    0 0 0 4px rgba(var(--axis-blue-rgb), 0.11),
    0 12px 28px rgba(15, 23, 42, 0.08);
}

/* Header follow-up: keep dropdowns visible and make cart controls monochrome. */
.axis-header__frame,
.axis-header__inner,
.axis-nav {
  overflow: visible;
}

.axis-header-cart__button,
.axis-header-cart--button-solid .axis-header-cart__button,
.axis-header-cart--button-outline .axis-header-cart__button,
.axis-header-cart--button-compact .axis-header-cart__button,
.axis-header-cart--button-premium .axis-header-cart__button {
  border-color: rgba(226, 232, 240, 0.16);
  color: #f8fafc;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.045)),
    rgba(12, 20, 34, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 34px rgba(0, 0, 0, 0.22);
}

.axis-header-cart__button:hover,
.axis-header-cart__button:focus-visible,
.axis-header-cart.is-open .axis-header-cart__button,
.axis-header-cart--button-solid .axis-header-cart__button:hover,
.axis-header-cart--button-solid .axis-header-cart__button:focus-visible,
.axis-header-cart--button-solid.is-open .axis-header-cart__button,
.axis-header-cart--button-outline .axis-header-cart__button:hover,
.axis-header-cart--button-outline .axis-header-cart__button:focus-visible,
.axis-header-cart--button-outline.is-open .axis-header-cart__button,
.axis-header-cart--button-compact .axis-header-cart__button:hover,
.axis-header-cart--button-compact .axis-header-cart__button:focus-visible,
.axis-header-cart--button-compact.is-open .axis-header-cart__button,
.axis-header-cart--button-premium .axis-header-cart__button:hover,
.axis-header-cart--button-premium .axis-header-cart__button:focus-visible,
.axis-header-cart--button-premium.is-open .axis-header-cart__button {
  border-color: rgba(226, 232, 240, 0.28);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06)),
    rgba(15, 23, 42, 0.96);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 42px rgba(0, 0, 0, 0.28);
}

.axis-header-cart__button::before,
.axis-header-cart--button-premium .axis-header-cart__button::before {
  background: #cbd5e1;
  box-shadow: 0 0 14px rgba(203, 213, 225, 0.32);
}

.axis-header-cart__icon,
.axis-header-cart--button-outline .axis-header-cart__icon,
.axis-header-cart--button-solid .axis-header-cart__icon {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(226, 232, 240, 0.12);
}

.axis-header-cart__icon svg,
.axis-header-cart--button-solid .axis-header-cart__icon svg,
.axis-header-cart--button-premium .axis-header-cart__icon svg {
  color: #e2e8f0;
}

.axis-header-cart__badge,
.axis-header-cart--button-solid .axis-header-cart__badge,
.axis-header-cart--button-outline .axis-header-cart__badge,
.axis-header-cart--button-premium .axis-header-cart__badge {
  border-color: rgba(226, 232, 240, 0.18);
  color: #0f172a;
  background: #e2e8f0;
  box-shadow: none;
}

.axis-light .axis-header-cart__button,
.axis-light .axis-header-cart--button-solid .axis-header-cart__button,
.axis-light .axis-header-cart--button-outline .axis-header-cart__button,
.axis-light .axis-header-cart--button-compact .axis-header-cart__button,
.axis-light .axis-header-cart--button-premium .axis-header-cart__button {
  border-color: rgba(15, 23, 42, 0.12);
  color: #111827;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.92)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 28px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-header-cart__button:hover,
.axis-light .axis-header-cart__button:focus-visible,
.axis-light .axis-header-cart.is-open .axis-header-cart__button,
.axis-light .axis-header-cart--button-solid .axis-header-cart__button:hover,
.axis-light .axis-header-cart--button-solid .axis-header-cart__button:focus-visible,
.axis-light .axis-header-cart--button-solid.is-open .axis-header-cart__button,
.axis-light .axis-header-cart--button-outline .axis-header-cart__button:hover,
.axis-light .axis-header-cart--button-outline .axis-header-cart__button:focus-visible,
.axis-light .axis-header-cart--button-outline.is-open .axis-header-cart__button,
.axis-light .axis-header-cart--button-compact .axis-header-cart__button:hover,
.axis-light .axis-header-cart--button-compact .axis-header-cart__button:focus-visible,
.axis-light .axis-header-cart--button-compact.is-open .axis-header-cart__button,
.axis-light .axis-header-cart--button-premium .axis-header-cart__button:hover,
.axis-light .axis-header-cart--button-premium .axis-header-cart__button:focus-visible,
.axis-light .axis-header-cart--button-premium.is-open .axis-header-cart__button {
  border-color: rgba(15, 23, 42, 0.18);
  background:
    linear-gradient(180deg, #ffffff, rgba(248, 250, 252, 0.96)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 16px 34px rgba(15, 23, 42, 0.1);
}

.axis-light .axis-header-cart__button::before,
.axis-light .axis-header-cart--button-premium .axis-header-cart__button::before {
  background: #111827;
  box-shadow: none;
}

.axis-light .axis-header-cart__icon,
.axis-light .axis-header-cart--button-outline .axis-header-cart__icon,
.axis-light .axis-header-cart--button-solid .axis-header-cart__icon {
  background: rgba(15, 23, 42, 0.045);
  border-color: rgba(15, 23, 42, 0.08);
}

.axis-light .axis-header-cart__icon svg,
.axis-light .axis-header-cart--button-solid .axis-header-cart__icon svg,
.axis-light .axis-header-cart--button-premium .axis-header-cart__icon svg {
  color: #111827;
}

.axis-light .axis-header-cart__badge,
.axis-light .axis-header-cart--button-solid .axis-header-cart__badge,
.axis-light .axis-header-cart--button-outline .axis-header-cart__badge,
.axis-light .axis-header-cart--button-premium .axis-header-cart__badge {
  border-color: transparent;
  color: #fff;
  background: #111827;
  box-shadow: none;
}

@media (max-width: 720px) {
  .axis-store-page .axis-store-pack-grid,
  .axis-store-page--preset-vitrine .axis-store-pack-grid,
  .axis-store-page--preset-showcase .axis-store-pack-grid,
  .axis-store-page--preset-home .axis-store-pack-grid,
  .axis-store-page--columns-2 .axis-store-pack-grid,
  .axis-store-page--columns-3 .axis-store-pack-grid,
  .axis-store-page--columns-4 .axis-store-pack-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    gap: 1rem !important;
    width: 100%;
  }

  .axis-store-page .axis-store-pack-card,
  .axis-store-page--preset-vitrine .axis-store-pack-card,
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(1),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(2),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(3),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(5n),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(7),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(8),
  .axis-store-page--preset-vitrine .axis-store-pack-card:nth-child(9),
  .axis-store-page--preset-showcase .axis-store-pack-card,
  .axis-store-page--preset-home .axis-store-pack-card {
    grid-column: auto !important;
    width: 100%;
    min-width: 0;
    min-height: 0;
  }

  .axis-store-page .axis-store-pack-card {
    border-radius: 24px;
  }

  .axis-store-page .axis-store-pack-card__image,
  .axis-store-page--preset-showcase .axis-store-pack-card__image,
  .axis-store-page--preset-home .axis-store-pack-card__image {
    min-height: 10.75rem;
    aspect-ratio: 16 / 9;
  }

  .axis-store-page .axis-store-pack-card__main {
    padding: 1rem 1rem 0;
  }

  .axis-store-page .axis-store-pack-card__main h2,
  .axis-store-page .axis-store-pack-card__main h4 {
    max-width: none;
    font-size: clamp(1.45rem, 8vw, 2rem);
    overflow-wrap: normal;
    word-break: normal;
  }

  .axis-store-page .axis-store-pack-card__apps,
  .axis-store-page .axis-store-pack-card:first-child .axis-store-pack-card__apps {
    grid-template-columns: minmax(0, 1fr);
    padding-inline: 1rem;
  }

  .axis-store-page .axis-store-pack-card__commerce {
    margin: auto 1rem 1rem;
    padding: 0.86rem;
    border-radius: 18px;
  }

  .axis-store-page ul.products,
  .axis-store-page--preset-showcase ul.products,
  .axis-store-page--columns-2 ul.products,
  .axis-store-page--columns-3 ul.products,
  .axis-store-page--columns-4 ul.products {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1rem !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .axis-store-page ul.products li.product.axis-product-card,
  .axis-store-page ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page ul.products li.product.axis-product-card:nth-child(8),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card,
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(1),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(2),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(5n),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(7),
  .axis-store-page--preset-showcase ul.products li.product.axis-product-card:nth-child(8) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0;
  }

  .axis-store-page .axis-product-card {
    overflow: hidden;
    border-radius: 24px;
  }

  .axis-store-page .axis-product-card__media {
    min-height: 10.75rem;
    aspect-ratio: 16 / 9;
  }

  .axis-store-page .axis-product-card__visual {
    inset: 0.72rem;
    gap: 0.62rem;
    padding: 0.78rem;
    border-radius: 18px;
  }

  .axis-store-page .axis-product-card__visual-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 16px;
  }

  .axis-store-page .axis-product-card__visual-copy strong,
  .axis-store-page ul.products li.product.axis-product-card:nth-child(1) .axis-product-card__title,
  .axis-store-page ul.products li.product.axis-product-card:nth-child(7) .axis-product-card__title,
  .axis-store-page .axis-product-card__title {
    max-width: none;
    font-size: clamp(1.32rem, 7vw, 1.82rem);
    line-height: 0.98;
    overflow-wrap: normal;
    word-break: normal;
  }

  .axis-store-page .axis-product-card__body {
    padding: 1rem;
  }

  .axis-product-card__offers,
  .axis-product-card__actions,
  .axis-store-pack-card__actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-product-card-detail,
  .axis-product-card-buy,
  .woocommerce .axis-product-card__actions .axis-product-card-buy.add_to_cart_button {
    width: 100%;
  }
}

@media (min-width: 1101px) {
  .axis-home .axis-hero__layout--text-right .axis-hero__visual,
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual {
    margin-left: clamp(-5.75rem, -4vw, -3rem);
  }
}

/* Homepage production pass: cleaner light stats and stronger remaining sections. */
.axis-home .axis-hero__ledger,
.editor-styles-wrapper .axis-hero__ledger {
  gap: 0.74rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-home .axis-hero__ledger div,
.editor-styles-wrapper .axis-hero__ledger div {
  position: relative;
  min-height: 118px;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 82% 12%, rgba(var(--axis-olive-rgb), 0.12), transparent 8.5rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.026)),
    rgba(12, 22, 38, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.16);
}

.axis-home .axis-hero__ledger div::after,
.editor-styles-wrapper .axis-hero__ledger div::after {
  content: "";
  position: absolute;
  right: -28%;
  bottom: -34%;
  width: 78%;
  aspect-ratio: 1;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.16);
  border-radius: 999px;
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.12), transparent 68%);
  pointer-events: none;
}

.axis-home .axis-hero__ledger p,
.editor-styles-wrapper .axis-hero__ledger p {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.4rem;
  margin: 0;
}

.axis-home .axis-hero__ledger strong,
.editor-styles-wrapper .axis-hero__ledger strong {
  font-size: clamp(1.85rem, 3vw, 2.85rem);
  letter-spacing: 0;
}

.axis-home .axis-hero__ledger span,
.editor-styles-wrapper .axis-hero__ledger span {
  max-width: 9ch;
  line-height: 1.08;
}

.axis-home-analytics,
.axis-brain,
.axis-pack-pricing,
.axis-faq,
.axis-final {
  position: relative;
  overflow: clip;
}

.axis-home-analytics::before,
.axis-brain::before,
.axis-pack-pricing::before,
.axis-faq::before,
.axis-final::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.042) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(var(--axis-slate-rgb), 0.03) 1px, transparent 1px) 0 0 / 64px 64px;
  mask-image: linear-gradient(180deg, transparent, #000 13%, #000 82%, transparent);
  pointer-events: none;
}

.axis-home-analytics > *,
.axis-brain > *,
.axis-pack-pricing > *,
.axis-faq > *,
.axis-final > * {
  position: relative;
  z-index: 1;
}

.axis-home-analytics__grid {
  grid-template-columns: minmax(0, 0.86fr) minmax(460px, 1.14fr);
}

.axis-home-analytics__copy {
  padding: clamp(1rem, 2vw, 1.4rem);
  border-left: 2px solid rgba(var(--axis-olive-rgb), 0.72);
}

.axis-home-analytics__copy h2,
.axis-brain h2,
.axis-pack-pricing h2,
.axis-faq h2,
.axis-final h2 {
  max-width: 12ch;
  line-height: 0.92;
}

.axis-home-analytics__copy > p:not(.axis-kicker),
.axis-pack-pricing .axis-section__header > p,
.axis-faq .axis-section__header > p,
.axis-final__copy > p {
  max-width: 680px;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  font-weight: 680;
}

.axis-home-showcase--compact {
  z-index: 3;
  width: min(82%, 540px);
  margin: clamp(-5.6rem, -7vw, -3.2rem) 0 0 auto;
}

.axis-home-showcase--compact .axis-home-image {
  border-radius: 22px;
}

.axis-home-showcase--compact .axis-home-showcase__caption {
  right: 0.75rem;
  bottom: 0.75rem;
  left: auto;
  justify-content: flex-end;
}

.axis-home-analytics__visual .axis-home-analytics__panel {
  z-index: 4;
  width: min(94%, 610px);
  margin: clamp(-2.4rem, -3vw, -1.25rem) auto 0 0;
}

.axis-brain__layout {
  align-items: center;
}

.axis-home .axis-agent-list,
.editor-styles-wrapper .axis-agent-list {
  gap: 0.86rem;
}

.axis-home .axis-agent-list > div,
.editor-styles-wrapper .axis-agent-list > div {
  border-color: rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 92% 8%, rgba(var(--axis-blue-rgb), 0.12), transparent 9rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.024)),
    rgba(12, 22, 38, 0.72);
}

.axis-chat-demo {
  border-radius: 28px;
}

.axis-chat-message {
  border-radius: 18px;
}

.axis-suite-visual--pricing {
  margin: clamp(1.4rem, 3vw, 2.2rem) 0 1.1rem;
}

.axis-suite-visual--pricing .axis-home-image {
  --axis-home-image-ratio: 2.65 / 1;
}

.axis-pack-showcase {
  align-items: stretch;
}

.axis-pack-card {
  border-radius: 28px;
}

.axis-pack-map {
  border-radius: 24px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
    rgba(12, 22, 38, 0.68);
}

.axis-faq .axis-shell--narrow {
  max-width: 980px;
}

.axis-faq-list {
  gap: 0.9rem;
}

.axis-faq-item {
  border-radius: 22px;
}

.axis-final__card {
  border-radius: 32px;
}

.axis-light .axis-home .axis-hero__ledger,
.axis-light .editor-styles-wrapper .axis-hero__ledger {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-home .axis-hero__ledger div,
.axis-light .editor-styles-wrapper .axis-hero__ledger div {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    radial-gradient(circle at 82% 12%, rgba(var(--axis-blue-rgb), 0.08), transparent 8rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.88), rgba(243, 247, 252, 0.58)),
    rgba(255, 255, 255, 0.74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 16px 38px rgba(15, 23, 42, 0.07);
}

.axis-light .axis-home .axis-hero__ledger div::after,
.axis-light .editor-styles-wrapper .axis-hero__ledger div::after {
  opacity: 0.42;
  border-color: rgba(15, 23, 42, 0.08);
  background: radial-gradient(circle, rgba(var(--axis-blue-rgb), 0.08), transparent 70%);
}

.axis-light .axis-home .axis-hero__ledger span,
.axis-light .editor-styles-wrapper .axis-hero__ledger span {
  color: #526173;
}

.axis-light .axis-home-analytics,
.axis-light .axis-brain,
.axis-light .axis-pack-pricing,
.axis-light .axis-faq,
.axis-light .axis-final {
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--axis-blue-rgb), 0.045), transparent 28rem),
    radial-gradient(circle at 88% 12%, rgba(var(--axis-olive-rgb), 0.036), transparent 24rem),
    transparent;
}

.axis-light .axis-home-analytics::before,
.axis-light .axis-brain::before,
.axis-light .axis-pack-pricing::before,
.axis-light .axis-faq::before,
.axis-light .axis-final::before {
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.032) 1px, transparent 1px) 0 0 / 64px 64px,
    linear-gradient(rgba(15, 23, 42, 0.026) 1px, transparent 1px) 0 0 / 64px 64px;
}

.axis-light .axis-home-analytics__copy {
  border-left-color: rgba(var(--axis-olive-rgb), 0.58);
}

.axis-light .axis-home .axis-agent-list > div,
.axis-light .editor-styles-wrapper .axis-agent-list > div,
.axis-light .axis-pack-map {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    radial-gradient(circle at 92% 8%, rgba(var(--axis-blue-rgb), 0.062), transparent 9rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(244, 248, 252, 0.76)),
    #fff;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.065);
}

.axis-light .axis-chat-demo {
  border-color: rgba(15, 23, 42, 0.11);
  background:
    radial-gradient(circle at 84% 8%, rgba(var(--axis-blue-rgb), 0.07), transparent 12rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9)),
    #fff;
}

.axis-light .axis-chat-message {
  border-color: rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.82);
}

.axis-light .axis-chat-message.is-brain {
  border-color: rgba(var(--axis-purple-rgb), 0.2);
  background:
    linear-gradient(135deg, rgba(var(--axis-purple-rgb), 0.12), rgba(var(--axis-blue-rgb), 0.07)),
    #fff;
}

@media (max-width: 1100px) {
  .axis-home-analytics__grid,
  .axis-brain__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-analytics__copy {
    padding-left: 1rem;
  }

  .axis-home-showcase--compact,
  .axis-home-analytics__visual .axis-home-analytics__panel {
    width: 100%;
    margin: 0;
  }

  .axis-suite-visual--pricing .axis-home-image {
    --axis-home-image-ratio: 1.72 / 1;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-home .axis-hero__ledger div,
  .editor-styles-wrapper .axis-hero__ledger div {
    min-height: 104px;
    padding: 0.86rem;
    border-radius: 18px;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: clamp(1.65rem, 8vw, 2.05rem);
  }

  .axis-home .axis-hero__ledger span,
  .editor-styles-wrapper .axis-hero__ledger span {
    max-width: 10ch;
    font-size: 0.64rem;
  }

  .axis-home-analytics__copy,
  .axis-home-analytics__panel,
  .axis-pack-map,
  .axis-final__card {
    border-radius: 22px;
  }

  .axis-home-analytics__bar {
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  .axis-home-analytics__bar span {
    grid-column: 1 / -1;
  }

  .axis-home-analytics__graph {
    margin-top: 0.8rem;
  }

  .axis-home-showcase__caption {
    position: static;
    margin-top: 0.7rem;
  }

  .axis-suite-visual--pricing .axis-home-image {
    --axis-home-image-ratio: 1.24 / 1;
  }

  .axis-pack-map {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-pack-map i {
    width: 2px;
    height: 22px;
    margin-inline: auto;
    background: linear-gradient(180deg, transparent, var(--axis-patina), transparent);
  }
}

/* Homepage stat ledger normalization. Keep WordPress wrapper divs invisible. */
.axis-home .axis-hero__ledger,
.editor-styles-wrapper .axis-hero__ledger,
.axis-home .axis-hero__ledger > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.62rem, 1vw, 0.86rem);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-home .axis-hero__ledger > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container,
.axis-home .axis-hero__ledger > .wp-block-group > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group > .wp-block-group__inner-container,
.axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
  min-height: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.axis-home .axis-hero__ledger div::before,
.axis-home .axis-hero__ledger div::after,
.editor-styles-wrapper .axis-hero__ledger div::before,
.editor-styles-wrapper .axis-hero__ledger div::after {
  content: none;
  display: none;
}

.axis-home .axis-hero__ledger > .wp-block-group,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group,
.axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group {
  position: relative;
  min-width: 0;
  min-height: 112px;
  overflow: hidden;
  padding: clamp(0.86rem, 1.2vw, 1.05rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 84% 12%, rgba(var(--axis-olive-rgb), 0.11), transparent 8rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.024)),
    rgba(12, 22, 38, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.16);
}

.axis-home .axis-hero__ledger > .wp-block-group::after,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group::after,
.axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group::after,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  display: block;
  height: 3px;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.62), transparent);
  opacity: 0.8;
}

.axis-home .axis-hero__ledger p,
.editor-styles-wrapper .axis-hero__ledger p {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 0.38rem;
  margin: 0;
}

.axis-home .axis-hero__ledger strong,
.editor-styles-wrapper .axis-hero__ledger strong {
  font-size: clamp(1.85rem, 3vw, 2.85rem);
  letter-spacing: 0;
  line-height: 0.9;
}

.axis-home .axis-hero__ledger span,
.editor-styles-wrapper .axis-hero__ledger span {
  max-width: 9ch;
  font-size: 0.72rem;
  line-height: 1.12;
}

.axis-light .axis-home .axis-hero__ledger,
.axis-light .editor-styles-wrapper .axis-hero__ledger,
.axis-light .axis-home .axis-hero__ledger > .wp-block-group__inner-container,
.axis-light .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.axis-light .axis-home .axis-hero__ledger > .wp-block-group,
.axis-light .editor-styles-wrapper .axis-hero__ledger > .wp-block-group,
.axis-light .axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
.axis-light .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 84% 10%, rgba(var(--axis-blue-rgb), 0.072), transparent 8rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.94), rgba(244, 248, 252, 0.72)),
    rgba(255, 255, 255, 0.88);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 14px 32px rgba(15, 23, 42, 0.065);
}

.axis-light .axis-home .axis-hero__ledger > .wp-block-group::after,
.axis-light .editor-styles-wrapper .axis-hero__ledger > .wp-block-group::after,
.axis-light .axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group::after,
.axis-light .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group::after {
  opacity: 0.55;
}

@media (max-width: 720px) {
  .axis-home .axis-hero__ledger,
  .editor-styles-wrapper .axis-hero__ledger,
  .axis-home .axis-hero__ledger > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-home .axis-hero__ledger > .wp-block-group,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group,
  .axis-home .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group,
  .editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container > .wp-block-group {
    min-height: 94px;
    border-radius: 18px;
  }

  .axis-home .axis-hero__ledger strong,
  .editor-styles-wrapper .axis-hero__ledger strong {
    font-size: clamp(1.62rem, 8vw, 2.12rem);
  }
}

/* Front-end group blocks include an inner wrapper; let that wrapper own the grid. */
.axis-home .axis-hero__ledger:has(> .wp-block-group__inner-container),
.editor-styles-wrapper .axis-hero__ledger:has(> .wp-block-group__inner-container) {
  display: block !important;
}

.axis-home .axis-hero__ledger > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-hero__ledger > .wp-block-group__inner-container {
  width: 100%;
}

/* Homepage pricing switcher and compact decision guide. */
.axis-home .axis-home-pricing,
.axis-home-pricing,
.editor-styles-wrapper .axis-home-pricing {
  position: relative;
  overflow: hidden;
  padding-top: clamp(3.2rem, 5.2vw, 5rem);
  padding-bottom: clamp(0.25rem, 0.8vw, 0.65rem);
}

.axis-home-pricing__shell,
.editor-styles-wrapper .axis-home-pricing__shell {
  display: grid;
  gap: clamp(0.9rem, 1.8vw, 1.35rem);
}

.axis-home-pricing__intro,
.axis-home-pricing__intro.wp-block-group,
.editor-styles-wrapper .axis-home-pricing__intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1.25rem, 4vw, 4rem);
  align-items: start;
}

.axis-home-pricing__controls {
  display: grid;
  gap: 0.75rem;
  width: min(100%, 22rem);
  justify-self: end;
}

.axis-home-pricing__controls .axis-store-choice-bar {
  justify-content: flex-start;
  width: 100%;
  margin: 0;
}

.axis-home-pricing__controls .axis-store-choice-toggle,
.axis-home-pricing__controls .axis-store-choice-toggle > div {
  justify-content: flex-start;
  width: 100%;
}

.axis-home-pricing-toggle button strong {
  font-size: 0.86rem;
  white-space: nowrap;
}

.axis-home-pricing-toggle button em {
  font-size: 0.68rem;
  white-space: nowrap;
}

.axis-home-pricing__title,
.axis-home-pricing__title.wp-block-group,
.editor-styles-wrapper .axis-home-pricing__title {
  max-width: 640px;
}

.axis-home-pricing__title .axis-kicker,
.editor-styles-wrapper .axis-home-pricing__title .axis-kicker {
  margin-bottom: 0.65rem;
}

.axis-home .axis-home-pricing__title h2,
.axis-home-pricing__title h2,
.editor-styles-wrapper .axis-home-pricing__title h2 {
  max-width: 21ch;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(1.55rem, 2.15vw, 2.35rem);
  font-weight: 820;
  line-height: 1.06;
  letter-spacing: 0;
}

.axis-home .axis-home-pricing__title h2 span,
.axis-home-pricing__title h2 span,
.editor-styles-wrapper .axis-home-pricing__title h2 span {
  color: #67e8f9;
}

.axis-home-pricing__title p:not(.axis-kicker),
.editor-styles-wrapper .axis-home-pricing__title p:not(.axis-kicker) {
  max-width: 720px;
  margin: 1rem 0 0;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.22vw, 1.12rem);
  font-weight: 650;
  line-height: 1.55;
}

.axis-home-pricing__head,
.editor-styles-wrapper .axis-home-pricing__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: end;
}

.axis-home-pricing__head > div:first-child,
.editor-styles-wrapper .axis-home-pricing__head > div:first-child {
  display: grid;
  max-width: 49rem;
  gap: 0.72rem;
}

.axis-home-pricing__head h2,
.editor-styles-wrapper .axis-home-pricing__head h2 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(2.15rem, 5vw, 4.9rem);
  line-height: 0.9;
}

.axis-home-pricing__head p:not(.axis-kicker),
.editor-styles-wrapper .axis-home-pricing__head p:not(.axis-kicker) {
  max-width: 45rem;
  color: var(--axis-muted);
  font-size: clamp(1rem, 1.4vw, 1.14rem);
  font-weight: 720;
  line-height: 1.58;
}

.axis-home-pricing__actions,
.editor-styles-wrapper .axis-home-pricing__actions {
  justify-content: flex-end;
  margin: 0;
}

.axis-home-pricing__choice,
.editor-styles-wrapper .axis-home-pricing__choice {
  justify-content: flex-start;
  margin: 0;
}

.axis-home-pricing-toggle,
.editor-styles-wrapper .axis-home-pricing-toggle {
  justify-content: flex-start;
}

.axis-home-pricing-toggle button,
.editor-styles-wrapper .axis-home-pricing-toggle button {
  flex-direction: column;
  gap: 0.1rem;
}

.axis-home-pricing-panels,
.editor-styles-wrapper .axis-home-pricing-panels {
  min-width: 0;
}

.axis-home-pricing-panel[hidden],
.editor-styles-wrapper .axis-home-pricing-panel[hidden] {
  display: none !important;
}

.axis-home-pricing-panel.is-active,
.editor-styles-wrapper .axis-home-pricing-panel.is-active {
  animation: axisPanelRise 0.34s ease both;
}

.axis-home-pricing-store,
.axis-home-pricing .axis-store-pack-grid,
.axis-home-pricing-subscription-grid,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-grid {
  min-width: 0;
}

.axis-home-pricing-store,
.editor-styles-wrapper .axis-home-pricing-store {
  background: transparent;
}

.axis-home-pricing .axis-store-pack-grid,
.axis-home-pricing-subscription-grid,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-grid,
.editor-styles-wrapper .axis-home-pricing-subscription-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.8rem, 1.5vw, 1.05rem);
}

.axis-home-pricing-subscription-grid.products,
.editor-styles-wrapper .axis-home-pricing-subscription-grid.products {
  margin: 0;
  padding: 0;
  list-style: none;
}

.axis-home .axis-home-pricing .axis-home-pricing-subscription-grid.products li.product.axis-product-card,
.editor-styles-wrapper .axis-home-pricing .axis-home-pricing-subscription-grid.products li.product.axis-product-card {
  grid-column: span 4;
  grid-template-rows: auto minmax(0, 1fr);
  align-items: stretch;
  width: auto;
  min-height: clamp(31rem, 43vw, 38rem);
  margin: 0;
}

.axis-home-pricing .axis-store-pack-card,
.axis-home-pricing-subscription-card,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-card {
  min-height: clamp(27rem, 37vw, 33rem);
}

.axis-home .axis-home-pricing .axis-product-card__title,
.editor-styles-wrapper .axis-home-pricing .axis-product-card__title {
  max-width: 12ch;
  font-size: clamp(2rem, 3.2vw, 2.72rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.axis-home .axis-home-pricing .axis-product-card__visual-copy strong,
.editor-styles-wrapper .axis-home-pricing .axis-product-card__visual-copy strong {
  font-size: clamp(1.2rem, 1.9vw, 1.58rem);
  line-height: 1;
}

.axis-home .axis-home-pricing.axis-pack-pricing .axis-store-pack-card__main h2,
.axis-home .axis-home-pricing .axis-store-pack-card__main h2,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-card__main h2 {
  max-width: none;
  font-size: clamp(1.55rem, 2.35vw, 2.08rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.axis-home-pricing-subscription-card .axis-product-card__media,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__media {
  min-height: 0;
  aspect-ratio: 16 / 10;
  border-bottom: 1px solid rgba(var(--product-rgb), 0.24);
  background:
    radial-gradient(circle at 14% 8%, rgba(var(--product-rgb), 0.22), transparent 11rem),
    linear-gradient(135deg, rgba(var(--product-rgb), 0.18), rgba(var(--product-alt-rgb), 0.08)),
    rgba(var(--axis-bg-rgb), 0.72);
}

.axis-home-pricing-subscription-card .axis-product-card__media::after,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__media::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, transparent 58%, rgba(var(--axis-bg-rgb), 0.1)),
    radial-gradient(circle at 5% 4%, rgba(255, 255, 255, 0.22), transparent 4.8rem);
  content: "";
  pointer-events: none;
}

.axis-home-pricing-subscription-card .axis-product-card__media img,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__media img {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.08) contrast(1.04);
}

.axis-home-pricing-subscription-card .axis-product-card__visual,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__visual {
  display: none;
}

.axis-home-pricing-subscription-card .axis-product-card__body,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__body {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto auto;
  align-content: stretch;
  height: 100%;
}

.axis-home-pricing-subscription-card .axis-product-card__excerpt,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__excerpt {
  min-height: 0;
}

.axis-home .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers,
.editor-styles-wrapper .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.42rem 0.62rem;
  align-content: start;
  align-self: start;
}

.axis-home .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers li,
.editor-styles-wrapper .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers li {
  gap: 0.48rem;
  font-size: 0.78rem;
  font-weight: 820;
  line-height: 1.35;
}

.axis-home .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers svg,
.editor-styles-wrapper .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers svg {
  width: 0.92rem;
  height: 0.92rem;
  margin-top: 0.1rem;
}

.axis-home-pricing-subscription-card .axis-product-card__meta,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__meta {
  align-self: end;
  margin-top: auto;
}

.axis-home-pricing-subscription-card .axis-product-card__actions,
.editor-styles-wrapper .axis-home-pricing-subscription-card .axis-product-card__actions {
  align-self: end;
}

.axis-home-pricing .axis-store-pack-card__badges,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-card__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  align-items: center;
}

.axis-home-pricing .axis-store-pack-card__heading,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-card__heading {
  display: grid;
  gap: 0.52rem;
  min-width: 0;
}

.axis-home-pricing .axis-store-pack-card__apps,
.editor-styles-wrapper .axis-home-pricing .axis-store-pack-card__apps {
  list-style: none;
}

.axis-home-pricing-card__more span {
  color: var(--axis-patina);
  font-weight: 900;
}

.axis-light .axis-home-pricing .axis-store-choice-toggle > div,
.axis-light .editor-styles-wrapper .axis-home-pricing .axis-store-choice-toggle > div {
  border-color: rgba(15, 23, 42, 0.12);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.72)),
    rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.065);
}

.axis-light .axis-home .axis-home-pricing__title h2,
.axis-light .axis-home-pricing__title h2,
.axis-light .editor-styles-wrapper .axis-home-pricing__title h2 {
  color: #0f172a;
}

.axis-light .axis-home .axis-home-pricing__title h2 span,
.axis-light .axis-home-pricing__title h2 span,
.axis-light .editor-styles-wrapper .axis-home-pricing__title h2 span {
  color: #087ea4;
}

.axis-light .axis-home-pricing .axis-store-choice-toggle button.is-active,
.axis-light .axis-home-pricing .axis-store-choice-toggle button:hover,
.axis-light .editor-styles-wrapper .axis-home-pricing .axis-store-choice-toggle button.is-active,
.axis-light .editor-styles-wrapper .axis-home-pricing .axis-store-choice-toggle button:hover {
  border-color: rgba(var(--axis-blue-rgb), 0.22);
  background:
    radial-gradient(circle at 100% 0, rgba(var(--axis-blue-rgb), 0.1), transparent 8rem),
    #fff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.075);
}

.axis-light .axis-home-pricing .axis-store-pack-card,
.axis-light .editor-styles-wrapper .axis-home-pricing .axis-store-pack-card {
  border-color: rgba(15, 23, 42, 0.105);
  background:
    radial-gradient(circle at 82% 4%, rgba(var(--axis-blue-rgb), 0.072), transparent 14rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.84)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 22px 54px rgba(15, 23, 42, 0.075);
}

@media (max-width: 820px) {
  .axis-home-pricing__intro,
  .axis-home-pricing__intro.wp-block-group,
  .editor-styles-wrapper .axis-home-pricing__intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.15rem;
  }

  .axis-home-pricing__controls {
    width: 100%;
    max-width: 100%;
    justify-self: stretch;
  }
}

.axis-home-decision,
.editor-styles-wrapper .axis-home-decision {
  position: relative;
  padding-block: clamp(3rem, 6vw, 5.8rem);
}

.axis-home-decision__panel,
.editor-styles-wrapper .axis-home-decision__panel {
  display: grid;
  grid-template-columns: minmax(16rem, 0.78fr) minmax(0, 1.42fr);
  gap: clamp(1rem, 2.8vw, 2rem);
  align-items: stretch;
  padding: clamp(1rem, 2.4vw, 1.45rem);
  border: 1px solid rgba(var(--axis-border-rgb), 0.62);
  border-radius: 28px;
  background:
    radial-gradient(circle at 92% 4%, rgba(var(--axis-olive-rgb), 0.12), transparent 15rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.02)),
    rgba(var(--axis-card-rgb), 0.62);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18);
}

.axis-home-decision__copy,
.editor-styles-wrapper .axis-home-decision__copy {
  display: grid;
  align-content: center;
  gap: 0.7rem;
  padding: clamp(0.45rem, 1.4vw, 0.8rem);
}

.axis-home-decision__copy h2,
.editor-styles-wrapper .axis-home-decision__copy h2 {
  margin: 0;
  max-width: 11ch;
  font-size: clamp(1.85rem, 3.8vw, 3.7rem);
  line-height: 0.92;
}

.axis-home-decision__copy p:not(.axis-kicker),
.editor-styles-wrapper .axis-home-decision__copy p:not(.axis-kicker) {
  max-width: 28rem;
  color: var(--axis-muted);
  font-weight: 720;
  line-height: 1.56;
}

.axis-home-decision__grid,
.editor-styles-wrapper .axis-home-decision__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.72rem;
}

.axis-home-decision__item,
.editor-styles-wrapper .axis-home-decision__item {
  position: relative;
  display: grid;
  min-height: 12.5rem;
  align-content: start;
  gap: 0.72rem;
  overflow: hidden;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-border-rgb), 0.52);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(var(--axis-surface-rgb), 0.72), rgba(var(--axis-card-rgb), 0.42)),
    rgba(var(--axis-bg-rgb), 0.16);
  color: var(--axis-ink);
  text-decoration: none;
  transition:
    border-color 0.24s ease,
    background 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
}

.axis-home-decision__item::after,
.editor-styles-wrapper .axis-home-decision__item::after {
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.66), transparent);
  content: "";
}

.axis-home-decision__item:hover,
.axis-home-decision__item:focus-visible,
.editor-styles-wrapper .axis-home-decision__item:hover,
.editor-styles-wrapper .axis-home-decision__item:focus-visible {
  border-color: rgba(var(--axis-accent-rgb), 0.52);
  background:
    radial-gradient(circle at 90% 6%, rgba(var(--axis-accent-rgb), 0.14), transparent 10rem),
    rgba(var(--axis-card-rgb), 0.68);
  box-shadow: 0 22px 52px rgba(0, 0, 0, 0.18);
  transform: translateY(-3px);
}

.axis-home-decision__item span,
.editor-styles-wrapper .axis-home-decision__item span {
  display: inline-grid;
  width: 2.65rem;
  height: 2.65rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.22);
  border-radius: 16px;
  background: rgba(var(--axis-blue-rgb), 0.1);
  color: var(--axis-patina);
}

.axis-home-decision__item svg,
.editor-styles-wrapper .axis-home-decision__item svg {
  width: 1.15rem;
  height: 1.15rem;
}

.axis-home-decision__item strong,
.editor-styles-wrapper .axis-home-decision__item strong {
  color: var(--axis-ink);
  font-size: 1.06rem;
  font-weight: 950;
  line-height: 1.05;
}

.axis-home-decision__item em,
.editor-styles-wrapper .axis-home-decision__item em {
  color: var(--axis-muted);
  font-style: normal;
  font-weight: 720;
  line-height: 1.45;
}

.axis-light .axis-home-decision__panel,
.axis-light .editor-styles-wrapper .axis-home-decision__panel {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 92% 4%, rgba(var(--axis-blue-rgb), 0.072), transparent 15rem),
    linear-gradient(150deg, rgba(255, 255, 255, 0.96), rgba(244, 248, 252, 0.78)),
    #fff;
  box-shadow: 0 20px 52px rgba(15, 23, 42, 0.065);
}

.axis-light .axis-home-decision__item,
.axis-light .editor-styles-wrapper .axis-home-decision__item {
  border-color: rgba(15, 23, 42, 0.095);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 248, 251, 0.72)),
    #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

@media (max-width: 1100px) {
  .axis-home-pricing__head,
  .editor-styles-wrapper .axis-home-pricing__head,
  .axis-home-decision__panel,
  .editor-styles-wrapper .axis-home-decision__panel {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-pricing__actions,
  .editor-styles-wrapper .axis-home-pricing__actions {
    justify-content: flex-start;
  }

  .axis-home-decision__grid,
  .editor-styles-wrapper .axis-home-decision__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .axis-home .axis-home-pricing,
  .axis-home-pricing,
  .editor-styles-wrapper .axis-home-pricing {
    padding-top: clamp(2.4rem, 9vw, 3.5rem);
    padding-bottom: clamp(0.2rem, 2vw, 0.5rem);
  }

  .axis-home .axis-home-pricing__title h2,
  .axis-home-pricing__title h2,
  .editor-styles-wrapper .axis-home-pricing__title h2 {
    max-width: 100%;
    font-size: clamp(1.85rem, 8vw, 2.65rem);
  }

  .axis-home-pricing__head h2,
  .editor-styles-wrapper .axis-home-pricing__head h2,
  .axis-home-decision__copy h2,
  .editor-styles-wrapper .axis-home-decision__copy h2 {
    max-width: 100%;
    font-size: clamp(2rem, 11vw, 3.35rem);
  }

  .axis-home-pricing__choice,
  .axis-home-pricing-toggle,
  .axis-home-pricing-toggle > div,
  .editor-styles-wrapper .axis-home-pricing__choice,
  .editor-styles-wrapper .axis-home-pricing-toggle,
  .editor-styles-wrapper .axis-home-pricing-toggle > div {
    width: 100%;
  }

  .axis-home-pricing .axis-store-pack-grid,
  .axis-home-pricing-subscription-grid,
  .editor-styles-wrapper .axis-home-pricing .axis-store-pack-grid,
  .axis-home-decision__grid,
  .editor-styles-wrapper .axis-home-decision__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers,
  .editor-styles-wrapper .axis-home-pricing .axis-home-pricing-subscription-card .axis-product-card__offers {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-pricing .axis-store-pack-card,
  .axis-home-pricing-subscription-card,
  .editor-styles-wrapper .axis-home-pricing .axis-store-pack-card {
    min-height: 0;
  }

  .axis-home-decision__panel,
  .editor-styles-wrapper .axis-home-decision__panel {
    border-radius: 24px;
  }

  .axis-home-decision__item,
  .editor-styles-wrapper .axis-home-decision__item {
    min-height: 0;
  }
}

/* Hero Command Deck refresh. */
.axis-home .axis-brain-console,
.editor-styles-wrapper .axis-brain-console {
  --axis-command-deck-shift: clamp(-2.7rem, -3vw, -1.9rem);
  display: grid;
  align-items: center;
  justify-items: center;
  overflow: visible;
  padding: clamp(1rem, 2.2vw, 1.6rem);
  border-color: rgba(103, 217, 239, 0.18);
  border-radius: 32px;
  background:
    radial-gradient(circle at 72% 12%, rgba(103, 217, 239, 0.14), transparent 17rem),
    radial-gradient(circle at 8% 92%, rgba(var(--axis-purple-rgb), 0.18), transparent 18rem),
    linear-gradient(90deg, rgba(103, 217, 239, 0.055) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(180deg, rgba(8, 17, 32, 0.96), rgba(5, 10, 20, 0.94));
  box-shadow:
    0 42px 116px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.075);
}

.axis-home .axis-brain-console::before,
.editor-styles-wrapper .axis-brain-console::before {
  z-index: 0;
  background:
    linear-gradient(110deg, transparent 20%, rgba(103, 217, 239, 0.12), transparent 62%);
  opacity: 0.68;
}

.axis-home .axis-brain-console::after,
.editor-styles-wrapper .axis-brain-console::after {
  content: "";
  position: absolute;
  inset: 1px;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent 28%),
    linear-gradient(90deg, transparent, rgba(103, 217, 239, 0.22), transparent);
  opacity: 0.58;
  pointer-events: none;
}

.axis-command-deck__back,
.axis-command-deck__approval,
.axis-command-deck.axis-command-panel--chat {
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.axis-command-deck__back--draft,
.axis-command-deck__approval,
.axis-command-deck.axis-command-panel--chat {
  transform: translateX(var(--axis-command-deck-shift, 0));
}

.axis-command-deck__back {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.1);
  border-radius: 22px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.018)),
    rgba(8, 16, 29, 0.76);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 24px 62px rgba(0, 0, 0, 0.26);
}

.axis-command-deck__back--dispatch {
  top: 3%;
  left: -3%;
  width: min(70%, 420px);
  min-height: 224px;
}

.axis-command-deck__back--draft {
  right: -5%;
  bottom: 4%;
  width: min(80%, 470px);
  min-height: 238px;
}

.axis-command-deck__back-bar {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 0.5rem;
  padding: 0.72rem 1rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.07);
  color: #94a3b8;
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.axis-command-deck__back-bar em {
  margin-left: auto;
  color: #67d9ef;
  font-style: normal;
}

.axis-command-deck__back-bar i {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #fb7185;
}

.axis-command-deck__back-bar i:nth-child(2) {
  background: #f59e0b;
}

.axis-command-deck__back-bar i:nth-child(3) {
  background: #a3e635;
}

.axis-command-deck__dispatch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
  padding: 1rem;
}

.axis-command-deck__dispatch-grid span {
  display: grid;
  min-height: 46px;
  place-items: center;
  border: 1px solid rgba(226, 232, 240, 0.075);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.026);
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 800;
}

.axis-command-deck__draft-lines {
  display: grid;
  gap: 0.66rem;
  padding: 1rem;
}

.axis-command-deck__draft-lines span {
  position: relative;
  display: block;
  height: 0.55rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(226, 232, 240, 0.055);
}

.axis-command-deck__draft-lines span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--axis-line);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(103, 217, 239, 0.62), rgba(141, 117, 180, 0.42));
  animation: axisProgress 5.4s ease-in-out infinite;
}

.axis-command-deck.axis-command-panel--chat {
  position: relative;
  z-index: 3;
  display: grid !important;
  width: min(100%, 610px);
  min-height: 0 !important;
  padding: 0 !important;
  grid-template-rows: auto auto auto auto auto auto auto;
  border-color: rgba(226, 232, 240, 0.12);
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--axis-chat-mode-rgb), 0.18), transparent 17rem),
    linear-gradient(180deg, rgba(17, 27, 45, 0.96), rgba(8, 15, 27, 0.96)),
    rgba(8, 15, 27, 0.96) !important;
  box-shadow:
    0 32px 86px rgba(0, 0, 0, 0.42),
    0 0 34px rgba(var(--axis-chat-mode-rgb), 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-command-deck.axis-command-panel--chat::before {
  z-index: 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(103, 217, 239, 0.12), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), transparent 42%);
}

.axis-command-deck.axis-command-panel--chat > * {
  position: relative;
  z-index: 1;
}

.axis-command-deck__bar {
  display: flex;
  min-height: 56px;
  align-items: center;
  gap: 0.72rem;
  padding: 0.78rem 1rem;
  border-bottom: 1px solid rgba(226, 232, 240, 0.075);
}

.axis-command-deck__chrome {
  display: flex;
  gap: 0.42rem;
}

.axis-command-deck__chrome span {
  width: 0.62rem;
  height: 0.62rem;
  border-radius: 999px;
}

.axis-command-deck__chrome span:nth-child(1) {
  background: #fb7185;
}

.axis-command-deck__chrome span:nth-child(2) {
  background: #f59e0b;
}

.axis-command-deck__chrome span:nth-child(3) {
  background: #a3e635;
}

.axis-command-deck__bar > strong {
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: 0.65rem;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-command-deck__state {
  display: flex;
  align-items: center;
  gap: 0.56rem;
  margin-left: auto;
  color: #94a3b8;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-command-deck__state span,
.axis-command-deck__state em {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 0.34rem;
  white-space: nowrap;
}

.axis-command-deck__state span {
  padding: 0.28rem 0.6rem;
  border: 1px solid rgba(163, 230, 53, 0.34);
  border-radius: 999px;
  color: #d9f99d;
  background: rgba(163, 230, 53, 0.075);
}

.axis-command-deck__state svg {
  width: 0.72rem;
  height: 0.72rem;
}

.axis-command-deck__state em {
  color: #cbd5e1;
  font-style: normal;
}

.axis-command-deck__state em i,
.axis-command-deck__footer i,
.axis-command-deck__approval span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background: #67d9ef;
  box-shadow: 0 0 14px rgba(103, 217, 239, 0.6);
}

.axis-command-deck__modes {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  overflow: hidden;
  padding: 1rem 1rem 0;
}

.axis-command-deck__mode {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 0.45rem;
  padding: 0.36rem 0.62rem;
  border: 1px solid rgba(226, 232, 240, 0.11);
  border-radius: 9px;
  color: #64748b;
  background: rgba(255, 255, 255, 0.024);
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.axis-command-deck__mode em {
  color: #64748b;
  font-size: 0.56rem;
  font-style: normal;
  letter-spacing: 0.14em;
}

.axis-command-deck__mode.is-active {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.46);
  color: #e0f2fe;
  background: rgba(var(--axis-chat-mode-rgb), 0.11);
  box-shadow: 0 0 22px rgba(var(--axis-chat-mode-rgb), 0.16);
}

.axis-command-deck__modes small,
.axis-command-deck__rail > small,
.axis-command-deck__row small,
.axis-command-deck__terminal-label,
.axis-command-deck__meta,
.axis-command-deck__footer,
.axis-command-deck__approval {
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.axis-command-deck__modes small {
  margin-left: auto;
  color: #64748b;
  white-space: nowrap;
}

.axis-command-deck__conversation {
  display: grid;
  gap: 0.86rem;
  padding: 1rem;
}

.axis-command-deck__row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 0.72rem;
  align-items: start;
  transition:
    opacity 0.32s ease,
    transform 0.32s ease;
}

.axis-command-deck.is-animated .axis-command-deck__row {
  opacity: 0;
  transform: translateY(10px);
}

.axis-command-deck.is-animated.is-sent .axis-command-deck__row--owner,
.axis-command-deck.is-animated.is-responding .axis-command-deck__row--owner,
.axis-command-deck.is-animated.is-complete .axis-command-deck__row--owner,
.axis-command-deck.is-animated.is-responding .axis-command-deck__row--brain,
.axis-command-deck.is-animated.is-complete .axis-command-deck__row--brain {
  opacity: 1;
  transform: translateY(0);
}

.axis-command-deck__avatar {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(226, 232, 240, 0.12);
  border-radius: 10px;
  color: #94a3b8;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 800;
}

.axis-command-deck__avatar svg {
  width: 0.9rem;
  height: 0.9rem;
}

.axis-command-deck__row--brain .axis-command-deck__avatar {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.36);
  color: #67d9ef;
  background:
    linear-gradient(135deg, rgba(103, 217, 239, 0.16), rgba(var(--axis-chat-mode-rgb), 0.12)),
    rgba(8, 16, 29, 0.72);
}

.axis-command-deck__row > div {
  min-width: 0;
  padding: 0.72rem 0.86rem;
  border: 1px solid rgba(226, 232, 240, 0.075);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.02);
}

.axis-command-deck__row--brain > div {
  position: relative;
  overflow: hidden;
  border-color: rgba(var(--axis-chat-mode-rgb), 0.22);
  background:
    linear-gradient(180deg, rgba(var(--axis-chat-mode-rgb), 0.085), rgba(255, 255, 255, 0.02)),
    rgba(10, 21, 36, 0.76);
}

.axis-command-deck__row--brain > div::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 5px);
  opacity: 0.22;
  pointer-events: none;
}

.axis-command-deck__row small {
  display: block;
  margin-bottom: 0.36rem;
  color: #64748b;
}

.axis-command-deck__row--brain small {
  color: #67d9ef;
}

.axis-command-deck__row p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #f8fafc;
  font-size: 0.86rem;
  font-weight: 650;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.axis-command-deck__row--brain p {
  min-height: 5.5em;
  color: #dbeafe;
  font-size: 0.82rem;
}

.axis-command-deck__chips {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.38rem;
  margin-top: 0.7rem;
}

.axis-command-deck__chips span {
  display: inline-flex;
  align-items: center;
  padding: 0.24rem 0.48rem;
  border: 1px solid rgba(var(--axis-chat-mode-rgb), 0.2);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(var(--axis-chat-mode-rgb), 0.08);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 800;
}

.axis-command-deck__rail {
  display: grid;
  gap: 0.5rem;
  padding: 0 1rem 1rem;
}

.axis-command-deck__rail > small {
  color: #64748b;
}

.axis-command-deck__rail > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

.axis-command-deck__agent {
  --axis-agent-color: #67d9ef;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 0.38rem;
  padding: 0.28rem 0.58rem;
  border: 1px solid rgba(226, 232, 240, 0.095);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.018);
  font: inherit;
  cursor: pointer;
  opacity: 0.7;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.axis-command-deck__agent--2 {
  --axis-agent-color: #a3e635;
}

.axis-command-deck__agent--3 {
  --axis-agent-color: #3b82f6;
}

.axis-command-deck__agent--4 {
  --axis-agent-color: #a78bfa;
}

.axis-command-deck__agent--5 {
  --axis-agent-color: #38bdf8;
}

.axis-command-deck__agent span {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-agent-color);
}

.axis-command-deck__agent strong {
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.axis-command-deck__agent.is-active,
.axis-command-deck__agent:hover,
.axis-command-deck__agent:focus-visible {
  border-color: rgba(226, 232, 240, 0.22);
  background: rgba(255, 255, 255, 0.052);
  opacity: 1;
  outline: none;
  transform: translateY(-1px);
}

.axis-command-deck__agent.is-active span {
  box-shadow: 0 0 12px var(--axis-agent-color);
}

.axis-command-deck__terminal {
  display: grid;
  min-width: 0;
  align-items: center;
  gap: 0.52rem;
  grid-template-columns: auto minmax(0, 1fr) 38px;
  margin: 0 1rem;
  padding: 0.58rem 0.62rem;
  border: 1px solid rgba(226, 232, 240, 0.09);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.24);
}

.axis-command-deck__terminal-label {
  color: #67d9ef;
}

.axis-command-deck__terminal-input.axis-chat-input {
  display: block;
  height: auto;
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #dbeafe;
  font-family: var(--axis-font-accent);
  font-size: 0.74rem;
  font-weight: 650;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-command-deck__send.axis-chat-send {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

.axis-command-deck__send svg {
  width: 0.82rem;
  height: 0.82rem;
}

.axis-command-deck__meta,
.axis-command-deck__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  color: #64748b;
}

.axis-command-deck__meta {
  padding: 0.55rem 1rem 0.75rem;
}

.axis-command-deck__footer {
  padding: 0.7rem 1rem;
  border-top: 1px solid rgba(226, 232, 240, 0.07);
}

.axis-command-deck__footer span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 0.44rem;
}

.axis-command-deck__approval {
  position: absolute;
  right: -4%;
  bottom: 1.1rem;
  z-index: 4;
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  gap: 0.48rem;
  padding: 0.58rem 0.84rem;
  border: 1px solid rgba(226, 232, 240, 0.12);
  border-radius: 16px;
  color: #dbeafe;
  background: rgba(8, 16, 29, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 46px rgba(0, 0, 0, 0.28);
}

.axis-command-deck__approval span {
  background: #a3e635;
  box-shadow: 0 0 14px rgba(163, 230, 53, 0.7);
}

.axis-light .axis-home .axis-brain-console,
.axis-light .editor-styles-wrapper .axis-brain-console {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 72% 12%, rgba(var(--axis-blue-rgb), 0.09), transparent 17rem),
    radial-gradient(circle at 8% 92%, rgba(var(--axis-purple-rgb), 0.08), transparent 18rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 244, 252, 0.9));
  box-shadow:
    0 34px 90px rgba(15, 23, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.axis-light .axis-command-deck__back,
.axis-light .axis-command-deck__approval,
.axis-light .axis-command-deck.axis-command-panel--chat {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--axis-chat-mode-rgb), 0.08), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.9)),
    #fff !important;
  box-shadow:
    0 24px 70px rgba(15, 23, 42, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.axis-light .axis-command-deck__bar,
.axis-light .axis-command-deck__back-bar,
.axis-light .axis-command-deck__footer {
  border-color: rgba(15, 23, 42, 0.085);
}

.axis-light .axis-command-deck__bar > strong,
.axis-light .axis-command-deck__row p,
.axis-light .axis-command-deck__agent,
.axis-light .axis-command-deck__approval {
  color: #101827;
}

.axis-light .axis-command-deck__row > div,
.axis-light .axis-command-deck__terminal,
.axis-light .axis-command-deck__dispatch-grid span {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.68);
}

.axis-light .axis-command-deck__row--brain > div {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(var(--axis-chat-mode-rgb), 0.07), rgba(255, 255, 255, 0.7)),
    #fff;
}

.axis-light .axis-command-deck__row--brain p,
.axis-light .axis-command-deck__terminal-input.axis-chat-input {
  color: #334155;
}

.axis-light .axis-command-deck__mode,
.axis-light .axis-command-deck__agent {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.58);
}

.axis-light .axis-command-deck__mode.is-active,
.axis-light .axis-command-deck__agent.is-active,
.axis-light .axis-command-deck__agent:hover,
.axis-light .axis-command-deck__agent:focus-visible {
  background: rgba(var(--axis-chat-mode-rgb), 0.075);
}

.axis-light .axis-command-deck__back,
.axis-light .axis-command-deck__approval,
.axis-light .axis-command-deck.axis-command-panel--chat {
  border-color: rgba(226, 232, 240, 0.12);
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--axis-chat-mode-rgb), 0.18), transparent 17rem),
    linear-gradient(180deg, rgba(17, 27, 45, 0.96), rgba(8, 15, 27, 0.96)),
    rgba(8, 15, 27, 0.96) !important;
  box-shadow:
    0 32px 86px rgba(15, 23, 42, 0.22),
    0 0 34px rgba(var(--axis-chat-mode-rgb), 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-light .axis-command-deck__bar > strong,
.axis-light .axis-command-deck__row p,
.axis-light .axis-command-deck__agent,
.axis-light .axis-command-deck__approval {
  color: #f8fafc;
}

.axis-light .axis-command-deck__row > div,
.axis-light .axis-command-deck__terminal,
.axis-light .axis-command-deck__dispatch-grid span {
  border-color: rgba(226, 232, 240, 0.075);
  background: rgba(255, 255, 255, 0.02);
}

.axis-light .axis-command-deck__row--brain > div {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.22);
  background:
    linear-gradient(180deg, rgba(var(--axis-chat-mode-rgb), 0.085), rgba(255, 255, 255, 0.02)),
    rgba(10, 21, 36, 0.76);
}

.axis-light .axis-command-deck__row--brain p,
.axis-light .axis-command-deck__terminal-input.axis-chat-input {
  color: #dbeafe;
}

.axis-light .axis-command-deck__mode,
.axis-light .axis-command-deck__agent {
  border-color: rgba(226, 232, 240, 0.095);
  background: rgba(255, 255, 255, 0.024);
}

.axis-light .axis-command-deck__mode.is-active,
.axis-light .axis-command-deck__agent.is-active,
.axis-light .axis-command-deck__agent:hover,
.axis-light .axis-command-deck__agent:focus-visible {
  background: rgba(var(--axis-chat-mode-rgb), 0.11);
}

@media (min-width: 1101px) {
  .axis-home .axis-hero__layout--text-right .axis-hero__visual:has(.axis-brain-console),
  .editor-styles-wrapper .axis-hero__layout--text-right .axis-hero__visual:has(.axis-brain-console) {
    margin-left: 0;
  }
}

@media (max-width: 1100px) {
  .axis-home .axis-brain-console,
  .editor-styles-wrapper .axis-brain-console {
    --axis-command-deck-shift: -1.25rem;
  }

  .axis-command-deck__back--dispatch {
    left: 0.2rem;
  }

  .axis-command-deck__back--draft {
    right: 0.2rem;
  }

  .axis-command-deck__approval {
    right: 0.4rem;
  }
}

@media (max-width: 720px) {
  .axis-home .axis-brain-console,
  .editor-styles-wrapper .axis-brain-console {
    --axis-command-deck-shift: 0;
    padding: 0.7rem;
  }

  .axis-command-deck__back,
  .axis-command-deck__approval {
    display: none;
  }

  .axis-command-deck.axis-command-panel--chat {
    width: 100%;
    min-height: 0 !important;
    border-radius: 22px !important;
  }

  .axis-command-deck__bar,
  .axis-command-deck__modes,
  .axis-command-deck__conversation,
  .axis-command-deck__rail,
  .axis-command-deck__footer,
  .axis-command-deck__meta {
    padding-inline: 0.76rem;
  }

  .axis-command-deck__bar {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .axis-command-deck__state {
    width: 100%;
    margin-left: 0;
  }

  .axis-command-deck__modes {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .axis-command-deck__modes::-webkit-scrollbar {
    display: none;
  }

  .axis-command-deck__modes small,
  .axis-command-deck__state em {
    display: none;
  }

  .axis-command-deck__row {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.56rem;
  }

  .axis-command-deck__avatar {
    width: 30px;
    height: 30px;
    border-radius: 9px;
  }

  .axis-command-deck__row > div {
    padding: 0.64rem 0.72rem;
  }

  .axis-command-deck__row p {
    font-size: 0.78rem;
  }

  .axis-command-deck__row--brain p {
    min-height: 6.4em;
  }

  .axis-command-deck__agent strong {
    font-size: 0.55rem;
    letter-spacing: 0.12em;
  }

  .axis-command-deck__terminal {
    grid-template-columns: auto minmax(0, 1fr) 34px;
    margin-inline: 0.76rem;
  }

  .axis-command-deck__meta {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.32rem;
  }
}

/* Store command view: operating-loop replacement. */
.axis-home-loop,
.editor-styles-wrapper .axis-home-loop {
  position: relative;
  overflow: hidden;
  min-height: clamp(760px, 92vh, 980px);
  padding-block: clamp(5rem, 8vw, 7.5rem);
  color: #f8fafc;
  background:
    radial-gradient(circle at 72% 82%, rgba(103, 217, 239, 0.12), transparent 28rem),
    radial-gradient(circle at 32% 96%, rgba(126, 87, 194, 0.18), transparent 32rem),
    linear-gradient(90deg, rgba(148, 163, 184, 0.075) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 74px 74px,
    #050a14;
}

.axis-home-loop::before,
.axis-home-loop::after,
.editor-styles-wrapper .axis-home-loop::before,
.editor-styles-wrapper .axis-home-loop::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.axis-home-loop::before,
.editor-styles-wrapper .axis-home-loop::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.8), rgba(126, 87, 194, 0.7), rgba(163, 230, 53, 0.82)) 0 clamp(9.4rem, 13vw, 11.2rem) / min(620px, 46vw) 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%);
  mask-image: linear-gradient(180deg, #000, #000 72%, transparent);
}

.axis-home-loop::after,
.editor-styles-wrapper .axis-home-loop::after {
  z-index: 0;
  background: linear-gradient(90deg, transparent, rgba(5, 10, 20, 0.55) 58%, rgba(5, 10, 20, 0.9));
}

.axis-home-loop > *,
.editor-styles-wrapper .axis-home-loop > * {
  position: relative;
  z-index: 1;
}

.axis-home-loop__shell,
.editor-styles-wrapper .axis-home-loop__shell {
  display: grid;
  gap: clamp(1.6rem, 4vw, 3rem);
}

.axis-home-loop__header,
.editor-styles-wrapper .axis-home-loop__header {
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(330px, 0.64fr);
  gap: clamp(1.5rem, 5vw, 5rem);
  align-items: start;
}

.axis-home-loop__headline,
.editor-styles-wrapper .axis-home-loop__headline {
  display: grid;
  gap: 0.9rem;
}

.axis-home-loop .axis-kicker,
.editor-styles-wrapper .axis-home-loop .axis-kicker {
  margin: 0;
  border: 0;
  padding: 0;
  color: #67d9ef;
  background: transparent;
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
  letter-spacing: 0.28em;
}

.axis-home-loop h2,
.editor-styles-wrapper .axis-home-loop h2 {
  max-width: 720px !important;
  color: #f8fafc;
  font-size: clamp(2.25rem, 5.4vw, 4.8rem);
  font-weight: 780;
  line-height: 0.92;
  letter-spacing: 0;
}

.axis-home-loop h2 span,
.editor-styles-wrapper .axis-home-loop h2 span {
  color: #a3e635;
}

.axis-home-loop__markers,
.editor-styles-wrapper .axis-home-loop__markers {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.68rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-home-loop__marker {
  display: inline-flex;
  align-items: center;
  gap: 0.46rem;
  white-space: nowrap;
}

.axis-home-loop__marker i {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 999px;
  background: var(--axis-loop-color, #67d9ef);
  box-shadow: 0 0 14px var(--axis-loop-color, #67d9ef);
}

.axis-home-loop__marker--ask {
  --axis-loop-color: #00e5ff;
}

.axis-home-loop__marker--route {
  --axis-loop-color: #3b82f6;
}

.axis-home-loop__marker--prepare {
  --axis-loop-color: #8b5cf6;
}

.axis-home-loop__marker--approve {
  --axis-loop-color: #a3e635;
}

.axis-home-loop__intro,
.editor-styles-wrapper .axis-home-loop__intro {
  display: grid;
  max-width: 880px;
  gap: 1rem;
}

.axis-home-loop__intro p,
.editor-styles-wrapper .axis-home-loop__intro p {
  max-width: 780px;
  margin: 0;
  color: #94a3b8;
  font-size: clamp(1rem, 1.45vw, 1.14rem);
  font-weight: 620;
  line-height: 1.65;
}

.axis-home-loop__intro > div,
.editor-styles-wrapper .axis-home-loop__intro > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.58rem;
}

.axis-home-loop__intro span,
.editor-styles-wrapper .axis-home-loop__intro span {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0.36rem 0.68rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.026);
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.axis-home-loop__track,
.editor-styles-wrapper .axis-home-loop__track,
.axis-home-loop__track > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
  display: grid;
  grid-auto-columns: minmax(430px, 560px);
  grid-auto-flow: column;
  gap: clamp(1rem, 2vw, 1.35rem);
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0.25rem 0 clamp(1rem, 2vw, 1.4rem);
  scroll-snap-type: x mandatory;
  scrollbar-color: rgba(103, 217, 239, 0.42) rgba(255, 255, 255, 0.04);
}

.axis-home-loop__track::-webkit-scrollbar,
.axis-home-loop__track > .wp-block-group__inner-container::-webkit-scrollbar {
  height: 8px;
}

.axis-home-loop__track::-webkit-scrollbar-thumb,
.axis-home-loop__track > .wp-block-group__inner-container::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(103, 217, 239, 0.42);
}

.axis-home-loop__step,
.editor-styles-wrapper .axis-home-loop__step,
.axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
  --axis-loop-rgb: 0, 229, 255;
  --axis-loop-color: rgb(var(--axis-loop-rgb));
  position: relative;
  display: grid;
  min-height: 610px;
  align-content: space-between;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.3rem);
  border: 1px solid rgba(var(--axis-loop-rgb), 0.18);
  border-radius: 26px;
  background:
    radial-gradient(circle at 72% 18%, rgba(var(--axis-loop-rgb), 0.13), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.048), rgba(255, 255, 255, 0.012)),
    rgba(8, 15, 27, 0.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 24px 74px rgba(0, 0, 0, 0.24);
  scroll-snap-align: start;
}

.axis-home-loop__step--route {
  --axis-loop-rgb: 59, 130, 246;
}

.axis-home-loop__step--prepare {
  --axis-loop-rgb: 139, 92, 246;
}

.axis-home-loop__step--approve {
  --axis-loop-rgb: 163, 230, 53;
}

.axis-home-loop__step::before,
.editor-styles-wrapper .axis-home-loop__step::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(var(--axis-loop-rgb), 0.08) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(255, 255, 255, 0.038) 1px, transparent 1px) 0 0 / 42px 42px;
  mask-image: linear-gradient(180deg, #000, transparent 78%);
  pointer-events: none;
}

.axis-home-loop__number,
.editor-styles-wrapper .axis-home-loop__number {
  position: absolute;
  top: clamp(2.4rem, 5vw, 4rem);
  right: clamp(0.8rem, 2vw, 1.3rem);
  z-index: 0;
  color: transparent;
  font-family: var(--axis-font-display);
  font-size: clamp(8rem, 14vw, 13rem);
  font-weight: 800;
  line-height: 0.78;
  -webkit-text-stroke: 1px rgba(var(--axis-loop-rgb), 0.36);
}

.axis-home-loop__step > *,
.editor-styles-wrapper .axis-home-loop__step > * {
  position: relative;
  z-index: 1;
}

.axis-home-loop__step-label,
.editor-styles-wrapper .axis-home-loop__step-label {
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.axis-home-loop__step-label > span {
  display: inline-grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.24);
  border-radius: 12px;
  color: var(--axis-loop-color);
  background: linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.15), transparent);
}

.axis-home-loop__step-label svg {
  width: 1rem;
  height: 1rem;
}

.axis-home-loop__step-label small,
.axis-home-loop__step-label em {
  display: block;
  font-family: var(--axis-font-accent);
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-home-loop__step-label small {
  color: #cbd5e1;
  font-size: 0.64rem;
}

.axis-home-loop__step-label em {
  margin-top: 0.16rem;
  color: var(--axis-loop-color);
  font-size: 0.58rem;
  font-style: normal;
}

.axis-home-loop__step-copy,
.editor-styles-wrapper .axis-home-loop__step-copy {
  max-width: 430px;
  margin-top: clamp(8rem, 15vw, 13rem);
}

.axis-home-loop__step-copy h3,
.editor-styles-wrapper .axis-home-loop__step-copy h3 {
  margin: 0;
  color: #f8fafc;
  font-family: var(--axis-font-display);
  font-size: clamp(1.65rem, 3vw, 2.45rem);
  font-weight: 760;
  line-height: 1.02;
}

.axis-home-loop__step-copy p,
.editor-styles-wrapper .axis-home-loop__step-copy p {
  margin: 0.85rem 0 0;
  color: #94a3b8;
  font-size: 0.92rem;
  font-weight: 620;
  line-height: 1.58;
}

.axis-loop-card {
  width: min(100%, 430px);
  margin-top: clamp(1.2rem, 3vw, 2rem);
  padding: 1rem;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.22);
  border-radius: 14px;
  color: #e2e8f0;
  background: rgba(0, 0, 0, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 18px 42px rgba(0, 0, 0, 0.18);
}

.axis-loop-card small,
.axis-loop-card em {
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-loop-card--ask p {
  margin: 0.65rem 0 0;
  color: #e2e8f0;
  font-family: var(--axis-font-accent);
  font-size: 0.78rem;
  line-height: 1.7;
}

.axis-loop-card--ask p span {
  color: var(--axis-loop-color);
}

.axis-loop-card--ask em,
.axis-loop-card--approve em {
  display: flex;
  align-items: center;
  gap: 0.44rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.axis-loop-card--ask em i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-loop-color);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-loop-card--route ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-loop-card--route li {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem;
  padding: 0.48rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.026);
}

.axis-loop-card--route b {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.32);
  border-radius: 7px;
  color: #fff;
  background: rgba(var(--axis-loop-rgb), 0.14);
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
}

.axis-loop-card--route span {
  overflow: hidden;
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-loop-card--route li em {
  font-size: 0.5rem;
}

.axis-loop-card__bars {
  display: grid;
  gap: 0.62rem;
  margin-top: 0.72rem;
}

.axis-loop-card__bars span {
  display: grid;
  grid-template-columns: minmax(110px, 0.78fr) minmax(0, 1fr) 42px;
  gap: 0.55rem;
  align-items: center;
}

.axis-loop-card__bars strong {
  color: #cbd5e1;
  font-size: 0.72rem;
  line-height: 1;
}

.axis-loop-card__bars em {
  display: none;
}

.axis-loop-card__bars i {
  position: relative;
  height: 0.38rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.axis-loop-card__bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--axis-bar);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(var(--axis-loop-rgb), 0.44), rgb(var(--axis-loop-rgb)));
}

.axis-loop-card__bars b {
  color: #94a3b8;
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  text-align: right;
}

.axis-loop-card--approve {
  border-color: rgba(163, 230, 53, 0.36);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.08), rgba(0, 0, 0, 0.18)),
    rgba(0, 0, 0, 0.28);
}

.axis-loop-card--approve small {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: #bef264;
}

.axis-loop-card--approve small svg {
  width: 0.72rem;
  height: 0.72rem;
}

.axis-loop-card--approve strong {
  display: block;
  margin-top: 0.74rem;
  color: #f8fafc;
  font-size: 1rem;
}

.axis-loop-card--approve div {
  display: flex;
  gap: 0.44rem;
  margin-top: 0.9rem;
}

.axis-loop-card--approve button {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  padding: 0 0.7rem;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-loop-card--approve button:first-child {
  flex: 1;
  border-color: transparent;
  color: #071108;
  background: #a3e635;
}

@media (max-width: 1100px) {
  .axis-home-loop__header,
  .editor-styles-wrapper .axis-home-loop__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-home-loop__markers,
  .editor-styles-wrapper .axis-home-loop__markers {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .axis-home-loop,
  .editor-styles-wrapper .axis-home-loop {
    min-height: 0;
    padding-block: clamp(3.5rem, 12vw, 5rem);
  }

  .axis-home-loop::before,
  .editor-styles-wrapper .axis-home-loop::before {
    background:
      linear-gradient(90deg, rgba(0, 229, 255, 0.8), rgba(126, 87, 194, 0.7), rgba(163, 230, 53, 0.82)) 1rem 8.25rem / calc(100% - 2rem) 1px no-repeat,
      linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 30%);
  }

  .axis-home-loop__track,
  .editor-styles-wrapper .axis-home-loop__track,
  .axis-home-loop__track > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    overflow: visible;
  }

  .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__step,
  .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
    min-height: 0;
  }

  .axis-home-loop__number,
  .editor-styles-wrapper .axis-home-loop__number {
    top: 3.4rem;
    font-size: clamp(5.8rem, 26vw, 8rem);
  }

  .axis-home-loop__step-copy,
  .editor-styles-wrapper .axis-home-loop__step-copy {
    margin-top: clamp(5.4rem, 24vw, 8rem);
  }

  .axis-loop-card__bars span {
    grid-template-columns: minmax(92px, 0.8fr) minmax(0, 1fr) 36px;
  }
}

/* Store command view: scroll-driven operating-loop motion. */
.axis-home-loop,
.editor-styles-wrapper .axis-home-loop {
  --axis-loop-progress: 0;
  --axis-loop-shift-max: -75%;
  height: 380vh;
  min-height: 2500px;
  padding: 0;
  overflow: visible;
  background:
    radial-gradient(circle at 76% 78%, rgba(0, 229, 255, 0.13), transparent 30rem),
    radial-gradient(circle at 36% 88%, rgba(126, 87, 194, 0.18), transparent 34rem),
    linear-gradient(90deg, rgba(148, 163, 184, 0.075) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 74px 74px,
    #050a14;
}

.axis-home-loop__sticky,
.editor-styles-wrapper .axis-home-loop__sticky {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 700px;
  overflow: hidden;
}

.axis-home-loop__sticky::before,
.axis-home-loop__sticky::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.axis-home-loop__sticky::before {
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.82), rgba(126, 87, 194, 0.72), rgba(163, 230, 53, 0.86)) 0 clamp(7.8rem, 16vh, 10.2rem) / min(680px, 48vw) 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), transparent 34%);
}

.axis-home-loop__sticky::after {
  background:
    linear-gradient(90deg, transparent, rgba(5, 10, 20, 0.34) 48%, rgba(5, 10, 20, 0.84)),
    linear-gradient(0deg, rgba(5, 10, 20, 0.86), transparent 24%, transparent 72%, rgba(5, 10, 20, 0.76));
}

.axis-home-loop__hud,
.editor-styles-wrapper .axis-home-loop__hud {
  position: absolute;
  inset: 0 0 auto;
  z-index: 4;
  padding-top: clamp(6.8rem, 14vh, 8.8rem);
  pointer-events: none;
}

.axis-home-loop__header,
.editor-styles-wrapper .axis-home-loop__header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(340px, 0.78fr);
  gap: clamp(1.5rem, 5vw, 5.4rem);
  align-items: end;
}

.axis-home-loop__headline,
.editor-styles-wrapper .axis-home-loop__headline {
  display: grid;
  gap: 0.75rem;
}

.axis-home-loop .axis-kicker,
.editor-styles-wrapper .axis-home-loop .axis-kicker {
  margin: 0;
  border: 0;
  padding: 0;
  color: #00e5ff;
  background: transparent;
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.28em;
}

.axis-home-loop h2,
.editor-styles-wrapper .axis-home-loop h2 {
  max-width: 760px !important;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2.7rem, 5vw, 4.7rem);
  font-weight: 800;
  line-height: 0.94;
  letter-spacing: 0;
}

.axis-home-loop h2 span,
.editor-styles-wrapper .axis-home-loop h2 span {
  color: #a3e635;
}

.axis-home-loop__markers,
.editor-styles-wrapper .axis-home-loop__markers {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.9rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(148, 163, 184, 0.11);
  pointer-events: none;
}

.axis-home-loop__marker {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 850;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  opacity: 0.28;
  transition:
    color 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.axis-home-loop__marker b,
.axis-home-loop__marker em {
  font: inherit;
}

.axis-home-loop__marker em {
  font-style: normal;
}

.axis-home-loop__marker i {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 999px;
  background: var(--axis-loop-color, #00e5ff);
  box-shadow: 0 0 13px var(--axis-loop-color, #00e5ff);
}

.axis-home-loop__marker.is-past,
.axis-home-loop__marker.is-active {
  color: #cbd5e1;
  opacity: 1;
}

.axis-home-loop__marker.is-active {
  transform: translateY(-1px);
}

.axis-home-loop__marker--ask {
  --axis-loop-color: #00e5ff;
}

.axis-home-loop__marker--route {
  --axis-loop-color: #3b82f6;
}

.axis-home-loop__marker--prepare {
  --axis-loop-color: #8b5cf6;
}

.axis-home-loop__marker--approve {
  --axis-loop-color: #a3e635;
}

.axis-home-loop__intro,
.editor-styles-wrapper .axis-home-loop__intro {
  display: grid;
  max-width: 780px;
  gap: 0.75rem;
  margin-top: clamp(1.25rem, 3vh, 1.8rem);
}

.axis-home-loop__intro p,
.editor-styles-wrapper .axis-home-loop__intro p {
  max-width: 730px;
  margin: 0;
  color: rgba(203, 213, 225, 0.75);
  font-size: clamp(0.95rem, 1.15vw, 1.08rem);
  font-weight: 620;
  line-height: 1.58;
}

.axis-home-loop__intro > div,
.editor-styles-wrapper .axis-home-loop__intro > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.48rem;
}

.axis-home-loop__intro span,
.editor-styles-wrapper .axis-home-loop__intro span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.026);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.axis-home-loop__progress,
.editor-styles-wrapper .axis-home-loop__progress {
  position: relative;
  height: 1px;
  margin-top: clamp(1.1rem, 2.5vh, 1.7rem);
  overflow: hidden;
  background: rgba(148, 163, 184, 0.12);
}

.axis-home-loop__progress span,
.editor-styles-wrapper .axis-home-loop__progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(var(--axis-loop-progress));
  transform-origin: left center;
  background: linear-gradient(90deg, #00e5ff, #8b5cf6 58%, #a3e635);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.34);
  transition: transform 80ms linear;
}

.axis-home-loop__track,
.editor-styles-wrapper .axis-home-loop__track,
.axis-home-loop__track > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(var(--axis-loop-count, 5) * 100%);
  max-width: none;
  height: 100%;
  padding: clamp(14rem, 29vh, 17rem) 0 clamp(4.5rem, 8vh, 5.75rem);
  gap: 0;
  overflow: visible;
  scrollbar-width: none;
  will-change: transform;
}

.axis-home-loop__track::-webkit-scrollbar,
.axis-home-loop__track > .wp-block-group__inner-container::-webkit-scrollbar {
  display: none;
}

.axis-home-loop__step,
.editor-styles-wrapper .axis-home-loop__step,
.axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
  --axis-loop-rgb: 0, 229, 255;
  --axis-loop-color: rgb(var(--axis-loop-rgb));
  position: relative;
  flex: 0 0 calc(100% / var(--axis-loop-count, 5));
  width: calc(100% / var(--axis-loop-count, 5));
  min-height: 0;
  height: 100%;
  padding: 0 clamp(1rem, 4vw, 3rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  opacity: 0.56;
  transition:
    opacity 220ms ease,
    filter 220ms ease;
}

.axis-home-loop__step.is-active,
.axis-home-loop__step.is-next {
  opacity: 1;
}

.axis-home-loop__step--route {
  --axis-loop-rgb: 59, 130, 246;
}

.axis-home-loop__step--prepare {
  --axis-loop-rgb: 139, 92, 246;
}

.axis-home-loop__step--approve {
  --axis-loop-rgb: 163, 230, 53;
}

.axis-home-loop__step::before,
.editor-styles-wrapper .axis-home-loop__step::before {
  display: none;
}

.axis-home-loop__step-inner,
.editor-styles-wrapper .axis-home-loop__step-inner {
  display: grid;
  width: min(100%, 1180px);
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.88fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
  margin: 0 auto;
}

.axis-home-loop__step-copy,
.editor-styles-wrapper .axis-home-loop__step-copy {
  position: relative;
  max-width: 500px;
  margin: 0;
  padding-top: clamp(7.6rem, 18vh, 12.5rem);
}

.axis-home-loop__number,
.editor-styles-wrapper .axis-home-loop__number {
  position: absolute;
  top: 0;
  left: -0.1em;
  right: auto;
  z-index: 0;
  color: transparent;
  font-family: var(--axis-font-display);
  font-size: clamp(11rem, 22vw, 18rem);
  font-weight: 800;
  line-height: 0.72;
  -webkit-text-stroke: 1px rgba(var(--axis-loop-rgb), 0.34);
}

.axis-home-loop__step-label,
.editor-styles-wrapper .axis-home-loop__step-label {
  position: absolute;
  top: 0.25rem;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.axis-home-loop__step-label > span {
  display: inline-grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.28);
  border-radius: 12px;
  color: var(--axis-loop-color);
  background: linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.15), transparent);
}

.axis-home-loop__step-label svg {
  width: 1rem;
  height: 1rem;
}

.axis-home-loop__step-label small,
.axis-home-loop__step-label em {
  display: block;
  font-family: var(--axis-font-accent);
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-home-loop__step-label small {
  color: #cbd5e1;
  font-size: 0.64rem;
}

.axis-home-loop__step-label em {
  margin-top: 0.16rem;
  color: var(--axis-loop-color);
  font-size: 0.58rem;
  font-style: normal;
}

.axis-home-loop__step-copy h3,
.editor-styles-wrapper .axis-home-loop__step-copy h3 {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0;
  color: #f8fafc;
  font-family: var(--axis-font-display);
  font-size: clamp(2rem, 3.2vw, 3.25rem);
  font-weight: 790;
  line-height: 1.02;
  letter-spacing: 0;
}

.axis-home-loop__step-copy p,
.editor-styles-wrapper .axis-home-loop__step-copy p {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin: 1rem 0 0;
  color: #94a3b8;
  font-size: 1rem;
  font-weight: 560;
  line-height: 1.68;
}

.axis-home-loop__visual,
.editor-styles-wrapper .axis-home-loop__visual {
  display: flex;
  justify-content: center;
  min-width: 0;
}

.axis-loop-card {
  width: min(100%, 450px);
  margin: 0;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.24);
  border-radius: 14px;
  color: #e2e8f0;
  background:
    linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.05), rgba(0, 0, 0, 0.16)),
    rgba(0, 0, 0, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 18px 42px rgba(0, 0, 0, 0.2);
}

.axis-loop-card small,
.axis-loop-card em {
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-loop-card--ask p {
  margin: 0.65rem 0 0;
  color: #e2e8f0;
  font-family: var(--axis-font-accent);
  font-size: 0.78rem;
  line-height: 1.7;
}

.axis-loop-card--ask p span {
  color: var(--axis-loop-color);
}

.axis-loop-card--ask em,
.axis-loop-card--approve em {
  display: flex;
  align-items: center;
  gap: 0.44rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.axis-loop-card--ask em i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-loop-color);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-loop-card--route ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-loop-card--route li {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem;
  padding: 0.48rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.026);
}

.axis-loop-card--route b {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.32);
  border-radius: 7px;
  color: #fff;
  background: rgba(var(--axis-loop-rgb), 0.14);
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
}

.axis-loop-card--route span {
  overflow: hidden;
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-loop-card--route li em {
  font-size: 0.5rem;
}

.axis-loop-card__bars {
  display: grid;
  gap: 0.62rem;
  margin-top: 0.72rem;
}

.axis-loop-card__bars span {
  display: grid;
  grid-template-columns: minmax(110px, 0.78fr) minmax(0, 1fr) 42px;
  gap: 0.55rem;
  align-items: center;
}

.axis-loop-card__bars strong {
  color: #cbd5e1;
  font-size: 0.72rem;
  line-height: 1;
}

.axis-loop-card__bars em {
  display: none;
}

.axis-loop-card__bars i {
  position: relative;
  height: 0.38rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.axis-loop-card__bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--axis-bar);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(var(--axis-loop-rgb), 0.44), rgb(var(--axis-loop-rgb)));
}

.axis-loop-card__bars b {
  color: #94a3b8;
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  text-align: right;
}

.axis-loop-card--approve {
  border-color: rgba(163, 230, 53, 0.36);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.08), rgba(0, 0, 0, 0.18)),
    rgba(0, 0, 0, 0.32);
}

.axis-loop-card--approve small {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: #bef264;
}

.axis-loop-card--approve small svg {
  width: 0.72rem;
  height: 0.72rem;
}

.axis-loop-card--approve strong {
  display: block;
  margin-top: 0.74rem;
  color: #f8fafc;
  font-size: 1rem;
}

.axis-loop-card--approve div {
  display: flex;
  gap: 0.44rem;
  margin-top: 0.9rem;
}

.axis-loop-card--approve button {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  padding: 0 0.7rem;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-loop-card--approve button:first-child {
  flex: 1;
  border-color: transparent;
  color: #071108;
  background: #a3e635;
}

.axis-home-loop__floor {
  position: absolute;
  right: clamp(1rem, 5vw, 4rem);
  bottom: clamp(1.4rem, 3vh, 2rem);
  left: clamp(1rem, 5vw, 4rem);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  pointer-events: none;
}

.axis-home-loop__floor b {
  color: #cbd5e1;
  font: inherit;
}

@media (max-width: 1100px) {
  .axis-home-bridge,
  .axis-home-bridge.wp-block-group,
  .editor-styles-wrapper .axis-home-bridge {
    min-height: clamp(5.2rem, 10vw, 7rem);
  }

  .axis-home-bridge__stream {
    top: 50%;
  }

  .axis-home-bridge__copy,
  .axis-home-bridge__copy.wp-block-group,
  .editor-styles-wrapper .axis-home-bridge__copy {
    padding-top: clamp(9rem, 24vw, 12rem);
  }

  .axis-home-loop__header,
  .editor-styles-wrapper .axis-home-loop__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .axis-home-loop__markers,
  .editor-styles-wrapper .axis-home-loop__markers {
    justify-content: flex-start;
  }

  .axis-home-loop__intro,
  .editor-styles-wrapper .axis-home-loop__intro {
    display: none;
  }

  .axis-home-loop__step-inner,
  .editor-styles-wrapper .axis-home-loop__step-inner {
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 1.4rem;
  }

  .axis-home-loop__visual,
  .editor-styles-wrapper .axis-home-loop__visual {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .axis-home-loop,
  .editor-styles-wrapper .axis-home-loop {
    height: 390vh;
    min-height: 2740px;
    overflow: visible;
  }

  .axis-home-loop__sticky,
  .editor-styles-wrapper .axis-home-loop__sticky {
    min-height: 620px;
  }

  .axis-home-loop__hud,
  .editor-styles-wrapper .axis-home-loop__hud {
    padding-top: clamp(5.5rem, 12vh, 6.4rem);
  }

  .axis-home-loop h2,
  .editor-styles-wrapper .axis-home-loop h2 {
    max-width: 360px !important;
    font-size: clamp(2.05rem, 11vw, 3rem);
    line-height: 1;
  }

  .axis-home-loop__markers,
  .editor-styles-wrapper .axis-home-loop__markers {
    gap: 0.45rem 0.7rem;
    padding-top: 0.75rem;
  }

  .axis-home-loop__marker {
    font-size: 0.52rem;
    letter-spacing: 0.16em;
  }

  .axis-home-loop__track,
  .editor-styles-wrapper .axis-home-loop__track,
  .axis-home-loop__track > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
    display: flex;
    width: calc(var(--axis-loop-count, 5) * 100%);
    height: 100%;
    padding: clamp(14rem, 33vh, 16rem) 0 4.5rem;
    overflow: visible;
  }

  .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__step,
  .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
    flex-basis: calc(100% / var(--axis-loop-count, 5));
    width: calc(100% / var(--axis-loop-count, 5));
    padding: 0 1rem;
  }

  .axis-home-loop__step-copy,
  .editor-styles-wrapper .axis-home-loop__step-copy {
    padding-top: clamp(4.8rem, 18vh, 6.3rem);
  }

  .axis-home-loop__number,
  .editor-styles-wrapper .axis-home-loop__number {
    font-size: clamp(5.8rem, 32vw, 8rem);
  }

  .axis-home-loop__step-label {
    gap: 0.55rem;
  }

  .axis-home-loop__step-label > span {
    width: 2.25rem;
    height: 2.25rem;
  }

  .axis-home-loop__step-copy h3,
  .editor-styles-wrapper .axis-home-loop__step-copy h3 {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  .axis-home-loop__step-copy p,
  .editor-styles-wrapper .axis-home-loop__step-copy p {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .axis-loop-card {
    width: min(100%, 360px);
    padding: 0.88rem;
  }

  .axis-loop-card__bars span {
    grid-template-columns: minmax(88px, 0.82fr) minmax(0, 1fr) 34px;
  }

  .axis-home-loop__floor {
    font-size: 0.52rem;
    letter-spacing: 0.16em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .axis-home-loop,
  .editor-styles-wrapper .axis-home-loop {
    height: auto;
    min-height: 0;
    padding-block: 5rem;
  }

  .axis-home-loop__sticky,
  .editor-styles-wrapper .axis-home-loop__sticky {
    position: relative;
    height: auto;
    min-height: 0;
  }

  .axis-home-loop__hud,
  .editor-styles-wrapper .axis-home-loop__hud,
  .axis-home-loop__floor {
    position: relative;
    inset: auto;
  }

  .axis-home-loop__track,
  .editor-styles-wrapper .axis-home-loop__track {
    display: grid;
    width: auto;
    height: auto;
    padding: 3rem 1rem 0;
    transform: none !important;
  }

  .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__step {
    width: auto;
    opacity: 1;
  }
}

/* Homepage hero-to-loop signal bridge. */
.axis-home-bridge,
.axis-home-bridge.wp-block-group,
.editor-styles-wrapper .axis-home-bridge {
  position: relative;
  isolation: isolate;
  min-height: clamp(5.4rem, 8vw, 7.4rem);
  margin: 0;
  overflow: hidden;
  color: #f8fafc;
  background:
    radial-gradient(circle at 72% 50%, rgba(0, 229, 255, 0.11), transparent 20rem),
    linear-gradient(180deg, rgba(var(--axis-bg-rgb), 0.98) 0, #050a14 54%, #050a14 100%);
}

.axis-home-bridge::before,
.axis-home-bridge::after,
.editor-styles-wrapper .axis-home-bridge::before,
.editor-styles-wrapper .axis-home-bridge::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.axis-home-bridge::before,
.editor-styles-wrapper .axis-home-bridge::before {
  inset: 0;
  opacity: 0.52;
  background:
    linear-gradient(90deg, rgba(148, 163, 184, 0.07) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 72px 72px;
}

.axis-home-bridge::after,
.editor-styles-wrapper .axis-home-bridge::after {
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(180deg, transparent, #050a14 84%);
}

.axis-home-bridge__stream {
  position: absolute;
  inset: 50% -8vw auto;
  z-index: 1;
  display: grid;
  gap: 0.72rem;
  opacity: 0.86;
  transform: translateY(-50%) rotate(-0.25deg);
}

.axis-home-bridge__stream::before,
.axis-home-bridge__stream::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.44), transparent);
  box-shadow: 0 0 18px rgba(0, 229, 255, 0.22);
}

.axis-home-bridge__stream::before {
  top: -0.55rem;
}

.axis-home-bridge__stream::after {
  bottom: -0.55rem;
}

.axis-home-bridge__row {
  position: relative;
  min-width: 100%;
  overflow: hidden;
  border-top: 1px solid rgba(148, 163, 184, 0.12);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
  background: rgba(5, 10, 20, 0.38);
}

.axis-home-bridge__row div {
  display: flex;
  width: max-content;
  min-width: 200%;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
  padding: 0.58rem 0;
  animation: axisBridgeDrift 26s linear infinite;
}

.axis-home-bridge__row span {
  display: inline-flex;
  align-items: center;
  gap: 0.58rem;
  color: rgba(203, 213, 225, 0.68);
  font-family: var(--axis-font-accent);
  font-size: clamp(0.52rem, 0.75vw, 0.64rem);
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  white-space: nowrap;
}

.axis-home-bridge__row i {
  width: 0.34rem;
  height: 0.34rem;
  border-radius: 999px;
  background: #00e5ff;
  box-shadow: 0 0 12px rgba(0, 229, 255, 0.78);
  animation: axisBridgePulse 1.8s ease-in-out infinite;
}

.axis-home-bridge__copy,
.axis-home-bridge__copy.wp-block-group,
.editor-styles-wrapper .axis-home-bridge__copy {
  position: relative;
  z-index: 2;
  display: grid;
  max-width: 820px;
  gap: 0.72rem;
  padding-top: clamp(8.5rem, 17vw, 13.5rem);
  padding-bottom: clamp(3.2rem, 7vw, 5.4rem);
}

.axis-home-bridge__copy .axis-kicker {
  margin: 0;
  color: #00e5ff;
  background: transparent;
}

.axis-home-bridge__copy h2 {
  max-width: 760px;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(2rem, 4.8vw, 4.8rem);
  line-height: 0.94;
}

.axis-home-bridge__copy p:not(.axis-kicker) {
  max-width: 620px;
  margin: 0;
  color: rgba(203, 213, 225, 0.74);
  font-size: clamp(0.95rem, 1.2vw, 1.08rem);
  font-weight: 630;
  line-height: 1.58;
}

@keyframes axisBridgeDrift {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes axisBridgePulse {
  0%,
  100% {
    opacity: 0.45;
    transform: scale(0.8);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }
}

/* Store command view: authoritative sticky operating-loop scene. */
.axis-home-loop,
.axis-home-loop.wp-block-group,
.editor-styles-wrapper .axis-home-loop {
  --axis-loop-count: 5;
  --axis-loop-progress: 0;
  --axis-loop-shift-max: -75%;
  position: relative;
  isolation: isolate;
  height: calc(var(--axis-loop-count, 5) * 96vh);
  min-height: 2736px;
  margin: 0;
  padding: 0 !important;
  overflow: visible !important;
  color: #f8fafc;
  background: #050a14;
}

.axis-home-loop > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-home-loop > .wp-block-group__inner-container {
  position: relative;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: inherit;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.axis-home-loop::before,
.axis-home-loop::after,
.editor-styles-wrapper .axis-home-loop::before,
.editor-styles-wrapper .axis-home-loop::after {
  display: none;
}

.axis-home-loop > *,
.editor-styles-wrapper .axis-home-loop > * {
  position: relative;
  z-index: auto;
}

.axis-home-loop__sticky,
.axis-home-loop__sticky.wp-block-group,
.editor-styles-wrapper .axis-home-loop__sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 76%, rgba(0, 229, 255, 0.14), transparent 30rem),
    radial-gradient(circle at 34% 86%, rgba(126, 87, 194, 0.18), transparent 34rem),
    linear-gradient(90deg, rgba(148, 163, 184, 0.075) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(148, 163, 184, 0.055) 1px, transparent 1px) 0 0 / 74px 74px,
    #050a14;
}

.axis-home-loop__sticky > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-home-loop__sticky > .wp-block-group__inner-container {
  position: relative;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}

.axis-home-loop.is-loop-before .axis-home-loop__sticky,
.axis-home-loop.is-loop-before .axis-home-loop__sticky.wp-block-group {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}

.axis-home-loop.is-loop-pinned .axis-home-loop__sticky,
.axis-home-loop.is-loop-pinned .axis-home-loop__sticky.wp-block-group {
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: var(--axis-loop-pin-left, 0px);
  width: var(--axis-loop-pin-width, 100vw);
}

.axis-home-loop.is-loop-after .axis-home-loop__sticky,
.axis-home-loop.is-loop-after .axis-home-loop__sticky.wp-block-group {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.axis-home-loop__sticky::before,
.axis-home-loop__sticky::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.axis-home-loop__sticky::before {
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.82), rgba(126, 87, 194, 0.72), rgba(163, 230, 53, 0.86)) 0 clamp(7.25rem, 15vh, 9.75rem) / min(680px, 48vw) 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.034), transparent 34%);
}

.axis-home-loop__sticky::after {
  background:
    linear-gradient(90deg, transparent, rgba(5, 10, 20, 0.34) 48%, rgba(5, 10, 20, 0.84)),
    linear-gradient(0deg, rgba(5, 10, 20, 0.88), transparent 22%, transparent 74%, rgba(5, 10, 20, 0.72));
}

.axis-home-loop__hud,
.axis-home-loop__hud.wp-block-group,
.editor-styles-wrapper .axis-home-loop__hud {
  position: absolute;
  inset: 0 0 auto;
  z-index: 4;
  width: min(calc(100% - 2rem), 1180px);
  margin: 0 auto;
  padding-top: clamp(8.8rem, 20vh, 11rem);
  pointer-events: none;
}

.axis-home-loop__header,
.editor-styles-wrapper .axis-home-loop__header {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.78fr);
  gap: clamp(1.25rem, 5vw, 5rem);
  align-items: end;
}

.axis-home-loop__headline,
.editor-styles-wrapper .axis-home-loop__headline {
  display: grid;
  gap: 0.75rem;
}

.axis-home-loop .axis-kicker,
.editor-styles-wrapper .axis-home-loop .axis-kicker {
  margin: 0;
  border: 0;
  padding: 0;
  color: #00e5ff;
  background: transparent;
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.28em;
}

.axis-home-loop h2,
.editor-styles-wrapper .axis-home-loop h2 {
  max-width: 880px !important;
  margin: 0;
  color: #f8fafc;
  font-size: clamp(1.95rem, 2.9vw, 2.75rem) !important;
  font-weight: 800;
  line-height: 1.05 !important;
  letter-spacing: 0;
}

.axis-home-loop h2 span,
.editor-styles-wrapper .axis-home-loop h2 span {
  color: #a3e635;
}

.axis-home-loop__markers,
.editor-styles-wrapper .axis-home-loop__markers {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.85rem;
  padding-top: 1rem;
  pointer-events: none;
}

.axis-home-loop__marker {
  display: inline-flex;
  align-items: center;
  gap: 0.36rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 850;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0.28;
  transition:
    color 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}

.axis-home-loop__marker b,
.axis-home-loop__marker em {
  font: inherit;
}

.axis-home-loop__marker em {
  font-style: normal;
}

.axis-home-loop__marker i {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 999px;
  background: var(--axis-loop-color, #00e5ff);
  box-shadow: 0 0 13px var(--axis-loop-color, #00e5ff);
}

.axis-home-loop__marker.is-past,
.axis-home-loop__marker.is-active {
  color: #cbd5e1;
  opacity: 1;
}

.axis-home-loop__marker.is-active {
  transform: translateY(-1px);
}

.axis-home-loop__marker--ask {
  --axis-loop-color: #00e5ff;
}

.axis-home-loop__marker--route {
  --axis-loop-color: #3b82f6;
}

.axis-home-loop__marker--prepare {
  --axis-loop-color: #8b5cf6;
}

.axis-home-loop__marker--approve {
  --axis-loop-color: #a3e635;
}

.axis-home-loop__intro,
.editor-styles-wrapper .axis-home-loop__intro {
  display: grid;
  max-width: 780px;
  gap: 0.75rem;
  margin-top: clamp(1.1rem, 2.4vh, 1.6rem);
}

.axis-home-loop__intro p,
.editor-styles-wrapper .axis-home-loop__intro p {
  max-width: 730px;
  margin: 0;
  color: rgba(203, 213, 225, 0.75);
  font-size: clamp(0.94rem, 1.12vw, 1.06rem);
  font-weight: 620;
  line-height: 1.58;
}

.axis-home-loop__intro > div,
.editor-styles-wrapper .axis-home-loop__intro > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.48rem;
}

.axis-home-loop__intro span,
.editor-styles-wrapper .axis-home-loop__intro span {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0.34rem 0.62rem;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.026);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.axis-home-loop__progress,
.editor-styles-wrapper .axis-home-loop__progress {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  margin: 0;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.13);
}

.axis-home-loop__progress span,
.editor-styles-wrapper .axis-home-loop__progress span {
  display: block;
  width: 100%;
  height: 100%;
  transform: scaleX(var(--axis-loop-progress));
  transform-origin: left center;
  background: linear-gradient(90deg, #00e5ff, #8b5cf6 58%, #a3e635);
  box-shadow: 0 0 20px rgba(0, 229, 255, 0.34);
  transition: transform 80ms linear;
}

.axis-home-loop__track,
.axis-home-loop__track.wp-block-group,
.editor-styles-wrapper .axis-home-loop__track,
.axis-home-loop__track > .wp-block-group__inner-container,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
  position: relative;
  z-index: 2;
  display: flex;
  width: calc(var(--axis-loop-count, 5) * 100vw);
  max-width: none;
  height: 100%;
  margin: 0;
  padding: clamp(15.2rem, 36vh, 18rem) 0 clamp(4rem, 8vh, 5.5rem);
  gap: 0;
  overflow: visible;
  scroll-snap-type: none;
  scrollbar-width: none;
  will-change: transform;
}

.axis-home-loop__track::-webkit-scrollbar,
.axis-home-loop__track > .wp-block-group__inner-container::-webkit-scrollbar {
  display: none;
}

.axis-home-loop__step,
.axis-home-loop__step.wp-block-group,
.editor-styles-wrapper .axis-home-loop__step,
.axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
.editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
  --axis-loop-rgb: 0, 229, 255;
  --axis-loop-color: rgb(var(--axis-loop-rgb));
  position: relative;
  display: block;
  flex: 0 0 100vw;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0 clamp(1rem, 4vw, 3rem);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  scroll-snap-align: none;
  opacity: 1;
  transition:
    opacity 220ms ease,
    filter 220ms ease;
}

.axis-home-loop__step.is-active,
.axis-home-loop__step.is-next {
  opacity: 1;
}

.axis-home-loop__step--route {
  --axis-loop-rgb: 59, 130, 246;
}

.axis-home-loop__step--prepare {
  --axis-loop-rgb: 139, 92, 246;
}

.axis-home-loop__step--approve {
  --axis-loop-rgb: 163, 230, 53;
}

.axis-home-loop__step::before,
.editor-styles-wrapper .axis-home-loop__step::before {
  display: none;
}

.axis-home-loop__step > *,
.editor-styles-wrapper .axis-home-loop__step > * {
  position: relative;
  z-index: 1;
}

.axis-home-loop__step-inner,
.axis-home-loop__step-inner.wp-block-group,
.editor-styles-wrapper .axis-home-loop__step-inner {
  display: grid;
  width: min(100%, 1180px);
  height: 100%;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.88fr);
  gap: clamp(2rem, 6vw, 5rem);
  align-items: center;
  margin: 0 auto;
}

.axis-home-loop__step-copy,
.axis-home-loop__step-copy.wp-block-group,
.editor-styles-wrapper .axis-home-loop__step-copy {
  position: relative;
  max-width: 510px;
  margin: 0;
  padding-top: clamp(6.75rem, 17vh, 11.5rem);
}

.axis-home-loop__number,
.editor-styles-wrapper .axis-home-loop__number {
  position: absolute;
  top: 0;
  left: -0.1em;
  right: auto;
  z-index: 0;
  color: transparent;
  font-family: var(--axis-font-display);
  font-size: clamp(10rem, 21vw, 18rem);
  font-weight: 800;
  line-height: 0.72;
  -webkit-text-stroke: 1px rgba(var(--axis-loop-rgb), 0.34);
}

.axis-home-loop__step-label,
.editor-styles-wrapper .axis-home-loop__step-label {
  position: absolute;
  top: 0.25rem;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 0.72rem;
}

.axis-home-loop__step-label > span {
  display: inline-grid;
  width: 2.55rem;
  height: 2.55rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.28);
  border-radius: 12px;
  color: var(--axis-loop-color);
  background: linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.15), transparent);
}

.axis-home-loop__step-label svg {
  width: 1rem;
  height: 1rem;
}

.axis-home-loop__step-label small,
.axis-home-loop__step-label em {
  display: block;
  font-family: var(--axis-font-accent);
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-home-loop__step-label small {
  color: #cbd5e1;
  font-size: 0.64rem;
}

.axis-home-loop__step-label em {
  margin-top: 0.16rem;
  color: var(--axis-loop-color);
  font-size: 0.58rem;
  font-style: normal;
}

.axis-home-loop__step-copy h3,
.editor-styles-wrapper .axis-home-loop__step-copy h3 {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: 0;
  color: #f8fafc;
  font-family: var(--axis-font-display);
  font-size: clamp(2rem, 3.2vw, 3.25rem);
  font-weight: 790;
  line-height: 1.02;
  letter-spacing: 0;
}

.axis-home-loop__step-copy p,
.editor-styles-wrapper .axis-home-loop__step-copy p {
  position: relative;
  z-index: 1;
  max-width: 520px;
  margin: 1rem 0 0;
  color: #94a3b8;
  font-size: 1rem;
  font-weight: 560;
  line-height: 1.68;
}

.axis-home-loop__visual,
.axis-home-loop__visual.wp-block-group,
.editor-styles-wrapper .axis-home-loop__visual {
  display: flex;
  min-width: 0;
  justify-content: center;
}

.axis-home-loop__step-inner--scenario,
.axis-home-loop__step-inner--scenario.wp-block-group,
.editor-styles-wrapper .axis-home-loop__step-inner--scenario {
  grid-template-columns: minmax(320px, 0.78fr) minmax(390px, 1fr);
}

.axis-home-loop__visual--chat,
.axis-home-loop__visual--chat.wp-block-group,
.editor-styles-wrapper .axis-home-loop__visual--chat {
  position: relative;
  justify-content: flex-end;
}

.axis-home-loop__step--scenario .axis-home-loop__step-copy,
.axis-home-loop__step--scenario .axis-home-loop__step-copy.wp-block-group,
.editor-styles-wrapper .axis-home-loop__step--scenario .axis-home-loop__step-copy {
  padding-top: clamp(6.75rem, 17vh, 11.5rem);
}

.axis-home-loop .axis-brain-replay--loop,
.editor-styles-wrapper .axis-home-loop .axis-brain-replay--loop {
  position: relative;
  z-index: 2;
  width: min(100%, 650px);
  border-color: rgba(var(--axis-loop-rgb), 0.22);
  background:
    radial-gradient(circle at 94% 0, rgba(var(--axis-loop-rgb), 0.12), transparent 17rem),
    linear-gradient(180deg, rgba(15, 23, 42, 0.97), rgba(6, 12, 24, 0.97)),
    #07101f;
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.45),
    0 0 54px rgba(var(--axis-loop-rgb), 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
}

.axis-home-loop .axis-brain-replay--loop::before,
.editor-styles-wrapper .axis-home-loop .axis-brain-replay--loop::before {
  opacity: 0.2;
}

.axis-home-loop .axis-brain-replay--loop .axis-brain-replay__messages,
.editor-styles-wrapper .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__messages {
  min-height: clamp(18rem, 27vw, 23rem);
}

.axis-home-loop .axis-brain-replay--loop .axis-brain-replay__bubble p,
.editor-styles-wrapper .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__bubble p {
  color: #e2e8f0;
  font-size: clamp(0.78rem, 0.9vw, 0.86rem);
  font-weight: 720;
}

.axis-loop-card {
  width: min(100%, 450px);
  margin: 0;
  padding: 1rem;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.24);
  border-radius: 14px;
  color: #e2e8f0;
  background:
    linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.05), rgba(0, 0, 0, 0.16)),
    rgba(0, 0, 0, 0.32);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.065),
    0 18px 42px rgba(0, 0, 0, 0.2);
}

.axis-loop-card small,
.axis-loop-card em {
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-loop-card--ask p {
  margin: 0.65rem 0 0;
  color: #e2e8f0;
  font-family: var(--axis-font-accent);
  font-size: 0.78rem;
  line-height: 1.7;
}

.axis-loop-card--ask p span {
  color: var(--axis-loop-color);
}

.axis-loop-card--ask em,
.axis-loop-card--approve em {
  display: flex;
  align-items: center;
  gap: 0.44rem;
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.axis-loop-card--ask em i {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: var(--axis-loop-color);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-loop-card--route ul {
  display: grid;
  gap: 0.45rem;
  margin: 0.72rem 0 0;
  padding: 0;
  list-style: none;
}

.axis-loop-card--route li {
  display: grid;
  min-width: 0;
  grid-template-columns: 1.65rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.6rem;
  padding: 0.48rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.026);
}

.axis-loop-card--route b {
  display: grid;
  width: 1.45rem;
  height: 1.45rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-loop-rgb), 0.32);
  border-radius: 7px;
  color: #fff;
  background: rgba(var(--axis-loop-rgb), 0.14);
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
}

.axis-loop-card--route span {
  overflow: hidden;
  color: #cbd5e1;
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 760;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.axis-loop-card--route li em {
  font-size: 0.5rem;
}

.axis-loop-card__bars {
  display: grid;
  gap: 0.62rem;
  margin-top: 0.72rem;
}

.axis-loop-card__bars span {
  display: grid;
  grid-template-columns: minmax(110px, 0.78fr) minmax(0, 1fr) 42px;
  gap: 0.55rem;
  align-items: center;
}

.axis-loop-card__bars strong {
  color: #cbd5e1;
  font-size: 0.72rem;
  line-height: 1;
}

.axis-loop-card__bars em {
  display: none;
}

.axis-loop-card__bars i {
  position: relative;
  height: 0.38rem;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.07);
}

.axis-loop-card__bars i::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--axis-bar);
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(var(--axis-loop-rgb), 0.44), rgb(var(--axis-loop-rgb)));
}

.axis-loop-card__bars b {
  color: #94a3b8;
  font-family: var(--axis-font-accent);
  font-size: 0.62rem;
  text-align: right;
}

.axis-loop-card--approve {
  border-color: rgba(163, 230, 53, 0.36);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.08), rgba(0, 0, 0, 0.18)),
    rgba(0, 0, 0, 0.32);
}

.axis-loop-card--approve small {
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  color: #bef264;
}

.axis-loop-card--approve small svg {
  width: 0.72rem;
  height: 0.72rem;
}

.axis-loop-card--approve strong {
  display: block;
  margin-top: 0.74rem;
  color: #f8fafc;
  font-size: 1rem;
}

.axis-loop-card--approve div {
  display: flex;
  gap: 0.44rem;
  margin-top: 0.9rem;
}

.axis-loop-card--approve button {
  min-height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 9px;
  padding: 0 0.7rem;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.axis-loop-card--approve button:first-child {
  flex: 1;
  border-color: transparent;
  color: #071108;
  background: #a3e635;
}

.axis-home-loop__floor {
  position: absolute;
  right: clamp(1rem, 5vw, 4rem);
  bottom: clamp(1.2rem, 3vh, 1.8rem);
  left: clamp(1rem, 5vw, 4rem);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  pointer-events: none;
}

.axis-home-loop__floor b {
  color: #cbd5e1;
  font: inherit;
}

.axis-home-loop + .axis-brain,
.editor-styles-wrapper .axis-home-loop + .axis-brain {
  margin-top: 0;
  padding-top: clamp(2.75rem, 5vw, 4.75rem);
}

@media (max-width: 1100px) {
  .axis-home-loop__header,
  .editor-styles-wrapper .axis-home-loop__header {
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
  }

  .axis-home-loop__markers,
  .editor-styles-wrapper .axis-home-loop__markers {
    justify-content: flex-start;
  }

  .axis-home-loop__intro,
  .editor-styles-wrapper .axis-home-loop__intro {
    display: none;
  }

  .axis-home-loop__step-inner,
  .editor-styles-wrapper .axis-home-loop__step-inner {
    grid-template-columns: minmax(0, 1fr);
    align-content: center;
    gap: 1.4rem;
  }

  .axis-home-loop__visual,
  .editor-styles-wrapper .axis-home-loop__visual {
    justify-content: flex-start;
  }
}

@media (max-width: 760px) {
  .axis-home-bridge,
  .axis-home-bridge.wp-block-group,
  .editor-styles-wrapper .axis-home-bridge {
    min-height: 6.1rem;
  }

  .axis-home-bridge__stream {
    inset: 50% -38vw auto;
    gap: 0.58rem;
  }

  .axis-home-bridge__row span {
    font-size: 0.5rem;
    letter-spacing: 0.16em;
  }

  .axis-home-bridge__copy,
  .axis-home-bridge__copy.wp-block-group,
  .editor-styles-wrapper .axis-home-bridge__copy {
    padding-top: 11.4rem;
    padding-bottom: 3.8rem;
  }

  .axis-home-bridge__copy h2 {
    max-width: 390px;
    font-size: clamp(2rem, 10vw, 3rem);
  }

  .axis-home-loop,
  .axis-home-loop.wp-block-group,
  .editor-styles-wrapper .axis-home-loop {
    height: calc(var(--axis-loop-count, 5) * 102vh);
    min-height: 2560px;
  }

  .axis-home-loop__hud,
  .axis-home-loop__hud.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__hud {
    width: min(calc(100% - 1.5rem), 1180px);
    padding-top: clamp(4.25rem, 10vh, 5.5rem);
  }

  .axis-home-loop h2,
  .editor-styles-wrapper .axis-home-loop h2 {
    max-width: 360px !important;
    font-size: clamp(2rem, 10.4vw, 2.85rem);
    line-height: 1;
  }

  .axis-home-loop__markers,
  .editor-styles-wrapper .axis-home-loop__markers {
    gap: 0.45rem 0.7rem;
    padding-top: 0.75rem;
  }

  .axis-home-loop__marker {
    font-size: 0.52rem;
    letter-spacing: 0.16em;
  }

  .axis-home-loop__track,
  .axis-home-loop__track.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__track,
  .axis-home-loop__track > .wp-block-group__inner-container,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container {
    width: calc(var(--axis-loop-count, 5) * 100vw);
    padding: clamp(13.5rem, 33vh, 15.25rem) 0 4.5rem;
  }

  .axis-home-loop__step,
  .axis-home-loop__step.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__step,
  .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step,
  .editor-styles-wrapper .axis-home-loop__track > .wp-block-group__inner-container > .axis-home-loop__step {
    flex-basis: 100vw;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    padding: 0 1rem;
  }

  .axis-home-loop__step-copy,
  .axis-home-loop__step-copy.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__step-copy {
    padding-top: clamp(4.8rem, 18vh, 6.3rem);
  }

  .axis-home-loop__number,
  .editor-styles-wrapper .axis-home-loop__number {
    font-size: clamp(5.8rem, 32vw, 8rem);
  }

  .axis-home-loop__step-label {
    gap: 0.55rem;
  }

  .axis-home-loop__step-label > span {
    width: 2.25rem;
    height: 2.25rem;
  }

  .axis-home-loop__step-copy h3,
  .editor-styles-wrapper .axis-home-loop__step-copy h3 {
    font-size: clamp(1.6rem, 7.6vw, 2.15rem);
  }

  .axis-home-loop__step-copy p,
  .editor-styles-wrapper .axis-home-loop__step-copy p {
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .axis-loop-card {
    width: min(100%, 360px);
    padding: 0.88rem;
  }

  .axis-loop-card__bars span {
    grid-template-columns: minmax(88px, 0.82fr) minmax(0, 1fr) 34px;
  }

  .axis-home-loop__floor {
    font-size: 0.52rem;
    letter-spacing: 0.16em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .axis-home-bridge__row div,
  .axis-home-bridge__row i {
    animation: none;
  }

  .axis-home-loop,
  .axis-home-loop.wp-block-group,
  .editor-styles-wrapper .axis-home-loop {
    height: auto;
    min-height: 0;
    padding-block: 5rem !important;
    overflow: visible !important;
  }

  .axis-home-loop__sticky,
  .axis-home-loop__sticky.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__sticky {
    position: relative;
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .axis-home-loop__hud,
  .editor-styles-wrapper .axis-home-loop__hud,
  .axis-home-loop__floor {
    position: relative;
    inset: auto;
  }

  .axis-home-loop__track,
  .axis-home-loop__track.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__track {
    display: grid;
    width: auto;
    height: auto;
    padding: 3rem 1rem 0;
    transform: none !important;
  }

  .axis-home-loop__step,
  .axis-home-loop__step.wp-block-group,
  .editor-styles-wrapper .axis-home-loop__step {
    width: auto;
    min-width: 0;
    max-width: none;
    opacity: 1;
  }
}

/* Homepage light-mode parity for the refreshed hero and operating loop. */
.axis-light .axis-home .axis-brain-console,
.axis-light .editor-styles-wrapper .axis-brain-console {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 78% 8%, rgba(var(--axis-blue-rgb), 0.12), transparent 18rem),
    radial-gradient(circle at 8% 92%, rgba(var(--axis-purple-rgb), 0.08), transparent 18rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(rgba(15, 23, 42, 0.032) 1px, transparent 1px) 0 0 / 42px 42px,
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(239, 244, 252, 0.92));
  box-shadow:
    0 34px 88px rgba(15, 23, 42, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.axis-light .axis-home .axis-brain-console::before,
.axis-light .editor-styles-wrapper .axis-brain-console::before {
  background: linear-gradient(110deg, transparent 20%, rgba(var(--axis-blue-rgb), 0.12), transparent 62%);
  opacity: 0.58;
}

.axis-light .axis-home .axis-brain-console::after,
.axis-light .editor-styles-wrapper .axis-brain-console::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent 32%),
    linear-gradient(90deg, transparent, rgba(var(--axis-blue-rgb), 0.16), transparent);
  opacity: 0.7;
}

.axis-light .axis-command-deck__back,
.axis-light .axis-command-deck__approval,
.axis-light .axis-command-deck.axis-command-panel--chat {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    radial-gradient(circle at 88% 10%, rgba(var(--axis-chat-mode-rgb), 0.09), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(241, 245, 249, 0.92)),
    #fff !important;
  box-shadow:
    0 24px 64px rgba(15, 23, 42, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.axis-light .axis-command-deck.axis-command-panel--chat::before {
  background:
    radial-gradient(circle at 18% 0%, rgba(var(--axis-blue-rgb), 0.08), transparent 16rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.48), transparent 42%);
}

.axis-light .axis-command-deck__bar,
.axis-light .axis-command-deck__back-bar,
.axis-light .axis-command-deck__footer {
  border-color: rgba(15, 23, 42, 0.08);
}

.axis-light .axis-command-deck__bar > strong,
.axis-light .axis-command-deck__row p,
.axis-light .axis-command-deck__agent,
.axis-light .axis-command-deck__approval,
.axis-light .axis-command-deck__dispatch-grid span {
  color: #101827;
}

.axis-light .axis-command-deck__state,
.axis-light .axis-command-deck__state em,
.axis-light .axis-command-deck__back-bar,
.axis-light .axis-command-deck__row small,
.axis-light .axis-command-deck__modes small,
.axis-light .axis-command-deck__rail > small,
.axis-light .axis-command-deck__meta,
.axis-light .axis-command-deck__footer {
  color: #667085;
}

.axis-light .axis-command-deck__state span {
  border-color: rgba(91, 132, 16, 0.28);
  color: #49670d;
  background: rgba(163, 230, 53, 0.13);
}

.axis-light .axis-command-deck__row > div,
.axis-light .axis-command-deck__terminal,
.axis-light .axis-command-deck__dispatch-grid span {
  border-color: rgba(15, 23, 42, 0.085);
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-command-deck__row--brain > div {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.18);
  background:
    linear-gradient(180deg, rgba(var(--axis-chat-mode-rgb), 0.07), rgba(255, 255, 255, 0.78)),
    #fff;
}

.axis-light .axis-command-deck__row--brain > div::after {
  background: repeating-linear-gradient(0deg, rgba(15, 23, 42, 0.025) 0 1px, transparent 1px 5px);
  opacity: 0.28;
}

.axis-light .axis-command-deck__row--brain small,
.axis-light .axis-command-deck__terminal-label,
.axis-light .axis-command-deck__back-bar em {
  color: #087ea4;
}

.axis-light .axis-command-deck__row--brain p,
.axis-light .axis-command-deck__terminal-input.axis-chat-input {
  color: #334155;
}

.axis-light .axis-command-deck__avatar {
  border-color: rgba(15, 23, 42, 0.1);
  color: #475569;
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-command-deck__row--brain .axis-command-deck__avatar {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.24);
  color: #087ea4;
  background:
    linear-gradient(135deg, rgba(var(--axis-blue-rgb), 0.1), rgba(var(--axis-chat-mode-rgb), 0.08)),
    #fff;
}

.axis-light .axis-command-deck__mode,
.axis-light .axis-command-deck__agent {
  border-color: rgba(15, 23, 42, 0.09);
  color: #475569;
  background: rgba(255, 255, 255, 0.64);
}

.axis-light .axis-command-deck__mode em,
.axis-light .axis-command-deck__agent em,
.axis-light .axis-command-deck__chips span {
  color: #667085;
}

.axis-light .axis-command-deck__mode.is-active,
.axis-light .axis-command-deck__agent.is-active,
.axis-light .axis-command-deck__agent:hover,
.axis-light .axis-command-deck__agent:focus-visible {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.28);
  color: #101827;
  background: rgba(var(--axis-chat-mode-rgb), 0.085);
}

.axis-light .axis-command-deck__chips span {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.16);
  background: rgba(var(--axis-chat-mode-rgb), 0.06);
}

.axis-light .axis-command-deck__draft-lines span {
  background: rgba(15, 23, 42, 0.065);
}

.axis-light .axis-command-deck__terminal {
  background: rgba(248, 250, 252, 0.88);
}

.axis-light .axis-command-deck__send.axis-chat-send {
  border-color: rgba(var(--axis-chat-mode-rgb), 0.22);
  background: rgba(var(--axis-chat-mode-rgb), 0.09);
  color: #0f172a;
}

.axis-light .axis-home-bridge,
.axis-light .axis-home-bridge.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-bridge {
  color: #101827;
  background:
    radial-gradient(circle at 72% 50%, rgba(var(--axis-blue-rgb), 0.09), transparent 18rem),
    linear-gradient(180deg, #f5f7fa 0, #eef3f8 54%, #f8fafc 100%);
}

.axis-light .axis-home-bridge::before,
.axis-light .editor-styles-wrapper .axis-home-bridge::before {
  opacity: 0.62;
  background:
    linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px) 0 0 / 72px 72px,
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px) 0 0 / 72px 72px;
}

.axis-light .axis-home-bridge::after,
.axis-light .editor-styles-wrapper .axis-home-bridge::after {
  background: linear-gradient(180deg, transparent, rgba(248, 250, 252, 0.92) 84%);
}

.axis-light .axis-home-bridge__row {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.55);
}

.axis-light .axis-home-bridge__row span {
  color: rgba(51, 65, 85, 0.78);
}

.axis-light .axis-home-loop,
.axis-light .axis-home-loop.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-loop {
  color: #101827;
  background: #eaf0f8;
}

.axis-light .axis-home-loop__sticky,
.axis-light .axis-home-loop__sticky.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-loop__sticky {
  background:
    radial-gradient(circle at 78% 76%, rgba(var(--axis-blue-rgb), 0.1), transparent 30rem),
    radial-gradient(circle at 34% 86%, rgba(var(--axis-purple-rgb), 0.07), transparent 34rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px) 0 0 / 74px 74px,
    #f8fafc;
}

.axis-light .axis-home-loop__sticky::before {
  background:
    linear-gradient(90deg, rgba(8, 126, 164, 0.72), rgba(126, 87, 194, 0.4), rgba(91, 132, 16, 0.7)) 0 clamp(7.25rem, 15vh, 9.75rem) / min(680px, 48vw) 1px no-repeat,
    linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent 34%);
}

.axis-light .axis-home-loop__sticky::after {
  background:
    linear-gradient(90deg, transparent, rgba(248, 250, 252, 0.12) 48%, rgba(248, 250, 252, 0.62)),
    linear-gradient(0deg, rgba(248, 250, 252, 0.72), transparent 24%, transparent 74%, rgba(248, 250, 252, 0.72));
}

.axis-light .axis-home-loop .axis-kicker,
.axis-light .editor-styles-wrapper .axis-home-loop .axis-kicker {
  color: #087ea4;
}

.axis-light .axis-home-loop h2,
.axis-light .editor-styles-wrapper .axis-home-loop h2,
.axis-light .axis-home-loop__step-copy h3,
.axis-light .editor-styles-wrapper .axis-home-loop__step-copy h3 {
  color: #101827;
}

.axis-light .axis-home-loop h2 span,
.axis-light .editor-styles-wrapper .axis-home-loop h2 span {
  color: #5b8410;
}

.axis-light .axis-home-loop__marker {
  color: #64748b;
}

.axis-light .axis-home-loop__marker.is-past,
.axis-light .axis-home-loop__marker.is-active,
.axis-light .axis-home-loop__floor b,
.axis-light .axis-home-loop__step-label small {
  color: #1f2937;
}

.axis-light .axis-home-loop__progress {
  background: rgba(15, 23, 42, 0.12);
}

.axis-light .axis-home-loop__number,
.axis-light .editor-styles-wrapper .axis-home-loop__number {
  color: rgba(var(--axis-loop-rgb), 0.075);
  -webkit-text-stroke-color: rgba(var(--axis-loop-rgb), 0.6);
  text-shadow: 0 0 30px rgba(var(--axis-loop-rgb), 0.18);
}

.axis-light .axis-home-loop__step-copy p,
.axis-light .editor-styles-wrapper .axis-home-loop__step-copy p,
.axis-light .axis-home-loop__floor {
  color: #64748b;
}

.axis-light .axis-loop-card {
  border-color: rgba(var(--axis-loop-rgb), 0.18);
  color: #334155;
  background:
    linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.045), rgba(255, 255, 255, 0.72)),
    rgba(255, 255, 255, 0.86);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 18px 42px rgba(15, 23, 42, 0.09);
}

.axis-light .axis-loop-card--ask p,
.axis-light .axis-loop-card--route span,
.axis-light .axis-loop-card__bars strong,
.axis-light .axis-loop-card--approve strong {
  color: #1f2937;
}

.axis-light .axis-loop-card small,
.axis-light .axis-loop-card em,
.axis-light .axis-loop-card__bars b {
  color: #64748b;
}

.axis-light .axis-loop-card--route li {
  border-color: rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.62);
}

.axis-light .axis-loop-card__bars i {
  background: rgba(15, 23, 42, 0.08);
}

.axis-light .axis-loop-card--approve {
  border-color: rgba(91, 132, 16, 0.26);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.09), rgba(255, 255, 255, 0.78)),
    rgba(255, 255, 255, 0.86);
}

.axis-light .axis-loop-card--approve small {
  color: #5b8410;
}

.axis-light .axis-loop-card--approve button {
  border-color: rgba(15, 23, 42, 0.1);
  color: #334155;
  background: rgba(248, 250, 252, 0.9);
}

.axis-light .axis-loop-card--approve button:first-child {
  color: #102000;
  background: #a3e635;
}

.axis-light .axis-home-loop .axis-brain-replay--loop {
  border-color: rgba(var(--axis-loop-rgb), 0.34);
  background:
    radial-gradient(circle at 94% 0, rgba(var(--axis-loop-rgb), 0.16), transparent 17rem),
    linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(235, 242, 250, 0.96)),
    #f8fbff;
  box-shadow:
    0 30px 72px rgba(15, 23, 42, 0.16),
    0 0 44px rgba(var(--axis-loop-rgb), 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.axis-light .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__bubble {
  border-color: rgba(15, 23, 42, 0.13);
  background: rgba(255, 255, 255, 0.86);
}

.axis-light .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__message--brain .axis-brain-replay__bubble {
  border-color: rgba(var(--axis-loop-rgb), 0.32);
  background:
    linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.12), rgba(255, 255, 255, 0.9)),
    #fff;
}

.axis-light .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__bubble small {
  color: #475569;
}

.axis-light .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__bubble p,
.axis-light .axis-home-loop .axis-brain-replay--loop .axis-brain-replay__chip {
  color: #1f2937;
}

/* Final homepage contrast and Brain replay treatment. */
.axis-light .axis-home-loop__sticky,
.axis-light .axis-home-loop__sticky.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-loop__sticky {
  background:
    radial-gradient(circle at 72% 74%, rgba(var(--axis-blue-rgb), 0.13), transparent 30rem),
    radial-gradient(circle at 24% 82%, rgba(var(--axis-purple-rgb), 0.095), transparent 32rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.09) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(15, 23, 42, 0.066) 1px, transparent 1px) 0 0 / 74px 74px,
    #eaf0f8;
}

.axis-light .axis-home-loop__sticky::after {
  background:
    linear-gradient(90deg, transparent, rgba(234, 240, 248, 0.04) 48%, rgba(234, 240, 248, 0.24)),
    linear-gradient(0deg, rgba(234, 240, 248, 0.28), transparent 22%, transparent 74%, rgba(234, 240, 248, 0.34));
}

.axis-light .axis-home-loop__step,
.axis-light .axis-home-loop__step.wp-block-group,
.axis-light .editor-styles-wrapper .axis-home-loop__step {
  opacity: 1;
}

.axis-light .axis-home-loop__step.is-active,
.axis-light .axis-home-loop__step.is-next {
  opacity: 1;
}

.axis-light .axis-home-loop h2,
.axis-light .editor-styles-wrapper .axis-home-loop h2,
.axis-light .axis-home-loop__step-copy h3,
.axis-light .editor-styles-wrapper .axis-home-loop__step-copy h3 {
  color: #0f172a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.74);
}

.axis-light .axis-home-loop__step-copy p,
.axis-light .editor-styles-wrapper .axis-home-loop__step-copy p {
  color: #475569;
  font-weight: 680;
}

.axis-light .axis-home-loop__number,
.axis-light .editor-styles-wrapper .axis-home-loop__number {
  color: rgba(var(--axis-loop-rgb), 0.14);
  -webkit-text-stroke-color: rgba(var(--axis-loop-rgb), 0.78);
}

.axis-light .axis-home-loop__step-label > span,
.axis-light .editor-styles-wrapper .axis-home-loop__step-label > span {
  border-color: rgba(var(--axis-loop-rgb), 0.32);
  background:
    linear-gradient(180deg, rgba(var(--axis-loop-rgb), 0.13), rgba(255, 255, 255, 0.92)),
    #fff;
  box-shadow: 0 10px 24px rgba(var(--axis-loop-rgb), 0.14);
}

.axis-light .axis-home-loop__step-label small,
.axis-light .axis-home-loop__marker.is-past,
.axis-light .axis-home-loop__marker.is-active,
.axis-light .axis-home-loop__floor b {
  color: #111827;
}

.axis-light .axis-home-loop__step-label em {
  color: rgb(var(--axis-loop-rgb));
  filter: saturate(1.08) brightness(0.86);
}

.axis-light .axis-loop-card {
  border-color: rgba(var(--axis-loop-rgb), 0.28);
  color: #1f2937;
  background:
    radial-gradient(circle at 90% 0, rgba(var(--axis-loop-rgb), 0.105), transparent 12rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
    #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 26px 64px rgba(15, 23, 42, 0.13);
}

.axis-light .axis-loop-card small,
.axis-light .axis-loop-card em,
.axis-light .axis-loop-card__bars b {
  color: #475569;
}

.axis-light .axis-loop-card--approve {
  border-color: rgba(91, 132, 16, 0.34);
  background:
    radial-gradient(circle at 18% 0, rgba(163, 230, 53, 0.2), transparent 12rem),
    linear-gradient(180deg, #fff, #f7fbef),
    #fff;
}

.axis-light .axis-loop-card--approve strong,
.axis-light .axis-loop-card--ask p,
.axis-light .axis-loop-card--route span,
.axis-light .axis-loop-card__bars strong {
  color: #111827;
}

.axis-light .axis-loop-card--approve small {
  color: #3f6212;
}

.axis-light .axis-loop-card--approve em,
.axis-light .axis-loop-card--ask em {
  border-top-color: rgba(15, 23, 42, 0.12);
}

.axis-brain--replay,
.axis-brain--replay.wp-block-group,
.editor-styles-wrapper .axis-brain--replay {
  position: relative;
  overflow: clip;
  padding-block: clamp(4.25rem, 8vw, 7rem);
  border-bottom: 1px solid rgba(var(--axis-border-rgb), 0.18);
  background:
    radial-gradient(circle at 12% 8%, rgba(var(--axis-blue-rgb), 0.13), transparent 24rem),
    radial-gradient(circle at 86% 16%, rgba(var(--axis-purple-rgb), 0.11), transparent 28rem),
    linear-gradient(90deg, rgba(255, 255, 255, 0.038) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(255, 255, 255, 0.028) 1px, transparent 1px) 0 0 / 74px 74px,
    #050a14;
}

.axis-brain--replay::before,
.axis-brain--replay::after,
.editor-styles-wrapper .axis-brain--replay::before,
.editor-styles-wrapper .axis-brain--replay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.axis-brain--replay::before,
.editor-styles-wrapper .axis-brain--replay::before {
  z-index: 0;
  background:
    linear-gradient(105deg, rgba(var(--axis-blue-rgb), 0.16), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 30%, transparent 74%, rgba(0, 0, 0, 0.2));
  mask-image: linear-gradient(180deg, transparent, #000 16%, #000 84%, transparent);
}

.axis-brain--replay::after,
.editor-styles-wrapper .axis-brain--replay::after {
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(0, 229, 255, 0.2), transparent);
  opacity: 0.22;
  transform: translateX(-72%);
  animation: axisBrainSweep 8s ease-in-out infinite;
}

.axis-brain--replay > *,
.editor-styles-wrapper .axis-brain--replay > * {
  position: relative;
  z-index: 2;
}

.axis-brain--replay .axis-brain__layout,
.editor-styles-wrapper .axis-brain--replay .axis-brain__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(420px, 1fr);
  gap: clamp(1.35rem, 3vw, 2rem) clamp(2rem, 6vw, 5rem);
  align-items: center;
}

.axis-brain__copy,
.editor-styles-wrapper .axis-brain__copy {
  display: grid;
  align-content: center;
}

.axis-brain--replay .axis-kicker,
.editor-styles-wrapper .axis-brain--replay .axis-kicker {
  margin-bottom: 1.05rem;
  border: 0;
  padding: 0;
  color: #00e5ff;
  background: transparent;
}

.axis-brain--replay h2,
.editor-styles-wrapper .axis-brain--replay h2 {
  max-width: 12.5ch;
  color: #f8fafc;
  font-size: clamp(2.35rem, 4.5vw, 4.35rem);
  font-weight: 820;
  line-height: 0.98;
  letter-spacing: 0;
}

.axis-brain--replay h2 span,
.editor-styles-wrapper .axis-brain--replay h2 span {
  color: #67e8f9;
}

.axis-brain-scenarios {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.72rem;
  align-items: stretch;
  margin-bottom: clamp(1rem, 2.6vw, 1.55rem);
}

.axis-brain-scenario-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.22rem;
  align-items: start;
  width: 100%;
  min-height: 9.25rem;
  padding: 0.82rem;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 13px;
  color: #e2e8f0;
  background:
    linear-gradient(90deg, rgba(var(--axis-scenario-rgb), 0.07), transparent 62%),
    rgba(12, 22, 38, 0.54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  text-align: left;
  cursor: pointer;
  transition:
    border-color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.axis-brain-scenario-card:hover,
.axis-brain-scenario-card:focus-visible,
.axis-brain-scenario-card.is-active {
  border-color: rgba(var(--axis-scenario-rgb), 0.46);
  background:
    linear-gradient(90deg, rgba(var(--axis-scenario-rgb), 0.13), transparent 68%),
    rgba(12, 22, 38, 0.72);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 36px rgba(var(--axis-scenario-rgb), 0.1);
  transform: translateY(-0.16rem);
}

.axis-brain-scenario-card:focus-visible {
  outline: 2px solid rgba(var(--axis-scenario-rgb), 0.72);
  outline-offset: 3px;
}

.axis-brain-scenario-card > span {
  display: grid;
  width: 2rem;
  height: 2rem;
  place-items: center;
  border: 1px solid rgba(var(--axis-scenario-rgb), 0.34);
  border-radius: 10px;
  color: rgb(var(--axis-scenario-rgb));
  background: rgba(var(--axis-scenario-rgb), 0.09);
  font-family: var(--axis-font-accent);
  font-size: 0.64rem;
  font-weight: 900;
}

.axis-brain-scenario-card strong,
.axis-brain-scenario-card em,
.axis-brain-scenario-card small {
  min-width: 0;
}

.axis-brain-scenario-card strong {
  margin-top: 0.16rem;
  color: #f8fafc;
  font-size: 0.93rem;
  font-weight: 840;
  line-height: 1.1;
}

.axis-brain-scenario-card em {
  color: rgb(var(--axis-scenario-rgb));
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-style: normal;
  font-weight: 850;
  letter-spacing: 0.17em;
  line-height: 1.2;
  text-transform: uppercase;
}

.axis-brain-scenario-card small {
  display: -webkit-box;
  overflow: hidden;
  color: #94a3b8;
  font-size: 0.78rem;
  font-weight: 620;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.axis-brain--replay .axis-brain__copy > p:not(.axis-kicker),
.editor-styles-wrapper .axis-brain--replay .axis-brain__copy > p:not(.axis-kicker) {
  max-width: 34rem;
  margin-top: 1rem;
  color: #94a3b8;
  font-size: clamp(0.98rem, 1.18vw, 1.1rem);
  font-weight: 620;
  line-height: 1.62;
}

.axis-brain-advantages,
.axis-brain-advantages.wp-block-group,
.editor-styles-wrapper .axis-brain-advantages {
  display: grid;
  gap: 0.75rem;
  margin-top: clamp(1.15rem, 3vw, 1.8rem);
}

.axis-brain-advantage,
.axis-brain-advantage.wp-block-group,
.editor-styles-wrapper .axis-brain-advantage {
  display: grid;
  grid-template-columns: 2.45rem minmax(0, 1fr);
  gap: 0.78rem;
  align-items: start;
  padding: 0.72rem 0.85rem;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(0, 229, 255, 0.055), transparent 58%),
    rgba(12, 22, 38, 0.54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.axis-brain-advantage > span {
  display: inline-grid;
  width: 2.15rem;
  height: 2.15rem;
  place-items: center;
  border: 1px solid rgba(0, 229, 255, 0.2);
  border-radius: 10px;
  color: #67e8f9;
  background: rgba(0, 229, 255, 0.08);
}

.axis-brain-advantage svg {
  width: 1rem;
  height: 1rem;
}

.axis-brain-advantage h3,
.editor-styles-wrapper .axis-brain-advantage h3 {
  margin: 0;
  color: #f8fafc;
  font-size: 0.98rem;
  font-weight: 820;
}

.axis-brain-advantage p,
.editor-styles-wrapper .axis-brain-advantage p {
  margin: 0.18rem 0 0;
  color: #94a3b8;
  font-size: 0.87rem;
  font-weight: 600;
  line-height: 1.45;
}

.axis-brain-replay {
  --axis-scenario-rgb: 0, 229, 255;
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(148, 163, 184, 0.15);
  border-radius: 18px;
  background:
    radial-gradient(circle at 94% 0, rgba(0, 229, 255, 0.07), transparent 17rem),
    linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(8, 14, 26, 0.88)),
    rgba(8, 14, 26, 0.92);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transform: translateZ(0);
}

.axis-brain-replay::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 6px),
    linear-gradient(110deg, transparent 12%, rgba(0, 229, 255, 0.08), transparent 34%);
  opacity: 0.32;
  pointer-events: none;
}

.axis-brain-replay > * {
  position: relative;
  z-index: 1;
}

.axis-brain-replay__chrome,
.axis-brain-replay__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 3rem;
  padding: 0.78rem 1rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.6rem;
  font-weight: 850;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.axis-brain-replay__chrome {
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.axis-brain-replay__footer {
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}

.axis-brain-replay__chrome span,
.axis-brain-replay__footer span {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.axis-brain-replay__chrome i,
.axis-brain-replay__footer i {
  display: inline-block;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 999px;
  background: rgb(var(--axis-scenario-rgb));
  box-shadow: 0 0 16px rgba(var(--axis-scenario-rgb), 0.72);
  animation: axisPulse 1.8s ease-out infinite;
}

.axis-brain-replay__footer i {
  background: #a3e635;
  box-shadow: 0 0 14px rgba(163, 230, 53, 0.68);
}

.axis-brain-replay__body {
  display: block;
  padding: 0.88rem;
}

.axis-brain-replay__messages {
  min-height: clamp(24rem, 35vw, 29.5rem);
}

.axis-brain-replay__message {
  --axis-replay-gap: 0.52rem;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: start;
  max-height: 18rem;
  margin-top: var(--axis-replay-gap);
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
}

.axis-brain-replay__message:first-child {
  --axis-replay-gap: 0rem;
}

.axis-motion-ready .axis-brain-replay__message {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  transform: translateY(14px);
  animation: none;
}

.axis-motion-ready .axis-brain-replay.is-visible .axis-brain-replay__message {
  animation: axisReplayMessageIn 760ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: calc(0.42s + (var(--axis-replay-index, 0) * 0.78s));
}

.axis-motion-ready .axis-brain-replay[data-axis-brain-replay-enhanced].is-visible .axis-brain-replay__message {
  animation-delay: 0s;
}

.axis-brain-replay__avatar {
  display: grid;
  width: 1.75rem;
  height: 1.75rem;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.14);
  border-radius: 9px;
  color: #64748b;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
}

.axis-brain-replay__message--brain .axis-brain-replay__avatar {
  border-color: rgba(var(--axis-scenario-rgb), 0.34);
  color: #67e8f9;
  background: rgba(var(--axis-scenario-rgb), 0.12);
}

.axis-brain-replay__message--task .axis-brain-replay__avatar,
.axis-brain-replay__message--products .axis-brain-replay__avatar,
.axis-brain-replay__message--approval .axis-brain-replay__avatar {
  border-color: rgba(163, 230, 53, 0.32);
  color: #bef264;
  background: rgba(163, 230, 53, 0.1);
}

.axis-brain-replay__message--coupons .axis-brain-replay__avatar {
  border-color: rgba(139, 92, 246, 0.34);
  color: #c4b5fd;
  background: rgba(139, 92, 246, 0.11);
}

.axis-brain-replay__message--orders .axis-brain-replay__avatar {
  border-color: rgba(59, 130, 246, 0.34);
  color: #93c5fd;
  background: rgba(59, 130, 246, 0.11);
}

.axis-brain-replay__message--content .axis-brain-replay__avatar {
  border-color: rgba(56, 189, 248, 0.34);
  color: #7dd3fc;
  background: rgba(56, 189, 248, 0.11);
}

.axis-brain-replay__bubble {
  min-width: 0;
  padding: 0.66rem 0.78rem;
  border: 1px solid rgba(148, 163, 184, 0.11);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
}

.axis-brain-replay__message--brain .axis-brain-replay__bubble {
  border-color: rgba(var(--axis-scenario-rgb), 0.24);
  background:
    linear-gradient(180deg, rgba(var(--axis-scenario-rgb), 0.085), rgba(255, 255, 255, 0.02)),
    rgba(8, 28, 42, 0.54);
  box-shadow: 0 0 34px rgba(var(--axis-scenario-rgb), 0.08);
}

.axis-brain-replay__message--approval .axis-brain-replay__bubble {
  border-color: rgba(163, 230, 53, 0.28);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.075), rgba(255, 255, 255, 0.02)),
    rgba(20, 30, 16, 0.42);
}

.axis-brain-replay__bubble small {
  display: block;
  margin-bottom: 0.3rem;
  color: #64748b;
  font-family: var(--axis-font-accent);
  font-size: 0.58rem;
  font-weight: 850;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.axis-brain-replay__bubble p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.83rem;
  font-weight: 620;
  line-height: 1.5;
}

.axis-brain-replay__chip {
  display: inline-flex;
  align-items: center;
  margin: 0.58rem 0.28rem 0 0;
  padding: 0.22rem 0.48rem;
  border: 1px solid rgba(148, 163, 184, 0.13);
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.035);
  font-family: var(--axis-font-accent);
  font-size: 0.52rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.axis-brain-replay__chip--1 {
  border-color: rgba(56, 189, 248, 0.28);
}

.axis-brain-replay__chip--2 {
  border-color: rgba(163, 230, 53, 0.28);
}

.axis-brain-replay__chip--3 {
  border-color: rgba(59, 130, 246, 0.28);
}

.axis-brain-replay__chip--4 {
  border-color: rgba(139, 92, 246, 0.28);
}

.axis-brain-replay__chip--5 {
  border-color: rgba(0, 229, 255, 0.28);
}

.axis-brain-replay__dots {
  display: flex;
  gap: 0.4rem;
  max-height: 2rem;
  margin-top: 0.52rem;
  overflow: hidden;
  padding-left: 2.7rem;
  opacity: 1;
  transform: translateY(0);
}

.axis-motion-ready .axis-brain-replay__dots {
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  transform: translateY(8px);
}

.axis-motion-ready .axis-brain-replay.is-visible .axis-brain-replay__dots {
  animation: axisReplayDotsIn 520ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
  animation-delay: 5.35s;
}

.axis-brain-replay__dots i {
  width: 0.32rem;
  height: 0.32rem;
  border-radius: 999px;
  background: #64748b;
  animation: axisReplayDot 1.4s ease-in-out infinite;
}

.axis-brain-replay__dots i:nth-child(2) {
  animation-delay: 0.18s;
}

.axis-brain-replay__dots i:nth-child(3) {
  animation-delay: 0.36s;
}

.axis-light .axis-brain--replay,
.axis-light .axis-brain--replay.wp-block-group,
.axis-light .editor-styles-wrapper .axis-brain--replay {
  border-bottom-color: rgba(15, 23, 42, 0.09);
  background:
    radial-gradient(circle at 14% 10%, rgba(var(--axis-blue-rgb), 0.11), transparent 24rem),
    radial-gradient(circle at 88% 18%, rgba(var(--axis-purple-rgb), 0.08), transparent 28rem),
    linear-gradient(90deg, rgba(15, 23, 42, 0.055) 1px, transparent 1px) 0 0 / 74px 74px,
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px) 0 0 / 74px 74px,
    #f8fafc;
}

.axis-light .axis-brain--replay::before,
.axis-light .editor-styles-wrapper .axis-brain--replay::before {
  background:
    linear-gradient(105deg, rgba(var(--axis-blue-rgb), 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.56), transparent 30%, transparent 74%, rgba(226, 232, 240, 0.42));
}

.axis-light .axis-brain--replay h2,
.axis-light .editor-styles-wrapper .axis-brain--replay h2 {
  color: #0f172a;
}

.axis-light .axis-brain--replay h2 span,
.axis-light .editor-styles-wrapper .axis-brain--replay h2 span {
  color: #087ea4;
}

.axis-light .axis-brain--replay .axis-brain__copy > p:not(.axis-kicker),
.axis-light .editor-styles-wrapper .axis-brain--replay .axis-brain__copy > p:not(.axis-kicker) {
  color: #475569;
}

.axis-light .axis-brain-scenario-card {
  border-color: rgba(15, 23, 42, 0.1);
  color: #0f172a;
  background:
    linear-gradient(90deg, rgba(var(--axis-scenario-rgb), 0.08), transparent 62%),
    rgba(255, 255, 255, 0.82);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 14px 34px rgba(15, 23, 42, 0.055);
}

.axis-light .axis-brain-scenario-card:hover,
.axis-light .axis-brain-scenario-card:focus-visible,
.axis-light .axis-brain-scenario-card.is-active {
  border-color: rgba(var(--axis-scenario-rgb), 0.38);
  background:
    linear-gradient(90deg, rgba(var(--axis-scenario-rgb), 0.13), transparent 68%),
    rgba(255, 255, 255, 0.94);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 1),
    0 16px 38px rgba(15, 23, 42, 0.08);
}

.axis-light .axis-brain-scenario-card strong {
  color: #111827;
}

.axis-light .axis-brain-scenario-card small {
  color: #475569;
}

.axis-light .axis-brain-advantage,
.axis-light .axis-brain-advantage.wp-block-group,
.axis-light .editor-styles-wrapper .axis-brain-advantage {
  border-color: rgba(15, 23, 42, 0.1);
  background:
    linear-gradient(90deg, rgba(var(--axis-blue-rgb), 0.075), transparent 58%),
    rgba(255, 255, 255, 0.84);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 14px 34px rgba(15, 23, 42, 0.07);
}

.axis-light .axis-brain-advantage > span {
  border-color: rgba(var(--axis-blue-rgb), 0.22);
  color: #087ea4;
  background: rgba(var(--axis-blue-rgb), 0.08);
}

.axis-light .axis-brain-advantage h3,
.axis-light .editor-styles-wrapper .axis-brain-advantage h3 {
  color: #111827;
}

.axis-light .axis-brain-advantage p,
.axis-light .editor-styles-wrapper .axis-brain-advantage p {
  color: #475569;
}

.axis-light .axis-brain-replay {
  border-color: rgba(15, 23, 42, 0.11);
  background:
    radial-gradient(circle at 94% 0, rgba(var(--axis-blue-rgb), 0.09), transparent 17rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.94)),
    #fff;
  box-shadow:
    0 30px 72px rgba(15, 23, 42, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

.axis-light .axis-brain-replay::before {
  background:
    repeating-linear-gradient(0deg, rgba(15, 23, 42, 0.024) 0 1px, transparent 1px 6px),
    linear-gradient(110deg, transparent 12%, rgba(var(--axis-blue-rgb), 0.08), transparent 34%);
  opacity: 0.4;
}

.axis-light .axis-brain-replay__chrome,
.axis-light .axis-brain-replay__footer {
  border-color: rgba(15, 23, 42, 0.08);
  color: #64748b;
}

.axis-light .axis-brain-replay__avatar {
  border-color: rgba(15, 23, 42, 0.1);
  color: #475569;
  background: rgba(255, 255, 255, 0.72);
}

.axis-light .axis-brain-replay__bubble {
  border-color: rgba(15, 23, 42, 0.09);
  background: rgba(255, 255, 255, 0.78);
}

.axis-light .axis-brain-replay__message--brain .axis-brain-replay__bubble {
  border-color: rgba(var(--axis-scenario-rgb), 0.22);
  background:
    linear-gradient(180deg, rgba(var(--axis-scenario-rgb), 0.09), rgba(255, 255, 255, 0.78)),
    #fff;
}

.axis-light .axis-brain-replay__message--approval .axis-brain-replay__bubble {
  border-color: rgba(91, 132, 16, 0.24);
  background:
    linear-gradient(180deg, rgba(163, 230, 53, 0.12), rgba(255, 255, 255, 0.78)),
    #fff;
}

.axis-light .axis-brain-replay__bubble small {
  color: #64748b;
}

.axis-light .axis-brain-replay__bubble p,
.axis-light .axis-brain-replay__chip {
  color: #334155;
}

.axis-light .axis-brain-replay__chip {
  background: rgba(255, 255, 255, 0.72);
}

@keyframes axisBrainSweep {
  0%,
  100% {
    transform: translateX(-72%);
  }

  48%,
  60% {
    transform: translateX(72%);
  }
}

@keyframes axisReplayMessageIn {
  0% {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    max-height: 18rem;
    margin-top: var(--axis-replay-gap);
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes axisReplayDotsIn {
  0% {
    max-height: 0;
    margin-top: 0;
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    max-height: 2rem;
    margin-top: 0.52rem;
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes axisReplayDot {
  0%,
  100% {
    opacity: 0.35;
  }

  50% {
    opacity: 1;
  }
}

@media (max-width: 1100px) {
  .axis-brain--replay .axis-brain__layout,
  .editor-styles-wrapper .axis-brain--replay .axis-brain__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-brain-scenarios {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-brain-replay {
    position: relative;
    top: auto;
  }
}

@media (max-width: 720px) {
  .axis-brain--replay,
  .axis-brain--replay.wp-block-group,
  .editor-styles-wrapper .axis-brain--replay {
    padding-block: clamp(3.8rem, 14vw, 5.5rem);
  }

  .axis-brain-advantage,
  .axis-brain-advantage.wp-block-group,
  .editor-styles-wrapper .axis-brain-advantage,
  .axis-brain-replay__message {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-brain-replay__avatar {
    width: fit-content;
    min-width: 1.75rem;
    padding-inline: 0.42rem;
  }

  .axis-brain-scenarios {
    grid-template-columns: minmax(0, 1fr);
  }

  .axis-brain-scenario-card {
    min-height: 8.5rem;
    transform: none;
  }

  .axis-brain-scenario-card:hover,
  .axis-brain-scenario-card:focus-visible,
  .axis-brain-scenario-card.is-active {
    transform: none;
  }

  .axis-brain-replay__messages {
    min-height: 31rem;
  }

  .axis-brain-replay__chrome,
  .axis-brain-replay__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .axis-brain--replay::after,
  .editor-styles-wrapper .axis-brain--replay::after,
  .axis-brain-replay__message,
  .axis-brain-replay__dots,
  .axis-brain-replay__chrome i,
  .axis-brain-replay__footer i,
  .axis-brain-replay__dots i {
    animation: none;
  }

  .axis-brain-replay__message {
    max-height: none;
    margin-top: var(--axis-replay-gap);
    opacity: 1;
    transform: none;
  }

  .axis-brain-replay__dots {
    max-height: none;
    margin-top: 0.52rem;
    opacity: 1;
    transform: none;
  }
}

/* OumsAI WooCommerce coming-soon replacement. */
body.axis-coming-soon-template {
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #07101f;
}

.wp-block-woocommerce-coming-soon.axis-coming-soon-pattern,
.woocommerce-coming-soon-default.axis-coming-soon-pattern,
.woocommerce-coming-soon-store-only.axis-coming-soon-pattern {
  min-width: 320px;
  min-height: 100vh;
  background: #07101f;
  color: var(--axis-ink);
}

.wp-block-woocommerce-coming-soon.axis-coming-soon-pattern > .wp-block-shortcode,
.woocommerce-coming-soon-default.axis-coming-soon-pattern > .wp-block-shortcode,
.woocommerce-coming-soon-store-only.axis-coming-soon-pattern > .wp-block-shortcode {
  margin: 0;
}

.axis-coming-soon {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: visible;
  background:
    radial-gradient(circle at 18% 18%, rgba(var(--axis-olive-rgb), 0.12), transparent 24rem),
    radial-gradient(circle at 84% 18%, rgba(var(--axis-blue-rgb), 0.16), transparent 30rem),
    radial-gradient(circle at 60% 88%, rgba(var(--axis-purple-rgb), 0.1), transparent 24rem),
    linear-gradient(135deg, rgba(10, 23, 41, 0.96), rgba(5, 10, 20, 0.98));
  color: var(--axis-ink);
}

.axis-coming-soon__hero {
  box-sizing: border-box;
  min-height: 100vh;
  display: grid;
  align-items: center;
  padding: clamp(2.4rem, 5vw, 4.5rem) 0;
}

.axis-coming-soon__hero .axis-grid-bg {
  opacity: 0.68;
}

.axis-coming-soon__nav {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: clamp(2rem, 5vw, 4.8rem);
}

.axis-coming-soon__brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.axis-coming-soon__brand img {
  display: block;
  width: clamp(118px, 12vw, 154px);
  height: auto;
}

.axis-coming-soon__brand span {
  font-family: var(--axis-font-display);
  font-size: 1.1rem;
  font-weight: 700;
}

.axis-coming-soon__badge {
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  justify-content: center;
  padding: 0.62rem 0.86rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: var(--axis-muted);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1;
  text-transform: uppercase;
}

.axis-coming-soon .axis-coming-soon__layout {
  grid-template-columns: minmax(0, 660px) minmax(420px, 580px);
  align-items: center;
  justify-content: center;
  gap: clamp(2.6rem, 4.4vw, 5rem);
}

.axis-coming-soon__visual-stack {
  order: 1;
  display: grid;
  width: min(44vw, 660px);
  min-width: 0;
  align-content: center;
  gap: clamp(0.75rem, 1.5vh, 1rem);
  justify-self: start;
}

.axis-coming-soon .axis-coming-soon__visual-stack .axis-hero__visual {
  order: initial;
  width: 100%;
  height: auto;
  min-height: clamp(620px, 68vw, 760px);
  margin: 0;
  justify-self: stretch;
  overflow: visible;
}

.axis-coming-soon .axis-operating-demo {
  --axis-demo-rest-x: 0deg;
  --axis-demo-rest-y: 0deg;
  overflow: visible;
  transform:
    perspective(1300px)
    rotateX(calc(var(--axis-demo-rest-x) + (var(--axis-parallax-y, 0) * -0.72deg)))
    rotateY(calc(var(--axis-demo-rest-y) + (var(--axis-parallax-x, 0) * 0.72deg)))
    translateZ(0)
    scale(0.98);
  transform-origin: center;
  transform-style: preserve-3d;
}

.axis-coming-soon__copy {
  order: 2;
  max-width: 760px;
}

.axis-coming-soon .axis-hero__layout--text-right .axis-coming-soon__copy {
  position: relative;
  z-index: 3;
  width: min(100%, 580px);
  justify-self: end;
}

.axis-coming-soon .axis-coming-soon__title {
  max-width: 760px;
  margin: 0;
  font-size: clamp(2.7rem, 4.6vw, 5.4rem);
  font-weight: 750;
  letter-spacing: 0;
  line-height: 0.88;
}

.axis-coming-soon__lead {
  max-width: 560px;
  font-size: clamp(0.88rem, 1vw, 1rem);
  line-height: 1.48;
}

.axis-coming-soon__countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.52rem, 1vw, 0.76rem);
  max-width: 600px;
  margin-top: clamp(0.72rem, 1.2vh, 1rem);
}

.axis-coming-soon__countdown div {
  position: relative;
  min-width: 0;
  min-height: clamp(70px, 8.8vh, 86px);
  overflow: hidden;
  padding: clamp(0.72rem, 1.2vw, 0.95rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.18);
  border-radius: 16px;
  background:
    radial-gradient(circle at 84% 10%, rgba(var(--axis-olive-rgb), 0.12), transparent 7rem),
    linear-gradient(145deg, rgba(255, 255, 255, 0.072), rgba(255, 255, 255, 0.025)),
    rgba(12, 22, 38, 0.78);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 18px 42px rgba(0, 0, 0, 0.18);
}

.axis-coming-soon__countdown div::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 3px;
  background: linear-gradient(90deg, var(--axis-patina), rgba(var(--axis-blue-rgb), 0.66), transparent);
}

.axis-coming-soon__countdown strong {
  position: relative;
  z-index: 1;
  display: block;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.65rem, 2.7vw, 2.55rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 0.95;
}

.axis-coming-soon__countdown span {
  position: relative;
  z-index: 1;
  display: block;
  margin-top: 0.42rem;
  color: var(--axis-muted);
  font-family: var(--axis-font-accent);
  font-size: 0.66rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.axis-coming-soon__date {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin: 0.7rem 0 0;
  padding: 0.48rem 0.64rem;
  border: 1px solid rgba(var(--axis-olive-rgb), 0.28);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(var(--axis-olive-rgb), 0.13), rgba(var(--axis-blue-rgb), 0.07)),
    rgba(255, 255, 255, 0.045);
  color: rgba(221, 230, 241, 0.74);
  font-family: var(--axis-font-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-coming-soon__date span {
  color: var(--axis-patina);
}

.axis-coming-soon__date time {
  color: var(--axis-ink);
  font-family: var(--axis-font-body);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.axis-coming-soon__signup {
  position: relative;
  z-index: 4;
  max-width: 660px;
  margin-top: 0;
  padding: clamp(0.74rem, 1.25vw, 1rem);
  border: 1px solid rgba(var(--axis-blue-rgb), 0.24);
  border-radius: 8px;
  background:
    radial-gradient(circle at 94% 8%, rgba(var(--axis-olive-rgb), 0.16), transparent 8.5rem),
    linear-gradient(145deg, rgba(16, 31, 52, 0.92), rgba(8, 16, 29, 0.88));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 60px rgba(0, 0, 0, 0.2);
}

.axis-coming-soon__signup::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(var(--axis-olive-rgb), 0.42), transparent 28%, rgba(var(--axis-blue-rgb), 0.28));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 1px;
}

.axis-coming-soon__signup:focus-within {
  border-color: rgba(var(--axis-olive-rgb), 0.44);
  box-shadow:
    0 0 0 4px rgba(var(--axis-olive-rgb), 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 22px 60px rgba(0, 0, 0, 0.2);
}

.axis-coming-soon__signup > * {
  position: relative;
  z-index: 1;
}

.axis-coming-soon__signup-copy {
  max-width: 620px;
}

.axis-coming-soon__signup-copy span {
  display: inline-flex;
  margin-bottom: 0.45rem;
  color: var(--axis-patina);
  font-family: var(--axis-font-accent);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}

.axis-coming-soon__signup-copy h2 {
  margin: 0;
  color: var(--axis-ink);
  font-family: var(--axis-font-display);
  font-size: clamp(1.02rem, 1.35vw, 1.26rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.05;
}

.axis-coming-soon__signup-copy p {
  max-width: 620px;
  margin: 0.42rem 0 0;
  color: rgba(221, 230, 241, 0.76);
  font-size: clamp(0.78rem, 0.95vw, 0.9rem);
  font-weight: 650;
  line-height: 1.45;
}

.axis-coming-soon__form {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr) auto;
  gap: 0.62rem;
  margin-top: 0.82rem;
}

.axis-coming-soon__form input {
  width: 100%;
  min-width: 0;
  min-height: 3.05rem;
  padding: 0.78rem 0.9rem;
  border: 1px solid rgba(var(--axis-blue-rgb), 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.088);
  color: var(--axis-ink);
  font: inherit;
  line-height: 1.2;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.axis-coming-soon__form input::placeholder {
  color: rgba(221, 230, 241, 0.58);
}

.axis-coming-soon__form input:focus {
  border-color: rgba(var(--axis-olive-rgb), 0.58);
  box-shadow:
    0 0 0 4px rgba(var(--axis-olive-rgb), 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.axis-coming-soon__form .axis-button {
  min-height: 3.05rem;
  border-radius: 8px;
  white-space: nowrap;
}

.axis-coming-soon__status {
  min-height: 1rem;
  grid-column: 1 / -1;
  margin: 0;
  color: var(--axis-patina);
  font-size: 0.82rem;
  font-weight: 700;
}

@media (min-width: 1101px) {
  .axis-home .axis-coming-soon__hero.axis-hero:has(.axis-hero__layout--text-right),
  .axis-coming-soon__hero.axis-hero {
    min-height: 100vh;
    padding-bottom: clamp(1.25rem, 2.8vh, 2.4rem);
  }

  .axis-coming-soon .axis-hero__layout--text-right .axis-hero__visual {
    width: 100%;
    height: auto;
    min-height: clamp(620px, 58vw, 760px);
    margin-left: 0;
    overflow: visible;
  }

  .axis-coming-soon .axis-operating-demo__screens {
    inset: auto auto -3.9rem -1.2rem;
    width: min(58%, 420px);
    height: 24%;
  }
}

@media (max-width: 1100px) {
  .axis-coming-soon__hero {
    align-items: start;
    padding: clamp(1.4rem, 4vw, 2.4rem) 0 clamp(2.6rem, 7vw, 4rem);
  }

  .axis-coming-soon__nav {
    margin-bottom: clamp(1.4rem, 4vw, 2.6rem);
  }

  .axis-coming-soon .axis-coming-soon__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(1.5rem, 5vw, 2.75rem);
  }

  .axis-coming-soon__copy {
    order: 1;
    max-width: 760px;
  }

  .axis-coming-soon__visual-stack {
    order: 2;
    width: 100%;
    justify-self: stretch;
  }

  .axis-coming-soon .axis-coming-soon__visual-stack .axis-hero__visual {
    min-height: clamp(620px, 82vw, 760px);
  }
}

@media (max-width: 720px) {
  body.axis-coming-soon-template,
  .axis-coming-soon {
    min-height: 100svh;
  }

  .axis-coming-soon__hero {
    min-height: 100svh;
    padding: 1rem 0 2.4rem;
  }

  .axis-coming-soon__nav {
    align-items: flex-start;
  }

  .axis-coming-soon .axis-coming-soon__title {
    font-size: clamp(2.45rem, 12vw, 4.2rem);
    line-height: 0.94;
  }

  .axis-coming-soon__lead {
    font-size: 0.94rem;
  }

  .axis-coming-soon .axis-coming-soon__visual-stack .axis-hero__visual {
    height: auto;
    min-height: clamp(610px, 150vw, 740px);
  }

  .axis-coming-soon__countdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .axis-coming-soon__countdown div {
    min-height: 86px;
    border-radius: 18px;
  }

  .axis-coming-soon__signup {
    padding: 0.95rem;
  }

  .axis-coming-soon__form {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.72rem;
  }

  .axis-coming-soon__form .axis-button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .axis-coming-soon__nav {
    margin-bottom: 1rem;
  }

  .axis-coming-soon .axis-coming-soon__title {
    font-size: clamp(2.15rem, 14vw, 3.45rem);
  }

  .axis-coming-soon__countdown {
    gap: 0.5rem;
  }

  .axis-coming-soon__countdown div {
    min-height: 74px;
    padding: 0.72rem;
  }

  .axis-coming-soon__date {
    width: 100%;
  }

  .axis-coming-soon .axis-coming-soon__visual-stack .axis-hero__visual {
    min-height: clamp(590px, 168vw, 720px);
  }

  .axis-coming-soon__form input,
  .axis-coming-soon__form .axis-button {
    min-height: 3.15rem;
  }
}