.about-page { background: #071b38; font-family: 'Plus Jakarta Sans', sans-serif; }
.about-page .daacad-section, .about-page .daacad-section * { box-sizing: border-box; }
.about-page .daacad-section { --primary: #051940; --secondary: #CEB17A; --text: #344054; --white: #fff; --border: #E7E9EE; font-family: inherit; background: var(--white); color: var(--text); padding: 80px 20px; }
.daacad-section .daacad-container { max-width: 1200px; margin: 0 auto; }
.daacad-section .daacad-heading { text-align: center; max-width: 720px; margin: 0 auto 45px; }
.daacad-section .daacad-label { display: inline-block; color: var(--secondary); font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 10px; }
.daacad-section .daacad-heading h2 { color: var(--primary); font-size: clamp(32px,4vw,48px); line-height: 1.1; margin: 0 0 14px; font-weight: 800; }
.daacad-section .daacad-heading p { font-size: 17px; line-height: 1.7; margin: 0; }
.daacad-section .daacad-mv-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin-bottom: 90px; }
.daacad-section .daacad-mv-card { position: relative; background: var(--primary); padding: 38px; border-radius: 18px; overflow: hidden; }
.daacad-section .daacad-mv-card::after { content: ''; position: absolute; width: 140px; height: 140px; border: 1px solid rgba(206,177,122,.25); border-radius: 50%; right: -55px; top: -55px; pointer-events: none; }
.daacad-section .daacad-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: var(--secondary); border-radius: 14px; margin-bottom: 24px; }
.daacad-section .daacad-icon svg { width: 27px; height: 27px; stroke: var(--primary); }
.daacad-section .daacad-mv-card h3 { color: #fff; font-size: 25px; margin: 0 0 14px; font-weight: 800; }
.daacad-section .daacad-mv-card p { color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.8; margin: 0; }
.daacad-section .daacad-services { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
.daacad-section .daacad-service-card { min-width: 0; background: var(--white); border: 1px solid var(--border); border-radius: 18px; padding: 34px; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.daacad-section .daacad-service-card:hover { transform: translateY(-5px); box-shadow: 0 18px 45px rgba(5,25,64,.1); border-color: rgba(206,177,122,.65); }
.daacad-section .daacad-service-card h3 { color: var(--primary); font-size: 24px; margin: 0 0 8px; font-weight: 800; }
.daacad-section .daacad-service-card .tagline { color: #96783d; font-weight: 700; margin: 0 0 16px; }
.daacad-section .daacad-service-card p { line-height: 1.75; margin: 0; font-size: 16px; }
.daacad-section .daacad-system { grid-column: 1 / -1; background: var(--primary); border: none; padding: 45px; }
.daacad-section .daacad-system-top { display: grid; grid-template-columns: 1.1fr .9fr; gap: 45px; align-items: center; }
.daacad-section .daacad-system h3 { color: #fff; font-size: clamp(27px,3vw,36px); }
.daacad-section .daacad-system .tagline { font-size: 18px; color: var(--secondary); }
.daacad-section .daacad-system p { color: rgba(255,255,255,.8); }
.daacad-section .daacad-platforms { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.daacad-section .daacad-platform { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; padding: 22px 12px; text-align: center; color: #fff; }
.daacad-section .daacad-platform svg { width: 29px; height: 29px; stroke: var(--secondary); margin-bottom: 10px; }
.daacad-section .daacad-platform strong { display: block; font-size: 14px; }
.daacad-section .daacad-features-title { color: #fff; font-size: 20px; margin: 35px 0 18px; }
.daacad-section .daacad-features { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.daacad-section .daacad-feature { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.9); font-size: 14px; padding: 12px 14px; background: rgba(255,255,255,.06); border-radius: 10px; }
.daacad-section .daacad-check { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: var(--secondary); display: flex; align-items: center; justify-content: center; color: var(--primary); font-size: 12px; font-weight: 900; }
@media (max-width: 900px) { .daacad-section .daacad-mv-grid, .daacad-section .daacad-services, .daacad-section .daacad-system-top { grid-template-columns: 1fr; } .daacad-section .daacad-features { grid-template-columns: repeat(2,minmax(0,1fr)); } .about-page .daacad-section { padding: 60px 18px; } }
@media (max-width: 520px) { .daacad-section .daacad-mv-card, .daacad-section .daacad-service-card, .daacad-section .daacad-system { padding: 26px 22px; } .daacad-section .daacad-platforms, .daacad-section .daacad-features { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .daacad-section .daacad-service-card { transition: none; } }
.about-page .daacad-site-header { background: #0d6efd; border-bottom: 2px solid #CEB17A; box-shadow: 0 5px 20px rgba(0,0,0,.18); }
.about-page .daacad-hero-nav a[aria-current] { color: #CEB17A; }
.about-page .about-main { position: relative; isolation: isolate; overflow: hidden; padding-top: calc(var(--header-height,98px) + 66px); background: #071b38; color: #fff; }
.about-main::before { content: ''; position: absolute; inset: -15%; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 15% 35%, rgba(58,112,172,.24), transparent 42%), radial-gradient(ellipse at 90% 65%, rgba(206,177,122,.13), transparent 40%); animation: about-ambient 14s ease-in-out infinite alternate; }
.about-main::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom,#000,transparent); animation: about-grid 28s linear infinite; }
.about-introduction { box-sizing: border-box; max-width: 1380px; margin: 0 auto; padding: 0 48px 68px; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 8%; }
.about-brand { position: relative; min-width: 0; padding-bottom: 28px; animation: about-enter .8s ease both; }
.about-brand-card { position: relative; background: #fff; border: 1px solid #e6d6b5; border-radius: 28px; padding: 26px 26px 30px; box-shadow: 0 32px 90px rgba(0,0,0,.26); transform: rotate(-3deg); transition: transform .5s ease; }
.about-brand:hover .about-brand-card { transform: rotate(0); }
.about-brand-label { color: #7c6c50; font-size: 10px; letter-spacing: 2px; font-weight: 700; display: block; padding-bottom: 12px; }
.about-brand img { display: block; width: 100%; height: auto; object-fit: contain; }
.about-africa-map { display: block; width: 100%; height: auto; overflow: visible; }
.about-brand .about-brand-card { transform: none; }
.africa-country { fill: #e6edf5; stroke: #fff; stroke-width: .6; stroke-linejoin: round; }
.africa-country.africa-highlight { fill: #CEB17A; stroke: #a5803a; stroke-width: 1; }
.africa-country[data-country="Kenya"] { fill: url(#kenya-flag-fill); stroke: #9c7e43; }
.africa-country[data-country="Somalia"] { fill: url(#somalia-flag-fill); stroke: #4189dd; }
.africa-orbit { fill: none; stroke: #d9c59f; stroke-width: 1; stroke-dasharray: 4 12; transform-origin: 240px 235px; animation: africa-orbit-spin 50s linear infinite; }
.africa-pin { fill: #051940; stroke: #fff; stroke-width: 2; }
.africa-pulse { fill: none; stroke: #b88f46; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: africa-marker-pulse 2.4s ease-out infinite; animation-delay: var(--pulse-delay); }
.africa-label { fill: #051940; font: 700 13px 'Plus Jakarta Sans',sans-serif; paint-order: stroke; stroke: #fff; stroke-width: 3px; stroke-linejoin: round; }
.africa-label-line { stroke: #a5803a; stroke-width: 1; fill: none; }
@keyframes africa-marker-pulse { 0% { transform: scale(.5); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }
@keyframes africa-orbit-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .africa-orbit, .africa-pulse { animation: none; } }
.about-brand-caption { border-top: 1px solid #ede7dc; padding-top: 20px; margin-top: 12px; display: flex; justify-content: space-between; gap: 10px; color: #66748a; font-size: 13px; }
.about-brand-caption strong { color: #071b38; }
.about-location-pill { position: absolute; bottom: 8px; right: -20px; display: flex; align-items: center; gap: 10px; padding: 17px 24px; border: 1px solid rgba(206,177,122,.45); border-radius: 100px; background: #102947; color: #e9d5ac; font-size: 12px; font-weight: 700; box-shadow: 0 12px 30px rgba(0,0,0,.2); animation: about-float 5s ease-in-out infinite; }
.about-location-dot { width: 7px; height: 7px; border-radius: 50%; background: #CEB17A; box-shadow: 0 0 0 5px rgba(206,177,122,.1); }
.about-copy { min-width: 0; animation: about-enter .9s .12s ease both; }
.about-copy .about-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 24px; color: #CEB17A; font-size: 11px; letter-spacing: 2.5px; font-weight: 700; }
.about-eyebrow::before { content: ''; width: 34px; height: 1px; background: #CEB17A; }
.about-copy h1 { margin: 0 0 22px; font-size: clamp(34px,3.6vw,52px); line-height: 1.17; letter-spacing: -1.8px; font-weight: 700; color: #fff; }
.about-copy h1 span { color: #CEB17A; }
.about-specialties { font-size: 9px; letter-spacing: 1.4px; font-weight: 600; color: #d2dce8; line-height: 1.8; margin-bottom: 28px; }
.about-specialties span { color: #CEB17A; margin: 0 6px; }
.about-copy p { margin: 0 0 20px; color: #abbcd0; font-size: 14px; line-height: 1.85; }
.about-copy strong { color: #e1e8f2; font-weight: 600; }
.about-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding-top: 10px; }
.about-actions a { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; font-size: 12px; font-weight: 700; transition: transform .25s ease, background .25s ease; }
.about-contact { background: #CEB17A; color: #071b38; border-radius: 9px; padding: 16px 20px; }
.about-contact:hover { background: #e3cfa7; transform: translateY(-3px); }
.about-projects { color: #e6edf5; padding: 12px 0; border-bottom: 1px solid rgba(206,177,122,.45); }
.about-projects:hover { transform: translateX(4px); }
.about-presence { max-width: 1284px; margin: 0 auto; border-top: 1px solid rgba(206,177,122,.18); padding: 28px 48px 34px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.about-presence > span { font-size: 9px; letter-spacing: 1.6px; color: #8ba0bb; }
.about-presence > div { display: flex; align-items: center; gap: 24px; font-size: 13px; color: #dce5f0; }
.about-presence div span { color: #CEB17A; font-size: 11px; }
@keyframes about-ambient { to { transform: translate3d(5%,-4%,0) scale(1.08); } }
@keyframes about-grid { to { background-position: 70px 70px; } }
@keyframes about-float { 50% { transform: translateY(-7px); } }
@keyframes about-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 900px) {
  .about-page .about-main { padding-top: calc(var(--header-height,89px) + 40px); }
  .about-introduction { grid-template-columns: 1fr; gap: 40px; padding: 0 28px 44px; }
  .about-brand { width: min(100%,420px); margin: 0 auto; }
  .about-copy { max-width: 640px; margin: 0 auto; }
  .about-copy h1 { font-size: clamp(32px,6vw,46px); letter-spacing: -1px; }
  .about-presence { margin: 0 24px; padding: 24px 0; flex-direction: column; align-items: flex-start; }
}
@media (max-width: 400px) { .about-introduction { padding-inline: 20px; } .about-location-pill { right: 0; padding: 14px 20px; } .about-presence > div { gap: 12px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .about-main::before, .about-main::after, .about-brand, .about-copy, .about-location-pill { animation: none; } .about-brand-card, .about-actions a { transition: none; } }