/* Shared portal identity. Industry checkout illustrations retain their own palettes. */
@font-face{font-family:Manrope;src:url('/fonts/Manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Sora;src:url('/fonts/Sora-variable.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{--ink:#15213a;--muted:#64748b;--line:#e1e9ee;--canvas:#f5f8fa;--purple:#087f8c;--purple-light:#e7f5f4;--w-ink:#15213a;--w-muted:#64748b;--w-line:#e1e9ee;--w-purple:#087f8c;--w-bg:#f5f8fa;--w-navy:#15213a;--workspace-ink:#15213a;--workspace-muted:#64748b;--workspace-line:#e1e9ee;--workspace-accent:#087f8c}
body{font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
button,input,select,textarea{font-family:inherit}
.shell h1,.shell h2,.shell h3,.shell h4,.auth h1,.auth h2,.w-shell h1,.w-shell h2,.w-shell h3,.w-auth h1,.w-auth h2{font-family:Sora,Manrope,system-ui,sans-serif;letter-spacing:-.035em}
.shell .sidebar,.w-shell .w-sidebar{background:#15213a}
.shell{--page-accent:#087f8c;--page-soft:#e7f5f4}
.shell .brand-mark,.w-mark{background:#087f8c;box-shadow:none}
.brand-mark,.w-mark{color:#fff}
.octopus-mark .octopus-head{fill:currentColor!important;stroke:none!important}
.octopus-mark .octopus-arms path{fill:currentColor!important;stroke:none!important}
.landing-studio .brand.landing-wordmark .brand-mark{background:transparent!important;color:#087f8c!important;border-radius:0;box-shadow:none}
.landing-studio .brand.landing-wordmark .octopus-mark{width:42px;height:42px;color:inherit!important}
@media(max-width:760px){.landing-studio .brand.landing-wordmark .octopus-mark{width:32px;height:32px}}
.shell .nav a.active,.w-sidebar nav a.active{background:#087f8c;color:#fff;box-shadow:0 4px 12px #001f2826}
.w-sidebar nav button.active,.w-tabs button.active{background:#087f8c;color:#fff;box-shadow:0 4px 12px #001f2826}
.w-sidebar nav button:hover:not(.active){background:#223449;color:#fff}
.shell .nav a:hover:not(.active),.w-sidebar nav a:hover:not(.active){background:#223449;color:#fff}
.shell .btn.primary,.auth .btn.primary,.w-btn.primary{background:#087f8c;border-color:#087f8c;color:#fff;box-shadow:0 3px 0 #066673}
.shell .btn.primary:hover,.auth .btn.primary:hover,.w-btn.primary:hover{background:#066673;border-color:#066673}
.shell .badge.purple{color:#066673;background:#e7f5f4}
.shell .avatar{color:#066673;background:#e7f5f4}
.shell .sidebar .avatar{color:#c5eeeb;background:#294151}
.shell .page-kicker,.shell .page-emblem,.w-eyebrow{color:#087f8c}
.shell .page-head,.w-heading{background:#fff;border-color:#e1e9ee}
.shell .page-head::before,.shell .page-head::after{background:#e7f5f4}
.shell .topbar,.w-topbar{background:#fff;border-color:#e1e9ee}
.w-auth-story{background:linear-gradient(145deg,#15213a,#17434a);color:#fff}
.w-auth-story .w-eyebrow{color:#a4dbd8}
.w-stat.featured{background:linear-gradient(125deg,#15213a,#17434a)}
.w-badge:not(.good):not(.warn):not(.bad){background:#e7f5f4;color:#066673}
.w-sidebar .w-brand,.w-sidebar .w-brand small{color:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f8c;outline-offset:3px}
input,select,textarea{accent-color:#087f8c}
/* Public category pages use the landing navigation and brand, outside preview cards. */
#solutions{font-family:Manrope,system-ui,sans-serif;background:#fff;color:#15213a}
#solutions .s-detail-copy h1,#solutions .s-section h2,#solutions .s-integration h2,#solutions .s-cta h2{font-family:Sora,Manrope,system-ui,sans-serif}
#solutions .s-detail-copy>h1 em,#solutions .s-kicker,#solutions .s-breadcrumb a,#solutions .editorial-preview-link{color:#087f8c}
#solutions .s-detail-copy>.w-subtitle{color:#64748b}
#solutions .s-detail-copy .w-btn.primary,#solutions .s-section .w-btn.primary,#solutions .s-integration .w-btn.primary,#solutions .s-cta .w-btn.primary{background:#087f8c;color:#fff}
#solutions .s-main>.s-breadcrumb{color:#64748b}
#solutions .public-site-header{background:#fff;border-bottom:1px solid #e1e9ee}
#solutions .public-site-header .landing-nav{max-width:1240px;margin:auto;padding:22px 32px;border:0}
#solutions .public-site-header .btn{font-family:Manrope,system-ui,sans-serif}
#solutions .public-site-header .solutions-menu{color:#15213a}
#solutions .public-site-header .brand{color:#15213a}
.landing-studio .landing-nav>.brand{padding:0;margin:0}
#solutions .public-site-header .row{display:flex;align-items:center;gap:12px}
#solutions .public-site-header .brand-mark{background:#087f8c;color:#fff}
#solutions .public-site-header .octopus-symbol{display:block;color:#fff}
@media(max-width:760px){#solutions .public-site-header .landing-nav{padding:18px 20px;flex-wrap:wrap;gap:16px}#solutions .public-site-header .landing-nav>nav{display:flex!important;order:3;width:100%;justify-content:flex-start;gap:18px}#solutions .public-site-header .landing-nav>.row{margin-left:auto;gap:8px}#solutions .public-site-header .btn{font-size:11px;padding:10px 12px}}
@media(max-width:760px){
  .landing-studio .landing-nav,#solutions .public-site-header .landing-nav{height:auto;min-height:120px;padding:18px 0;gap:16px;align-items:center}
  .landing-studio .landing-nav>nav,#solutions .public-site-header .landing-nav>nav{position:static;display:flex!important;order:3;width:100%;justify-content:space-between;gap:12px;flex-wrap:nowrap}
  .landing-studio .landing-nav>nav>a{display:inline-flex;font-size:11px}
  .landing-studio .solutions-menu>summary{font-size:11px}
  .landing-studio .landing-nav>.row{margin-left:auto;gap:8px}
  .landing-studio .landing-nav .nav-signin{display:inline-flex}
  .landing-studio .landing-nav .btn{font-size:10px;padding:9px 10px}
  .landing-studio .landing-nav>.row .btn.primary svg{display:none}
  .landing-studio .landing-wordmark strong{font-size:15px}
}
