/* HAD V5 — polished assistant + contrast corrections */

/* Assistant section: keep the brand gradient, but show the robot itself only. */
.ai{
  position:relative;
  overflow:hidden;
}
.ai-grid{
  align-items:center;
  min-height:500px;
}
.ai-media{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-height:430px;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.ai-media::before,
.ai-media::after{
  content:none !important;
  display:none !important;
}
.ai-media img{
  width:min(520px,100%);
  max-height:455px;
  object-fit:contain;
  object-position:center bottom;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:drop-shadow(0 26px 28px rgba(1,24,58,.28));
  transform:translateY(8px);
}
.ai-copy h2{
  color:#fff !important;
  text-shadow:0 2px 18px rgba(0,30,75,.12);
}
.ai-copy p{
  color:rgba(255,255,255,.90) !important;
}
.ai .ticks span{
  color:#fff;
}
.ai .pill{
  color:#fff;
}
.ai .btn-primary{
  background:#fff;
  color:#224379;
  box-shadow:0 16px 34px rgba(0,28,69,.20);
}
.ai .btn-primary:hover{
  background:#f7fcff;
}

/* User-requested contrast: this heading must stay white on the dark contact block. */
.contact-section .contact h2,
.contact-section h2{
  color:#fff !important;
}
.contact-section .contact p,
.contact-section .contact a{
  color:#e6f4ff;
}

/* Make the assistant itself feel less like a generic card on smaller screens too. */
@media (max-width:1080px){
  .ai-grid{min-height:0;gap:20px}
  .ai-media{min-height:350px}
  .ai-media img{max-height:380px;width:min(440px,92%);transform:none}
}
@media (max-width:650px){
  .ai{padding:48px 0 54px}
  .ai-media{min-height:285px;margin-bottom:6px}
  .ai-media img{max-height:310px;width:min(360px,96%)}
  .ai-copy{text-align:left}
  [dir="rtl"] .ai-copy{text-align:right}
}

/* HAD V6 — logo cleaned like the bot: no background plaque/card */
.header-v4 .brand-official,
.brand-official{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
.header-v4 .brand-official{
  flex:0 0 198px;
  max-width:198px;
  min-width:198px;
  align-self:center;
}
.header-v4 .official-logo,
.official-logo{
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  width:100%;
  height:auto !important;
  max-height:84px;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.footer-logo{
  width:132px !important;
  height:auto;
  object-fit:contain;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  margin-bottom:10px;
}
@media (max-width:1080px){
  .header-v4 .brand-official{flex-basis:168px;max-width:168px;min-width:168px}
  .official-logo{max-height:72px}
}
@media (max-width:650px){
  .header-v4 .brand-official{flex-basis:128px;max-width:128px;min-width:128px}
  .official-logo{max-height:58px}
  .footer-logo{width:116px !important}
}

/* HAD V7 — integrate the real transparent bot provided by the user */
.ai-media img[src*="ai-assistant-true-v7"]{
  width:min(560px,100%);
  max-height:500px;
  object-fit:contain;
}
@media (max-width:1080px){
  .ai-media img[src*="ai-assistant-true-v7"]{width:min(470px,94%);max-height:410px}
}
@media (max-width:650px){
  .ai-media img[src*="ai-assistant-true-v7"]{width:min(380px,98%);max-height:325px}
}

/* HAD V15 — user-provided category product visuals */
.expertise-media{
  height:118px;
  overflow:hidden;
  border-radius:13px;
  background:#fff;
}
.expertise-media img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:3px;
  transform:none;
}
@media(max-width:650px){
  .expertise-media{height:104px}
}

/* HAD V20 — official vector logo extracted from the supplied Illustrator PDF */
.official-logo,
.footer-logo{
  image-rendering:auto;
  shape-rendering:geometricPrecision;
}