:root{
  --ab-blue:#0c53a5;
  --ab-navy:#022041;
  --ab-text:#5f6b7a;
  --ab-soft:#f5f8fc;
  --ab-border:#dce7f2;
  --ab-white:#fff;
}

.ab-wrap{
  width:100%;
  padding-inline:clamp(20px,4vw,72px);
  box-sizing:border-box;
}

.ab-kicker,
.ab-hero__card span,
.ab-hero__card p,
.ab-head span,
.ab-standard span,
.ab-future span,
.ab-brand strong{
  direction:ltr;
  text-align:left;
  unicode-bidi:plaintext;
}

/* Hero */
.ab-hero{
  padding:88px 0 72px;
  background:linear-gradient(135deg,#022041 0%,#0c53a5 100%);
  color:#fff;
}

.ab-hero__grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:42px;
  align-items:center;
}

.ab-kicker{
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
  font-size:13px;
  font-weight:900;
}

.ab-kicker--light{
  background:#fff;
  color:var(--ab-blue);
  border-color:var(--ab-border);
}

.ab-hero h1{
  margin:18px 0 6px;
  color:#fff;
  font-size:clamp(38px,5vw,66px);
  line-height:1.28;
}

.ab-hero h2{
  margin:0 0 16px;
  color:#dcecff;
  font-size:clamp(23px,2.5vw,34px);
  line-height:1.6;
}

.ab-hero p{
  max-width:850px;
  margin:0;
  color:rgba(255,255,255,.82);
  line-height:2.15;
}

.ab-hero__card{
  padding:34px;
  border-radius:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}

.ab-hero__card strong{
  display:block;
  color:#fff;
  font-size:clamp(52px,6vw,88px);
  line-height:1;
  direction:ltr;
  text-align:left;
}

.ab-hero__card span{
  display:block;
  margin:12px 0;
  color:#9fd0ff;
  font-weight:900;
}

.ab-hero__card p{
  margin:0;
  color:#fff;
  font-size:22px;
  font-weight:900;
}

/* Sections */
.ab-section{
  padding:72px 0;
  background:#fff;
}

.ab-section--soft{
  background:var(--ab-soft);
}

.ab-two{
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  gap:42px;
  align-items:start;
}

.ab-two h2,
.ab-head h2,
.ab-standard h2,
.ab-future h2{
  margin:12px 0;
  color:var(--ab-navy);
  font-size:clamp(26px,3vw,40px);
  line-height:1.6;
}

.ab-two p,
.ab-standard p,
.ab-future p{
  margin:0;
  color:var(--ab-text);
  line-height:2.1;
}

.ab-product-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.ab-product-list div{
  padding:16px 18px;
  border:1px solid var(--ab-border);
  border-radius:16px;
  background:#fff;
  color:var(--ab-navy);
  font-weight:900;
}

/* Standard */
.ab-standard{
  padding:74px 0;
  background:#022041;
  color:#fff;
}

.ab-standard__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:center;
}

.ab-standard span,
.ab-future span{
  color:#8fc9ff;
  font-size:13px;
  font-weight:900;
}

.ab-standard h2{
  color:#fff;
}

.ab-standard p{
  color:rgba(255,255,255,.78);
}

.ab-quality{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  margin-top:22px;
}

.ab-quality div{
  padding:15px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;
}

.ab-quality i{
  margin-left:8px;
  color:#8fc9ff;
}

.ab-standards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
}

.ab-standards strong{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:28px;
  direction:ltr;
}

/* Capabilities */
.ab-head{
  max-width:820px;
  margin:0 auto 32px;
  text-align:center;
}

.ab-head span{
  color:var(--ab-blue);
  font-size:13px;
  font-weight:900;
}

.ab-capabilities{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
}

.ab-capabilities div,
.ab-industries div{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:15px 16px;
  border:1px solid var(--ab-border);
  border-radius:16px;
  background:#fff;
  color:var(--ab-navy);
  font-weight:900;
}

.ab-capabilities i{
  color:var(--ab-blue);
}

.ab-industries{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.ab-industries div{
  justify-content:center;
  background:#f8fafc;
}

/* Future */
.ab-future{
  padding:74px 0;
  background:#f5f8fc;
}

.ab-future__box{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:34px;
  padding:34px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--ab-border);
}

/* Brand */
.ab-brand{
  padding:78px 0;
  background:#0c53a5;
  color:#fff;
  text-align:center;
}

.ab-brand h2{
  margin:0;
  color:#fff;
  font-size:clamp(54px,7vw,96px);
  line-height:1;
  direction:ltr;
}

.ab-brand strong{
  display:block;
  margin:12px auto;
  color:#dcecff;
  font-size:clamp(22px,3vw,40px);
  text-align:center;
}

.ab-brand p{
  margin:0;
  font-size:20px;
  font-weight:900;
}

/* Responsive */
@media(max-width:1050px){
  .ab-capabilities{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:850px){
  .ab-hero__grid,
  .ab-two,
  .ab-standard__grid,
  .ab-future__box{
    grid-template-columns:1fr;
  }

  .ab-product-list,
  .ab-quality,
  .ab-standards,
  .ab-industries{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .ab-hero,
  .ab-section,
  .ab-standard,
  .ab-future,
  .ab-brand{
    padding:56px 0;
  }

  .ab-capabilities{
    grid-template-columns:1fr;
  }

  .ab-hero__card,
  .ab-future__box{
    padding:24px;
  }
}
