/* Selected September mockup: open white composition and navy photographic cards. */
:root{--navy:#002b6d;--ink:#002b6d;--muted:#526176;--paper:#f6f7f8;--accent:#009cde}
.wrap{width:min(1280px,92%)}
.header{border-bottom:1px solid #edf0f4;background:white}
.header .navrow{min-height:88px;gap:24px}
.header .brand{min-width:170px;align-items:flex-start;padding:6px 0;gap:2px}
.header .brand .brand-mark{width:88px;height:53px}
.header .brand .brand-mark img{width:100%;height:100%;object-fit:contain}
.header .brand strong{font-size:.75rem;letter-spacing:0;line-height:1.3}
.header .brand>span:last-child{text-align:left}
.nav{gap:36px}.nav a{font-size:.875rem}
.nav .contact-link{border-radius:10px;padding:10px 19px}
.button{border-radius:11px;background:var(--navy);color:white;min-height:50px;padding:12px 25px}
.mockup-home .hero-future{background:white;color:var(--navy);padding:0}
.mockup-home .hero-future .hero-grid{width:min(1280px,92%);grid-template-columns:.82fr 1fr;gap:38px;padding:24px 0 38px;min-height:0;align-items:center;border-radius:0;background:white}
.mockup-home .hero-content{padding:0;margin:0}
.mockup-home .hero-future h1{font-size:clamp(2.5rem,4.4vw,3.8rem);line-height:1.04;font-weight:700;letter-spacing:-.045em;margin:0 0 20px;max-width:550px;color:var(--navy)}
.mockup-home .hero-content h1:after{width:54px;height:3px;margin-top:28px;background:#00c7eb}
.mockup-home .hero-future .hero-copy{font-size:1.0625rem;line-height:1.5;color:var(--muted);margin-bottom:30px;max-width:510px}
.mockup-home .hero-future .button{background:var(--navy);color:white;border-radius:11px}
.mockup-home .hero-future .button:hover{background:var(--blue)}
.mockup-home .hero-visual{margin:0;display:block;border-radius:12px;background:var(--paper);aspect-ratio:1.46;box-shadow:0 3px 10px #002b6d0b}
.mockup-home .hero-visual img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.mockup-home .section{padding:32px 0 38px}
.mockup-home h2{font-size:clamp(1.8rem,3vw,2.45rem);font-weight:700;letter-spacing:-.04em}
.mockup-home .section-head{margin-bottom:20px}
.mockup-home .section-head h2:after{content:'';display:block;width:52px;height:3px;background:#00c7eb;margin-top:12px}
.service-card{display:flex;flex-direction:column;gap:0;padding:0 22px 25px;border:1px solid #e5eaf0;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #002b6d05}
.service-card-photo{display:block;width:calc(100% + 44px);margin:0 0 0 -22px;max-width:none;height:240px;object-fit:cover;flex:none}
.service-card h3{font-size:1.25rem;line-height:1.25;margin:20px 10px 8px 0}
.service-card p{font-size:1rem;line-height:1.5;margin:0 30px 0 0}
.service-card .service-title-link:after{border-radius:12px}
.service-open{width:36px;height:36px;right:17px;bottom:23px}
.mockup-home .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mockup-home .home-projects{background:var(--paper)}
.home-project-card{min-height:340px;border-radius:12px}
.home-project-card>div{padding:25px 72px 23px 26px}
.home-project-card h3{font-size:1.4rem;line-height:1.25;margin-bottom:5px}
.home-project-card p{font-size:1rem;line-height:1.45}
.home-project-card:after{background:linear-gradient(0deg,#002b6d 0%,#002b6deb 13%,#002b6d00 67%)}
.project-arrow{position:absolute;right:24px;bottom:27px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffffaa;color:white;border-radius:50%;font-size:1.3rem}
.mockup-home .source-note{font-size:.8125rem;margin:13px 0 0;color:var(--muted)}
.mockup-home .partner-preview{background:white;padding:24px 0 32px}
.mockup-home .partner-preview h2{font-size:1.4rem;letter-spacing:-.03em}
.mockup-home .partner-carousel{position:relative;border:1px solid #e5eaf0;box-shadow:0 3px 12px #002b6d08;border-radius:12px;padding:10px 56px 10px 12px}
.mockup-home .partner-controls{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0}
.mockup-home .partner-position,.mockup-home .partner-prev,.mockup-home .partner-next{display:none}
.mockup-home .partner-arrows button{width:38px;height:38px;background:var(--paper);border:0}
.mockup-home .partner-slider{gap:0;scrollbar-width:none;padding:0}
.mockup-home .partner-slider::-webkit-scrollbar{display:none}
.mockup-home .partner-slider .partner-tile{flex:0 0 calc(100% / 6);border:0;border-right:1px solid #e0e6ed;border-radius:0;min-height:78px;padding:10px 15px;gap:0}
.mockup-home .partner-tile small{display:none}
.mockup-home .partner-slider .partner-logo{max-height:46px;max-width:100%}
.mockup-home .partner-slider .partner-tile img{height:44px}
.footer{padding:26px 0;background:var(--navy)}
.footer-compact{display:flex;justify-content:space-between;align-items:center;gap:32px}
.footer .brand{gap:16px;flex-shrink:0}
.footer .brand strong{font-size:.8125rem;letter-spacing:0}
.footer .brand small{font-size:.8125rem;letter-spacing:0;color:#bacce4}
.footer-compact .footer-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:28px;font-size:.875rem}
.footer .brand-mark img{filter:brightness(0) invert(1)}
@media(max-width:1050px){.mockup-home .hero-future .hero-grid{gap:28px}.mockup-home .partner-slider .partner-tile{flex-basis:25%}.service-card-photo{height:200px}.header .navrow{min-height:86px}}
@media(max-width:760px){.mockup-home .hero-future .hero-grid{grid-template-columns:1fr;padding:32px 0;gap:28px}.mockup-home .hero-future h1{font-size:clamp(2.4rem,7vw,3.5rem);max-width:600px}.mockup-home .hero-visual{aspect-ratio:1.5}.mockup-home .hero-visual img{height:100%}.mockup-home .service-grid{grid-template-columns:1fr}.service-card-photo{height:auto;aspect-ratio:1.7}.home-project-grid{grid-template-columns:1fr}.footer-compact{align-items:flex-start;flex-direction:column;gap:22px}.footer-compact .footer-links{gap:15px 24px}.header .brand{min-width:0;max-width:calc(100% - 76px)}.mockup-home .section{padding:28px 0 32px}.home-project-card{min-height:300px}}
@media(max-width:600px){.mockup-home .partner-slider .partner-tile{flex-basis:50%;padding:10px}.mockup-home .hero-future .hero-copy{font-size:1rem}.header .brand strong{font-size:.75rem}.header .brand>span:last-child{text-align:left}.header .brand .brand-mark{width:78px;height:47px}.home-project-card>div{padding:24px 66px 24px 20px}.project-arrow{right:16px;bottom:25px}.home-project-card h3{font-size:1.25rem}.service-card h3{font-size:1.25rem}.footer .brand{flex-wrap:nowrap}}
@media(prefers-reduced-motion:no-preference){.mockup-home .hero-content{animation:service-copy-arrive .7s ease-out both}.mockup-home .hero-visual img{animation:service-image-arrive 1.5s ease-out both}}

/* Restored full home content and shared client carousel. */
.mockup-home .home-capabilities .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.mockup-home .home-capabilities .service-card-photo{height:auto;aspect-ratio:1.6}
.mockup-home .home-capabilities .service-card{padding-bottom:60px}
.mockup-home .home-capabilities .service-card h3{font-size:1.15rem}
.mockup-home .home-capabilities .service-card p{margin-right:0}
.mockup-home .sector-strip{background:#f6f7f8;border-block:1px solid #e5eaf0}
.mockup-home .sector-strip .wrap{padding:22px 0;display:grid;grid-template-columns:1.1fr 1fr 1fr 1.3fr;align-items:center;gap:20px}
.mockup-home .sector-strip .label{font-size:.875rem;color:#526176}
.mockup-home .sector-strip strong{font-size:1rem}
.client-carousel{min-width:0}
.client-slider .client-tile{background:#fff;overflow:hidden;position:relative}
.client-slider .client-tile img{width:100%;height:64px;max-width:150px;object-fit:contain;filter:none}
.client-slider .client-tile img[src*="anton"]{filter:brightness(0)}
.client-slider .client-tile img.majnoon-client-logo{height:70px;object-fit:cover;object-position:center;max-width:150px}
.mockup-home .client-preview{background:#f6f7f8;padding:38px 0}
.mockup-home .client-preview .partner-carousel{background:white}
.mockup-home .client-slider .client-tile{min-height:100px}
.mockup-home .client-slider .client-tile img{height:64px}
.mockup-home .client-carousel .partner-controls{position:static;transform:none;display:flex;margin:0 0 12px;justify-content:space-between}
.mockup-home .client-carousel{padding:16px}
.mockup-home .client-carousel .partner-position,.mockup-home .client-carousel .partner-prev,.mockup-home .client-carousel .partner-next{display:block}
.mockup-home .endorsement-section{padding:48px 0 56px}
.mockup-home .endorsement-card{background:#fff;border-radius:12px;border:1px solid #e5eaf0}
.footer{padding:54px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:48px;padding-bottom:36px}
.footer .footer-brand .brand{display:flex;flex-direction:row;align-items:center;gap:16px;min-width:0}
.footer .footer-brand p{max-width:370px;line-height:1.65}
.footer .footer-links{display:flex;flex-direction:column;gap:12px}
.footer address{font-style:normal;line-height:1.9;overflow-wrap:anywhere}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:22px}
.case-card{border-radius:12px;overflow:hidden}
.case-image img{aspect-ratio:16/9;object-fit:cover}
@media(max-width:1050px){.mockup-home .home-capabilities .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:28px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:760px){.mockup-home .sector-strip .wrap{grid-template-columns:1fr 1fr;gap:10px 20px}.mockup-home .sector-strip .label{grid-column:1/-1}.mockup-home .sector-strip strong{padding:10px 0;border:0}.mockup-home .sector-strip strong:last-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{font-size:.875rem}.endorsement-card{min-width:0}}
@media(max-width:520px){.mockup-home .home-capabilities .service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer .footer-brand .brand{flex-wrap:nowrap}.footer .footer-brand .brand strong{white-space:normal}.footer .brand-mark{flex:none}.mockup-home .client-carousel{padding:12px}.mockup-home .client-slider .client-tile img{height:56px}}

/* Consistent horizontal brand lockup, matching the original footer. */
.header .brand.brand-unified,.footer .footer-brand .brand.brand-unified{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:16px;min-width:0;padding:0}
.header .brand.brand-unified .brand-mark,.footer .brand.brand-unified .brand-mark{width:86px;height:58px;flex:0 0 86px}
.header .brand.brand-unified .brand-mark img,.footer .brand.brand-unified .brand-mark img{width:100%;height:100%;object-fit:contain}
.header .brand.brand-unified .brand-copy,.footer .brand.brand-unified .brand-copy{text-align:left;display:flex;flex-direction:column;gap:5px}
.header .brand.brand-unified strong,.footer .brand.brand-unified strong{font-size:.8125rem;line-height:1.25;letter-spacing:0;white-space:nowrap}
.header .brand.brand-unified small,.footer .brand.brand-unified small{display:block;font-size:.8125rem;line-height:1.25;letter-spacing:0;white-space:nowrap}
.header .brand.brand-unified small{color:#526176}.footer .brand.brand-unified small{color:#bacce4}
.nav{gap:28px}
.section-explore{font-size:.875rem;white-space:nowrap;flex-shrink:0}
.mockup-home .section-head:has(.section-explore){align-items:center;justify-content:space-between;gap:20px}
.client-slider .client-tile img.majnoon-client-logo{object-fit:contain;height:70px}
.mockup-home .home-approach{padding:48px 0;background:#f6f7f8}.home-approach .steps{margin-top:24px}
.mockup-home .cmc-section{padding:40px 0 52px;background:#f6f7f8}
/* Animated service integration diagram. All visible names are real OAC capabilities. */
.mockup-home .connection-section{padding:42px 0;background:white}
.connection-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:44px;align-items:center;background:#071f46;color:#fff;border-radius:20px;padding:42px}
.connection-copy h2{color:white;margin:12px 0 20px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.05}
.connection-copy .eyebrow{color:#78d6ff;font-size:.8125rem;letter-spacing:.12em}
.connection-copy>p:not(.eyebrow){color:#d5dfef;font-size:1rem;line-height:1.7;max-width:390px}
.connection-stages{display:flex;gap:20px;margin:28px 0 22px;border-top:1px solid #ffffff2b;padding-top:18px;font-size:.875rem}
.connection-stages span{color:#a0aec5;position:relative}.connection-stages span:before{content:'';position:absolute;top:-19px;left:0;width:100%;height:2px;background:#48c9ff;transform:scaleX(0);transform-origin:left}
.connection-pause{display:inline-flex;align-items:center;gap:14px;min-height:44px;background:transparent;color:#d5dfef;border:1px solid #62718a;border-radius:9px;padding:8px 12px;font-size:.875rem;cursor:pointer}
.connection-pause:hover,.connection-pause:focus-visible{background:#ffffff12;border-color:#78d6ff}
.connection-board{position:relative;min-height:420px;display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);grid-template-rows:repeat(4,1fr);gap:14px 22px;align-items:center}
.connection-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.connection-lines path{fill:none;vector-effect:non-scaling-stroke}.connection-tracks path{stroke:#386189;stroke-width:1}.connection-packets path{stroke:#62d3ff;stroke-width:2;stroke-dasharray:12 360;stroke-linecap:round}
.connection-node{z-index:1;border:1px solid #41618a;background:#102f57;padding:16px 9px;border-radius:12px;text-align:center;font-size:.875rem;line-height:1.35;box-shadow:0 5px 24px #00000016}
.connection-node-0{grid-area:1/1}.connection-node-1{grid-area:2/1}.connection-node-2{grid-area:3/1}.connection-node-3{grid-area:4/1}.connection-node-4{grid-area:1/3}.connection-node-5{grid-area:2/3}.connection-node-6{grid-area:3/3}.connection-node-7{grid-area:4/3}


@media(prefers-reduced-motion:no-preference){.connection-packets path{animation:connection-flow 5s linear infinite}.connection-packets path:nth-child(2n){animation-delay:-2s}.connection-packets path:nth-child(3n){animation-delay:-3.5s}.connection-stages span:before{animation:connection-stage 9s linear infinite}.connection-stages span:nth-child(2):before{animation-delay:3s}.connection-stages span:nth-child(3):before{animation-delay:6s}}
@keyframes connection-flow{to{stroke-dashoffset:-744}}
@keyframes connection-stage{0%{transform:scaleX(0)}28%{transform:scaleX(1)}32%,100%{transform:scaleX(0)}}
.connection-section.is-paused *,.connection-section.is-paused *:before{animation-play-state:paused!important}
@media(max-width:1050px){.connection-layout{gap:25px;padding:30px;grid-template-columns:.8fr 1.4fr}.connection-board{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);gap:12px;min-height:400px}}
@media(max-width:760px){.connection-layout{grid-template-columns:1fr;padding:28px;gap:20px}.connection-copy h2 br{display:none}.connection-copy>p:not(.eyebrow){max-width:none}.connection-board{min-height:350px}.mockup-home .section-head:has(.section-explore){align-items:flex-start;flex-direction:column}.section-explore{min-height:44px}}
@media(max-width:520px){.header .brand.brand-unified,.footer .footer-brand .brand.brand-unified{gap:10px}.header .brand.brand-unified .brand-mark,.footer .brand.brand-unified .brand-mark{width:62px;height:46px;flex-basis:62px}.header .brand.brand-unified strong,.footer .brand.brand-unified strong,.header .brand.brand-unified small,.footer .brand.brand-unified small{font-size:.75rem}.header .navrow{gap:10px}.header .brand.brand-unified{max-width:calc(100% - 54px)}.connection-layout{padding:24px 18px}.connection-board{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:10px;min-height:340px}.connection-node{padding:12px 6px;font-size:.8125rem}.connection-copy h2{font-size:2.1rem}}
@media(prefers-reduced-motion:reduce){.connection-packets path{stroke-dasharray:none;opacity:.6}.connection-pause{display:none}}

/* Abstract animated network core at the service diagram intersection. */
.connection-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:50%;background:#071f46;z-index:2;display:grid;place-items:center}
.core-visual{width:100%;height:100%;overflow:visible}
.core-halo{fill:#009cde;opacity:.12;transform-origin:80px 80px}
.core-ring{stroke:#42739c;stroke-width:1;stroke-dasharray:2 7}.core-ring-inner{stroke:#619bc0;stroke-dasharray:none;opacity:.55}
.core-orbit{transform-origin:80px 80px}.core-trail{stroke:#70dbff;stroke-width:2;stroke-linecap:round;opacity:.65}
.core-satellite{fill:#d1f5ff;filter:drop-shadow(0 0 5px #33c9ff)}.core-satellite-soft{fill:#57c9ed}
.core-spokes{stroke:#91e2ff;stroke-width:2;stroke-linecap:round}.core-shell{fill:#0a3158;stroke:#7bdaff;stroke-width:1.5}
.core-center{fill:#a8efff;filter:drop-shadow(0 0 9px #27c6ff)}
@media(prefers-reduced-motion:no-preference){.core-orbit-outer{animation:core-revolve 22s linear infinite}.core-orbit-inner{animation:core-revolve 16s linear infinite reverse}.core-halo{animation:core-breathe 5s ease-in-out infinite}}
@keyframes core-revolve{to{transform:rotate(360deg)}}
@keyframes core-breathe{0%,100%{transform:scale(.85);opacity:.08}50%{transform:scale(1.15);opacity:.2}}
@media(max-width:1050px){.connection-hub{width:104px;height:104px}}
@media(max-width:520px){.connection-hub{width:84px;height:84px}}

/* Shared header: one soft highlight replaces the overlapping active lines. */
.header .nav a{border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.header .nav a::before,.header .nav a::after{content:none;display:none}
.header .nav a:not(.contact-link){background:transparent;color:#002b6d}
.header .nav a:not(.contact-link)[aria-current="page"]{background:#e2effa;color:#002b6d}
.header .nav a:not(.contact-link):focus-visible{background:#edf6fd;outline:2px solid #75baed;outline-offset:3px}
@media(hover:hover){
  .header .nav a:not(.contact-link):hover{background:#edf6fd;color:#02468d;box-shadow:0 4px 12px #002b6d0a}
  .header .nav a:not(.contact-link)[aria-current="page"]:hover{background:#d8eafa}
  .header .nav .contact-link:hover{background:#02468d;color:#fff;box-shadow:0 4px 12px #002b6d18}
}
@media(prefers-reduced-motion:reduce){.header .nav a{transition:none}}