/* LAUREN S154 r6: Compare Atlas = Cleo's rotating mark, then one table: TITAN MODULES | DESCRIPTION | COMPETITOR. Scoped to .cmp-page; the header rules at the end only straighten the Explore/Platforms chevrons and LOGIN arrow on this page. */
.cmp-page{--cmp-orange:#ff6a1f;--cmp-blue:#3d8fe0;--cmp-line:#1b3a63;--cmp-mute:#9db2ce;--cmp-green:#41d18c;color:#f7f9fc}
.cmp-page .cmp-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cmp-page .cmp-hero{text-align:center;padding:1.2rem 0 1rem}
.cmp-page .cmp-cleo{width:min(100%,380px);margin:0 auto .6rem}
.cmp-page h1{max-width:none;margin-left:auto;margin-right:auto;text-align:center;font-family:"NEXTSTEP",system-ui,sans-serif;font-weight:400;font-size:clamp(2.4rem,7vw,4.4rem);line-height:1.06;margin:0 0 .6rem;color:#fff;letter-spacing:.01em}
.cmp-page .cmp-lede{margin:0 auto;max-width:36rem;color:var(--cmp-mute);font-size:1.05rem}
.cmp-page .cmp-tablesec{max-width:1180px;margin:0 auto;padding:1.4rem clamp(16px,4vw,40px) 4rem}
.cmp-page .cmp-tablewrap{border:1px solid var(--cmp-line);border-radius:14px;overflow:hidden;background:rgba(10,24,48,.38)}
.cmp-page .cmp-mtable{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:.95rem;border:0;margin:0}
.cmp-page .cmp-mtable th,.cmp-page .cmp-mtable td{padding:1.05rem 1.3rem;text-align:left;vertical-align:top;background:transparent;border:0;border-top:1px solid rgba(27,58,99,.75);line-height:1.6}
.cmp-page .cmp-mtable thead th{font-size:.76rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--cmp-mute)!important;background:rgba(15,34,66,.6);border-top:0;font-weight:600}
.cmp-page .cmp-mtable thead th:first-child{color:var(--cmp-orange)!important}
.cmp-page .cmp-mtable thead th:nth-child(1),.cmp-page .cmp-mtable tbody th{width:24%}
.cmp-page .cmp-mtable thead th:nth-child(3),.cmp-page .cmp-mtable td.cmp-comp{width:22%}
.cmp-page .cmp-mtable tbody tr:hover th,.cmp-page .cmp-mtable tbody tr:hover td{background:rgba(57,84,122,.1)}
.cmp-page .cmp-mtable tbody th{font-size:1.04rem!important;font-weight:700;color:#fff!important}
.cmp-page .cmp-mark b{color:var(--cmp-orange);font-weight:700}
.cmp-page .cmp-mark i{color:var(--cmp-blue);font-style:normal}
.cmp-page .cmp-desc{color:#cfdbeb}
.cmp-page .cmp-comp{color:#e3ebf6;font-weight:600}
.cmp-page .cmp-na{color:#5a6880;font-weight:400;letter-spacing:.08em}
.cmp-page .cmp-disclaimer{margin:1.2rem 0 0;padding:.85rem 1.1rem;border-left:3px solid var(--cmp-green);background:rgba(65,209,140,.07);color:#dbe6f4;font-size:.92rem;line-height:1.6;max-width:62rem}
.cmp-page .cmp-disclaimer a{color:#fff;text-decoration:underline;text-decoration-color:var(--cmp-orange);text-underline-offset:.2em}
.cmp-page .cmp-foot{margin:.8rem 0 0;color:#7f8ea3;font-size:.8rem;line-height:1.6;max-width:62rem}
@media(max-width:760px){
  .cmp-page .cmp-mtable,.cmp-page .cmp-mtable tbody,.cmp-page .cmp-mtable tr{display:block}
  .cmp-page .cmp-mtable thead{display:none}
  .cmp-page .cmp-mtable tr{padding:.85rem 0;border-top:1px solid rgba(27,58,99,.75)}
  .cmp-page .cmp-mtable tbody tr:first-child{border-top:0}
  .cmp-page .cmp-mtable th,.cmp-page .cmp-mtable td{display:block;width:auto!important;border:0;padding:.3rem 1.1rem}
  .cmp-page .cmp-mtable th::before,.cmp-page .cmp-mtable td::before{content:attr(data-label);display:block;font-size:.66rem;letter-spacing:.14em;color:var(--cmp-mute);font-weight:600;margin-bottom:.1rem}
  .cmp-page .cmp-mtable th::before{color:var(--cmp-orange)}
}
/* header arrows on this page: the chevrons sit on the label's centre line and never wrap; the LOGIN arrow stays inside the screen */
.atlas-studio .nav-pop>button{display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}
.atlas-studio .nav-pop>button>span{display:inline-block;flex:none;width:6px;height:6px;font-size:0;line-height:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-1px) rotate(45deg);transition:transform .2s}
.atlas-studio .nav-pop>button[aria-expanded="true"]>span{transform:translateY(2px) rotate(225deg)}
.atlas-studio .portal-login{white-space:nowrap}
.atlas-studio .portal-login .arrow{display:inline-block;line-height:1}
@media(max-width:480px){
  .atlas-studio .header{flex-wrap:wrap;gap:6px;row-gap:8px}
  .atlas-studio .header .brand{gap:7px}
  .atlas-studio .header .brand img{width:92px;height:auto}
  .atlas-studio a.button.ghost.portal-login{padding:8px 9px!important;gap:7px!important;font-size:12px!important;margin-left:auto}
}