/* Visual refinement layer */
:root{--gold:#c9aa75;--cyan:#13bdd1;--blue:#1472b8}
body{font-size:15px;letter-spacing:.005em;-webkit-font-smoothing:antialiased}
.container{width:min(1190px,calc(100% - 64px))}
.site-header{height:84px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 1px 16px rgba(7,26,50,.045)}
.main-nav{gap:32px;font-size:12px}
.main-nav>a:not(.nav-cta){position:relative;transition:color .18s}
.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#11a9c5;transition:right .2s}
.main-nav>a:not(.nav-cta):hover:after{right:0}
.nav-cta{background:#0b2948;border-radius:4px;padding:12px 17px;box-shadow:0 5px 14px rgba(7,26,50,.12)}
.hero{min-height:660px;background:#071a32}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,40,.99) 0%,rgba(5,21,40,.96) 27%,rgba(5,21,40,.84) 46%,rgba(5,21,40,.35) 74%,rgba(5,21,40,.28) 100%),linear-gradient(0deg,rgba(5,21,40,.57),transparent 36%),url('hero-verification.png') center 47%/cover no-repeat;opacity:.97}
.hero:after{display:none}
.hero-grid{display:none}
.hero-inner{display:flex;align-items:center;min-height:570px;padding-top:46px;padding-bottom:40px}
.hero-copy{max-width:650px;padding:0}
.hero .eyebrow{color:#d0deea;letter-spacing:2px}
.hero h1{font-size:clamp(48px,5.5vw,70px);line-height:1.08;letter-spacing:-3.8px;text-wrap:balance}
.hero h1 em{color:#70d0dd}
.hero-lead{max-width:490px;font-size:15px;color:#d2dce5;line-height:1.85;margin:25px 0 30px}
.button{border-radius:4px;padding:15px 20px;font-size:11px;transition:transform .2s,background .2s,box-shadow .2s}
.button-gold{background:#d4b67f;color:#142a41;box-shadow:0 9px 22px rgba(0,0,0,.1)}
.button-gold:hover{background:#e0c997;box-shadow:0 12px 25px rgba(0,0,0,.16)}
.button-outline{border-color:rgba(255,255,255,.5);background:rgba(7,26,50,.14);backdrop-filter:blur(6px)}
.hero-note{font-size:9px;letter-spacing:1.8px;color:#c0d1df}
.hero-art{display:none}
.hero-bottom{padding-bottom:23px;color:#aabaca}
.hero-bottom-rule{background:#60728666}
.hero-bottom a{font-size:10px}
.section-pad{padding:112px 0}
.intro{background:linear-gradient(115deg,#fafaf7,#f4f7f7)}
.intro h2,.section-heading h2,.industries h2,.tech-copy h2,.contact h2{font-size:clamp(38px,4vw,49px);line-height:1.14;letter-spacing:-2.4px}
.intro h2 em,.contact h2 em{color:#1382ac}
.intro-grid{gap:96px}
.intro-lead{font-size:18px;line-height:1.7}
.intro-text{font-size:13px;line-height:1.9}
.values-row{margin-top:83px;padding-top:30px;gap:58px}
.value-number{color:#1596b7}
.value b{font-size:17px}
.value p{font-size:12px;line-height:1.75}
.services{background:#fff}
.section-heading{margin-bottom:48px}
.section-heading>p{font-size:13px;line-height:1.85;max-width:380px}
.service-grid{border:0;gap:14px}
.service-card{border:1px solid #e3e8eb;border-radius:5px;min-height:278px;padding:23px 22px 18px;background:#fff;box-shadow:0 3px 12px rgba(18,43,63,.025);transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}
.service-card:hover{background:#fbfdfd;border-color:#cddce1;transform:translateY(-4px);box-shadow:0 12px 25px rgba(18,43,63,.08)}
.service-icon{color:#1389b0;width:44px;height:44px;margin:22px 0 15px}
.service-card h3{font-size:14px;line-height:1.45}
.service-card p{font-size:11px;line-height:1.75;min-height:56px}
.service-card>a{font-size:10px;margin-top:16px;padding-top:11px;border-color:#e9edef}
.industries{background:linear-gradient(112deg,#071a32,#0b2a49 72%,#103554)}
.industries-copy>p:not(.eyebrow){font-size:13px;line-height:1.9}
.industry-list{border-color:#ffffff2a}
.industry-list>div{border-color:#ffffff22;min-height:54px;font-size:13px}
.industry-list span{color:#b2c2d2}
.process{background:#f4f7f7}
.process-line:before{background:#c5d2d8}
.process-no{box-shadow:0 2px 8px rgba(20,52,72,.05);color:#0784aa;border-color:#d1dce0}
.process-line h3{font-size:13px}
.process-line p{font-size:11px;line-height:1.75}
.technology{background:#fff}
.tech-visual{border-radius:6px;box-shadow:0 16px 40px rgba(7,26,50,.12)}
.tech-window{border-radius:3px;overflow:hidden}
.tech-copy>p:not(.eyebrow){font-size:13px;line-height:1.85}
.tech-list li{padding:14px 0}
.tech-list b{font-size:12px}
.tech-list small{font-size:10px}
.cta-band{background:linear-gradient(112deg,#0a2440,#0c3454)}
.cta-inner{min-height:270px}
.cta-band h2{font-size:clamp(34px,3.5vw,43px);line-height:1.2;letter-spacing:-1.8px}
.contact{background:#f8f9f7}
.contact-layout{gap:88px}
.enquiry-form{border:1px solid #e8ecee;border-radius:5px;padding:32px 34px;box-shadow:0 12px 35px rgba(19,44,67,.055)}
.enquiry-form label{font-size:10px;margin-bottom:17px}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border-radius:3px;padding:12px;font-size:11px;transition:border-color .15s,box-shadow .15s}
.enquiry-form select{cursor:pointer}
.button-navy{border-radius:4px;box-shadow:0 6px 14px rgba(7,26,50,.12)}
.site-footer{background:#06182c}
.footer-top{min-height:105px}
.footer-bottom{min-height:58px}
@media(max-width:900px){.container{width:min(100% - 48px,760px)}.main-nav{gap:18px}.hero:before{background:linear-gradient(90deg,rgba(5,21,40,.99) 0%,rgba(5,21,40,.94) 40%,rgba(5,21,40,.65) 100%),linear-gradient(0deg,rgba(5,21,40,.48),transparent 45%),url('hero-verification.png') center/cover no-repeat}.intro-grid{gap:48px}.industries-layout,.tech-layout{gap:44px}.contact-layout{gap:42px}}
@media(max-width:700px){.container{width:min(100% - 38px,520px)}.site-header{height:72px}.main-nav{top:72px}.brand-logo{width:145px;height:48px}.hero{min-height:0}.hero:before{background:linear-gradient(90deg,rgba(5,21,40,.97),rgba(5,21,40,.76)),linear-gradient(0deg,rgba(5,21,40,.9),transparent 68%),url('hero-verification.png') 63% center/cover no-repeat}.hero-inner{min-height:540px;padding-top:69px;padding-bottom:30px}.hero h1{font-size:clamp(42px,11vw,54px);letter-spacing:-2.6px;line-height:1.1}.hero-lead{font-size:13px;max-width:400px}.hero-note{margin-top:31px}.hero-bottom{gap:11px;padding-bottom:18px}.section-pad{padding:76px 0}.intro-grid{gap:22px}.intro h2,.section-heading h2,.industries h2,.tech-copy h2,.contact h2{font-size:38px;letter-spacing:-1.8px}.values-row{margin-top:47px;gap:19px}.service-grid{gap:10px}.service-card{min-height:265px;padding:17px 14px 14px}.service-card h3{font-size:12px}.service-card p{font-size:9.5px}.service-icon{width:37px;height:37px;margin:18px 0 12px}.service-card>a{font-size:9px;margin-top:12px}.industries-layout,.tech-layout,.contact-layout{gap:34px}.industry-list>div{min-height:48px}.process .section-heading{margin-bottom:34px}.process-line{gap:22px}.tech-visual{height:300px}.cta-inner{min-height:235px;padding-top:42px;padding-bottom:36px}.contact-layout{gap:30px}.enquiry-form{padding:23px 18px}.footer-top{min-height:82px}}
@media(max-width:380px){.hero-inner{min-height:500px}.hero h1{font-size:39px}.service-grid{grid-template-columns:1fr}.service-card{min-height:232px}.service-card p{min-height:0}.hero-bottom{font-size:6px}.hero-bottom a{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Split-image masthead inspired by the reference's consulting-firm layout. */
.utility-bar{height:32px;background:#f5f6f4;border-bottom:1px solid #e8ecec;color:#596a7a;font-size:8px;letter-spacing:1.45px}
.utility-inner{height:100%;display:flex;justify-content:space-between;align-items:center}
.utility-inner a{color:#18334d;font-size:9px;font-weight:700;letter-spacing:.4px}
.utility-inner a b{margin-left:8px;color:#1388b8;font-size:13px}
.site-header{top:0}
.hero{min-height:0;background:#081c33}
.hero:before{display:none}
.hero-inner{display:grid;width:100%;max-width:none;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:570px;padding:0}
.hero-media{display:block;position:relative;grid-column:1;grid-row:1;min-height:570px;overflow:hidden;background:#152c41}
.hero-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:61% center}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,19,34,.25),transparent 35%),linear-gradient(90deg,transparent 80%,#081c33 100%)}
.hero-copy{grid-column:2;grid-row:1;align-self:center;max-width:740px;padding:55px clamp(35px,4.6vw,66px) 68px clamp(35px,4vw,58px)}
.hero .eyebrow{font-size:9px;letter-spacing:1.6px;color:#c7d5e0}
.hero h1{font:400 clamp(46px,5.1vw,66px)/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-1.5px;text-wrap:balance}
.hero h1 em{font-style:normal;color:#d8b879}
.hero-lead{max-width:490px;font-size:14px;line-height:1.9;color:#ccd8e3}
.hero-note{margin-top:35px;font-size:9px}
.hero-bottom{max-width:calc(100% - 64px);padding-top:12px}
.proof-strip{background:#fff;border-bottom:1px solid #e9edef;box-shadow:0 8px 26px rgba(14,36,55,.045)}
.proof-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr auto;align-items:center;min-height:116px}
.proof-grid>div{display:flex;align-items:center;gap:13px;min-height:42px;padding:0 27px;border-right:1px solid #e4e9eb}
.proof-grid>div:first-child{padding-left:0}
.proof-grid>div strong{font:400 32px 'DM Serif Display',Georgia,serif;color:#147eb0}
.proof-grid>div span{max-width:114px;font-size:8px;line-height:1.5;letter-spacing:1.1px;font-weight:700;color:#52667a}
.proof-grid>a{padding-left:26px;font-size:10px;font-weight:700;color:#143553;white-space:nowrap}
.proof-grid>a b{color:#118ab9;margin-left:7px;font-size:13px}
@media(max-width:900px){.hero-inner{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:540px}.hero-media{min-height:540px}.hero-copy{padding:42px 36px}.hero h1{font-size:clamp(43px,5vw,57px)}.proof-grid{grid-template-columns:1fr 1fr 1.2fr}.proof-grid>a{display:none}.proof-grid>div{padding:0 18px}}
@media(max-width:700px){.utility-bar{height:30px;font-size:7px;letter-spacing:.7px}.utility-inner a{font-size:8px}.site-header{height:72px}.hero-inner{display:flex;flex-direction:column;width:100%;min-height:0;padding:0}.hero-media{order:0;width:100%;min-height:0;height:300px}.hero-media img{object-position:58% 46%}.hero-media:after{background:linear-gradient(0deg,#081c33 0%,rgba(8,28,51,.04) 50%,rgba(8,28,51,.05) 100%)}.hero-copy{order:1;width:100%;max-width:none;padding:4px 25px 36px;margin-top:-1px}.hero h1{font-size:clamp(43px,10vw,55px);letter-spacing:-.8px}.hero-lead{font-size:13px;margin:18px 0 22px}.hero-note{margin-top:24px}.hero-bottom{max-width:calc(100% - 38px);padding-top:8px}.proof-grid{grid-template-columns:1fr 1fr;min-height:0;padding-top:17px;padding-bottom:17px;row-gap:15px}.proof-grid>div{padding:0 10px;min-height:38px}.proof-grid>div:first-child{padding-left:0}.proof-grid>div:nth-child(2){border-right:0}.proof-grid>div:nth-child(3){grid-column:1 / -1;border:0;padding-left:0}.proof-grid>div strong{font-size:27px}.proof-grid>div span{font-size:7px}.proof-grid>a{display:none}}
@media(max-width:380px){.hero-media{height:255px}.hero-copy{padding-inline:20px}.hero h1{font-size:41px}}

/* Larger brand mark and more prominent headings. */
.brand-logo{display:block;width:220px;height:73px;object-fit:contain}
.brand-footer{background:#fff;padding:3px 7px;border-radius:2px}
.brand-footer .brand-logo{width:180px;height:60px}
.hero h1{font-size:clamp(54px,5vw,70px)}
.intro h2,.section-heading h2,.industries h2,.tech-copy h2,.contact h2{font-size:clamp(43px,4.25vw,56px)}
.cta-band h2{font-size:clamp(39px,3.8vw,48px)}
.service-card h3{font-size:16px}
.process-line h3{font-size:14px}
@media(max-width:900px){.brand-logo{width:195px;height:65px}.brand-footer .brand-logo{width:170px;height:56px}.hero h1{font-size:clamp(50px,5.7vw,63px)}.intro h2,.section-heading h2,.industries h2,.tech-copy h2,.contact h2{font-size:clamp(42px,5vw,50px)}}
@media(max-width:700px){.site-header{height:78px}.brand-logo{width:170px;height:56px}.brand-footer .brand-logo{width:145px;height:48px}.hero h1{font-size:clamp(48px,11vw,62px)}.intro h2,.section-heading h2,.industries h2,.tech-copy h2,.contact h2{font-size:clamp(42px,9.5vw,48px)}.cta-band h2{font-size:36px}.service-card h3{font-size:13px}.process-line h3{font-size:13px}}
@media(max-width:380px){.brand-logo{width:155px;height:51px}.hero h1{font-size:47px}}

/* Footer logo on a light tile for contrast against the dark footer. */
.site-footer{background:#06182c;color:#fff}
.brand-footer{background:#fff;padding:3px 7px;border-radius:2px}
.brand-footer .brand-logo{width:180px;height:60px}
.footer-top{border-bottom:1px solid #25374a}
.footer-top>p{color:#9aabbd}
.back-top{color:#d6e0e9}
.footer-bottom{color:#8497aa}
.footer-bottom a{color:#c6d3df}

/* Direct contact links and floating WhatsApp action. */
.contact-details{display:grid;grid-template-columns:1fr;max-width:390px;margin:25px 0 21px;border-top:1px solid #e1e7e9}
.contact-details a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:13px 3px;border-bottom:1px solid #e1e7e9;transition:color .18s}
.contact-details a:hover{color:#117da7}
.contact-details a span{font-size:8px;font-weight:700;letter-spacing:1.35px;color:#708093}
.contact-details a strong{font-size:13px;font-weight:700;color:#17334d}
.contact-details a b{grid-column:2;grid-row:1 / span 2;color:#118ab9;font-size:14px}
.footer-details{display:flex;align-items:center;gap:28px}
.footer-details p{margin:0;color:#9aabbd;font-size:10px}
.footer-details>div{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#c6d3df}
.footer-details a:hover{color:#d8b879}
.whatsapp-float{position:fixed;right:25px;bottom:24px;z-index:40;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border-radius:999px;background:#20b85a;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(7,26,50,.22);transition:transform .18s,background .18s,box-shadow .18s}
.whatsapp-float:hover{background:#159e49;transform:translateY(-3px);box-shadow:0 12px 28px rgba(7,26,50,.27)}
.whatsapp-float svg{display:block;width:23px;height:23px;fill:currentColor}
.whatsapp-float:focus-visible,.contact-details a:focus-visible{outline:3px solid #d8b879;outline-offset:4px}
@media(max-width:700px){.footer-details{width:100%;order:3;align-items:flex-start;flex-direction:column;gap:7px;padding:0 0 12px}.footer-details p{font-size:9px}.footer-details>div{flex-direction:row;flex-wrap:wrap;gap:5px 16px}.whatsapp-float{right:16px;bottom:16px;padding:12px 15px}}
@media(max-width:380px){.whatsapp-float{width:52px;height:52px;justify-content:center;padding:0}.whatsapp-float span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.whatsapp-float svg{width:25px;height:25px}}