*{box-sizing:border-box}
:root{--navy:#10296f;--blue:#0d4b96;--cyan:#36addc;--pale:#eff8fd;--muted:#536982}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#13285e;background:#fff}
a{text-decoration:none}
.site-header{height:122px;background:#fff;border-bottom:1px solid #e7edf2}
.header-inner{width:min(1300px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand img{width:190px;display:block}
.site-nav{display:flex;align-items:center;gap:42px}
.site-nav a{color:#10245c;font-size:17px;font-weight:700}
.portal-button{color:#fff!important;background:var(--blue);padding:15px 27px;border-radius:12px;box-shadow:0 7px 18px #0b397222}
.menu-toggle{display:none;border:0;background:white;font-size:24px}

.hero{background:linear-gradient(105deg,#eff9fe 0%,#f6fbfd 51%,#fff 51%);overflow:hidden}
.hero-inner{width:min(1300px,calc(100% - 40px));min-height:610px;margin:auto;display:grid;grid-template-columns:44% 56%;align-items:center}
.hero-copy{padding:95px 25px 70px 0}
.eyebrow{font-size:25px;letter-spacing:.055em;font-weight:800;color:var(--navy);margin-bottom:22px}
.hero h1{font-size:62px;line-height:1.03;letter-spacing:-.035em;margin:0;color:#172b73}
.rule{width:92px;height:6px;border-radius:4px;background:var(--cyan);margin:32px 0 24px}
.hero-copy p{font-size:19px;line-height:1.55;color:#132c60;max-width:600px;margin:0}
.customer-login{display:flex;align-items:center;gap:17px;width:max-content;margin-top:30px;padding:15px 22px;background:var(--blue);color:#fff;border-radius:11px;box-shadow:0 9px 22px #0b39722b;font-size:18px}
.customer-login b{font-size:30px;font-weight:400;margin-left:14px}
.secure{margin-top:13px;font-size:14px;color:#17305f}
.visual-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-end;overflow:visible}
.visual-wrap img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:center}
.benefits{background:#0b4388;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);min-height:150px;padding:0 max(20px,calc((100% - 1300px)/2))}
.benefits article{display:flex;align-items:center;gap:17px;padding:20px 25px;border-right:1px solid #ffffff3b}
.benefits article:last-child{border-right:0}
.icon{width:65px;height:65px;border:2px solid #64c7ef;border-radius:50%;display:grid;place-items:center;font-size:28px;flex:none}
.benefits h2{font-size:18px;margin:0 0 6px}
.benefits p{font-size:13px;line-height:1.4;margin:0;color:#dfedf8}
.intro{padding:85px 0}
.intro>div{width:min(1120px,calc(100% - 40px));margin:auto}
.section-label{font-size:12px;letter-spacing:.18em;font-weight:800;color:#258fbd}
.intro h2,.inner-page h1{font-size:46px;line-height:1.15;color:#152b70;margin:15px 0}
.intro p,.inner-page>div>p{font-size:18px;line-height:1.6;color:var(--muted);max-width:800px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.info-grid article{padding:28px;border:1px solid #dce8ee;border-radius:15px}
.info-grid h2{color:#152b70}
.inner-page{min-height:650px;padding:90px 0;background:linear-gradient(#f5fbfe,#fff)}
.inner-page>div{width:min(1120px,calc(100% - 40px));margin:auto}
.portal-page{min-height:650px;padding:130px 20px;text-align:center;background:#f5fbfe}
.site-footer{background:#0c1b35;color:#d1deea;padding:42px 0 18px}
.footer-inner{width:min(1300px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between}
.footer-inner img{width:155px;filter:brightness(0) invert(1)}
.footer-inner nav{display:flex;gap:20px;flex-wrap:wrap}
.footer-inner nav a{color:#fff;font-size:13px}
.copyright{width:min(1300px,calc(100% - 40px));margin:28px auto 0;padding-top:15px;border-top:1px solid #ffffff20;font-size:12px}
@media(max-width:850px){
.site-header{height:95px}.brand img{width:170px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;z-index:30;top:95px;left:15px;right:15px;background:#fff;padding:15px;box-shadow:0 15px 30px #0002;flex-direction:column;align-items:stretch;gap:4px}.site-nav.open{display:flex}.site-nav a{padding:11px}.portal-button{text-align:center}
.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:65px 0 35px}.visual-wrap{height:auto;padding-bottom:25px}.visual-wrap img{width:100%;height:auto;max-height:none;object-fit:contain}.hero h1{font-size:49px}.benefits{grid-template-columns:1fr 1fr}.benefits article{border-bottom:1px solid #ffffff3b}.info-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-inner nav{margin-top:20px}}
@media(max-width:520px){
.hero-inner{width:100%}.hero-copy{padding:50px 18px 30px}.eyebrow{font-size:18px}.hero h1{font-size:38px}.hero-copy p{font-size:16px}.visual-wrap{height:auto;padding-bottom:15px}.visual-wrap img{width:100%;height:auto;max-height:none}.customer-login{width:100%;font-size:16px}.benefits{grid-template-columns:1fr}.benefits article{border-right:0}.intro h2,.inner-page h1{font-size:32px}}


/* Single content container for Technology, Solutions and About */
.single-container{
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
}
.single-container > p{
  font-size:18px;
  line-height:1.6;
  color:var(--muted);
  max-width:820px;
}
.single-content{
  margin-top:38px;
  padding:34px 38px;
  border:1px solid #dce8ee;
  border-radius:15px;
  background:#fff;
  max-width:900px;
}
.single-content h2{
  margin:0 0 12px;
  color:#152b70;
}
.single-content p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.65;
}

/* Contact enquiry form */
.contact-form{
  margin-top:40px;
  max-width:900px;
  padding:34px 38px;
  border:1px solid #dce8ee;
  border-radius:15px;
  background:#fff;
  box-shadow:0 12px 30px rgba(16,41,111,.06);
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.form-field{
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
}
.form-field label{
  font-size:14px;
  font-weight:700;
  color:#152b70;
  margin-bottom:8px;
}
.form-field input,
.form-field textarea{
  width:100%;
  border:1px solid #cbdbe5;
  border-radius:8px;
  padding:13px 14px;
  font:inherit;
  color:#13285e;
  background:#fff;
}
.form-field textarea{
  resize:vertical;
  min-height:180px;
}
.form-field input:focus,
.form-field textarea:focus{
  outline:2px solid rgba(54,173,220,.3);
  border-color:#36addc;
}
.submit-button{
  border:0;
  cursor:pointer;
  padding:15px 25px;
  border-radius:10px;
  background:var(--blue);
  color:#fff;
  font:700 16px Arial,Helvetica,sans-serif;
  box-shadow:0 8px 18px #0b39722b;
}
.form-note{
  margin:14px 0 0;
  color:var(--muted);
  font-size:13px;
}
@media(max-width:700px){
  .form-row{grid-template-columns:1fr}
  .contact-form{padding:25px 20px}
  .single-container{width:calc(100% - 30px)}
}