
:root{--navy:#071f35;--navy-2:#0b3658;--blue:#168dca;--blue-2:#51b8e8;--ice:#eef5f8;--white:#fff;--ink:#10253a;--muted:#5f7180;--line:rgba(7,31,53,.14);--cut:28px;--shadow:0 24px 70px rgba(7,31,53,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--ice);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:min(1240px,calc(100% - 40px));margin:auto}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.topline{background:var(--navy);color:#cfe6f3;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.topline .shell{height:34px;display:flex;align-items:center;justify-content:space-between}.site-header{position:sticky;top:0;z-index:30;background:rgba(238,245,248,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:34px}.brand{width:88px}.brand img{width:74px}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto;font-size:.9rem;font-weight:650}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:.25s}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:0 24px;background:var(--navy);color:#fff;font-weight:750;border:0;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:.25s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button.light{background:#fff;color:var(--navy)}.hero{position:relative;min-height:720px;display:grid;align-items:end;overflow:hidden;background:var(--navy);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,53,.97) 0%,rgba(7,31,53,.77) 48%,rgba(7,31,53,.18) 100%),url('https://acf.qa/original/acf-banner.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,184,232,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(81,184,232,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.55fr);gap:80px;align-items:end;padding:150px 0 110px}.hero h1{font-size:clamp(4rem,8vw,7.7rem);line-height:.88;letter-spacing:-.065em;margin:18px 0 28px;max-width:760px}.hero-copy{max-width:660px;font-size:1.16rem;color:#d9e8f0}.hero-actions{display:flex;gap:14px;margin-top:36px}.hero-card{align-self:end;border:1px solid rgba(255,255,255,.28);background:rgba(7,31,53,.62);padding:30px;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%);backdrop-filter:blur(12px)}.hero-card strong{display:block;font-size:2.5rem;line-height:1}.hero-card p{margin:10px 0 0;color:#cfe0ea}.hero-rail{position:absolute;left:0;right:0;bottom:0;z-index:3;background:var(--blue);height:58px;display:flex;align-items:center;overflow:hidden}.ticker{white-space:nowrap;display:flex;gap:46px;animation:rail 26s linear infinite;font-size:.75rem;font-weight:800;letter-spacing:.16em}.ticker span:before{content:"◆";margin-right:46px;color:var(--navy)}@keyframes rail{to{transform:translateX(-50%)}}.section{padding:110px 0}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:88px;align-items:start}.section h2{font-size:clamp(2.8rem,5vw,5.6rem);line-height:.98;letter-spacing:-.055em;margin:14px 0 28px}.lede{font-size:1.15rem;color:var(--muted);max-width:720px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border-top:1px solid var(--line)}.metric{padding:25px 22px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric strong{display:block;font-size:2rem}.metric span{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.systems{background:var(--navy);color:#fff;position:relative;overflow:hidden}.systems:after{content:"";position:absolute;right:-130px;top:-120px;width:440px;height:440px;border:80px solid rgba(22,141,202,.17);transform:rotate(45deg)}.system-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.system-card{min-height:350px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(7,31,53,.06),rgba(7,31,53,.92)),var(--image) center/cover;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}.system-card .num{font-size:.75rem;letter-spacing:.18em;color:var(--blue-2)}.system-card h3{font-size:1.65rem;margin:10px 0 6px}.system-card p{margin:0;color:#c9dbe6}.cta{background:var(--blue);color:#fff}.cta .shell{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.cta h2{max-width:760px}.site-footer{background:#031424;color:#cad9e2;padding:72px 0 30px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.site-footer h3{color:#fff;font-size:1rem}.site-footer a{display:block;margin:9px 0;color:#c1d2dc}.footer-brand img{width:94px;filter:brightness(0) invert(1)}.footer-brand p{max-width:310px;color:#9fb6c5}.legal{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;font-size:.8rem}.mobile-toggle{display:none}.cookie{position:fixed;z-index:50;left:24px;right:24px;bottom:20px;max-width:1080px;margin:auto;background:var(--navy);color:#fff;padding:22px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.cookie[hidden]{display:none}.cookie p{margin:4px 0 0;color:#bed2de;font-size:.9rem}.cookie-actions{display:flex;gap:10px}.cookie button{padding:12px 16px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:700}.cookie button:last-child{background:#fff;color:var(--navy)}
@media(max-width:900px){.topline{display:none}.nav{height:72px}.mobile-toggle{display:block;margin-left:auto;border:0;background:none;font-weight:800}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--ice);padding:24px 20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav>.button{display:none}.hero{min-height:650px}.hero-grid{grid-template-columns:1fr;padding:120px 0 100px;gap:36px}.hero-card{display:none}.split{grid-template-columns:1fr;gap:24px}.system-grid{grid-template-columns:1fr}.system-card{min-height:280px}.footer-grid{grid-template-columns:1fr 1fr}.cta .shell{grid-template-columns:1fr}.cookie{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding-left:0}}
@media(max-width:560px){.shell{width:min(100% - 28px,1240px)}.hero h1{font-size:3.65rem}.section{padding:78px 0}.footer-grid{grid-template-columns:1fr}.legal{display:block}.hero-actions{flex-direction:column;align-items:flex-start}}

.page-hero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:112px 0 84px}.page-hero:before{content:"";position:absolute;right:-80px;top:-170px;width:560px;height:560px;border:110px solid rgba(22,141,202,.2);transform:rotate(45deg)}.page-hero .shell{position:relative;z-index:2}.page-hero h1{font-size:clamp(3.7rem,7vw,7rem);line-height:.92;letter-spacing:-.06em;max-width:900px;margin:16px 0 24px}.page-hero p{max-width:720px;color:#cbdde7;font-size:1.16rem}.content-block{padding:92px 0}.content-block.alt{background:#fff}.content-block.dark{background:var(--navy);color:#fff}.content-block h2{font-size:clamp(2.35rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.05em;margin:12px 0 26px}.content-block h3{font-size:1.45rem;line-height:1.2}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{position:relative;padding:30px;border:1px solid var(--line);background:#fff;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}.dark .panel{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.17)}.panel .index{font-size:.72rem;color:var(--blue);letter-spacing:.16em;font-weight:800}.panel p{color:var(--muted)}.dark .panel p{color:#bed0dc}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}.process .panel{min-height:180px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.feature{padding:18px 20px;border-left:3px solid var(--blue);background:rgba(22,141,202,.08);font-weight:700}.media-panel{min-height:430px;background:linear-gradient(180deg,rgba(7,31,53,.05),rgba(7,31,53,.35)),var(--image) center/cover;clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%)}.service-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:rgba(255,255,255,.15);margin-top:42px}.service-strip div{padding:24px;background:var(--navy)}.service-strip span{display:block;font-size:.7rem;color:var(--blue-2);font-weight:800;letter-spacing:.14em;margin-bottom:8px}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:42px}.leader{background:var(--ice);padding:34px}.leader p{color:var(--muted);font-size:.94rem}.leader .role{color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:40px}.logo-cell{min-height:170px;background:#fff;display:grid;place-items:center;padding:30px}.logo-cell img{max-width:170px;max-height:80px;object-fit:contain}.quote{background:var(--navy);color:#fff;padding:50px;clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%)}.quote blockquote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.2;margin:0}.quote cite{display:block;color:var(--blue-2);margin-top:26px;font-style:normal;font-size:.75rem;font-weight:800;letter-spacing:.14em}.cert-grid{display:grid;gap:18px}.cert-card{display:grid;grid-template-columns:210px 1fr auto;gap:34px;align-items:center;padding:26px;background:#fff;border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.cert-card img{width:210px;height:150px;object-fit:cover;background:var(--ice)}.cert-card .meta{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.catalog-controls{position:sticky;top:86px;z-index:20;background:rgba(238,245,248,.97);padding:24px 0;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.tabs,.filters{display:flex;gap:9px;flex-wrap:wrap}.tabs button,.filters button{border:1px solid var(--line);padding:12px 16px;background:#fff;color:var(--navy);font-weight:700}.tabs button.active,.filters button.active{background:var(--navy);color:#fff}.search{margin-left:auto;min-width:280px;padding:12px 16px;border:1px solid var(--line);background:#fff}.control-row{display:flex;gap:18px;align-items:center}.catalog-meta{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}.product-card[hidden]{display:none}.product-card img{width:100%;height:230px;object-fit:cover;background:#dfe9ee}.product-body{padding:26px;display:flex;flex:1;flex-direction:column}.product-card .kind{font-size:.69rem;color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.product-card h3{margin:10px 0 12px}.product-card p{color:var(--muted);font-size:.92rem}.product-card .enquire{margin-top:auto;padding-top:18px;font-weight:800;color:var(--navy);border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:grid;gap:7px}.form-field.full{grid-column:1/-1}.form-field label{font-size:.73rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.form-field input,.form-field textarea{border:1px solid var(--line);background:#fff;padding:15px 16px;min-height:52px}.form-field textarea{min-height:170px;resize:vertical}.contact-cards{display:grid;gap:12px}.contact-card{background:var(--navy);color:#fff;padding:28px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.contact-card span{display:block;color:var(--blue-2);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.legal-copy{max-width:850px}.legal-copy h2{font-size:1.6rem;letter-spacing:-.02em;margin-top:42px}.credits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.credit{padding:20px;background:#fff;border:1px solid var(--line)}.credit strong{display:block}.credit span{font-size:.82rem;color:var(--muted)}.notice{padding:22px;border-left:4px solid var(--blue);background:rgba(22,141,202,.08)}
@media(max-width:900px){.two-col,.three-col,.product-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.service-strip{grid-template-columns:1fr 1fr}.leadership-grid,.logo-grid,.credits-grid{grid-template-columns:1fr 1fr}.cert-card{grid-template-columns:130px 1fr}.cert-card img{width:130px;height:120px}.cert-card .button{grid-column:1/-1}.catalog-controls{top:72px}.control-row{align-items:stretch;flex-direction:column}.search{margin-left:0;min-width:0}.feature-list{grid-template-columns:1fr}}
@media(max-width:560px){.process,.service-strip,.leadership-grid,.logo-grid,.credits-grid,.form-grid{grid-template-columns:1fr}.cert-card{grid-template-columns:1fr}.cert-card img{width:100%;height:190px}.page-hero{padding:82px 0 68px}.quote{padding:32px}.form-field.full{grid-column:auto}}

/* A tighter rhythm across every page, with the same type scale and palette. */
.hero{min-height:640px}.hero-grid{padding:110px 0 94px}.section{padding:76px 0}.split{gap:48px}.metric-row{margin-top:32px}.metric{padding-top:18px;padding-bottom:18px}.system-grid{margin-top:32px}.system-card{min-height:310px}.site-footer{padding-top:54px}.footer-grid{gap:30px}.legal{margin-top:30px}
.page-hero{padding:72px 0 58px}.page-hero h1{font-size:clamp(3.5rem,6vw,6rem);max-width:1100px;margin:12px 0 18px}.page-hero p{margin-bottom:0}.content-block{padding:58px 0}.content-block h2{margin:10px 0 20px}.two-col{gap:44px}.process{margin-top:28px}.process .panel{min-height:120px}.panel{padding:24px}.feature-list{margin-top:22px}.feature{padding:13px 16px}.media-panel{min-height:360px}.service-strip{margin-top:28px}.service-strip div{padding:18px}.leadership-grid{margin-top:26px;align-items:start;background:transparent;gap:12px}.leader{padding:24px;border:1px solid var(--line)}.leader p{margin-bottom:0}.logo-grid{margin-top:26px}.logo-cell{min-height:132px;padding:22px}.quote{padding:36px}.quote cite{margin-top:18px}.cert-grid{gap:12px}.cert-card{gap:24px;padding:20px}.catalog-controls{padding:16px 0}.catalog-meta{margin-bottom:18px}.product-card img{height:200px}.product-body{padding:20px}.product-card p{margin:10px 0}.form-grid{gap:14px}.contact-card{padding:22px}.legal-copy h2{margin-top:28px}.credit{padding:16px}.notice{padding:16px}
@media(max-width:900px){.hero{min-height:600px}.hero-grid{padding:92px 0 86px}.section{padding:62px 0}.two-col,.split{gap:26px}.content-block{padding:50px 0}.media-panel{min-height:310px}.catalog-controls{top:72px}.leadership-grid{gap:12px}}
@media(max-width:560px){.hero{min-height:0}.hero-grid{padding:78px 0 92px}.section{padding:50px 0}.page-hero{padding:52px 0 42px}.page-hero h1{font-size:clamp(2.9rem,11vw,3.6rem);overflow-wrap:break-word}.content-block{padding:44px 0}.content-block h2{margin-bottom:16px}.process{margin-top:20px}.process .panel{min-height:0}.media-panel{min-height:240px}.service-strip{margin-top:22px}.logo-cell{min-height:115px}.quote{padding:26px}.product-card img{height:190px}.site-footer{padding-top:44px}}

.ticker{animation-duration:52s}.hero-carousel{display:grid;min-height:660px}.hero-slide{grid-area:1/1;position:relative;display:grid;align-items:end;min-height:660px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s ease;background:var(--navy)}.hero-slide.active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,31,53,.97) 0%,rgba(7,31,53,.76) 48%,rgba(7,31,53,.28) 100%),var(--slide-image) center/cover}.hero-slide:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(81,184,232,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(81,184,232,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 78%)}.hero-carousel .hero-grid{display:block;padding:108px 0 150px}.hero-carousel h1{font-size:clamp(3.6rem,7vw,6.3rem);max-width:970px}.hero-carousel .hero-copy{max-width:700px}.hero-dots{position:absolute;z-index:7;bottom:78px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px}.hero-dots button{width:36px;height:10px;padding:0;border:0;background:rgba(255,255,255,.4);cursor:pointer;transition:background .25s,width .25s}.hero-dots button.active{width:72px;background:var(--blue-2)}.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:900px){.hero-carousel,.hero-slide{min-height:620px}.hero-carousel .hero-grid{padding:100px 0 145px}}
@media(max-width:560px){.hero-carousel,.hero-slide{min-height:690px}.hero-carousel .hero-grid{padding:82px 0 155px}.hero-carousel h1{font-size:clamp(3rem,12vw,4.4rem);overflow-wrap:break-word}.hero-dots{bottom:80px}}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}.ticker{animation:none}}

.logo-grid{display:block;overflow:hidden;scrollbar-width:none;overscroll-behavior-inline:contain}.logo-grid::-webkit-scrollbar{display:none}.logo-grid:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.client-logo-track{display:flex;width:max-content;animation:client-marquee 36s linear infinite;will-change:transform}.client-logo-set{display:flex;flex:none}.client-logo-set .logo-cell{flex:none;width:clamp(190px,25vw,310px);min-height:132px;border:1px solid var(--line)}@keyframes client-marquee{to{transform:translateX(-50%)}}
@media(max-width:560px){.client-logo-set .logo-cell{width:50vw;padding:18px}}
@media(prefers-reduced-motion:reduce){.logo-grid{overflow-x:auto}.client-logo-track{animation:none;will-change:auto}}
