/* Shared brand details. Hero layout follows premium.css and responsive.css. */
/* Main dark sections and contact use blue-black; header and footer keep their theme. */
.hero,.workflow-section,.plan-pro,.contact-section { background:#0b1427; }
.hero:before { background:none; }
.hero-grid,.hero-orbit { display:none; }
.hero-motion { opacity:.22; }
.brand { gap:8px; letter-spacing:-.8px; }
.brand-icon { display:block; flex:none; width:33px; height:38px; transform:none; }
.brand-icon svg { width:100%; height:100%; }
.brand-wordmark { font-size:24px; font-weight:850; letter-spacing:-1px; }
.brand-light { font-weight:400; margin-left:2px; }
.brand-wordmark small { font-size:7px; letter-spacing:2.5px; font-weight:550; margin-top:8px; }
.nav-wrap { max-width:1480px; }
.desktop-nav { gap:25px; font-weight:650; }
.section-heading h2,.faq-layout h2,.contact-copy h2 { font-weight:800; letter-spacing:-.05em; }
.features,.connections,.faq-section { background:#fff; }
.feature-panel { background:#f4f6f9; border-color:#e8ebf0; }
.market-grid>div { background:#fff; box-shadow:none; }
.plans-section { background:#f4f6f9; }
.footer-top .brand-wordmark { font-size:24px; }
.footer-top .brand-icon { transform:none; }
.contact-section>.container { display:grid; grid-template-columns:minmax(0,1fr) 300px; align-items:center; gap:64px; }
.contact-art { position:static; width:100%; height:auto; aspect-ratio:52/56; transform:none; opacity:1; pointer-events:none; justify-self:end; }
.contact-art svg { display:block; width:100%; height:auto; }
@media (max-width:1024px) {
  .contact-section>.container { grid-template-columns:minmax(0,1fr) 200px; gap:32px; }
}
@media (max-width:760px) {
  .contact-section>.container { grid-template-columns:1fr; gap:30px; }
  .contact-art { max-width:140px; justify-self:end; }
}
@media (max-width:1200px) {
  .desktop-nav { gap:18px; font-size:15px; }
  .brand-wordmark { font-size:21px; }
  .brand-icon { width:31px; height:35px; }
}
@media (max-width:640px) {
  .nav-wrap { padding:0 16px; height:72px; }
  .brand { gap:4px; }
  .brand-icon { width:29px; height:33px; }
  .brand-wordmark { font-size:20px; }
  .brand-wordmark small { font-size:6px; letter-spacing:2px; margin-top:7px; }
  .nav-actions>.button { display:none; }
  .menu-toggle { min-width:44px; }
  .footer-top .brand-wordmark { font-size:20px; }
}