/* ==========================================================================
   AXYN brand mapped onto the Nexus design tokens.

   Nexus (the WHMCS 9.0 default theme) is token-driven: templates/nexus/css/
   custom.css defines --primary, --text, --bg, --border and the semantic
   colours, and every Nexus component reads them. A child theme's
   css/custom.css replaces the parent's, so this block IS that customisation
   file for the AXYN theme.

   Nexus Cart renders in a Shadow DOM. Its internal :host rule assigns the
   --vl-* component tokens directly to #nexus-root, so ordinary inheritance
   from :root is not sufficient. The explicit #nexus-root mapping below wins
   from the outer author context while keeping the AXYN ramp as the only colour
   source. No proprietary cart template or shadow-internal selector is used.

   Accessibility note: Nexus ships --text-muted: #9ca3af, which is about 2.6:1
   on white and fails WCAG AA. The AXYN value below is 4.76:1.
   ========================================================================== */

:root {
  --white: #ffffff;

  /* Neutral ramp, biased cool to sit with the AXYN navy rather than pure grey. */
  --neutral-50: #f8fafc;
  --neutral-100: #f1f5f9;
  --neutral-200: #e2e8f0;
  --neutral-300: #d7e0ea;
  --neutral-400: #94a3b8;
  /* #586777 rather than the usual #64748b: muted text sits on --bg,
     --bg-muted, --bg-lifted and --bg-accented, and #64748b drops to 4.25:1
     on the lifted surface and 3.73:1 on the accented one. */
  --neutral-500: #586777;
  --neutral-600: #475569;
  --neutral-700: #334155;
  --neutral-800: #1e293b;
  --neutral-900: #111827;
  --neutral-950: #0b1220;

  /* AXYN blue ramp. Nexus maps these to neutral by default and invites a
     brand palette here. */
  --primary-50: #eff6fb;
  --primary-100: #dbeafe;
  --primary-200: #bae0f2;
  --primary-300: #7cc0e0;
  --primary-400: #3b9fd0;
  --primary-500: #0e7bb0;
  --primary-600: #075985;
  --primary-700: #064a73;
  --primary-800: #053b5c;
  --primary-900: #1a365d;
  --primary-950: #0f2746;

  /* Primary: the AXYN action colour, then its hover and active steps. */
  --primary: var(--primary-600);
  --primary-lifted: var(--primary-700);
  --primary-accented: var(--primary-800);

  --secondary: var(--neutral-500);
  --secondary-lifted: var(--neutral-600);
  --secondary-accented: var(--neutral-700);

  --success: #136945;
  --success-lifted: #10593a;
  --success-accented: #0d5236;

  --info: #075985;
  --info-lifted: #064a73;
  --info-accented: #053b5c;

  /* AXYN has no purple; notice takes the brand teal. */
  --notice: #0d6660;
  --notice-lifted: #0c5f59;
  --notice-accented: #134e4a;

  --warning: #9c4607;
  --warning-lifted: #8f4006;
  --warning-accented: #7a3705;

  --error: #b42318;
  --error-lifted: #971d14;
  --error-accented: #7a1710;

  --grayscale: var(--neutral-900);
  --grayscale-lifted: var(--neutral-800);
  --grayscale-accented: var(--neutral-700);

  --neutral: var(--neutral-500);
  --neutral-lifted: var(--neutral-600);
  --neutral-accented: var(--neutral-700);

  /* Text. Every value below is at least 4.5:1 on --bg. */
  --text-inverted: var(--white);
  --text-muted: var(--neutral-500);
  --text-lifted: var(--neutral-600);
  --text-accented: var(--neutral-700);
  --text: var(--neutral-900);

  --border-muted: var(--neutral-200);
  --border: var(--neutral-300);
  --border-lifted: var(--neutral-400);
  --border-accented: var(--neutral-600);

  --bg: var(--white);
  --bg-muted: #f5f7fb;
  --bg-lifted: #edf3f8;
  --bg-accented: #dbe5ee;
  --bg-inverted: var(--primary-900);

  /* Rounding matches the AXYN control and surface radii below. */
  --rounding-sm: 0.25rem;
  --rounding-md: 0.375rem;
  --rounding-lg: 0.5rem;

  --letter-spacing: 0em;
  --disabled-opacity: 45%;
}

:root {
  --axyn-bg: #f5f7fb;
  --axyn-surface: #ffffff;
  --axyn-surface-muted: #edf3f8;
  --axyn-ink: #111827;
  --axyn-ink-soft: #334155;
  --axyn-muted: #475569;
  --axyn-border: #d7e0ea;
  --axyn-border-strong: #94a3b8;
  --axyn-control-border: #64748b;
  --axyn-navy: #1a365d;
  --axyn-navy-strong: #0f2746;
  --axyn-accent: #075985;
  --axyn-accent-strong: #064a73;
  --axyn-teal: #0f766e;
  --axyn-teal-strong: #115e59;
  --axyn-focus-dark: #63d2c8;
  --axyn-radius-control: 6px;
  --axyn-radius-surface: 8px;
  --axyn-success: #136945;
  --axyn-warning: #9c4607;
  --axyn-danger: #b42318;
  --axyn-shadow: 0 10px 30px rgba(15, 39, 70, 0.08);
}

/* Nexus Cart component tokens. An outer rule targeting the shadow host has
   precedence over the cart's internal :host defaults. Keep these as aliases so
   the client area and checkout continue to share one reviewed brand ramp. */
#nexus-root {
  --vl-primary-50: var(--primary-50);
  --vl-primary-100: var(--primary-100);
  --vl-primary-200: var(--primary-200);
  --vl-primary-300: var(--primary-300);
  --vl-primary-400: var(--primary-400);
  --vl-primary-500: var(--primary-500);
  --vl-primary-600: var(--primary-600);
  --vl-primary-700: var(--primary-700);
  --vl-primary-800: var(--primary-800);
  --vl-primary-900: var(--primary-900);
  --vl-primary-950: var(--primary-950);

  --vl-neutral-50: var(--neutral-50);
  --vl-neutral-100: var(--neutral-100);
  --vl-neutral-200: var(--neutral-200);
  --vl-neutral-300: var(--neutral-300);
  --vl-neutral-400: var(--neutral-400);
  --vl-neutral-500: var(--neutral-500);
  --vl-neutral-600: var(--neutral-600);
  --vl-neutral-700: var(--neutral-700);
  --vl-neutral-800: var(--neutral-800);
  --vl-neutral-900: var(--neutral-900);
  --vl-neutral-950: var(--neutral-950);

  --vl-rounding-sm: var(--rounding-sm);
  --vl-rounding-md: var(--rounding-md);
  --vl-rounding-lg: var(--rounding-lg);
}

/* Nexus puts no class on <body>; the bare selector is what applies. */
body {
  background: var(--axyn-bg);
  color: var(--axyn-ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: var(--axyn-accent);
}

a:hover,
a:focus {
  color: var(--axyn-accent-strong);
}

.axyn-skip-link {
  background: var(--axyn-surface);
  border: 2px solid var(--axyn-navy);
  border-radius: var(--axyn-radius-control);
  color: var(--axyn-navy);
  font-weight: 700;
  left: 1rem;
  padding: 0.75rem 1rem;
  position: fixed;
  top: -8rem;
  z-index: 1100;
}

.axyn-skip-link:focus {
  color: var(--axyn-navy);
  top: 1rem;
}

header.header {
  background: var(--axyn-surface) !important;
  border-bottom: 1px solid var(--axyn-border);
  border-top: 3px solid var(--axyn-teal);
  box-shadow: 0 1px 0 rgba(26, 54, 93, 0.05);
  color: var(--axyn-ink) !important;
}

header.header .topbar {
  background: var(--axyn-surface) !important;
  border-bottom: 1px solid var(--axyn-border);
  color: var(--axyn-ink-soft) !important;
  padding: 0.25rem 0;
}

header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text {
  background: transparent;
  border-color: transparent;
  color: var(--axyn-ink-soft) !important;
}

header.header .topbar .btn:hover,
header.header .topbar .btn:focus,
header.header .topbar .active-client .btn:hover,
header.header .topbar .active-client .btn:focus {
  background: var(--axyn-surface-muted);
  color: var(--axyn-navy) !important;
}

header.header .topbar .active-client .btn.btn-active-client span {
  border-bottom-color: var(--axyn-control-border);
}

header.header .navbar-brand,
header.header .navbar-brand:hover,
header.header .navbar-brand:focus {
  background: url("../img/axyn-logo.svg") center left / contain no-repeat;
  display: block;
  flex: 0 0 144px;
  font-size: 0;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
  width: 144px;
}

header.header .navbar-brand .logo-img {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

header.header .search {
  border-color: var(--axyn-control-border);
  border-radius: var(--axyn-radius-control);
}

header.header .search:focus-within {
  border-color: var(--axyn-teal);
  box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.16);
}

header.header .search .btn,
header.header .search .form-control {
  color: var(--axyn-ink-soft);
}

header.header .toolbar .nav-link {
  background: var(--axyn-surface);
  border-color: var(--axyn-control-border);
  border-radius: var(--axyn-radius-control);
  color: var(--axyn-navy);
}

header.header .toolbar .nav-link:hover,
header.header .toolbar .nav-link:focus {
  background: var(--axyn-surface-muted);
  color: var(--axyn-navy-strong);
}

header.header .main-navbar-wrapper {
  background: var(--axyn-surface) !important;
  border-bottom: 1px solid var(--axyn-border);
  border-top: 1px solid var(--axyn-border);
  color: var(--axyn-ink) !important;
}

header.header .main-navbar-wrapper .navbar-nav .nav-link {
  border-radius: var(--axyn-radius-control);
  color: var(--axyn-ink-soft);
  font-weight: 600;
}

header.header .main-navbar-wrapper .navbar-nav .active > .nav-link,
header.header .main-navbar-wrapper .navbar-nav .nav-link:hover,
header.header .main-navbar-wrapper .navbar-nav .nav-link:focus,
header.header .dropdown-item.active,
header.header .dropdown-item:active {
  background: var(--axyn-surface-muted);
  color: var(--axyn-navy);
}

.master-breadcrumb {
  background: var(--axyn-surface-muted);
  border-bottom: 1px solid var(--axyn-border);
}

.breadcrumb {
  background: transparent;
  color: var(--axyn-muted);
}

#frmDomainHomepage .home-domain-search {
  background-color: var(--axyn-navy) !important;
  background-image:
    repeating-linear-gradient(0deg, transparent 0, transparent 31px, rgba(99, 210, 200, 0.08) 32px),
    repeating-linear-gradient(90deg, transparent 0, transparent 79px, rgba(255, 255, 255, 0.045) 80px);
  border-bottom: 3px solid var(--axyn-teal);
  color: #ffffff;
  overflow: hidden;
  position: relative;
}

#frmDomainHomepage .home-domain-search::after {
  background: var(--axyn-focus-dark);
  content: "";
  height: 2px;
  left: max(1rem, calc((100% - 1180px) / 2));
  opacity: 0.9;
  position: absolute;
  top: 1rem;
  width: 72px;
}

#frmDomainHomepage .home-domain-search .container {
  max-width: 1180px;
  position: relative;
  z-index: 1;
}

#frmDomainHomepage .home-domain-search h2,
#frmDomainHomepage .home-domain-search p,
#frmDomainHomepage .home-domain-search .tld-logos {
  color: #ffffff;
}

#frmDomainHomepage .home-domain-search .input-group-wrapper {
  background: var(--axyn-surface);
  border-color: #ffffff;
  border-radius: var(--axyn-radius-control);
  box-shadow: 0 10px 24px rgba(15, 39, 70, 0.24);
}

#frmDomainHomepage .home-domain-search .input-group-wrapper .btn {
  border-radius: var(--axyn-radius-control) !important;
}

#frmDomainHomepage .home-domain-search .btn-link {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.card,
.list-group,
.client-home-cards .card,
.sidebar .card-sidebar {
  background: var(--axyn-surface);
  border: 1px solid var(--axyn-border);
  border-radius: var(--axyn-radius-surface);
  box-shadow: var(--axyn-shadow);
}

.card-header,
.sidebar .card-sidebar > .card-header {
  background: var(--axyn-surface-muted);
  border-bottom: 1px solid var(--axyn-border);
  color: var(--axyn-navy);
  font-weight: 700;
}

.btn,
.form-control,
.custom-select,
.input-group-text,
.dropdown-menu,
.alert {
  border-radius: var(--axyn-radius-control);
}

.btn,
.form-control,
.custom-select {
  min-height: 44px;
}

.form-control,
.custom-select,
.input-group-text {
  border-color: var(--axyn-control-border);
  color: var(--axyn-ink);
}

.form-control:focus,
.custom-select:focus {
  border-color: var(--axyn-teal);
  box-shadow: 0 0 0 0.2rem rgba(15, 118, 110, 0.16);
}

.btn-primary,
.btn-info,
.btn-success,
#frmDomainHomepage .home-domain-search .btn-primary,
#frmDomainHomepage .home-domain-search .btn-success {
  background: var(--axyn-accent);
  border-color: var(--axyn-accent);
  color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus,
.btn-success:hover,
.btn-success:focus,
#frmDomainHomepage .home-domain-search .btn-primary:hover,
#frmDomainHomepage .home-domain-search .btn-primary:focus,
#frmDomainHomepage .home-domain-search .btn-success:hover,
#frmDomainHomepage .home-domain-search .btn-success:focus {
  background: var(--axyn-accent-strong);
  border-color: var(--axyn-accent-strong);
  color: #ffffff;
}

.btn-outline-primary {
  border-color: var(--axyn-accent);
  color: var(--axyn-accent);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background: var(--axyn-accent);
  border-color: var(--axyn-accent);
  color: #ffffff;
}

.badge-primary,
.label-primary,
.badge-info {
  background-color: var(--axyn-navy);
}

.badge-success,
.label-success {
  background-color: var(--axyn-success);
}

.action-icon-btns a {
  background: var(--axyn-surface);
  border: 1px solid var(--axyn-border);
  border-radius: var(--axyn-radius-surface);
  border-top: 3px solid var(--axyn-teal) !important;
  box-shadow: var(--axyn-shadow);
  color: var(--axyn-ink-soft);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.action-icon-btns a .ico-container i {
  color: var(--axyn-accent);
}

.action-icon-btns a:hover,
.action-icon-btns a:focus {
  border-color: var(--axyn-teal);
  box-shadow: 0 14px 38px rgba(15, 39, 70, 0.12);
  color: var(--axyn-navy);
  transform: translateY(-1px);
}

.tiles {
  border: 1px solid var(--axyn-border);
  border-radius: var(--axyn-radius-surface);
  box-shadow: var(--axyn-shadow);
  overflow: hidden;
}

.tiles .tile {
  background: var(--axyn-surface);
  border-color: var(--axyn-border);
  color: var(--axyn-navy);
  transition: background-color 160ms ease, box-shadow 160ms ease;
}

.tiles .tile .title {
  color: var(--axyn-muted);
}

.tiles .tile i {
  color: var(--axyn-border-strong);
}

.tiles .tile:hover,
.tiles .tile:focus {
  background: var(--axyn-surface-muted);
  color: var(--axyn-navy-strong);
}

.tiles .tile:hover i,
.tiles .tile:focus i {
  color: var(--axyn-accent);
}

.tiles .bg-color-blue {
  background-color: var(--axyn-accent);
}

.tiles .bg-color-green {
  background-color: var(--axyn-success);
}

.tiles .bg-color-red {
  background-color: var(--axyn-danger);
}

.tiles .bg-color-gold {
  background-color: var(--axyn-warning);
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus {
  background: var(--axyn-navy);
  border-color: var(--axyn-navy);
  color: #ffffff;
}

footer.footer {
  background: var(--axyn-surface) !important;
  border-top: 1px solid var(--axyn-border);
  color: var(--axyn-muted) !important;
  padding: 36px 0 48px;
}

footer.footer .nav-link,
footer.footer a {
  color: var(--axyn-accent);
}

footer.footer .nav-link:hover,
footer.footer .nav-link:focus,
footer.footer a:hover,
footer.footer a:focus {
  color: var(--axyn-accent-strong);
}

footer.footer .btn {
  background: var(--axyn-surface-muted);
  border: 1px solid var(--axyn-control-border);
  color: var(--axyn-navy);
}

/* ClientAreaFooterOutput supplies the complete AXYN link set. Hide the stock
   two-link row so mobile does not concatenate it and Terms is not duplicated. */
footer.footer .nav {
  display: none;
}

.axyn-footer-links {
  background: var(--axyn-navy-strong);
  border-top: 3px solid var(--axyn-teal);
  color: #ffffff;
  padding: 1rem max(1rem, calc((100% - 1180px) / 2));
}

.axyn-footer-links__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1rem;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.axyn-footer-links__link,
.axyn-footer-links__link:hover,
.axyn-footer-links__link:focus {
  color: #ffffff;
}

.axyn-footer-links__link {
  border-radius: var(--axyn-radius-control);
  display: inline-block;
  font-weight: 700;
  min-height: 44px;
  padding: 0.55rem 0.1rem;
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.axyn-footer-links__link:hover,
.axyn-footer-links__link:focus {
  text-decoration-thickness: 0.15em;
}

.axyn-footer-links__link:focus-visible {
  outline-color: var(--axyn-focus-dark);
}

.alert-info {
  background: #eef8f7;
  border-color: #7fc8c0;
  color: var(--axyn-teal-strong);
}

.alert-success {
  background: #ecfdf5;
  border-color: #6ee7b7;
  color: var(--axyn-success);
}

.alert-warning {
  background: #fffbeb;
  border-color: #fbbf24;
  color: var(--axyn-warning);
}

.alert-danger {
  background: #fef2f2;
  border-color: #fca5a5;
  color: var(--axyn-danger);
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 3px solid var(--axyn-accent);
  outline-offset: 3px;
}

#frmDomainHomepage .home-domain-search .d-sm-none .btn:focus-visible,
#frmDomainHomepage .home-domain-search .btn-link:focus-visible {
  outline-color: var(--axyn-focus-dark);
}

@media (max-width: 575.98px) {
  .form-control,
  select.form-control,
  .custom-select {
    font-size: 16px;
  }

  header.header .navbar-brand,
  header.header .navbar-brand:hover,
  header.header .navbar-brand:focus {
    flex-basis: 120px;
    height: 38px;
    width: 120px;
  }

  #frmDomainHomepage .home-domain-search .p-5 {
    padding: 1.5rem !important;
  }

  .card,
  .list-group,
  .client-home-cards .card,
  .sidebar .card-sidebar {
    box-shadow: 0 5px 18px rgba(15, 39, 70, 0.07);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* ==========================================================================
   AXYN storefront homepage (homepage.tpl)

   Nexus renders the hero and its domain search from header.tpl; the rules
   above already style that band. Everything here styles the sections below it.
   ========================================================================== */

.axyn-section {
  margin: 0 auto;
  max-width: 1140px;
  padding: 3.5rem 1rem;
}

.axyn-section + .axyn-section {
  border-top: 1px solid var(--axyn-border);
}

.axyn-section-head {
  margin-bottom: 2rem;
  max-width: 42rem;
}

.axyn-section-head h2 {
  color: var(--axyn-ink);
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin: 0;
}

.axyn-section-head p {
  color: var(--axyn-muted);
  font-size: 1.0625rem;
  line-height: 1.6;
  margin: 0.75rem 0 0;
}

.axyn-section-more {
  margin: 2rem 0 0;
}

.axyn-section-more a {
  font-weight: 600;
}

.axyn-btn-primary {
  background: var(--axyn-accent);
  border: 1px solid var(--axyn-accent);
  border-radius: var(--axyn-radius-control);
  color: #ffffff !important;
  display: inline-block;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  text-decoration: none;
}

.axyn-btn-primary:hover,
.axyn-btn-primary:focus {
  background: var(--axyn-accent-strong);
  border-color: var(--axyn-accent-strong);
  color: #ffffff !important;
}

/* TLD pricing ------------------------------------------------------------ */

.axyn-tld-grid {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Stacked rather than justified: a short extension like .uk would otherwise
   keep its price on the same line while longer ones wrap, giving the grid an
   uneven two-then-one rhythm. */
.axyn-tld {
  align-items: flex-start;
  background: var(--axyn-surface);
  border: 1px solid var(--axyn-border);
  border-radius: var(--axyn-radius-surface);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem 1.125rem;
}

.axyn-tld-name {
  color: var(--axyn-navy);
  font-size: 1.0625rem;
  font-weight: 700;
}

.axyn-tld-price {
  color: var(--axyn-ink);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
}

.axyn-tld-period,
.axyn-tld-none {
  color: var(--axyn-muted);
  font-size: 0.8125rem;
  font-weight: 400;
}

/* Catalogue -------------------------------------------------------------- */

.axyn-card-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}

.axyn-card {
  background: var(--axyn-surface);
  border: 1px solid var(--axyn-border);
  border-radius: var(--axyn-radius-surface);
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.5rem;
}

.axyn-card-title {
  color: var(--axyn-ink);
  font-size: 1.1875rem;
  font-weight: 700;
  margin: 0;
}

.axyn-card-tagline {
  color: var(--axyn-muted);
  line-height: 1.6;
  margin: 0;
}

.axyn-card-link {
  font-weight: 600;
  margin-top: auto;
  padding-top: 0.5rem;
  text-decoration: none;
}

.axyn-card-link:hover,
.axyn-card-link:focus {
  text-decoration: underline;
}

/* Three steps ------------------------------------------------------------ */

.axyn-step-list {
  counter-reset: axyn-step;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.axyn-step {
  border-top: 3px solid var(--axyn-teal);
  counter-increment: axyn-step;
  padding-top: 1rem;
}

.axyn-step-title::before {
  color: var(--axyn-teal);
  content: counter(axyn-step) ". ";
  font-variant-numeric: tabular-nums;
}

.axyn-step-title {
  color: var(--axyn-ink);
  font-size: 1.0625rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
}

.axyn-step p {
  color: var(--axyn-muted);
  line-height: 1.6;
  margin: 0;
}

/* Support ---------------------------------------------------------------- */

.axyn-support-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.axyn-support-item {
  background: var(--axyn-surface-muted);
  border-radius: var(--axyn-radius-surface);
  padding: 1.25rem;
}

.axyn-support-item h3 {
  color: var(--axyn-ink);
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.375rem;
}

.axyn-support-item p {
  color: var(--axyn-muted);
  font-size: 0.9375rem;
  line-height: 1.6;
  margin: 0 0 0.625rem;
}

.axyn-support-item a {
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .axyn-section {
    padding: 2.5rem 1rem;
  }
}