/* Premium About page, scoped to avoid changing other public/admin pages. */
.premium-about{--ab-ink:#082a40;--ab-blue:#0877ba;--ab-muted:#536a78;color:var(--ab-ink);background:#fff}
.ab-container{width:min(1380px,calc(100% - 96px));margin-inline:auto}
.premium-about .ab-section{padding-block:110px!important}
.ab-kicker{margin:0;color:#1789c8;font-size:11px!important;font-weight:700;line-height:1.5;letter-spacing:.17em;text-transform:uppercase}
.ab-heading h2,.ab-rfq h2{margin:18px 0 0;font-size:clamp(36px,4.2vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.045em}
.ab-hero{position:relative;display:flex;align-items:flex-end;min-height:760px;padding:0!important;background:#041e31;color:white}
.ab-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ab-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,35,.97) 0%,rgba(3,25,43,.82) 43%,rgba(3,25,43,.18) 78%),linear-gradient(0deg,rgba(2,20,35,.72),transparent 55%)}
[dir=rtl] .ab-hero-shade{background:linear-gradient(270deg,rgba(2,20,35,.97) 0%,rgba(3,25,43,.82) 43%,rgba(3,25,43,.18) 78%),linear-gradient(0deg,rgba(2,20,35,.72),transparent 55%)}
.ab-hero-content{position:relative;z-index:1;padding-block:190px 95px}
.ab-hero h1{max-width:880px;margin:24px 0 28px;font-size:clamp(54px,6vw,88px)!important;font-weight:600;line-height:1.02!important;letter-spacing:-.055em;color:white}
.ab-lead{max-width:720px;font-size:19px!important;line-height:1.7!important;color:#d3e1e9}
.ab-actions{display:flex;align-items:center;gap:28px;margin-top:38px}
.ab-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:16px 24px;background:#0877ba;color:white;font-size:14px;font-weight:700;transition:transform .2s,background .2s}
.ab-button:hover{transform:translateY(-2px);background:#065d94}
.ab-button-secondary{background:transparent;border:1px solid rgba(255,255,255,.72)}
.ab-button-secondary:hover{background:white;color:#07304a}
.ab-text-link{display:inline-flex;gap:18px;align-items:center;color:inherit;font-size:14px;font-weight:700}
.ab-text-link:hover{text-decoration:underline}
.ab-proof{background:#edf3f6}
.ab-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-block:34px}
.ab-proof-grid>div{display:flex;flex-direction:column;gap:5px}
.ab-proof strong{font-size:35px;font-weight:500;letter-spacing:-.035em}
.ab-proof span{font-size:16px;color:#30171d}
[dir=rtl] .ab-proof-grid>div{align-items:flex-end;text-align:right}
[dir=rtl] .ab-proof strong,[dir=rtl] .ab-proof span{width:100%;text-align:right}
.ab-story{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.ab-story-copy{font-size:17px;line-height:1.9;color:#1a2730}
.ab-story-copy p+p{margin-top:20px}
.ab-story-image{grid-column:1/-1;position:relative;margin-top:12px}
.ab-story-image img{width:100%;height:540px;object-fit:cover}
.ab-story-image figcaption{position:absolute;bottom:0;inset-inline-end:0;max-width:440px;padding:20px 24px;background:#fff;font-size:13px;color:#536a78}
.ab-story-note{grid-column:1/-1;display:grid;grid-template-columns:70px 1fr;gap:28px;align-items:start;max-width:820px;margin-top:-25px;position:relative;background:#0877ba;color:white;padding:30px 36px}
.ab-story-note span{font-family:monospace;font-size:18px;color:#000000;font-weight:700}
.ab-story-note p{font-size:21px;line-height:1.5}
.ab-capabilities{background:#06283d;color:white}
.ab-capabilities .ab-kicker{color:#6dc3ef}
.ab-section-head{display:grid;grid-template-columns:1.1fr .8fr;gap:90px;align-items:end;margin-bottom:50px}
.ab-section-head>p{font-size:16px;line-height:1.8;color:#b4c9d5}
.ab-capability-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:stretch}
.ab-capability-photo{position:relative;min-height:610px;overflow:hidden;background:#0b3b56}
.ab-capability-photo img{width:100%;height:100%;object-fit:cover}
.ab-capability-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,23,38,.85),transparent 58%)}
.ab-capability-photo>div{position:absolute;z-index:1;bottom:30px;inset-inline:30px;display:flex;flex-direction:column}
.ab-capability-photo strong{font-size:38px;font-weight:500}
.ab-capability-photo span{font-size:11px;color:#c7dce7}
.ab-capability-list{display:flex;flex-direction:column}
.ab-capability-list li{display:grid;grid-template-columns:50px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid #36566a}
.ab-capability-list>li:first-child{padding-top:0}
.ab-capability-list span{font:17px monospace;color:#5fbce9;font-weight:700}
.ab-capability-list h3{font-size:21px;font-weight:500}
.ab-capability-list p{margin-top:6px;font-size:13px;line-height:1.65;color:#b7cbd6}
.ab-button-pale{margin-top:40px;background:#e9f4fa;color:#07304a}
.ab-button-pale:hover{background:white}
.ab-timeline-section{background:#f7f9fa}
.ab-timeline-section .ab-section-head>p{color:#5c707c}
.ab-timeline{position:relative;margin-top:25px;padding-inline-start:34px}
.ab-timeline:before{content:'';position:absolute;inset-inline-start:5px;top:10px;bottom:10px;width:1px;background:#86b8d2}
.ab-timeline article{position:relative;display:grid;grid-template-columns:150px 1fr;gap:40px;padding:30px 0}
.ab-timeline article:before{content:'';position:absolute;inset-inline-start:-34px;top:41px;width:11px;height:11px;border-radius:50%;background:#0877ba;box-shadow:0 0 0 6px #d7e9f3}
.ab-timeline time{font-size:34px;font-weight:500}
.ab-timeline h3{font-size:25px;font-weight:600}
.ab-timeline article p{max-width:650px;margin-top:8px;font-size:15px;line-height:1.8;color:#152d3b}
.ab-quality{background:white}
.ab-quality .ab-section-head>p{color:#536a78}
.ab-standard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe4e8}
.ab-standard-grid article{min-height:240px;padding:28px;background:#f1f5f7}
.ab-standard-grid article>span{display:block;font:13px monospace;color:#1581bc}
.ab-standard-grid strong{display:block;margin-top:52px;font-size:30px;font-weight:500}
.ab-standard-grid p{margin-top:10px;font-size:16px;color:#5a707c}
.ab-quality-row{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:38px;padding-top:34px;border-top:1px solid #dce5e9}
.ab-quality-row h3{font-size:23px;font-weight:600}
.ab-quality-row p{max-width:760px;margin-top:8px;font-size:14px;line-height:1.7;color:#536a78}
.ab-quality-row .ab-text-link{color:#0877ba;flex-shrink:0}
.ab-purpose{background:#eef3f5}
.ab-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
.ab-purpose-grid article,.ab-values{padding:34px;background:white}
.ab-purpose-grid article>span,.ab-values>span{font:11px monospace;color:#1685c1}
.ab-purpose-grid h3{margin-top:28px;font-size:25px;font-weight:500;line-height:1.4}
.ab-purpose-grid article p{margin-top:14px;font-size:14px;line-height:1.75;color:#414f6e}
.ab-values{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr;align-items:start}
.ab-values ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 25px}
.ab-values li{padding-bottom:12px;border-bottom:1px solid #e0531b;font-size:17px}
.ab-rfq{padding-block:100px;background:#0877ba;color:white}
.ab-rfq .ab-kicker{color:#b4e0f5}
.ab-rfq-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:90px;align-items:end}
.ab-rfq h2{font-size:clamp(43px,5vw,74px)}
.ab-rfq-grid>div>p{font-size:17px;line-height:1.8;color:#d9eaf3}
.ab-button-white{margin-top:28px;background:white;color:#075079}
.ab-button-white:hover{background:#e5f2f8;color:#075079}
[dir=rtl] .premium-about h1,
[dir=rtl] .premium-about h2,[dir=rtl] .premium-about h3{letter-spacing:0;line-height:1.4!important}
[dir=rtl] .premium-about .ab-kicker{letter-spacing:0}
@media(max-width:1000px){.ab-container{width:calc(100% - 56px)}.ab-story,.ab-section-head,.ab-capability-layout,.ab-rfq-grid{gap:42px}.ab-capability-photo{min-height:550px}.ab-standard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 .ab-container{width:calc(100% - 40px)}
 .premium-about 
 .ab-section{padding-block:68px!important}
 .ab-hero{min-height:720px}.ab-hero-content{padding-block:145px 60px}
 .ab-hero h1{font-size:46px!important}.ab-lead{font-size:16px!important}
 .ab-hero-shade{background:linear-gradient(0deg,rgba(2,20,35,.98) 10%,rgba(3,25,43,.73) 73%,rgba(3,25,43,.2))}
 [dir=rtl] .ab-hero-shade{background:linear-gradient(0deg,rgba(2,20,35,.98) 10%,rgba(3,25,43,.73) 73%,rgba(3,25,43,.2))}
 .ab-actions{align-items:flex-start;flex-direction:column;gap:20px}
 .ab-proof-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px}
 .ab-proof strong{font-size:29px}
 .ab-story,.ab-section-head,.ab-capability-layout,.ab-rfq-grid{grid-template-columns:1fr;gap:28px}
 .ab-heading h2{font-size:38px}
 .ab-story-image img{height:370px}
 .ab-story-image figcaption{position:static;max-width:none;background:#eff4f6}.ab-story-note{margin-top:0;grid-template-columns:35px 1fr;padding:25px}.ab-story-note p{font-size:18px}
 .ab-section-head{margin-bottom:34px}
 .ab-capability-photo{min-height:400px}
 .ab-button-pale{width:100%}
 .ab-timeline article{grid-template-columns:1fr;gap:12px}
 .ab-timeline time{font-size:28px}
 .ab-timeline h3{font-size:21px}
 .ab-standard-grid{grid-template-columns:1fr 1fr}
 .ab-standard-grid article{min-height:190px;padding:22px}
 .ab-standard-grid strong{margin-top:35px;font-size:23px}
 .ab-quality-row{align-items:flex-start;flex-direction:column}
 .ab-purpose-grid{grid-template-columns:1fr}
 .ab-values{grid-column:auto;grid-template-columns:1fr;gap:24px}
 .ab-values ul{grid-template-columns:1fr 1fr}
 .ab-rfq{padding-block:70px}
 .ab-rfq h2{font-size:44px}
 .ab-rfq-grid{align-items:start}
}
@media(max-width:420px){.ab-hero h1{font-size:39px!important}
.ab-standard-grid{grid-template-columns:1fr}
.ab-values ul{grid-template-columns:1fr}}

/* Make card numbers and purpose labels prominent and readable. */
.ab-standard-grid article>span,
.ab-purpose-grid article>span,
.ab-values>span {
  color:#0877ba;
  font-family:var(--font-mono),monospace;
  font-size:15px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.07em;
}
[dir=rtl] .premium-about .ab-standard-grid article>span,
[dir=rtl] .premium-about .ab-purpose-grid article>span,
[dir=rtl] .premium-about .ab-values>span {
  font-family:inherit;
  font-size:17px;
  letter-spacing:0;
}
@media(max-width:760px){
  .ab-standard-grid article>span,
  .ab-purpose-grid article>span,
  .ab-values>span{font-size:15px}
  [dir=rtl] .premium-about .ab-standard-grid article>span,
  [dir=rtl] .premium-about .ab-purpose-grid article>span,
  [dir=rtl] .premium-about .ab-values>span{font-size:16px}
}
