
/* Arcendium V22: conversion pricing, vertical logo card, and onboarding guidance */
.nav,
.arc-onboarding-header{overflow:visible!important}
.nav-logo{
  align-self:flex-start!important;
  width:186px!important;
  min-width:186px!important;
  max-width:186px!important;
  flex:0 0 186px!important;
  min-height:92px;
  margin-top:0;
  padding:9px 18px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:color-mix(in srgb,var(--bg2) 96%,transparent)!important;
  border:1px solid var(--border2)!important;
  border-top:0!important;
  border-radius:0 0 20px 20px!important;
  box-shadow:0 18px 42px rgba(15,23,42,.15)!important;
  position:relative;
  z-index:1002;
}
.nav-logo-img{height:58px!important;width:auto!important;max-width:150px!important;object-fit:contain}
[data-theme="dark"] .nav-logo{background:rgba(11,21,32,.97)!important;box-shadow:0 18px 42px rgba(0,0,0,.44)!important}

.arc-onboarding-brand{
  align-self:flex-start;
  width:190px;
  min-width:190px;
  max-width:190px;
  flex:0 0 190px;
  min-height:100px;
  padding:10px 18px 19px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--arc-ob-surface);
  border:1px solid var(--arc-ob-border);
  border-top:0;
  border-radius:0 0 20px 20px;
  box-shadow:var(--arc-ob-shadow);
  position:relative;
  z-index:34;
}
.arc-onboarding-brand img{height:62px!important;width:auto!important;max-width:152px;object-fit:contain}

.arc-trial-strip{
  display:flex;align-items:center;gap:12px;max-width:630px;padding:14px 17px;margin:0 0 22px;
  border:1px solid rgba(0,212,170,.34);border-radius:16px;background:linear-gradient(135deg,rgba(0,212,170,.13),rgba(37,99,235,.08));
  color:var(--text);box-shadow:0 14px 36px rgba(0,212,170,.08)
}
.arc-trial-strip strong{display:block;font-size:15px}.arc-trial-strip span{display:block;color:var(--text2);font-size:12px;margin-top:2px}.arc-trial-strip-icon{font-size:25px}
.arc-pricing-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.arc-pricing-intro{max-width:760px;margin-bottom:34px}.arc-pricing-intro h2{margin-bottom:12px}.arc-pricing-intro .arc-pricing-lead{font-size:18px;color:var(--text2);line-height:1.65}
.arc-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:980px}
.arc-price-card{position:relative;background:var(--bg);border:1px solid var(--border2);border-radius:26px;padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:17px;overflow:hidden}
.arc-price-card.is-featured{border-color:rgba(0,212,170,.54);box-shadow:0 25px 70px rgba(0,212,170,.14)}
.arc-price-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.arc-price-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#03251e;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.arc-price-name{font-size:25px;font-weight:850;letter-spacing:-.03em}.arc-price{font-size:48px;line-height:1;font-weight:850;letter-spacing:-.05em}.arc-price small{font-size:14px;color:var(--text3);font-weight:700;letter-spacing:0}
.arc-price-best{color:var(--text2);min-height:52px}.arc-price-list{list-style:none;display:grid;gap:10px;color:var(--text2);font-size:14px}.arc-price-list li{display:flex;gap:9px}.arc-price-list li::before{content:"✓";color:var(--accent);font-weight:900}
.arc-price-trial-note{padding:12px 14px;border-radius:13px;background:rgba(0,212,170,.09);border:1px solid rgba(0,212,170,.22);font-size:13px;color:var(--text2)}
.arc-price-card .btn{margin-top:auto;justify-content:center}

.arc-onboarding-trial-banner{max-width:850px;margin:0 auto 28px;padding:18px 20px;border-radius:18px;border:1px solid rgba(0,212,170,.34);background:linear-gradient(135deg,rgba(0,212,170,.13),rgba(37,99,235,.08));text-align:center}
.arc-onboarding-trial-banner strong{display:block;font-size:19px;margin-bottom:5px}.arc-onboarding-trial-banner span{color:var(--arc-ob-muted);font-size:13px}
.arc-onboarding-info-box{padding:18px 20px;margin-bottom:24px;border-radius:16px;border:1px solid rgba(37,99,235,.24);background:rgba(37,99,235,.07);color:var(--arc-ob-text)}
.arc-onboarding-info-box strong{display:block;margin-bottom:7px}.arc-onboarding-info-box p{margin:0;color:var(--arc-ob-muted);font-size:13px;line-height:1.6}
.arc-field-help{display:block;margin-top:7px;color:var(--arc-ob-muted);font-size:12px;line-height:1.5}
.arc-broker-return-card{max-width:760px;margin:24px auto 0;padding:24px;border:1px solid rgba(0,212,170,.34);border-radius:20px;background:var(--arc-ob-surface);box-shadow:var(--arc-ob-shadow);text-align:center}
.arc-broker-return-card h2{font-size:22px;margin:0 0 8px}.arc-broker-return-card p{color:var(--arc-ob-muted);line-height:1.65;margin:0 auto;max-width:620px}.arc-broker-return-card .arc-onboarding-actions{justify-content:center;flex-wrap:wrap}
.arc-onboarding-connection-result{display:flex;flex-direction:column;gap:7px;margin-top:18px;padding:14px 16px;border:1px solid var(--arc-ob-border);border-radius:14px;background:rgba(100,116,139,.06)}.arc-onboarding-connection-result.is-success{border-color:rgba(10,155,114,.28);background:rgba(10,155,114,.06)}.arc-onboarding-connection-result h2{font-size:16px;margin:0}.arc-onboarding-connection-result p{color:var(--arc-ob-muted);margin:0;max-width:760px;line-height:1.5}.arc-onboarding-connection-result .arc-onboarding-actions{justify-content:flex-start;margin-top:7px}
.arc-onboarding-trial-badge{display:inline-flex;align-items:center;gap:6px;background:var(--arc-ob-accent);color:#03251e;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;align-self:flex-start}
.arc-onboarding-plan-card .arc-plan-trial-copy{padding:10px 12px;border-radius:12px;border:1px solid rgba(0,212,170,.23);background:rgba(0,212,170,.08);color:var(--arc-ob-muted);font-size:12px;line-height:1.5}

@media(max-width:900px){.arc-pricing-grid{grid-template-columns:1fr}.arc-price-best{min-height:0}}
@media(max-width:768px){
  .nav-logo{width:136px!important;min-width:136px!important;max-width:136px!important;flex:0 0 136px!important;min-height:78px;padding:8px 12px 14px!important;border-radius:0 0 16px 16px!important}.nav-logo-img{height:46px!important;max-width:112px!important}
  .arc-trial-strip{margin-left:auto;margin-right:auto;text-align:left}
}
@media(max-width:600px){
  .arc-onboarding-brand{width:128px;min-width:128px;max-width:128px;flex:0 0 128px;min-height:82px;padding:8px 11px 14px;border-radius:0 0 16px 16px}.arc-onboarding-brand img{height:47px!important;max-width:108px}
  .arc-onboarding-header-actions{gap:5px}.arc-onboarding-header-actions .btn{padding:8px 10px;font-size:12px}
  .arc-broker-return-card{padding:20px 16px}.arc-price-card{padding:24px}.arc-price{font-size:42px}
}


/* V22.18 flat horizontal brand — no hanging logo card. */
.nav,.arc-onboarding-header{overflow:hidden!important}
.nav-logo{
  align-self:center!important;width:auto!important;min-width:0!important;max-width:none!important;
  flex:0 0 auto!important;min-height:0!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.nav-logo-img{height:50px!important;max-height:50px!important;width:auto!important;max-width:224px!important;object-fit:contain!important}
.arc-onboarding-brand{
  align-self:center!important;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;
  min-height:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
.arc-onboarding-brand img{height:52px!important;max-height:52px!important;max-width:232px!important;width:auto!important}
@media(max-width:768px){.nav-logo-img{height:43px!important;max-height:43px!important;max-width:190px!important}}
@media(max-width:600px){.arc-onboarding-brand img{height:43px!important;max-height:43px!important;max-width:188px!important}}
html[data-theme="light"] .nav-logo-img,
html[data-theme="light"] .arc-onboarding-brand img{filter:brightness(0) saturate(100%) opacity(.94)!important}
html[data-theme="dark"] .nav-logo-img,
html[data-theme="dark"] .arc-onboarding-brand img{filter:none!important}
