/* V75 — layer mark + repeating-pattern flatten lock
   Requested 8 Sep 2026:
   - orange layer shows ONLY the dark navy A, no acronym text
   - repeating-A brand pattern replaces the old 3-A animation
   - repeating-A pattern compresses/straightens into one orange line
   - retain crisp vector marks and existing aligned software connectors */

@import url("brand-v74.css");

/* 1) Layer: dark A only. Remove all descriptor/acronym text beneath it. */
.layer-platform .layer-acronym-v74,
.layer-platform small,
.layer-platform .layer-label,
.layer-platform .layer-copy{
  display:none!important;
}
.layer-platform img{
  content:url("assets/adial-branding-kit-and-logos/a_mark_crisp_navy.svg")!important;
  width:112px!important;
  max-width:112px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  position:relative!important;
  z-index:6!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}

/* 2) Replace the old AAA motif with the ACTUAL repeating-pattern artwork. */
.brand-a-motion.brand-pattern-flatten{
  position:relative!important;
  width:330px!important;
  height:142px!important;
  margin-top:1.45rem!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.brand-a-motion.brand-pattern-flatten>img{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:285px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform-origin:50% 83%!important;
  filter:none!important;
  opacity:.78!important;
  animation:v75-pattern-flatten 5.6s cubic-bezier(.4,0,.2,1) infinite!important;
}
.brand-a-motion.brand-pattern-flatten>i{
  position:absolute!important;
  left:8px!important;
  bottom:20px!important;
  width:285px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,138,0,0),#FF8A00 12%,#FF9B25 50%,#FF8A00 88%,rgba(255,138,0,0))!important;
  box-shadow:0 0 12px rgba(255,138,0,.5),0 0 30px rgba(255,138,0,.18)!important;
  opacity:0!important;
  transform:scaleX(.28)!important;
  transform-origin:50% 50%!important;
  animation:v75-line-emerge 5.6s cubic-bezier(.4,0,.2,1) infinite!important;
}
.brand-a-motion.brand-pattern-flatten>i:after{display:none!important}

@keyframes v75-pattern-flatten{
  0%,24%{transform:translateY(0) scaleY(1) scaleX(1);opacity:.78}
  42%{transform:translateY(12px) scaleY(.72) scaleX(1.02);opacity:.72}
  58%{transform:translateY(32px) scaleY(.30) scaleX(1.05);opacity:.52}
  70%,78%{transform:translateY(54px) scaleY(.035) scaleX(1.06);opacity:.10}
  90%,100%{transform:translateY(0) scaleY(1) scaleX(1);opacity:.78}
}
@keyframes v75-line-emerge{
  0%,48%{opacity:0;transform:scaleX(.28)}
  62%,78%{opacity:1;transform:scaleX(1)}
  90%,100%{opacity:0;transform:scaleX(.45)}
}

/* 3) More repeating pattern in the section background, but still watermark-level. */
.brand-layer-story:before{
  width:520px!important;
  height:210px!important;
  opacity:.075!important;
  left:-72px!important;
  bottom:2%!important;
}
.brand-layer-story:after{
  width:620px!important;
  height:240px!important;
  opacity:.085!important;
  right:-5%!important;
  top:0!important;
}

@media(max-width:760px){
  .layer-platform img{width:88px!important;max-width:88px!important}
  .brand-a-motion.brand-pattern-flatten{width:250px!important;height:118px!important;margin-inline:auto!important}
  .brand-a-motion.brand-pattern-flatten>img{width:220px!important}
  .brand-a-motion.brand-pattern-flatten>i{width:220px!important;bottom:16px!important}
  .brand-layer-story:before{width:300px!important;height:122px!important;left:-84px!important;opacity:.05!important}
  .brand-layer-story:after{width:330px!important;height:132px!important;opacity:.06!important}
}

@media(prefers-reduced-motion:reduce){
  .brand-a-motion.brand-pattern-flatten>img,
  .brand-a-motion.brand-pattern-flatten>i{animation:none!important}
  .brand-a-motion.brand-pattern-flatten>img{transform:none!important;opacity:.72!important}
  .brand-a-motion.brand-pattern-flatten>i{display:none!important}
}