/* Accolyst X refinements — loaded after the original product stylesheet. */
.x-final-glow{
  position:absolute!important;
  z-index:0;
  pointer-events:none;
}
.x-final>div:not(.x-final-glow),
.x-final aside{
  position:relative;
  z-index:1;
  min-width:0;
}
.x-final h2{
  max-width:900px;
  overflow-wrap:normal;
  word-break:normal;
}
.x-ai-copy{
  min-width:0;
}
.x-ai-visual{
  position:relative;
  margin:34px 0 0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:#071730;
  box-shadow:0 22px 55px rgba(3,18,48,.25);
}
.x-ai-visual img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}
.x-ai-visual figcaption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:6px;
  background:rgba(5,20,49,.78);
  color:#d8e5fa;
  font:700 .58rem Manrope,sans-serif;
  letter-spacing:.09em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
}
.x-ai-copy .x-primary{
  margin-top:24px;
}
.x-benefit-strip{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  color:#06142b;
  border-bottom:1px solid #d8e0eb;
}
.x-benefit-strip article{
  min-height:210px;
  padding:38px 3.2vw;
  border-right:1px solid #d8e0eb;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.x-benefit-strip article:last-child{border-right:0}
.x-benefit-strip article>span{margin-bottom:auto;color:#e50086;font:700 .62rem Manrope,sans-serif}
.x-benefit-strip strong{font:700 1.05rem Manrope,sans-serif;margin:28px 0 10px}
.x-benefit-strip p{margin:0;color:#6b778a;font-size:.78rem;line-height:1.55}
.x-suitable{padding:130px 4.5vw;background:#f4f7fb;color:#06142b}
.suitable-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ccd6e3;border-left:1px solid #ccd6e3}
.suitable-grid article{min-height:270px;padding:28px;border-right:1px solid #ccd6e3;border-bottom:1px solid #ccd6e3;display:flex;flex-direction:column;transition:.25s}
.suitable-grid article:hover{background:#fff;box-shadow:0 18px 45px rgba(7,34,76,.09);transform:translateY(-3px)}
.suitable-grid article>span{color:#e50086;font:700 .6rem Manrope,sans-serif}
.suitable-grid h3{margin:auto 0 14px;font-size:1.3rem;line-height:1.2}
.suitable-grid p{margin:0;color:#69768a;font-size:.8rem;line-height:1.6}
@media(max-width:1000px){
  .x-ai{gap:58px}
  .x-ai-visual{max-width:720px}
  .x-final{grid-template-columns:1fr}
  .x-benefit-strip,.suitable-grid{grid-template-columns:1fr 1fr}
  .x-benefit-strip article:nth-child(2){border-right:0}
}
@media(max-width:600px){
  .x-final{
    min-height:auto;
    padding:78px 20px 82px;
    gap:42px;
    align-items:start;
  }
  .x-final-glow{
    width:430px;
    height:430px;
    left:-45%;
    top:-18%;
  }
  .x-final img{width:min(200px,62vw)}
  .x-final h2{
    max-width:100%;
    margin:30px 0 24px;
    font-size:clamp(2.55rem,12vw,3.35rem);
    line-height:.98;
    letter-spacing:-.055em;
  }
  .x-final>div>p{
    max-width:100%;
    font-size:.95rem;
    line-height:1.65;
  }
  .x-final aside{
    margin-top:0;
    padding-left:20px;
  }
  .x-ai-visual{margin-top:28px}
  .x-ai-visual figcaption{font-size:.5rem;letter-spacing:.06em}
  .x-benefit-strip article{min-height:175px;padding:28px 20px}
  .x-benefit-strip strong{font-size:.95rem}
  .x-suitable{padding:90px 20px}
  .suitable-grid{grid-template-columns:1fr}
  .suitable-grid article{min-height:225px;padding:25px}
}