:root{--ab-accent:#0d5d88;--ab-ink:#172633;--ab-body:#667782;--ab-line:#dfe7ec;--ab-soft:#f3f7fa}
.about-inner-page .eyebrow{letter-spacing:.13em}
.about-section{padding:52px 0}
.about-section+.about-section{border-top:1px solid #e9eef1}
.about-head,.about-family-head,.about-related-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.56fr);gap:2rem;align-items:end;margin-bottom:1.3rem}
.about-head h2,.about-family-head h2,.about-related-head h2{margin:0;color:var(--ab-ink);font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;letter-spacing:-.045em}
.about-head>p,.about-family-head>p,.about-related-head>p{margin:0;color:#687985;line-height:1.68}

.about-hero{position:relative;overflow:hidden;color:#fff;padding:42px 0 48px;background:#0a2034}
.about-hero-bg,.about-hero-shade{position:absolute;inset:0}
.about-hero-bg{background-size:cover;background-position:center;transform:scale(1.02)}
.about-hero-shade{background:linear-gradient(90deg,rgba(5,18,32,.96),rgba(8,31,50,.83) 55%,rgba(7,27,45,.65))}
.about-hero-inner{position:relative;z-index:2}
.about-breadcrumb{margin-bottom:1.05rem}
.about-hero-copy h1{margin:0;color:#fff;font-size:clamp(2.4rem,4.05vw,4rem);line-height:.99;letter-spacing:-.052em;font-weight:790}
.about-hero-copy>p{margin:1rem 0 0;color:#d6e1e8;font-size:1rem;line-height:1.68}
.about-hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;margin-top:1.2rem}
.about-hero-secondary{color:#eef5fa;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.38);font-size:.82rem;font-weight:760}
.about-hero-secondary:hover{color:#fff}

.about-family-section{padding:48px 0;background:#f5f8fa;border-top:1px solid #e1e8ec}
.about-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.68rem}
.about-family-card{display:grid;grid-template-columns:76px 1fr auto;gap:.65rem;align-items:center;padding:.55rem;color:inherit;text-decoration:none;background:#fff;border:1px solid #dfe6eb;border-radius:14px;transition:.18s ease}
.about-family-card:hover,.about-family-card:focus{color:inherit;transform:translateY(-2px);background:#eef6fa;border-color:var(--ab-accent);box-shadow:0 10px 26px rgba(20,40,60,.07)}
.about-family-card img{width:76px;height:60px;object-fit:cover;border-radius:10px}
.about-family-card strong{color:#263541;font-size:.82rem;line-height:1.22}
.about-family-card small{color:#7a8791;font-size:.62rem}
.about-family-card.is-current{background:#eef6fa;border-color:var(--ab-accent)}
.about-family-current{color:var(--ab-accent);font-size:.54rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

.about-related-services{padding:48px 0;background:#fff}
.about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.78rem}
.about-service-card{display:flex;flex-direction:column;padding:.78rem;min-height:236px;color:inherit;text-decoration:none;background:#fff;border:1px solid #dfe6eb;border-radius:16px;transition:.18s ease}
.about-service-card:hover{color:inherit;transform:translateY(-3px);box-shadow:0 14px 34px rgba(20,40,60,.075)}
.about-service-card img{width:100%;height:104px;object-fit:cover;border-radius:11px;margin-bottom:.72rem}
.about-service-card>span{color:var(--ab-accent);font-size:.56rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.about-service-card h3{margin:.55rem 0 .32rem;color:#263744;font-size:.98rem}
.about-service-card p{margin:0;color:#6a7883;font-size:.77rem;line-height:1.54}
.about-service-card b{margin-top:auto;padding-top:.72rem;color:var(--ab-accent);font-size:.72rem}
.about-inner-page .inner-final-cta{padding-top:42px}

@media(max-width:991.98px){
  .about-section{padding:46px 0}
  .about-head,.about-family-head,.about-related-head{grid-template-columns:1fr}
  .about-family-grid,.about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-hero-copy h1{font-size:clamp(2.15rem,7vw,3.35rem)}
}
@media(max-width:767.98px){
  .about-section{padding:40px 0}
  .about-hero{padding:30px 0 34px}
  .about-hero-copy h1{font-size:clamp(1.95rem,8.5vw,2.65rem);line-height:1.03}
  .about-head h2,.about-family-head h2,.about-related-head h2{font-size:clamp(1.62rem,7vw,2.15rem)}
  .about-family-grid,.about-service-grid{grid-template-columns:1fr}
  .about-service-card{min-height:0}
  .about-inner-page .inner-final-cta{padding-top:36px}
}


.about-products .about-hero-bg{
  background-image:url('https://images.unsplash.com/photo-1551650975-87deedd944c3?auto=format&fit=crop&w=1900&q=84');
  background-position:center 46%;
}
.pr-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:1.15rem;align-items:center}
.pr-hero-tags{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1rem}
.pr-hero-tags span{padding:.43rem .58rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#e7f0f5;font-size:.66rem;font-weight:720}
.pr-hero-board{display:grid;grid-template-columns:1.1fr .9fr;gap:.62rem;padding:.7rem;border-radius:22px;background:rgba(7,29,48,.7);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(7px)}
.pr-hero-feature{position:relative;margin:0;overflow:hidden;border-radius:16px;min-height:385px}
.pr-hero-feature img{width:100%;height:100%;object-fit:cover}
.pr-hero-feature figcaption{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;padding:.75rem;border-radius:12px;background:rgba(7,29,48,.86);color:#fff}
.pr-hero-feature figcaption span{display:block;color:#9fc9e1;font-size:.53rem;font-weight:850;letter-spacing:.13em}
.pr-hero-feature figcaption strong{display:block;margin:.35rem 0 .22rem;font-size:1rem}
.pr-hero-feature figcaption small{display:block;color:#d4e1e8;line-height:1.48}
.pr-hero-mini{display:grid;gap:.48rem}
.pr-hero-mini article{display:flex;align-items:center;gap:.55rem;padding:.7rem;border-radius:13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.pr-hero-mini i{color:#a9d7ee;font-size:1rem}
.pr-hero-mini span{color:#fff;font-size:.73rem;font-weight:720}

.pr-origin{background:#fff}
.pr-origin-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;align-items:stretch}
.pr-origin-copy h2,.pr-portfolio-head h2,.pr-patterns-copy h2,.pr-evolution-copy h2{margin:.45rem 0 .72rem;color:var(--ab-ink);font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;letter-spacing:-.045em}
.pr-origin-copy>p,.pr-patterns-copy>p,.pr-evolution-copy>p{color:#687985;line-height:1.68}
.pr-origin-principle{margin-top:1rem;padding:.9rem;border-left:4px solid var(--ab-accent);background:#f4f8fa}
.pr-origin-principle span{display:block;color:var(--ab-accent);font-size:.55rem;font-weight:850;letter-spacing:.13em}
.pr-origin-principle strong{display:block;margin-top:.4rem;color:#253744;line-height:1.4}
.pr-origin-image{position:relative;margin:0;overflow:hidden;border-radius:21px;min-height:410px}
.pr-origin-image img{width:100%;height:100%;object-fit:cover}
.pr-origin-image figcaption{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;padding:.78rem .84rem;border-radius:13px;background:rgba(8,28,46,.84);color:#fff;font-size:.75rem;line-height:1.5}

.pr-portfolio{background:#f4f7f9}
.pr-portfolio-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.58fr);gap:1.3rem;align-items:end;margin-bottom:1.2rem}
.pr-portfolio-head>p{margin:0;color:#687985;line-height:1.68}
.pr-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.pr-product-card{display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;min-height:210px;border-radius:19px;background:#fff;border:1px solid #dfe6eb}
.pr-product-card>img{width:100%;height:100%;object-fit:cover;min-height:210px}
.pr-product-content{display:flex;flex-direction:column;justify-content:flex-start;padding:.88rem .92rem}
.pr-product-content>span{color:var(--ab-accent);font-size:.55rem;font-weight:850;letter-spacing:.12em}
.pr-product-content h3{margin:.42rem 0 .28rem;color:#253744;font-size:1.02rem;line-height:1.24}
.pr-product-content>p{margin:0;color:#687985;font-size:.76rem;line-height:1.52}
.pr-product-functions{display:flex;flex-wrap:wrap;gap:.32rem;margin-top:.58rem;padding-top:0}
.pr-product-functions b{padding:.35rem .48rem;border-radius:999px;background:#f2f6f8;border:1px solid #dce5ea;color:#536b79;font-size:.6rem}
.pr-product-note{margin-top:.48rem;padding:.5rem .58rem;border-radius:12px;background:#f7fafc;border:1px solid #e1e8ee;color:#5c7280;font-size:.67rem;line-height:1.45}
.pr-product-note strong{color:#243846}
.pr-product-feature{grid-column:1/-1;grid-template-columns:1.08fr .92fr;min-height:365px;background:#132b3d;border-color:#132b3d}
.pr-product-feature>img{min-height:365px}
.pr-product-feature .pr-product-content{justify-content:center;padding:1rem 1.05rem}
.pr-product-feature .pr-product-content>span{color:#9fc9e1}
.pr-product-feature .pr-product-content h3{color:#fff;font-size:1.5rem}
.pr-product-feature .pr-product-content>p{color:#cbd8df;font-size:.82rem;line-height:1.6}
.pr-product-feature .pr-product-functions b{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#e0e9ee}

.pr-patterns{background:#fff}
.pr-patterns-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:1rem;align-items:start}
.pr-patterns-copy{position:sticky;top:110px}
.pr-patterns-link{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-top:1rem;padding:.82rem .9rem;border-radius:15px;background:#132b3d;color:#fff;text-decoration:none}
.pr-patterns-link:hover{color:#fff;background:#0f354f}
.pr-patterns-link small{display:block;color:#9fc9e1;font-size:.5rem;font-weight:850;letter-spacing:.12em}
.pr-patterns-link strong{display:block;margin-top:.25rem;color:#fff;font-size:.84rem;line-height:1.35}
.pr-patterns-link>i{flex:0 0 auto}
.pr-patterns-map{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}
.pr-patterns-map article{position:relative;overflow:hidden;padding:.8rem .9rem .95rem;border-radius:17px;background:#f5f8fa;border:1px solid #dfe6eb}
.pr-patterns-map i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e8f2f7;color:var(--ab-accent);font-size:1rem}
.pr-patterns-cardhead{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.72rem}
.pr-patterns-cardhead span{color:#8ca0ad;font-size:.58rem;font-weight:850}
.pr-patterns-map h3{margin:.55rem 0 .3rem;color:#253744;font-size:.97rem}
.pr-patterns-map p{margin:0;color:#687985;font-size:.76rem;line-height:1.53}
.pr-patterns-map article img{display:block;width:100%;height:92px;object-fit:cover;border-radius:12px}

.pr-evolution{background:#132b3d;color:#d9e5ec}
.pr-evolution-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1rem;align-items:stretch}
.pr-evolution-image{position:relative;margin:0;overflow:hidden;border-radius:21px;min-height:390px}
.pr-evolution-image img{width:100%;height:100%;object-fit:cover}
.pr-evolution-image figcaption{position:absolute;left:.9rem;right:.9rem;bottom:.9rem;padding:.78rem .84rem;border-radius:13px;background:rgba(5,21,34,.86);color:#fff;font-size:.75rem;line-height:1.5}
.pr-evolution-copy{padding:.35rem}
.pr-evolution-copy h2{color:#fff}
.pr-evolution-copy>p{color:#c5d3dc}
.pr-evolution-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.45rem;align-items:center;margin-top:1rem}
.pr-evolution-steps article{padding:.82rem;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}
.pr-evolution-steps article span{display:block;color:#9fc9e1;font-size:.52rem;font-weight:850;letter-spacing:.12em}
.pr-evolution-steps strong{display:block;margin:.4rem 0 .25rem;color:#fff;font-size:.86rem}
.pr-evolution-steps p{margin:0;color:#c6d4dc;font-size:.7rem;line-height:1.48}
.pr-evolution-steps>i{color:#83b6d5}

@media(max-width:1199px){
  .pr-product-card{grid-template-columns:.84fr 1.16fr}
}
@media(max-width:991px){
  .pr-hero-grid,.pr-origin-grid,.pr-portfolio-head,.pr-patterns-layout,.pr-evolution-grid{grid-template-columns:1fr}
  .pr-hero-board{grid-template-columns:1.05fr .95fr}
  .pr-patterns-copy{position:static}
  .pr-product-card,.pr-product-feature{grid-template-columns:1fr}
  .pr-product-card>img,.pr-product-feature>img{height:215px;min-height:215px}
  .pr-product-feature{grid-column:auto}
  .pr-portfolio-grid{grid-template-columns:1fr 1fr}
  .pr-product-feature{grid-column:1/-1}
  .pr-evolution-steps{grid-template-columns:1fr 1fr 1fr}
  .pr-evolution-steps>i{display:none}
}
@media(max-width:767px){
  .pr-hero-board,.pr-portfolio-grid,.pr-patterns-map,.pr-evolution-steps{grid-template-columns:1fr}
  .pr-hero-feature{min-height:300px}
  .pr-hero-mini{grid-template-columns:1fr 1fr}
  .pr-origin-image,.pr-evolution-image{min-height:300px}
  .pr-product-feature{grid-column:auto}
  .pr-product-card>img,.pr-product-feature>img{height:185px;min-height:185px}
  .pr-product-feature .pr-product-content h3{font-size:1.2rem}
}
@media(max-width:479px){
  .pr-hero-mini{grid-template-columns:1fr}
}


/* v2.2 — compact Platform Portfolio Experience cards; remove artificial empty height */
@media(min-width:992px){
  .pr-portfolio-grid{align-items:start}
  .pr-product-card:not(.pr-product-feature){
    min-height:0;
    height:230px;
    grid-template-columns:42% 58%;
    align-items:stretch;
  }
  .pr-product-card:not(.pr-product-feature)>img{
    width:100%;
    height:230px;
    min-height:0;
    object-fit:cover;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-content{
    height:230px;
    min-height:0;
    padding:.78rem .82rem;
    justify-content:flex-start;
    overflow:hidden;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-content h3{
    margin:.34rem 0 .22rem;
    font-size:.98rem;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-content>p{
    font-size:.72rem;
    line-height:1.45;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-note{
    margin-top:.38rem;
    padding:.4rem .48rem;
    font-size:.62rem;
    line-height:1.36;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-functions{
    margin-top:.42rem;
  }
  .pr-product-card:not(.pr-product-feature) .pr-product-functions b{
    padding:.29rem .42rem;
    font-size:.56rem;
  }

  .pr-product-feature{
    min-height:300px;
    height:300px;
    grid-template-columns:54% 46%;
  }
  .pr-product-feature>img{
    height:300px;
    min-height:0;
  }
  .pr-product-feature .pr-product-content{
    height:300px;
    min-height:0;
    padding:1rem 1.08rem;
    justify-content:center;
  }
  .pr-product-feature .pr-product-content h3{
    margin:.5rem 0 .34rem;
    font-size:1.3rem;
    line-height:1.22;
  }
  .pr-product-feature .pr-product-content>p{
    font-size:.78rem;
    line-height:1.5;
  }
  .pr-product-feature .pr-product-functions{
    margin-top:.62rem;
  }
}

@media(min-width:992px) and (max-width:1199.98px){
  .pr-product-card:not(.pr-product-feature){height:250px;grid-template-columns:40% 60%}
  .pr-product-card:not(.pr-product-feature)>img,
  .pr-product-card:not(.pr-product-feature) .pr-product-content{height:250px}
  .pr-product-card:not(.pr-product-feature) .pr-product-note{display:none}
}