﻿
:root{
  --bg:#f6f4fb;
  --panel:#ffffff;
  --line:#e7dff2;
  --ink:#1f182a;
  --muted:#5c5670;
  --shadow-soft:0 10px 30px rgba(34,22,71,.08);
  --shadow-mid:0 16px 44px rgba(34,22,71,.12);
  --radius-soft:18px;
}

html,body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-ui);
}

.section{padding:66px 0;}
.section.tight{padding:46px 0;}
.wrap{max-width:min(1180px,calc(100% - 56px));padding-inline:28px;}


*{
  box-sizing:border-box;
}

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

*,
*::before,
*::after{
  animation-duration:.01ms !important;
  animation-delay:0ms !important;
  animation-iteration-count:1 !important;
  transition-duration:.2s !important;
}

h1,h2,h3,h4{
  color:var(--ink);
  letter-spacing:-.038em;
  line-height:1.1;
  font-weight:540;
}

h1{font-size:clamp(2rem,3.8vw,3.6rem);}
h2{font-size:clamp(1.42rem,2.3vw,2.45rem);}
h3{font-size:clamp(1.1rem,1.35vw,1.5rem);}

p,
.lead,
.eyebrow,
small,
li,
span,
label,
button,
input,
select,
textarea{line-height:1.62;}

p,
.lead{color:#4a4358;}


.site-header{
  background:#fff !important;
  backdrop-filter:none !important;
  border-bottom:1px solid #ece7f5;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.75);
}
.nav-link:hover,
.nav-link.active,
.nav-trigger:hover,
.nav-trigger[aria-expanded="true"]{background:#f5f1ff !important;color:#5d3dca !important;}

.mega{
  background:#fff !important;
  border:1px solid #ece6f6 !important;
  box-shadow:var(--shadow-mid);
  backdrop-filter:none !important;
}
.mega-item,
.mega-item:hover{
  background:#fff !important;
  border:1px solid #f0e8fa !important;
  box-shadow:0 10px 24px rgba(35,22,67,.08) !important;
  transform:none !important;
}

.drawer{
  backdrop-filter:none;
}
.drawer-panel{
  border:1px solid #ece6f6;
  box-shadow:var(--shadow-soft);
  background:#fff;
}


.hero-card,
.page-card,
.network-panel,
.callout,
.token-panel,
.arcium-lab,
.arx-plan-card,
.signal-agent-card,
.feature-card,
.product-card,
.plan-card,
.card,
.security-card,
.news-card,
.longform-card,
.privacy-note,
.blog-card,
.research-card,
.route-card,
.security-boundary-list,
.how-route-card,
.collab-rail article,
.security-explore article,
.approach-card,
.panel,
.pricing-card,
.token-card,
.dashboard-shell .panel,
.admin-main .panel{
  border:1px solid var(--line);
  border-radius:var(--radius-soft);
  background:#fff !important;
  box-shadow:var(--shadow-soft) !important;
  position:relative;
}

.hero-card:before,
.hero-card:after,
.network-panel:before,
.network-panel:after,
.page-card:before,
.page-card:after,
.signal-agent-card:before,
.signal-agent-card:after,
.callout:before,
.feature-card:before,
.pricing-card:before,
.blackthorn-art,
.hero-canvas,
.network-canvas,
.orb,
.collab-terminal,
.mesh-copy .blackthorn-art,
.arx-architecture-lines,
.neo-privacy-orbit,
.mxe-orbit{
  display:none !important;
  content:none !important;
  opacity:0 !important;
}

.hero-card{
  background:#fff;
  color:#1d162b;
  box-shadow:var(--shadow-mid);
}
.hero-inner{
  text-align:left;
  max-width:740px;
  z-index:2;
}
.hero-actions{
  gap:10px;
}
.hero-actions .btn{
  box-shadow:none !important;
  transform:none !important;
  transition:.2s ease;
}
.hero-actions .btn:hover{transform:translateY(-1px) !important;}
.hero-actions .btn.ghost{color:#2a2340 !important; background:#f5efff !important; border:1px solid #dfd4f2 !important;}
.announcement{backdrop-filter:none !important; background:#f4efff; border-color:#dfd4f5; color:#503a94;}


.section-head{max-width:760px;}
.section-head .lead{margin-top:12px;}
.section-head .eyebrow,
.section-head .hero-sub,
.grid-2,
.grid-3,
.grid-4,
.grid,
.agent-roster,
.network-copy{gap:14px;}

.grid-2,
.grid-3,
.grid-4,
.signal-agent-grid,
.how-layer-grid,
.how-timeline,
.arx-plan-grid,
.integrated-security-grid,
.collab-rail,
.task-board,
.chain-grid{
  gap:14px;
}

.card p,
.feature-card p,
.product-card p,
.panel p,
.traffic-note p,
.longform-card p,
.plan-card p,
.plan-note span,
.security-boundary-list div,
.how-layer-grid p,
.security-boundary-list span,
.route-card p,
.research-card p{font-size:13px; line-height:1.64;}


.dark-section,
.token-dark,
.arcium-lab,
.dark-signal-band,
.security-boundary-list,
.arx-plan-card.sovereign,
.profile-shell,
.signal-route-grid article{
  color:#fff;
}

.dark-section *:not(button):not(a):not(input):not(select):not(textarea),
.token-dark *:not(button):not(a):not(input):not(select):not(textarea),
.arcium-lab *:not(button):not(a):not(input):not(select):not(textarea),
.dark-signal-band *:not(button):not(a):not(input):not(select):not(textarea){
  color:inherit;
}

.btn,
.arx-action,
.arx-ghost,
.nav-trigger,
.nav-link,
.admin-head button,
.key-box button,
.form button,
.job-form button{
  border-radius:999px;
  min-height:40px;
  padding:0 16px;
  box-shadow:none !important;
  font-weight:560;
  letter-spacing:0;
}

.btn.primary,
.arx-action,
.form .btn.primary,
.key-box button,
#loadAdmin,
#runJob
{
  background:#21143d !important;
  color:#fff !important;
}

.btn.ghost,
.btn.soft,
.arx-ghost,
.roadmap-chip{
  background:#f5efff !important;
  color:#3a285d !important;
  border:1px solid #dfd3f4 !important;
}


.arx-live-app,
.arx-live-sidebar,
.arx-panel,
.arx-stat,
.arx-agent-card,
.arx-ops-metric,
.arx-check,
.arx-signal-row,
.arx-room-board span,
.arx-license-card,
.arx-license-event,
.admin-side,
.admin-main,
.admin-head,
.earnings-map,
.console-preview,
.market-shell,
.market-card,
.market-rail,
.route-card,
.privacy-tile,
.ledger-card,
.task-log .row,
.audit-log .item{
  border-color:#e8deef !important;
  background:#fff !important;
}

.arx-live-sidebar,
.admin-side{
  backdrop-filter:none !important;
  box-shadow:var(--shadow-soft);
}

.arx-live-item,
.nav-pill{
  min-height:40px;
  border:1px solid #ece2f7;
  border-radius:13px;
}

.arx-route-tabs .btn,
.arx-wallet-tabs,
.arx-wallet-tabs button,
.drawer-submenu button{
  border-color:#dcd3ef !important;
  background:#fff !important;
  color:#261949 !important;
  box-shadow:none !important;
}


body.home-page main > .arx-debit-card-section .arx-card-showcase{
  min-height:unset !important;
}
body.home-page main > .arx-debit-card-section .arx-card-callouts h2{
  max-width:500px !important;
}


input,
select,
textarea,
button,
.field input,
.field select{
  border-radius:12px;
  border:1px solid #ddd6eb;
  min-height:43px;
  background:#fff;
  font:inherit;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:2px solid rgba(88,54,202,.25);
  outline-offset:2px;
}


.hero-actions,
.signal-route-grid,
.nav,
.drawer,
.mega,
.footer-grid,
.how-start-layout,
.institution-track{
  gap:12px;
}

@media (max-width: 980px){
  .section{padding:46px 0;}
  .hero{
    padding-top:14px;
    padding-bottom:28px;
  }
  .hero-inner{
    padding-inline:18px;
  }
  .wrap{padding-inline:18px;}
}


body.home-page #home .hero-card,
body.home-page .signal-mesh-stage .network-panel{
  border-radius:18px !important;
  box-shadow:var(--shadow-mid) !important;
  background-image:none !important;
  background-color:#101127 !important;
}

body.home-page #home .hero-card::before,
body.home-page #home .hero-card::after,
body.home-page .signal-mesh-stage .network-panel:before,
body.home-page .signal-mesh-stage .network-panel:after,
body.home-page #home .smith-card,
body.home-page #home .smith-core,
body.home-page .hero-canvas,
body.home-page .network-canvas,
body.home-page .orb,
body.home-page .smith-orbit,
body.home-page .smith-orbit span,
body.home-page .mxe-orbit,
body.home-page .mxe-ring{
  display:none !important;
  content:none !important;
  opacity:0 !important;
  animation:none !important;
}

body.home-page #home .hero-inner{
  text-align:left;
}

body.home-page .hero-actions{
  justify-content:flex-start;
}


body.home-page #home #homeHeroCard.hero-card{
  border:1px solid rgba(255,255,255,.11) !important;
  background-color:#181063 !important;
  background-image:
    linear-gradient(154deg,transparent 0 52%,rgba(91,42,196,.55) 52.2%,rgba(48,24,130,.18) 70%,transparent 70.2%),
    radial-gradient(ellipse at 86% 6%,rgba(35,210,190,.24),transparent 39%),
    radial-gradient(ellipse at 10% 82%,rgba(117,67,230,.24),transparent 43%),
    linear-gradient(120deg,#211064 0%,#24298e 42%,#155f91 73%,#138f89 100%) !important;
  box-shadow:0 24px 58px rgba(23,18,91,.22) !important;
}


body.home-page main > .arx-debit-card-section .arx-card-callout{
  padding:10px 14px 12px;
}

body.home-page main > .arx-debit-card-section .arx-card-callout strong{
  margin-top:2px;
  font-size:1rem;
}

body.home-page main > .arx-debit-card-section .arx-card-callout span::after{
  width:132px !important;
  opacity:.62 !important;
}

body.home-page main > .arx-debit-card-section .arx-card-callout-spend span::after{
  transform:rotate(5deg) !important;
}

body.home-page main > .arx-debit-card-section .arx-card-callout-control span::after,
body.home-page main > .arx-debit-card-section .arx-card-callout-early span::after,
body.home-page main > .arx-debit-card-section .arx-card-callout-worldwide span::after{
  transform:rotate(-4deg) !important;
}


@media (min-width:981px){
  body.home-page main > .arx-debit-card-section{
    padding:20px 0 !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-section-head{
    margin-bottom:18px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-debit-card-grid{
    width:min(calc(100% - 64px),1120px) !important;
    max-width:1120px !important;
    min-height:360px !important;
    grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr) !important;
    gap:clamp(28px,3vw,36px) !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callouts,
  body.home-page main > .arx-debit-card-section .arx-card-showcase{
    min-height:360px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-benefits{
    height:360px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-home-card-stack{
    width:min(440px,100%) !important;
    min-height:286px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-home-card{
    min-height:230px !important;
    padding:22px 24px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callout{
    padding:6px 10px 8px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callout b{
    margin-bottom:3px !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callout strong{
    margin-top:0 !important;
    line-height:1.16 !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callout span{
    margin-top:3px !important;
    line-height:1.4 !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-callout span::after{
    content:none !important;
    display:none !important;
  }

  body.home-page main > .arx-debit-card-section .arx-card-connector{
    right:auto !important;
    left:var(--arx-connector-left,0px) !important;
    top:var(--arx-connector-top,0px) !important;
    width:var(--arx-connector-width,0px) !important;
    height:var(--arx-connector-height,1px) !important;
  }
}


body.home-page main > .institution-trust .institution-track{
  animation: institutionScrollRight 36s linear infinite !important;
  animation-play-state: running !important;
}

body.home-page #arxn-private-execution-map .arxn-architecture-lines .flow{
  animation: bpFlowV233 8.6s linear infinite !important;
  animation-play-state: running !important;
}

