/* ==========================================================================
   Automation Testing Services Dubai — Styles
   Palette: Black #0A0E17 · Blue #0A5CFF / #063B9E · White #FFFFFF
   No global selectors (body/html/:root/*) — every rule is section-scoped.
   No font-family declared anywhere per brief.
   ========================================================================== */

/* ---------- shared reveal-on-scroll utility (scoped, not global) ---------- */
.att-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.att-reveal.is-visible{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion:reduce){
  .att-reveal{opacity:1;transform:none;transition:none;}
}

/* ============================== HERO ===================================== */
.att-hero{position:relative;overflow:hidden;padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-hero__container{position:relative;z-index:2;padding-top:60px;padding-bottom:40px;}
.att-hero__glow{position:absolute;border-radius:50%;filter:blur(70px);z-index:1;pointer-events:none;}
.att-hero__glow--one{width:460px;height:460px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(10,92,255,.20),transparent 70%);}
.att-hero__glow--two{width:360px;height:360px;bottom:-160px;left:-140px;background:radial-gradient(circle,rgba(6,12,24,.10),transparent 70%);}
.att-hero__title{font-size:clamp(2rem,4vw,3.15rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#0a0e17;margin-bottom:22px;}
.att-hero__text{font-size:1.08rem;line-height:1.7;color:#3b4354;max-width:560px;margin-bottom:30px;}
.att-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px;}
.att-hero__btn{border:none;border-radius:12px;padding:15px 26px;font-size:.98rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.att-hero__btn--primary{background:linear-gradient(135deg,#0a5cff,#063b9e);color:#fff;box-shadow:0 14px 30px -12px rgba(10,92,255,.55);}
.att-hero__btn--primary:hover{transform:translateY(-3px);box-shadow:0 18px 34px -10px rgba(10,92,255,.65);}
.att-hero__btn-icon{transition:transform .25s ease;}
.att-hero__btn--primary:hover .att-hero__btn-icon{transform:translateX(4px);}
.att-hero__btn--ghost{background:#ffffff;color:#0a0e17;border:1.5px solid #d8deeb;}
.att-hero__btn--ghost:hover{border-color:#0a5cff;color:#0a5cff;transform:translateY(-3px);}
.att-hero__badges{list-style:none;display:flex;flex-wrap:wrap;gap:10px 14px;padding:0;margin:0;}
.att-hero__badges li{font-size:.78rem;font-weight:600;color:#0a0e17;background:#f2f5fb;border:1px solid #e3e8f2;padding:8px 14px;border-radius:100px;}
.att-hero__visual{margin-top:36px;}
.att-hero__frame{position:relative;border-radius:22px;overflow:visible;}
.att-hero__image{width:100%;height:auto;border-radius:22px;display:block;box-shadow:0 30px 60px -20px rgba(10,14,23,.35);animation:attHeroFloat 6s ease-in-out infinite;}
@keyframes attHeroFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.att-hero__floatcard{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);border-radius:14px;padding:12px 16px;font-size:.82rem;font-weight:700;color:#0a0e17;box-shadow:0 16px 34px -14px rgba(10,14,23,.35);}
.att-hero__floatcard svg{color:#0a5cff;flex-shrink:0;}
.att-hero__floatcard--top{top:-18px;left:-18px;animation:attHeroFloat 5s ease-in-out infinite;}
.att-hero__floatcard--bottom{bottom:-16px;right:-14px;animation:attHeroFloat 7s ease-in-out infinite reverse;}
@media (max-width:991px){.att-hero__floatcard{position:static;margin-top:14px;box-shadow:none;background:#f2f5fb;}
  .att-hero__frame{display:flex;flex-direction:column;gap:0;}
}
@media (max-width:575px){.att-hero__badges li{font-size:.72rem;padding:7px 12px;}}

/* ============================== LOGOS ====================================== */
.sgtrust {
  position: relative;
  padding: 48px 0 40px;
  overflow: hidden;
  color: #ffffff;

  background-image:
    linear-gradient(90deg, rgba(5,7,13,0.55), rgba(5,7,13,0.75)),
    url("/assets/img/trusted-by-bg.jpg");
  background-size: cover;
  background-position: center;
}

.sgtrust-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #05070d, #10151f);
  z-index: -1;
}

.sgtrust-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ===== Heading ===== */
.sgtrust-heading-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 40px;
}

.sgtrust-line {
  flex: 0 0 60px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
}

.sgtrust-heading {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  color: #f5f7fb;
  white-space: nowrap;
}

/* ===== Marquee ===== */
.sgtrust-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
}

.sgtrust-track {
    display: flex;
    width: max-content;
    animation: scrollLogos 25s linear infinite;
}

.sgtrust-logos {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 20px;
}

/* ===== Boxed logo card ===== */
.sgtrust-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #121218;
    border: 1px solid #23242e;
    border-radius: 14px;
    padding: 22px 32px;
    min-width: 200px;
    height: 90px;
    flex-shrink: 0;
    transition: border-color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}

.sgtrust-logo:hover {
    border-color: #34324a;
    background: #17171f;
    transform: translateY(-2px);
}

.sgtrust-logo img {
    height: 32px;
    max-width: 140px;
    width: auto;
    object-fit: contain;
    display: block;
}

@keyframes scrollLogos {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.sgtrust-track:hover {
    animation-play-state: paused;
}

/* ===== Responsive ===== */
@media (max-width: 600px) {
    .sgtrust {
        padding: 36px 0 32px;
    }
    .sgtrust-heading {
        font-size: 12px;
        white-space: normal;
        text-align: center;
    }
    .sgtrust-logo {
        min-width: 150px;
        height: 72px;
        padding: 16px 20px;
    }
    .sgtrust-logo img {
        height: 24px;
    }
}

/* ============================== WHY MATTERS ================================ */
.att-why{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-why__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;letter-spacing:-.01em;margin-bottom:18px;}
.att-why__text{font-size:1rem;line-height:1.75;color:#3b4354;margin-bottom:18px;}
.att-why__subhead{font-weight:700;color:#0a5cff;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;}
.att-why__panel{margin-top:20px;}
.att-why__compare{background:#0a0e17;border-radius:20px;padding:32px 28px;box-shadow:0 26px 50px -22px rgba(10,14,23,.5);}
.att-why__compare-row{display:grid;grid-template-columns:78px 1fr 70px;align-items:center;gap:14px;margin-bottom:22px;}
.att-why__compare-row:last-child{margin-bottom:0;}
.att-why__compare-label{color:#c7cede;font-size:.82rem;font-weight:600;}
.att-why__compare-bar{height:12px;border-radius:8px;background:linear-gradient(90deg,#0a5cff,#4d8bff);position:relative;overflow:hidden;}
.att-why__compare-row--after .att-why__compare-bar{background:linear-gradient(90deg,#0a5cff,#7fb3ff);}
.att-why__compare-value{color:#fff;font-size:.82rem;font-weight:700;text-align:right;}
.att-why__grid{margin-top:50px;}
.att-why__item{margin-bottom:30px;padding:26px 24px;border-radius:18px;background:#f7f9fc;border:1px solid #eaeef5;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.att-why__item:hover{transform:translateY(-6px);box-shadow:0 20px 34px -18px rgba(10,14,23,.25);border-color:#cfe0ff;}
.att-why__icon{color:#0a5cff;margin-bottom:14px;transition:transform .3s ease;}
.att-why__item:hover .att-why__icon{transform:rotate(-8deg) scale(1.1);}
.att-why__item-title{font-size:1.05rem;font-weight:700;color:#0a0e17;margin-bottom:8px;}
.att-why__item-text{font-size:.92rem;line-height:1.6;color:#4a5265;margin:0;}

/* ============================== SERVICES ==================================== */
.att-services{padding-top:30px;padding-bottom:30px;background:#f7f9fc;}
.att-services__intro{max-width:760px;margin:0 auto 34px;text-align:center;}
.att-services__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;letter-spacing:-.01em;margin-bottom:14px;}
.att-services__text{font-size:1rem;line-height:1.7;color:#3b4354;}
.att-services__overview{background:linear-gradient(135deg,#0a0e17,#0d1a33);border-radius:22px;padding:38px 34px;color:#fff;margin-bottom:34px;position:relative;overflow:hidden;}
.att-services__overview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,rgba(10,92,255,.35),transparent 60%);}
.att-services__overview-title{position:relative;font-size:1.4rem;font-weight:800;margin-bottom:6px;}
.att-services__overview-sub{position:relative;color:#7fb3ff;font-weight:700;font-size:.9rem;letter-spacing:.03em;margin-bottom:14px;}
.att-services__overview-text{position:relative;font-size:.96rem;line-height:1.75;color:#d3d9e6;max-width:820px;margin:0;}
.att-services__panel{background:#ffffff;border-radius:22px;box-shadow:0 24px 50px -26px rgba(10,14,23,.3);overflow:hidden;}
.att-services__nav{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #eef1f7;padding:10px;}
.att-services__tab{background:transparent;border:none;padding:12px 16px;font-size:.85rem;font-weight:600;color:#5b6478;border-radius:10px;cursor:pointer;transition:background .25s ease,color .25s ease;text-align:left;}
.att-services__tab:hover{background:#eef4ff;color:#0a5cff;}
.att-services__tab.is-active{background:#0a5cff;color:#fff;box-shadow:0 10px 22px -10px rgba(10,92,255,.6);}
.att-services__stage{padding:36px;min-height:340px;}
.att-services__pane{display:none;animation:attFadeIn .45s ease;}
.att-services__pane.is-active{display:block;}
.att-services__panel{background:#ffffff;border-radius:22px;box-shadow:0 24px 50px -26px rgba(10,14,23,.3);overflow:hidden;}

.att-services__navwrap{
  position:relative;
  display:flex;
  align-items:center;
  border-bottom:1px solid #eef1f7;
  padding:10px 8px;
}

.att-services__nav{
  display:flex;
  flex-wrap:nowrap;
  gap:6px;
  overflow-x:auto;
  scroll-behavior:smooth;
  padding:2px 4px;
  flex:1;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
}
.att-services__nav::-webkit-scrollbar{display:none;}

.att-services__tab{
  flex:0 0 auto;
  white-space:nowrap;
  background:transparent;
  border:none;
  padding:12px 16px;
  font-size:.85rem;
  font-weight:600;
  color:#5b6478;
  border-radius:10px;
  cursor:pointer;
  transition:background .25s ease,color .25s ease;
  text-align:left;
  outline:none;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
}
.att-services__tab:hover{background:#eef4ff;color:#0a5cff;}
.att-services__tab:focus{outline:none;box-shadow:none;}
.att-services__tab:focus-visible{box-shadow:0 0 0 2px #0a5cff33;}
.att-services__tab.is-active{background:#0a5cff;color:#fff;box-shadow:0 10px 22px -10px rgba(10,92,255,.6);}

.att-services__navbtn{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid #e0e6f2;
  background:#ffffff;
  color:#0a0e17;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  outline:none;
  transition:background .25s ease,color .25s ease,border-color .25s ease,opacity .25s ease;
  z-index:2;
}
.att-services__navbtn:hover{background:#0a5cff;color:#fff;border-color:#0a5cff;}
.att-services__navbtn:focus{outline:none;}
.att-services__navbtn--prev{margin-right:8px;}
.att-services__navbtn--next{margin-left:8px;}
.att-services__navbtn[disabled]{opacity:.35;cursor:default;pointer-events:none;}

.att-services__stage{padding:36px;min-height:340px;}
.att-services__pane{display:none;animation:attFadeIn .45s ease;}
.att-services__pane.is-active{display:block;}
@keyframes attFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.att-services__pane-title{font-size:1.3rem;font-weight:800;color:#0a0e17;margin-bottom:14px;}
.att-services__pane-text{font-size:.96rem;line-height:1.75;color:#3b4354;margin-bottom:20px;}
.att-services__pane-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#0a5cff;margin-bottom:12px;}
.att-services__pane-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;}
.att-services__pane-list li{position:relative;padding-left:24px;font-size:.9rem;color:#0a0e17;font-weight:600;}
.att-services__pane-list li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:2px;background:#0a5cff;transform:rotate(45deg);}

@media (max-width:767px){
  .att-services__stage{padding:24px;}
  .att-services__pane-list{grid-template-columns:1fr;}
  .att-services__navbtn{width:32px;height:32px;}
}
@keyframes attFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.att-services__pane-title{font-size:1.3rem;font-weight:800;color:#0a0e17;margin-bottom:14px;}
.att-services__pane-text{font-size:.96rem;line-height:1.75;color:#3b4354;margin-bottom:20px;}
.att-services__pane-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#0a5cff;margin-bottom:12px;}
.att-services__pane-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px;}
.att-services__pane-list li{position:relative;padding-left:24px;font-size:.9rem;color:#0a0e17;font-weight:600;}
.att-services__pane-list li::before{content:"";position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:2px;background:#0a5cff;transform:rotate(45deg);}
.att-services__cta{margin-top:30px;text-align:center;}
.att-services__cta p{font-size:1.02rem;color:#0a0e17;font-weight:600;margin:0;}
.att-services__cta-link{color:#0a5cff;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:gap .25s ease;}
.att-services__cta-link:hover{gap:10px;}
@media (max-width:767px){
  .att-services__stage{padding:24px;}
  .att-services__pane-list{grid-template-columns:1fr;}
  .att-services__nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;}
  .att-services__tab{white-space:nowrap;}
}

/* ============================== SOLUTIONS ==================================== */
.att-solutions{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-solutions__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;letter-spacing:-.01em;margin-bottom:26px;}
.att-solutions__list{list-style:none;padding:0;margin:0;}
.att-solutions__list li{display:flex;flex-direction:column;padding:18px 0 18px 40px;position:relative;border-bottom:1px solid #eef1f7;}
.att-solutions__list li:first-child{padding-top:0;}
.att-solutions__list li::before{content:"";position:absolute;left:0;top:24px;width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#0a5cff,#063b9e);}
.att-solutions__item-title{font-weight:800;color:#0a0e17;font-size:1rem;margin-bottom:4px;}
.att-solutions__item-text{font-size:.9rem;color:#4a5265;line-height:1.6;}
.att-solutions__visual{margin-top:30px;}
.att-solutions__mock{background:#0a0e17;border-radius:20px;padding:14px;box-shadow:0 30px 60px -24px rgba(10,14,23,.5);}
.att-solutions__mock-bar{display:flex;gap:6px;padding:6px 8px 14px;}
.att-solutions__mock-bar span{width:10px;height:10px;border-radius:50%;background:#39445c;}
.att-solutions__mock-image{width:100%;height:auto;border-radius:12px;display:block;}

/* ============================== TECH GRID ==================================== */
/* ============================== TECH GRID ==================================== */
.att-tech{padding-top:30px;padding-bottom:30px;background:#f7f9fc;}
.att-tech__title{text-align:center;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0a0e17;margin-bottom:30px;}
.att-tech__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}

.att-tech__pill{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:#ffffff;
  border:1px solid #e5e9f2;
  border-radius:14px;
  padding:22px 10px 18px;
  text-align:center;
  font-weight:700;
  font-size:.88rem;
  color:#0a0e17;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,color .3s ease;
}
.att-tech__pill:hover{
  transform:translateY(-5px) scale(1.03);
  box-shadow:0 16px 28px -16px rgba(10,92,255,.4);
  border-color:#0a5cff;
  color:#0a5cff;
}

.att-tech__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  color:#0a5cff;
  background:linear-gradient(135deg,#eef4ff,#e2ecff);
  transition:transform .4s ease,background .4s ease,color .4s ease;
}
.att-tech__pill:hover .att-tech__icon{
  transform:rotate(-8deg) scale(1.1);
  background:linear-gradient(135deg,#0a5cff,#063b9e);
  color:#ffffff;
}

@media (max-width:767px){.att-tech__grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:480px){.att-tech__grid{grid-template-columns:repeat(2,1fr);}}
/* ============================== INDUSTRIES ==================================== */
.att-industries{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-industries__title{text-align:center;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0a0e17;margin-bottom:28px;}
.att-industries__cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:26px;}
.att-industries__tag{background:#eef4ff;color:#063b9e;font-weight:700;font-size:.85rem;padding:10px 18px;border-radius:100px;border:1px solid #d8e6ff;transition:background .3s ease,transform .3s ease,color .3s ease;}
.att-industries__tag:hover{background:#0a5cff;color:#ffffff;border-color:#0a5cff;transform:translateY(-3px);}
.att-industries__note{max-width:760px;margin:0 auto;text-align:center;color:#4a5265;font-size:.94rem;line-height:1.7;}



.att-industries__tag a{display:inline-flex;align-items:center;gap:7px;color:inherit;text-decoration:none;}
.att-industries__icon{flex-shrink:0;transition:color .3s ease,transform .3s ease;}
.att-industries__tag:hover .att-industries__icon{color:inherit;transform:scale(1.1);}

/* ============================== ENTERPRISE ==================================== */
.att-enterprise{padding-top:30px;padding-bottom:30px;background:#0a0e17;}
.att-enterprise__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:18px;}
.att-enterprise__text{font-size:1rem;line-height:1.75;color:#c7cede;margin-bottom:20px;}
.att-enterprise__label{font-weight:700;color:#7fb3ff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;}
.att-enterprise__chips{display:flex;flex-wrap:wrap;gap:10px;}
.att-enterprise__chips span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.82rem;font-weight:600;padding:9px 16px;border-radius:100px;}
.att-enterprise__frame{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);margin-top:30px;}
.att-enterprise__frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,14,23,.6));}
.att-enterprise__image{width:100%;height:auto;display:block;transition:transform .6s ease;}
.att-enterprise__frame:hover .att-enterprise__image{transform:scale(1.06);}

/* ============================== PROCESS TIMELINE ==================================== */
.att-process{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-process__title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;margin-bottom:50px;}
.att-process__timeline{position:relative;max-width:820px;margin:0 auto;}
.att-process__timeline::before{content:"";position:absolute;left:27px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#0a5cff,#e5e9f2);}
.att-process__step{position:relative;display:flex;gap:26px;padding-bottom:38px;}
.att-process__step:last-child{padding-bottom:0;}
.att-process__marker{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#0a0e17;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;position:relative;z-index:2;box-shadow:0 12px 24px -10px rgba(10,14,23,.5);border:4px solid #ffffff;}
.att-process__content{background:#f7f9fc;border:1px solid #eef1f7;border-radius:16px;padding:20px 22px;flex:1;transition:transform .3s ease,box-shadow .3s ease;}
.att-process__step:hover .att-process__content{transform:translateX(6px);box-shadow:0 18px 30px -20px rgba(10,14,23,.3);}
.att-process__step-title{font-size:1.05rem;font-weight:800;color:#0a0e17;margin-bottom:8px;}
.att-process__step-text{font-size:.9rem;line-height:1.65;color:#4a5265;margin:0;}
@media (max-width:575px){
  .att-process__timeline::before{left:21px;}
  .att-process__marker{width:44px;height:44px;font-size:.8rem;}
  .att-process__step{gap:16px;}
}

/* ============================== WHY US BENTO ==================================== */
.att-whyus{padding-top:30px;padding-bottom:30px;background:#f7f9fc;}
.att-whyus__title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;margin-bottom:34px;}
.att-whyus__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:18px;}
.att-whyus__card{grid-column:span 1;background:#ffffff;border:1px solid #eaeef5;border-radius:18px;padding:26px 22px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;}
.att-whyus__card--wide{grid-column:span 2;}
.att-whyus__card:hover{transform:translateY(-6px);box-shadow:0 22px 36px -20px rgba(10,14,23,.28);border-color:#cfe0ff;}
.att-whyus__icon{color:#0a5cff;margin-bottom:14px;transition:transform .35s ease;}
.att-whyus__card:hover .att-whyus__icon{transform:scale(1.15) rotate(6deg);}
.att-whyus__card-title{font-size:1.02rem;font-weight:800;color:#0a0e17;margin-bottom:8px;}
.att-whyus__card-text{font-size:.88rem;line-height:1.6;color:#4a5265;margin:0;}
@media (max-width:767px){
  .att-whyus__grid{grid-template-columns:repeat(2,1fr);}
  .att-whyus__card--wide{grid-column:span 2;}
}
@media (max-width:480px){
  .att-whyus__grid{grid-template-columns:1fr;}
  .att-whyus__card--wide{grid-column:span 1;}
}

/* ============================== BUSINESS BENEFITS ==================================== */
.att-benefits{position:relative;overflow:hidden;padding-top:30px;padding-bottom:30px;background:#0a0e17;}
.att-benefits__glow{position:absolute;width:520px;height:520px;border-radius:50%;top:-220px;right:-160px;background:radial-gradient(circle,rgba(10,92,255,.28),transparent 65%);pointer-events:none;}
.att-benefits__head{position:relative;text-align:center;max-width:640px;margin:0 auto 40px;}
.att-benefits__eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7fb3ff;background:rgba(127,179,255,.1);border:1px solid rgba(127,179,255,.3);padding:6px 16px;border-radius:100px;margin-bottom:16px;}
.att-benefits__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#fff;margin:0;}

.att-benefits__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.att-benefits__cell{grid-column:span 1;}
.att-benefits__cell--wide{grid-column:span 2;}

.att-benefits__card{
  position:relative;
  height:100%;
  padding:26px 22px 22px;
  border-radius:18px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  overflow:hidden;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),background .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.att-benefits__bar{
  position:absolute;
  top:0;left:0;
  height:3px;
  width:0%;
  background:linear-gradient(90deg,#0a5cff,#7fb3ff);
  transition:width .8s cubic-bezier(.22,.61,.36,1);
}
.att-benefits__card.is-charged .att-benefits__bar{width:100%;}

.att-benefits__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:13px;
  color:#7fb3ff;
  background:rgba(10,92,255,.14);
  margin-bottom:16px;
  transition:transform .4s ease,background .4s ease,color .4s ease;
}
.att-benefits__card:hover{
  transform:translateY(-6px);
  background:rgba(10,92,255,.12);
  border-color:rgba(10,92,255,.5);
  box-shadow:0 24px 40px -20px rgba(10,92,255,.45);
}
.att-benefits__card:hover .att-benefits__icon{
  transform:rotate(-8deg) scale(1.12);
  background:linear-gradient(135deg,#0a5cff,#063b9e);
  color:#ffffff;
}

.att-benefits__text{margin:0;color:#fff;font-size:.92rem;font-weight:700;line-height:1.55;}

@media (max-width:767px){
  .att-benefits__grid{grid-template-columns:repeat(2,1fr);}
  .att-benefits__cell--wide{grid-column:span 2;}
}
@media (max-width:480px){
  .att-benefits__grid{grid-template-columns:1fr;}
  .att-benefits__cell--wide{grid-column:span 1;}
}

/* ============================== COMPLIANCE ==================================== */
.att-compliance{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-compliance__title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;letter-spacing:-.01em;margin-bottom:18px;}
.att-compliance__text{font-size:1rem;line-height:1.75;color:#3b4354;}
.att-compliance__badges{display:flex;flex-direction:column;gap:14px;margin-top:24px;}
.att-compliance__badge{display:flex;align-items:center;gap:14px;background:#f7f9fc;border:1px solid #eef1f7;border-radius:14px;padding:16px 20px;transition:border-color .3s ease,transform .3s ease;}
.att-compliance__badge:hover{border-color:#0a5cff;transform:translateX(6px);}
.att-compliance__badge svg{color:#0a5cff;flex-shrink:0;}
.att-compliance__badge span{font-weight:700;font-size:.92rem;color:#0a0e17;}

/* ============================== FRAMEWORKS ACCORDION ==================================== */
.att-frameworks{padding-top:30px;padding-bottom:30px;background:#f7f9fc;}
.att-frameworks__title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;margin-bottom:30px;}
.att-frameworks__accordion{max-width:840px;margin:0 auto;}
.att-frameworks__item{background:#ffffff;border:1px solid #eaeef5;border-radius:14px;margin-bottom:14px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease;}
.att-frameworks__item:hover{border-color:#cfe0ff;}
.att-frameworks__item.is-active{box-shadow:0 18px 34px -22px rgba(10,14,23,.3);border-color:#0a5cff;}
.att-frameworks__head{width:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;cursor:pointer;text-align:left;}
.att-frameworks__name{font-size:1rem;font-weight:800;color:#0a0e17;margin:0;}
.att-frameworks__chevron{color:#0a5cff;flex-shrink:0;transition:transform .3s ease;}
.att-frameworks__item.is-active .att-frameworks__chevron{transform:rotate(180deg);}
.att-frameworks__body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 22px;}
.att-frameworks__item.is-active .att-frameworks__body{max-height:260px;padding:0 22px 22px;}
.att-frameworks__body p{margin:0;font-size:.92rem;line-height:1.7;color:#4a5265;}

/* ============================== PLATFORMS ==================================== */
.att-platforms{padding-top:30px;padding-bottom:30px;background:#ffffff;position:relative;overflow:hidden;}
.att-platforms__head{text-align:center;max-width:640px;margin:0 auto 40px;}
.att-platforms__eyebrow{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0a5cff;background:#eef4ff;border:1px solid #d8e6ff;padding:6px 16px;border-radius:100px;margin-bottom:16px;}
.att-platforms__title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;color:#0a0e17;letter-spacing:-.01em;margin:0;}

.att-platforms__grid{row-gap:20px;}
.att-platforms__col{margin-bottom:0;}
@media (min-width:992px){
  .col-lg-2-4{flex:0 0 20%;max-width:20%;}
}

.att-platforms__card{
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:14px;
  padding:30px 16px 26px;
  border-radius:18px;
  background:#f7f9fc;
  border:1px solid #eaeef5;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease,background .35s ease;
}
.att-platforms__card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  padding:1.5px;
  background:linear-gradient(135deg,#0a5cff,transparent 40%,transparent 60%,#0a5cff);
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.att-platforms__card:hover{
  transform:translateY(-8px);
  background:#ffffff;
  box-shadow:0 26px 44px -22px rgba(10,92,255,.35);
}
.att-platforms__card:hover::before{opacity:1;}

.att-platforms__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  color:#0a5cff;
  background:linear-gradient(135deg,#eef4ff,#e2ecff);
  transition:transform .4s ease,box-shadow .4s ease,background .4s ease,color .4s ease;
}
.att-platforms__card:hover .att-platforms__icon{
  transform:rotate(-8deg) scale(1.12);
  background:linear-gradient(135deg,#0a5cff,#063b9e);
  color:#ffffff;
  box-shadow:0 14px 26px -10px rgba(10,92,255,.6);
}

.att-platforms__label{font-size:.9rem;font-weight:700;color:#0a0e17;line-height:1.4;}

@media (max-width:575px){
  .att-platforms__card{padding:24px 12px 20px;}
  .att-platforms__icon{width:48px;height:48px;}
}

/* ============================== CASE STUDIES ==================================== */
#CaseStudies {
  background: #07080B;
  padding: 30px 0;
  position: relative;
  overflow: hidden;
  color: #F3F4F6;
}

#CaseStudies::before {
  content: "";
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 600px;
  background: radial-gradient(circle, rgba(34,211,238,0.10) 0%, rgba(139,92,246,0.06) 45%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
}

#CaseStudies::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

#CaseStudies .cs-container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  position: relative;
  z-index: 2;
}

#CaseStudies .client-title {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -0.02em;
  text-align: center;
  margin: 0 0 40px 0;
  color: #F3F4F6;
}

#CaseStudies .cs-subtext {
  text-align: center;
  max-width: 620px;
  margin: 0 auto 64px auto;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.55;
  color: #8A8F9B;
}

/* ===== VIEWPORT (shows exactly one card) ===== */
#CaseStudies .cs-viewport {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
}

#CaseStudies .casestudies_slider {
  position: relative;
  overflow: hidden;
}

#CaseStudies .slider-casestudies {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}

#CaseStudies .caseStudiesSliderBox {
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px;
}

/* ===== CARD ===== */
#CaseStudies .case_box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 36px;
  background: #0F1219;
  border-radius: 24px;
  overflow: hidden;
  padding: 40px;
  transition: transform 0.35s ease, background 0.35s ease;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  z-index: 0;
}

/* static border */
#CaseStudies .case_box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 1px;
  background: rgba(255,255,255,0.07);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: opacity 0.35s ease;
  z-index: 1;
}

/* animated gradient border on hover */
#CaseStudies .case_box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 1.5px;
  background: conic-gradient(from var(--angle, 0deg), #22D3EE, #8B5CF6, #5EE6E0, #22D3EE);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.35s ease;
  animation: cs-rotate 3s linear infinite;
  z-index: 2;
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes cs-rotate {
  to { --angle: 360deg; }
}

#CaseStudies .case_box:hover {
  transform: translateY(-6px);
  background: rgba(15, 18, 25, 0.92);
  box-shadow: 0 24px 60px -20px rgba(56,189,248,0.25), 0 0 40px rgba(56,189,248,0.08);
}

#CaseStudies .case_box:hover::before { opacity: 0; }
#CaseStudies .case_box:hover::after { opacity: 1; }

#CaseStudies .case_box__image {
  flex: 0 0 420px;
  width: 420px;
  height: 300px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

#CaseStudies .case_box__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
}

#CaseStudies .case_box__content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

#CaseStudies .case_box__content h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 14px 0;
  color: #F3F4F6;
}

#CaseStudies .case_box__content p {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.6;
  color: #C7CAD1;
  margin: 0 0 20px 0;
}

#CaseStudies .case_box__points {
  list-style: none;
  margin: 0 0 28px 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#CaseStudies .case_box__points li {
  position: relative;
  padding-left: 22px;
  font-size: 13px;
  font-weight: 400;
  color: #8A8F9B;
  line-height: 1.4;
}

#CaseStudies .case_box__points li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: linear-gradient(135deg, #22D3EE, #8B5CF6);
}

#CaseStudies .viewCaseStudies {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 14px 22px;
  border-radius: 999px;
  background: #F3F4F6;
  color: #07080B;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: transform 0.3s ease, background 0.3s ease, gap 0.3s ease;
}

#CaseStudies .viewCaseStudies i {
  font-style: normal;
  display: none; /* font-awesome glyph not loaded, use unicode arrow below */
}

#CaseStudies .viewCaseStudies::after {
  content: "\2192";
  transition: transform 0.3s ease;
}

#CaseStudies .viewCaseStudies:hover {
  transform: translateY(-3px);
  background: #22D3EE;
}

#CaseStudies .viewCaseStudies:hover::after {
  transform: translateX(4px);
}

/* ===== DOTS / PROGRESS ===== */
#CaseStudies .cs-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  flex-wrap: wrap;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

#CaseStudies .cs-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  border: none;
  cursor: pointer;
  transition: width 0.35s ease, background 0.35s ease;
  padding: 0;
}

#CaseStudies .cs-dot.active {
  width: 26px;
  background: linear-gradient(90deg, #22D3EE, #8B5CF6);
}

/* ===== ARROWS ===== */
#CaseStudies .caseStudiesBottomArrows {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 36px;
}

#CaseStudies .caseStudiesBottomArrows button {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  color: #F3F4F6;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 0.3s ease, background 0.3s ease, transform 0.3s ease;
}

#CaseStudies .caseStudiesBottomArrows button:hover {
  border-color: rgba(56,189,248,0.55);
  background: rgba(56,189,248,0.08);
  transform: translateY(-2px);
}

#CaseStudies .caseStudiesBottomArrows i {
  font-style: normal;
}

#CaseStudies .caseStudiesBottomArrows .fa-arrow-left::before { content: "\2190"; }
#CaseStudies .caseStudiesBottomArrows .fa-arrow-right::before { content: "\2192"; }

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
  #CaseStudies { padding: 90px 0; }
  #CaseStudies .client-title { font-size: 40px; }
  #CaseStudies .case_box { flex-direction: column; padding: 32px; gap: 24px; }
  #CaseStudies .case_box__image { width: 100%; max-width: 360px; height: 260px; flex: 0 0 260px; }
  #CaseStudies .case_box__content { align-items: center; text-align: center; }
  #CaseStudies .case_box__content h3 { font-size: 24px; }
  #CaseStudies .case_box__points { align-items: flex-start; }
}

@media (max-width: 575px) {
  #CaseStudies { padding: 30px 0; }
  #CaseStudies .cs-container { padding: 0 20px; }
  #CaseStudies .client-title { font-size: 30px; }
  #CaseStudies .cs-subtext { font-size: 15px; margin-bottom: 40px; }
  #CaseStudies .case_box { padding: 24px; }
  #CaseStudies .case_box__image { width: 100%; max-width: 280px; height: 220px; flex: 0 0 220px; }
  #CaseStudies .case_box__content h3 { font-size: 21px; }
  #CaseStudies .case_box__points li { font-size: 12px; }
  #CaseStudies .caseStudiesBottomArrows button { width: 42px; height: 42px; }
}
/* ============================== TESTIMONIALS ==================================== */
.att-testimonials{padding-top:30px;padding-bottom:30px;background:#f7f9fc;}
.att-testimonials__title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;margin-bottom:30px;}
.att-testimonials__slider{max-width:760px;margin:0 auto;}
.att-testimonials__track{position:relative;min-height:280px;}
.att-testimonials__card{display:none;background:#ffffff;border-radius:20px;padding:36px 32px;box-shadow:0 24px 50px -26px rgba(10,14,23,.3);border:1px solid #eef1f7;animation:attFadeIn .5s ease;}
.att-testimonials__card.is-active{display:block;}
.att-testimonials__stars{color:#0a5cff;letter-spacing:4px;font-size:1rem;margin-bottom:14px;}
.att-testimonials__quote-title{font-size:1.15rem;font-weight:800;color:#0a0e17;margin-bottom:12px;}
.att-testimonials__quote{font-size:.95rem;line-height:1.75;color:#3b4354;margin-bottom:22px;}
.att-testimonials__author{display:flex;align-items:center;gap:12px;}
.att-testimonials__avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #eaf1ff;transition:transform .3s ease,border-color .3s ease;}
.att-testimonials__avatar:hover{transform:scale(1.08);border-color:#0a5cff;}
.att-testimonials__author span{font-weight:700;font-size:.9rem;color:#0a0e17;}
.att-testimonials__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px;}
.att-testimonials__btn{width:42px;height:42px;border-radius:50%;border:1px solid #e0e6f2;background:#ffffff;color:#0a0e17;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease;}
.att-testimonials__btn:hover{background:#0a5cff;color:#fff;transform:scale(1.08);border-color:#0a5cff;}
.att-testimonials__dots{display:flex;gap:8px;}
.att-testimonials__dots span{width:9px;height:9px;border-radius:50%;background:#d8deeb;cursor:pointer;transition:background .3s ease,transform .3s ease;}
.att-testimonials__dots span.is-active{background:#0a5cff;transform:scale(1.3);}

/* ============================== FINAL CTA ==================================== */
.att-cta{position:relative;overflow:hidden;padding-top:30px;padding-bottom:30px;background:#0a0e17;}
.att-cta__glow{position:absolute;width:600px;height:600px;border-radius:50%;top:-260px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(10,92,255,.35),transparent 65%);pointer-events:none;}
.att-cta__inner{position:relative;text-align:center;max-width:720px;padding:50px 20px;}
.att-cta__title{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:16px;}
.att-cta__text{font-size:1rem;line-height:1.7;color:#c7cede;margin-bottom:30px;}
.att-cta__actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.att-cta__btn{border:none;border-radius:12px;padding:15px 28px;font-size:.98rem;font-weight:700;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.att-cta__btn--primary{background:linear-gradient(135deg,#0a5cff,#4d8bff);color:#fff;box-shadow:0 16px 32px -12px rgba(10,92,255,.6);}
.att-cta__btn--primary:hover{transform:translateY(-3px);}
.att-cta__btn--ghost{background:rgba(255,255,255,.06);color:#fff;border:1.5px solid rgba(255,255,255,.25);}
.att-cta__btn--ghost:hover{border-color:#fff;transform:translateY(-3px);}

/* ============================== FAQ ACCORDION ==================================== */
.att-faq{padding-top:30px;padding-bottom:30px;background:#ffffff;}
.att-faq__title{text-align:center;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;color:#0a0e17;margin-bottom:30px;}
.att-faq__accordion{max-width:840px;margin:0 auto;}
.att-faq__item{border-bottom:1px solid #eef1f7;}
.att-faq__item:first-child{border-top:1px solid #eef1f7;}
.att-faq__head{width:100%;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 4px;cursor:pointer;text-align:left;}
.att-faq__q{font-size:.98rem;font-weight:700;color:#0a0e17;margin:0;}
.att-faq__chevron{color:#0a5cff;flex-shrink:0;transition:transform .3s ease;}
.att-faq__item.is-active .att-faq__chevron{transform:rotate(180deg);}
.att-faq__body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;padding:0 4px;}
.att-faq__item.is-active .att-faq__body{max-height:300px;padding:0 4px 20px;}
.att-faq__body p{margin:0;font-size:.9rem;line-height:1.7;color:#4a5265;}

/* ============================== GLOBAL-SAFE OVERFLOW GUARD ==================================== */
.att-hero,.att-logos,.att-why,.att-services,.att-solutions,.att-tech,.att-industries,.att-enterprise,.att-process,.att-whyus,.att-benefits,.att-compliance,.att-frameworks,.att-platforms,.att-cases,.att-testimonials,.att-cta,.att-faq{max-width:100vw;overflow-x:hidden;}