/* PartArc brand layer
   Loaded last so the existing product UI keeps its tested layout while the
   public-facing visual system adopts the PartArc navy / electric-blue identity. */

:root{
  --pa-ink:#142638;
  --pa-ink-soft:#274057;
  --pa-navy:#102638;
  --pa-navy-deep:#081b2a;
  --pa-blue:#1677d2;
  --pa-blue-strong:#0f64b8;
  --pa-blue-bright:#2b91e8;
  --pa-sky:#eaf5ff;
  --pa-sky-2:#f4f9fd;
  --pa-line:#d7e3ed;
  --pa-line-strong:#bfd1df;
  --pa-muted:#617588;
  --pa-subtle:#8799a8;
  --pa-success:#22b573;
  --cx-ink:var(--pa-ink);
  --cx-muted:var(--pa-muted);
  --cx-subtle:var(--pa-subtle);
  --cx-green:var(--pa-blue);
  --cx-green-strong:var(--pa-blue-strong);
  --cx-green-dark:#0d579d;
  --cx-mint:var(--pa-sky);
  --cx-mint-2:var(--pa-sky-2);
  --cx-navy:var(--pa-navy-deep);
  --cx-navy-2:var(--pa-navy);
  --cx-line:var(--pa-line);
  --cx-line-strong:var(--pa-line-strong);
  --cx-bg:#f3f7fa;
  --cx-surface-soft:#f7fafc;
  --cx-shadow-sm:0 10px 30px rgba(16,38,56,.07);
  --cx-shadow:0 24px 70px rgba(16,38,56,.11);
  --cx-shadow-lg:0 40px 110px rgba(8,27,42,.17);
}

html{background:var(--cx-bg)}
body{color:var(--pa-ink)}
body::selection{background:#cfe9ff;color:#0a3559}
:focus-visible{outline-color:rgba(22,119,210,.38)}

/* PartArc wordmark */
.brand{gap:10px}
.brand-symbol{width:42px;height:42px;display:block;flex:0 0 auto;filter:drop-shadow(0 8px 18px rgba(17,82,139,.12))}
.brand-wordmark{display:inline-flex;align-items:baseline;gap:0;font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;font-size:18px;line-height:1;letter-spacing:-.045em}
.brand-wordmark strong{font-weight:800;color:var(--pa-navy)}
.brand-wordmark>span:not(small){font-weight:800;color:var(--pa-blue)}
.brand-wordmark small{display:block;width:100%;margin-top:5px;color:#9db0c0;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.brand-light .brand-wordmark strong{color:#fff}
.brand-light .brand-wordmark>span:not(small){color:#55aaf0}
.brand-light .brand-symbol{filter:drop-shadow(0 8px 20px rgba(0,0,0,.2))}

/* announcement + navigation */
.launch-bar{background:linear-gradient(90deg,#071a29 0%,#112f48 50%,#071a29 100%);color:#dbe9f5;border-bottom-color:rgba(255,255,255,.07)}
.launch-bar-badge{color:#9ed2ff;background:rgba(36,139,226,.13);border-color:rgba(91,169,235,.24)}
.launch-bar a:hover{color:#8bc9ff}
.nav-wrap{border-bottom-color:rgba(201,217,230,.86)}
.nav-links-primary a:hover,.account-links a:hover{background:var(--pa-sky-2);color:var(--pa-blue-strong)}
.nav-signin:hover,.text-button{color:var(--pa-blue-strong)}
.account-menu[open] summary{border-color:#a8c9e4;box-shadow:0 0 0 3px rgba(22,119,210,.08)}
.account-avatar{background:linear-gradient(145deg,var(--pa-navy),#183e5d)}
.menu-button span{background:var(--pa-ink-soft)}

/* buttons, fields, links */
.button-primary{background:linear-gradient(180deg,#268be1 0%,#1677d2 100%);box-shadow:0 12px 30px rgba(22,119,210,.24),inset 0 1px rgba(255,255,255,.24)}
.button-primary:hover{background:linear-gradient(180deg,#1c7fd6,#0f64b8);box-shadow:0 14px 34px rgba(22,119,210,.30)}
.button-dark{background:linear-gradient(180deg,#173b57,#0a2031)}
.button-outline:hover{border-color:#a8c8df;background:#f9fcff;color:var(--pa-blue-strong)}
.button-white{color:#115d9e}
input:hover,textarea:hover,select:hover{border-color:#adc4d6}
input:focus,textarea:focus,select:focus{border-color:#4e9fe0;box-shadow:0 0 0 4px rgba(22,119,210,.10)}

/* homepage hero */
.launch-hero{background:
  radial-gradient(760px 470px at 11% 12%,rgba(32,132,218,.24),transparent 66%),
  radial-gradient(650px 430px at 91% 7%,rgba(53,149,229,.18),transparent 66%),
  linear-gradient(180deg,#071a29 0%,#0c263a 68%,#102f47 100%)}
.launch-hero::before{opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)}
.launch-eyebrow{color:#add7fa;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.launch-hero-copy h1 span{background:linear-gradient(90deg,#5db4f7 0%,#a1d6ff 65%,#d8eeff 100%);-webkit-background-clip:text;background-clip:text}
.launch-hero-copy>p{color:#bdcede}
.hero-trust-points{color:#98adbd}.hero-trust-points i{color:#61b3f4}
.hero-product-glow{background:radial-gradient(circle,rgba(39,139,222,.19),transparent 66%)}
.hero-search-card{border-color:rgba(255,255,255,.14);box-shadow:0 38px 110px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
#search:target,.hero-search-card:focus-within,.hero-search-card.search-cta-attention{border-color:#55aaf0;box-shadow:0 38px 110px rgba(0,0,0,.34),0 0 0 4px rgba(85,170,240,.22)}
.hero-search-card.search-cta-attention{transform:translateY(-2px)}
.live-dot,.status-dot{background:var(--pa-success);box-shadow:0 0 0 4px rgba(34,181,115,.12)}
.search-shell-modern{border-color:#d9e5ee;background:#f8fbfd}
.search-shell-modern .search-row{border-color:#d4e1eb}
.search-shell-modern .search-filters select{background:#f1f6fa}
.quick-search:hover{border-color:#b5d3e9;background:#edf7ff;color:var(--pa-blue-strong)}
.hero-network-stats>div{border-color:#e2ebf2;background:#f6f9fb}
.hero-network-stats strong{color:var(--pa-ink)}
.stock-brand{color:var(--pa-blue-strong)!important}

/* shared marketing surfaces */
.kicker,.feature-label{color:var(--pa-blue-strong)}
.network-proof{background:#f7fafc;border-color:#e2ebf2}
.proof-icon{color:var(--pa-blue-strong);background:var(--pa-sky)}
.feature-card{border-color:#dce7ef;box-shadow:0 14px 42px rgba(17,49,75,.055)}
.feature-card:hover{border-color:#bad3e6;box-shadow:0 22px 54px rgba(17,49,75,.09)}
.feature-icon{background:var(--pa-sky);color:var(--pa-blue-strong)}
.feature-card a{color:var(--pa-blue-strong)}
.feature-card-dark{background:linear-gradient(150deg,#0a2031,#153d5b);border-color:#244a68}
.match-demo{color:#0f70be;background:#e9f5ff}
.workflow-section{background:linear-gradient(180deg,#f7fafc,#edf4f9)}
.workflow-steps article>span{color:var(--pa-blue-strong);background:var(--pa-sky)}
.supplier-launch-card{background:
  radial-gradient(600px 330px at 90% 10%,rgba(45,143,224,.25),transparent 64%),
  linear-gradient(135deg,#091f30,#143b58);box-shadow:0 34px 90px rgba(7,31,48,.21)}
.supplier-benefits li span{color:#77c3ff}
.live-pill{color:#1265ab!important;background:#e9f5ff!important}
.final-cta{background:#fff}
.final-cta-inner{border-color:#dce7ef;background:linear-gradient(135deg,#fafdff,#eef6fb)}

/* application chrome and cards */
.page-hero,.dashboard-hero,.auth-value-panel{background:
  radial-gradient(550px 320px at 95% 0%,rgba(51,148,229,.18),transparent 65%),
  linear-gradient(135deg,#0a2031,#143b58)!important}
.card,.panel,.data-card,.stat-card,.table-wrap,.auth-card{border-color:var(--pa-line)!important;box-shadow:0 12px 38px rgba(16,38,56,.055)}
.tabs a.active,.segmented a.active{color:var(--pa-blue-strong);border-color:var(--pa-blue)}
.badge-success,.status-success{background:#eaf8f1;color:#137549}

/* footer */
footer{background:linear-gradient(180deg,#0b2132,#071925)!important;color:#d4e2ed}
footer a{color:#aebfcd}
footer a:hover{color:#7fc4fb}
.footer-brand-column>p,.footer-note,.footer-bottom{color:#8fa5b6}
.footer-brand-lockup{display:inline-block;line-height:0;margin-bottom:12px}
.footer-logo{display:block;width:min(230px,100%);height:auto}
.footer-bottom{border-top-color:rgba(255,255,255,.08)}

/* compact screens */
@media(max-width:720px){
  .brand-symbol{width:36px;height:36px}
  .brand-wordmark{font-size:16px}
  .launch-hero{padding-top:58px}
  .launch-hero-copy h1{font-size:clamp(42px,12vw,58px)}
}