/* ATLAS — Shared Product Visual System · 2026-10-27
   Aligned with Atlas Client, Plasmon, AEG and Login.
   Marketing product pages retain their editorial layouts and content.
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --atlas-violet:#6925D8;
  --atlas-violet-hover:#5417B9;
  --atlas-violet-light:#F3EEFF;
  --atlas-text:#232238;
  --atlas-secondary:#697185;
  --atlas-border:#E7E5EF;
  --font:'Inter',Arial,sans-serif;
  --display:'Manrope','Inter',Arial,sans-serif;
  --purple:#6925D8;
  --purple-dark:#5417B9;
  --p:#6925D8;
  --p2:#8750E8;
}
body{font-family:'Inter',Arial,sans-serif;color:var(--atlas-text);}
h1,h2,h3,.hero h1,.story-title,.metric-card strong,.stat strong,.kpi strong{
  font-family:'Manrope','Inter',Arial,sans-serif;
  font-feature-settings:'kern' 1;
}
p,li,small,.card p,.metric-card small,.data-label{font-family:'Inter',Arial,sans-serif;}
.primary-nav a,.navlinks a,.header-cta,.button,.btn,button,.pill,.cap-tab,
nav a,.site-header a:not(.wordmark),label,.eyebrow{
  font-family:'DM Sans','Inter',Arial,sans-serif;
}
.site-header .primary-nav a,.nav .navlinks a{font-size:13px;font-weight:600;letter-spacing:-.015em;}
.site-header .wordmark img{display:block;width:145px;max-width:100%;height:auto;}
.header-cta,.button-primary,.button.primary,.btn.primary{
 background:#6925D8;color:#fff;
 box-shadow:0 10px 28px rgba(105,37,216,.16);
 transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.header-cta:hover,.button-primary:hover,.button.primary:hover,.btn.primary:hover{
 background:#5417B9;box-shadow:0 13px 30px rgba(105,37,216,.22);
}
a:focus-visible,button:focus-visible,input:focus-visible{
 outline:3px solid #AE87F2;outline-offset:3px;
}
img{max-width:100%;}
.metric-card,.signal-row,.cap-tab,.story-card,.case-card,.solution-card{min-width:0}
.metric-card strong,.stat strong,.kpi strong{font-variant-numeric:tabular-nums}
@media (min-width:769px){
 .site-header .header-inner{min-height:74px;}
}
@media (max-width:768px){
 .site-header .wordmark img{width:126px}
 .metric-card,.cap-tab,.case-card{min-width:0;overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){
 .header-cta,.button,.btn{transition:none}
}
/* Case pages have an older typography stylesheet with !important declarations. */
body.atlas-inner,body.atlas-inner p,body.atlas-inner li,
body.atlas-inner .case-card p{font-family:'Inter',Arial,sans-serif!important}
body.atlas-inner h1,body.atlas-inner h2,body.atlas-inner h3,
body.atlas-inner .kpi strong{font-family:'Manrope','Inter',Arial,sans-serif!important}
body.atlas-inner .navlinks a,body.atlas-inner .btn,body.atlas-inner button,
body.atlas-inner .filters button{font-family:'DM Sans','Inter',Arial,sans-serif!important}
body.atlas-inner .navlinks a{font-size:13px!important;letter-spacing:-.015em!important}
body.atlas-inner .btn.primary{background:#6925D8!important;}


/* Visual alignment pass 2 — overrides original hard-coded styling */
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #E8E3F2;box-shadow:0 3px 22px rgba(53,31,101,.035)}
.site-header .primary-nav a{color:#383248;font-size:13px;font-weight:600}
.site-header .primary-nav a:hover{color:#6925D8}
.hero{background:linear-gradient(115deg,#FAF8FF 0%,#F3ECFF 55%,#FBFAFF 100%)}
.hero h1{color:#232238;letter-spacing:-.065em}
.hero h1 span,.hero h1 em{color:#6925D8}
.hero-lede{color:#65647A}
.hero .button-primary,.header-cta{background:#6925D8;color:white}
.hero .button-primary:hover,.header-cta:hover{background:#5417B9}
.hero .hero-proof p{color:#78728A}
.hero .hero-proof strong{color:#3C3450}
.section-title h2,.section-heading h2{color:#25233A}
.capability-panel,.metric-card{border-color:#E7E1F1;border-radius:14px}
.metric-card>strong{color:#28213C;font-family:'Manrope','Inter',sans-serif}
.metric-card>span,.metric-card small{font-family:'Inter',Arial,sans-serif}
.capability-tabs .cap-tab{border-radius:12px}
.capability-tabs .cap-tab:hover{border-color:#A783E7}
.button-light{color:#6925D8}
.button-light:hover{background:#F1EBFF;color:#5417B9}
@media(max-width:760px){
  .hero{background:linear-gradient(160deg,#FAF8FF 0%,#F0E9FF 55%,#FFFFFF 100%)}
  .site-header .header-inner{min-height:66px}
  .hero h1{letter-spacing:-.055em}
  .site-header .wordmark img{width:126px}
}


/* ATLAS product hero — dashboard parity with approved platform UI */
.hero .product-window{
 border:1px solid #e4ddec;border-radius:17px;background:#fff;
 box-shadow:0 26px 80px rgba(83,45,143,.13),0 5px 18px rgba(83,45,143,.045);
}
.hero .window-topbar{background:#fff!important;border-bottom:1px solid #ebe6f3!important;color:#625773!important;font-family:'DM Sans','Inter',sans-serif!important}
.hero .window-status{color:#6925D8!important}
.hero .app-layout{background:#fbfaff}
.hero .app-sidebar{
 background:#6925D8!important;
 border-right:0!important;
 color:#fff!important;
 padding:17px 10px!important;
}
.hero .app-sidebar .side-cap{color:rgba(255,255,255,.8)!important;letter-spacing:.1em;font-family:'DM Sans','Inter',sans-serif!important}
.hero .app-sidebar .side-item{
 color:#fff!important;
 background:transparent;
 display:flex!important;
 flex-direction:row!important;
 align-items:center!important;
 justify-content:flex-start!important;
 text-align:left!important;
 gap:9px!important;
 padding:10px 8px!important;
 border-radius:9px!important;
 font:600 9px/1.2 'DM Sans','Inter',sans-serif!important;
}
.hero .app-sidebar .side-item.active{
 background:rgba(255,255,255,.20)!important;color:#fff!important;
}
.hero .app-sidebar .side-icon{
 display:inline-grid!important;place-items:center!important;
 position:relative!important;
 width:21px!important;height:21px!important;min-width:21px!important;
 border-radius:7px!important;
 background:rgba(255,255,255,.15)!important;
 color:#fff!important;
}
.hero .app-sidebar .side-item.active .side-icon{
 background:#fff!important;color:#6925D8!important;
}
.hero .app-sidebar .side-icon::before,
.hero .app-sidebar .side-icon::after{border-color:currentColor!important}
.hero .app-sidebar .sidebar-bottom{
 background:rgba(255,255,255,.12)!important;
 border:1px solid rgba(255,255,255,.16)!important;
 border-radius:10px!important;
 color:#fff!important;
 margin-top:auto!important;
}
.hero .app-sidebar .sidebar-bottom strong,
.hero .app-sidebar .sidebar-bottom small{color:#fff!important}
.hero .app-sidebar .avatar-small{background:#fff!important;color:#6925D8!important}
.hero .app-sidebar .more-dots{color:#fff!important}
.hero .app-main{background:#fbfaff!important;}
.hero .app-greeting h2{font-family:'Manrope','Inter',sans-serif!important;color:#262139!important;font-weight:800!important}
.hero .app-greeting h2 span{color:#6925D8!important}
.hero .app-greeting p,.hero .app-overline{font-family:'Inter',Arial,sans-serif!important;color:#7a748a}
.hero .period-select{font-family:'DM Sans','Inter',sans-serif!important;color:#5e5570!important;border-color:#e7e0f0!important;background:#fff!important}
.hero .metric-card{
 background:#fff!important;
 border:1px solid #e7e4ef!important;
 border-radius:12px!important;
 box-shadow:0 5px 16px rgba(52,42,75,.035)!important;
}
.hero .metric-card>span{color:#77758a!important;font-family:'Inter',sans-serif!important;font-weight:650!important}
.hero .metric-card>strong{
 color:#242139!important;
 font-family:'Manrope','Inter',sans-serif!important;
 font-weight:800!important;
 letter-spacing:-.045em!important;
}
.hero .metric-card small{color:#797588!important;font-family:'Inter',sans-serif!important}
.hero .metric-card .mini-bars i{background:#dbcdf9!important}
.hero .metric-card .mini-bars i:nth-child(3n){background:#9561e8!important}
.hero .performance-card,.hero .activity-card{
 background:#fff!important;border:1px solid #e9e4f2!important;
 border-radius:12px!important;box-shadow:0 4px 16px rgba(52,42,75,.035);
}
.hero .card-heading strong{font-family:'Manrope','Inter',sans-serif!important;color:#29243c!important}
.hero .card-heading small,.hero .chart-legend,.hero .chart-y,.hero .chart-x{font-family:'Inter',sans-serif!important}
.hero .tiny-select{font-family:'DM Sans','Inter',sans-serif!important}
.hero .signal-row strong{font-family:'Inter',sans-serif!important;color:#373047!important}
.hero .maia-mini{background:#f3edff!important;border-color:#e4d7fc!important;border-radius:10px!important}
.hero .maia-mini strong{color:#5c20c7!important;font-family:'DM Sans','Inter',sans-serif!important}
.hero .maia-mini small{color:#716388!important}
.hero .product-footnote{background:#fff!important;border-top:1px solid #eee8f5!important;color:#7c7489!important}
.hero .float-chip{border:1px solid #eee8f6!important;box-shadow:0 12px 30px rgba(86,45,150,.11)!important}
.hero .float-chip strong{font-family:'DM Sans','Inter',sans-serif!important}
.hero .float-chip small{font-family:'Inter',sans-serif!important}
/* Replace dark editorial bars elsewhere with the Atlas primary tone */
.hero .window-topbar,.hero .product-footnote{font-family:'DM Sans','Inter',sans-serif!important}
@media (max-width:1180px) and (min-width:769px){
 .hero .app-sidebar{padding:11px 6px!important}
 .hero .app-sidebar .side-item{gap:5px!important;padding:8px 5px!important;font-size:7px!important}
 .hero .app-sidebar .side-icon{width:17px!important;height:17px!important;min-width:17px!important}
}
@media(max-width:768px){
 .hero .product-window{border-radius:12px}
 .hero .app-main{background:#fbfaff!important}
 .hero .metric-card{border-radius:9px!important}
}


/* final Atlas parity: authentic vector icons in mockup + brand-colored sections */
.hero .app-sidebar .side-icon{border:none!important;box-shadow:none!important;background:rgba(255,255,255,.12)!important;}
.hero .app-sidebar .side-icon::before,.hero .app-sidebar .side-icon::after{content:none!important;display:none!important;}
.hero .app-sidebar .side-icon svg{display:block!important;flex-shrink:0;width:15px;height:15px;stroke:currentColor!important;stroke-width:1.8;}
.hero .app-sidebar .side-item.active .side-icon{background:#fff!important;color:#6925D8!important;}
.intelligence,.trust{background:#6925D8!important;color:#fff!important;}
.intelligence .core-orbit-label,.intelligence .core-note{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;}
.intelligence h2,.intelligence h3,.trust h2,.trust h3{color:#fff!important;}
.intelligence .section-intro,.trust .section-intro{color:rgba(255,255,255,.86)!important;}
.site-footer,.site-footer.cf-footer{background:#5720BA!important;color:#fff!important;}
.eco-core,.loyalty-card{background:linear-gradient(120deg,#6925D8,#8750E8)!important;}
:root{--deep:#6925D8;--deep2:#5720BA;}
@media(max-width:760px){
 .hero .app-sidebar{display:none!important}
}


/* Trust 2026: clear enterprise value, accessible contrast, matched dashboard surfaces */
section.trust{background:linear-gradient(135deg,#FAF9FD 0%,#F2EDFC 100%)!important;color:#252239!important;overflow:hidden}
section.trust::before{display:none!important}
section.trust .trust-wrap{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(40px,5vw,76px);align-items:center}
section.trust .trust-copy{max-width:515px}
section.trust .trust-copy .eyebrow{color:#6925D8!important;font:700 11px 'DM Sans','Inter',sans-serif;letter-spacing:.13em}
section.trust .trust-copy .eyebrow-line{background:#6925D8}
section.trust h2{font:800 clamp(37px,3.85vw,56px)/1.11 'Manrope','Inter',sans-serif!important;letter-spacing:-.052em!important;color:#262139!important;margin:24px 0 0!important}
section.trust h2 em{color:#6925D8!important;font-style:normal}
section.trust .trust-copy>p{color:#686477!important;font:400 15px/1.8 'Inter',sans-serif!important;margin:25px 0 22px;max-width:475px}
section.trust .trust-proof{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 27px}
section.trust .trust-proof span{display:inline-flex;align-items:center;border:1px solid #DED2F4;border-radius:8px;background:#FFF;color:#6F4AB0;padding:8px 10px;font:700 10px/1.15 'DM Sans',sans-serif;letter-spacing:.025em}
section.trust .button-primary{background:#6925D8!important;color:#fff!important;border-radius:11px;box-shadow:0 9px 24px rgba(105,37,216,.15);padding:15px 20px;font-size:13px}
section.trust .button-primary:hover{background:#5417B9!important}
section.trust .trust-grid{gap:16px}
section.trust .trust-grid article{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:253px;padding:23px 23px 19px;background:#FFF!important;border:1px solid #E7E3EF!important;border-radius:16px!important;box-shadow:0 8px 30px rgba(53,30,94,.045);transition:transform .2s ease,box-shadow .2s ease}
section.trust .trust-grid article:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(53,30,94,.075)}
section.trust .trust-icon{width:42px;height:42px;min-width:42px;border-radius:11px;background:#F1E9FE!important;color:#6925D8!important;display:grid;place-items:center}
section.trust .trust-icon svg{width:22px;height:22px;display:block}
section.trust .trust-step{display:block;color:#9265CA;font:800 9px/1.3 'DM Sans',sans-serif;letter-spacing:.12em;margin-top:16px}
section.trust .trust-grid h3{color:#27223B!important;font:800 17px/1.3 'Manrope','Inter',sans-serif!important;letter-spacing:-.025em;margin:9px 0 9px!important}
section.trust .trust-grid p{color:#6D697D!important;font:400 12px/1.65 'Inter',sans-serif!important;margin:0!important}
section.trust .trust-tag{color:#6925D8!important;font:750 9px/1.4 'DM Sans',sans-serif;letter-spacing:.04em;margin:auto 0 0!important;padding-top:18px}
@media(max-width:980px){section.trust .trust-wrap{grid-template-columns:1fr;gap:34px}section.trust .trust-copy{max-width:720px}section.trust .trust-grid article{min-height:244px}}
@media(max-width:640px){section.trust{padding:66px 0!important}section.trust h2{font-size:clamp(33px,9vw,43px)!important}section.trust .trust-copy>p{font-size:14px!important}section.trust .trust-grid{grid-template-columns:1fr;gap:12px}section.trust .trust-grid article{min-height:unset;padding:21px}section.trust .trust-grid p{font-size:13px!important}section.trust .trust-tag{margin-top:0!important}section.trust .trust-proof{gap:6px}}
@media(prefers-reduced-motion:reduce){section.trust .trust-grid article{transition:none}section.trust .trust-grid article:hover{transform:none}}