*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#3d4a63;font:15px/1.55 Arial,Helvetica,sans-serif}
    .shell{max-width:520px;margin:8vh auto;padding:0 16px}.card{background:white;border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #0d1b3e14}
    header{padding:26px 32px;background:#0d1b3e}.mark{display:block;width:156px;height:auto}.submark{color:#a9b8d8;font-size:10px;letter-spacing:5px;margin-top:3px}
    main{padding:30px 32px}h1{color:#0d1b3e;font-size:26px;line-height:1.25;margin:0 0 12px}p{margin:0 0 22px}
    label{display:block;font-size:13px;color:#1c2740;margin:18px 0 6px}input{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cfd6e3;border-radius:8px;font:inherit}
    button{width:100%;margin-top:24px;min-height:48px;border:0;border-radius:8px;background:#0d1b3e;color:white;font:600 15px Arial;cursor:pointer}button:hover{background:#1c3265}
    :focus-visible{outline:3px solid #1681b8;outline-offset:3px}.error{padding:12px 14px;background:#fdf1de;color:#754600;border-left:3px solid #ba850e;font-size:13px;margin-bottom:20px}
    footer{border-top:1px solid #e3e7ef;padding:20px 32px;font-size:12px;color:#616b7d}footer p{margin:0}a{color:#1d6fb8;overflow-wrap:anywhere}
    @media(max-width:400px){main,header,footer{padding:24px}.shell{margin:24px auto}}
    .shell{max-width:426px}.card{border:1px solid #d9deea;border-radius:12px;box-shadow:0 16px 44px #0d1b3e24}main{padding:28px 32px 24px}h1{font-size:27px;letter-spacing:-.8px;margin-bottom:8px;color:#141c3b}h1 span{color:#5890f8}main>p{font-size:14px;line-height:1.45;color:#727c92;margin-bottom:22px}
    label{margin:12px 0 4px;color:#657087}.input-wrap{position:relative}.input-wrap>svg{position:absolute;left:13px;top:13px;width:18px;height:18px;color:#7c879c;pointer-events:none}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.input-wrap input{min-height:42px;padding:10px 40px;font-size:13px;color:#23324f;border-color:#d9dfeb;box-shadow:0 1px 3px #0d1b3e05}.input-wrap input::placeholder{color:#7c879c}.password-toggle{position:absolute;right:4px;top:0;width:36px;min-height:42px;margin:0;background:transparent;color:#7c879c}.password-toggle:hover{background:#edf3fc}.password-toggle svg{width:18px;height:18px;vertical-align:middle}.login-options{display:flex;justify-content:flex-end;margin-top:10px;font-size:13px}.login-options a{color:#5890f8;text-decoration:none}.login-options a:hover{text-decoration:underline}.sign-in{margin-top:20px;background:#141b38;font-size:16px;box-shadow:0 3px 7px #0d1b3e12}.sign-in span{font-size:25px;line-height:1;margin-left:10px;vertical-align:-2px}.secure-access{display:flex;align-items:center;gap:14px;padding:18px 14px;background:#eaf2ff;border-radius:8px;margin-top:20px}.secure-access strong{font-size:13px;color:#141c3b}.secure-access p{font-size:12px;color:#657087;line-height:1.4;margin:4px 0 0}.secure-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:50%;background:#d6e7ff;color:#5890f8}.secure-icon svg{width:26px;height:26px}footer{padding:16px 32px;font-size:11px}
    body{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:flex-end;padding:40px clamp(24px,6vw,100px)}
    .shell{width:100%;max-width:426px;margin:0;padding:0}
    @media(max-width:600px){body{justify-content:center;padding:24px 16px}.shell{margin:0}main{padding:26px 24px}}

/* Full-width customer entry page. */
body{display:block;align-items:stretch;justify-content:flex-start;padding:0;background:#081321;min-height:100vh;color:#fff}
.landing{background:#e4f1fc}
.landing-header{display:flex;justify-content:space-between;align-items:center;padding:24px 3%;background:transparent}
.wordmark{font-size:30px;font-weight:300;letter-spacing:3px;color:#47d8fa;line-height:1}.wordmark strong{font-size:36px;color:#49b9f3}.wordmark>span{display:block;color:#c6d0dc;font-size:10px;letter-spacing:7px;margin-top:12px}.language{font-size:13px}
.landing-grid{display:grid;grid-template-columns:minmax(0,1fr) 386px;gap:30px 36px;padding:0 3% 28px;max-width:1800px;margin:auto;align-items:start}
.introduction{padding:32px 0 24px;min-height:380px}.eyebrow{font-size:10px;letter-spacing:4px;margin-bottom:14px}.introduction h2{font-size:clamp(36px,4.3vw,68px);line-height:1.02;letter-spacing:-2px;margin:0 0 18px;color:#fff}.introduction h2 span{color:#42c6f3}.intro-copy{font-size:16px;line-height:1.5;max-width:510px}
.trust-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px;max-width:850px}.trust-points>div{position:relative;padding-left:34px}.trust-points>div>span{position:absolute;left:0;top:-5px;color:#55d2f6;font-size:28px}.trust-points strong{font-size:12px;display:block}.trust-points p{font-size:12px;color:#d4dce7;line-height:1.4;margin:5px 0 0}
.shell{grid-column:2;grid-row:1 / span 2;max-width:386px;position:relative;width:100%;margin:0;padding:0}.card{color:#3d4a63;background:#fff;box-shadow:0 20px 50px #0004}.card main{padding:26px 30px 24px}.card h1{font-size:25px}.card footer{padding:12px 30px;color:#657087}.card input{background:#fff}.card .secure-access{margin-top:20px}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border-top:1px solid #506b8055;padding-top:22px}.feature-grid article{min-width:0;border-right:1px solid #506b8055;padding-right:16px}.feature-grid article:last-child{border:0;padding-right:0}.feature-grid h3{font-size:17px;line-height:1.25;margin:0 0 8px}.feature-grid p{font-size:12px;line-height:1.4;color:#d4dce7;margin:0 0 16px;min-height:50px}
.preview{height:156px;border:1px solid #53667b55;border-radius:8px;padding:8px;background:#102133d9;overflow:hidden}.photos{display:grid;grid-template-columns:1fr 1fr;gap:6px}.photos img{width:100%;height:65px;object-fit:cover;border-radius:5px}.compare>img{width:100%;height:58px;object-fit:cover;border-radius:4px}.compare>div{display:flex;justify-content:space-between;gap:5px;font-size:9px;padding:5px 0;border-bottom:1px solid #ffffff18}.compare b{font-weight:400}.documents{background:#f4f8ff;color:#23324f;display:flex;flex-direction:column;gap:10px;font-size:10px;padding:14px 10px}.documents span{color:#426b76}.batch{background:#f4f8ff;color:#23324f;font-size:10px}.batch>div{display:flex;align-items:center;gap:8px;margin-top:10px}.batch img{width:55px;height:42px;object-fit:cover;border-radius:4px}
.benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:30px 3%;background:#f5f8fd;color:#14213d;gap:24px}.benefits>div{border-right:1px solid #d0def0;padding-right:20px}.benefits>div:last-child{border:0}.benefits strong{font-size:13px}.benefits p{font-size:12px;color:#52637d;margin:5px 0 0;line-height:1.5}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 3%;border:0;color:#d6dfeb}.landing-footer a{color:#fff}.landing-footer .wordmark{font-size:23px}.landing-footer .wordmark strong{font-size:27px}
@media(min-width:1500px){.introduction{min-height:410px}.feature-grid p{min-height:34px}}
@media(max-width:1100px){.landing-grid{grid-template-columns:minmax(0,1fr) 360px;gap:24px}.trust-points{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-column:1 / -1}.shell{grid-row:1}.introduction h2{font-size:44px}.intro-copy br{display:none}}
@media(max-width:760px){.landing-header{padding:24px}.landing-grid{display:flex;flex-direction:column;padding:0 24px 28px}.introduction{padding:10px 0;min-height:0}.introduction h2{font-size:42px}.intro-copy{font-size:14px}.trust-points{margin-top:20px}.shell{max-width:440px;align-self:center}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.feature-grid article:nth-child(2){border:0}.benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}.landing-footer{flex-wrap:wrap;padding:24px}.landing-footer>span{font-size:11px}}
@media(max-width:400px){.landing-grid{padding:0 16px 24px}.card main{padding:24px}.introduction h2{font-size:36px}.feature-grid{gap:12px}.feature-grid h3{font-size:15px}.preview{height:150px}}

/* Clean customer login, without promotional previews or background photography. */
body{background:#fff;color:#23324f}
.landing{background:#fff}
.landing-header .language{color:#52637d}
.wordmark>span{color:#657087}
.introduction h2{color:#141c3b}
.eyebrow,.intro-copy{color:#52637d}
.trust-points strong{color:#23324f}
.trust-points p{color:#657087}
.shell{grid-row:1}
.landing-footer{background:#fff;color:#657087;border-top:1px solid #e3e7ef}
.landing-footer a{color:#23324f}

/* Fit the desktop composition to the available viewport height. */
@media(min-width:761px){
  body{min-height:100dvh;display:flex;flex-direction:column}
  .landing{flex:1;display:flex;flex-direction:column}
  .landing-header{padding:clamp(12px,2vh,24px) 3%}
  .landing-grid{width:100%;flex:1;align-items:center;padding-bottom:clamp(12px,2vh,28px)}
  .introduction{min-height:0;padding:12px 0}
  .introduction h2{font-size:clamp(36px,min(4.3vw,7vh),68px)}
  .intro-copy{margin-bottom:clamp(12px,2vh,22px)}
  .trust-points{margin-top:clamp(14px,3vh,30px)}
  .card main{padding:clamp(16px,2.5vh,26px) 28px}
  .card h1{font-size:clamp(21px,3vh,25px)}
  .card main>p{margin-bottom:clamp(10px,2vh,22px)}
  .card .sign-in{margin-top:clamp(12px,2vh,20px)}
  .card .secure-access{margin-top:clamp(12px,2vh,20px);padding:clamp(10px,1.8vh,18px) 14px}
  .card footer{padding:clamp(8px,1.3vh,12px) 28px}
  .benefits{padding:clamp(12px,2vh,24px) 3%;gap:18px}
  .landing-footer{padding:clamp(10px,1.8vh,22px) 3%}
}
@media(min-width:761px) and (max-height:760px){
  .landing-header .wordmark{font-size:24px}.landing-header .wordmark strong{font-size:28px}
  .wordmark>span{margin-top:6px;font-size:8px;letter-spacing:5px}
  .card main>p{font-size:12px}.card label{margin-top:8px;font-size:12px}
  .card .secure-access p{font-size:11px}.card footer{font-size:10px}
  .card .sign-in{min-height:42px}.login-options{margin-top:6px}
  .benefits p{font-size:11px;line-height:1.3}.benefits strong{font-size:12px}
  .landing-footer .wordmark{font-size:20px}.landing-footer .wordmark strong{font-size:23px}
}

.trust-points>div>span{top:0;line-height:1}.trust-points svg{display:block;width:28px;height:28px;stroke-width:1.6}

/* Highlight the service benefits without increasing the page footprint. */
.benefits{background:linear-gradient(110deg,#101c37,#23324f);color:#fff;border-top:2px solid #70c7ec;box-shadow:0 -6px 24px #14213d0a}
.benefits>.benefit{display:flex;align-items:center;gap:12px;border-color:#ffffff20;padding-right:16px}
.benefit-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#74cbf015;color:#83d7fa;border:1px solid #83d7fa35}
.benefit-icon svg{display:block;stroke-width:1.6}
.benefits strong{display:block;color:#fff;font-size:13px;line-height:1.3;letter-spacing:.1px}
.benefits p{color:#ccd8e9;font-size:12px;line-height:1.4;margin:5px 0 0}
@media(min-width:761px) and (max-width:1100px){.benefits{gap:12px}.benefits>.benefit{gap:8px;padding-right:8px}.benefit-icon{flex-basis:30px;width:30px;height:34px;border-radius:9px}.benefit-icon svg{width:20px;height:20px}.benefits strong{font-size:12px}.benefits p{font-size:11px}}
@media(max-height:760px) and (min-width:761px){.benefits p{font-size:11px;line-height:1.3}.benefits strong{font-size:12px}}
@media(max-width:760px){.benefits>.benefit{border:0;padding-right:0;align-items:flex-start}.benefits{gap:22px 16px}.benefit-icon{flex-basis:34px;width:34px;height:36px;border-radius:10px}}

/* Customer-supplied marketplace background. */
.landing{background:#e4f1fc}
.landing-header .language,.wordmark>span{color:#e0eafa}
.introduction h2{color:#fff}
.eyebrow,.intro-copy{color:#e0eafa}
.trust-points strong{color:#fff}
.trust-points p{color:#d4e1f2}
.introduction{text-shadow:0 2px 12px #0005}
@media(max-width:760px){.landing{background-position:42% center}}

/* Stretch the background across the viewport, independently of content width. */
.landing{width:100%;align-self:stretch}
.benefits,.landing-footer{width:100%}

/* Match the portal identity on a solid light-blue background. */
.landing{background:#e4f1fc}
.login-brand{text-align:left}
.login-brand-mark{font:300 23px/1.5 Montserrat,Arial,sans-serif;letter-spacing:3px;color:#00a5cf;white-space:nowrap}
.login-brand-mark img{width:26px;height:22px;vertical-align:baseline;margin:0 1px 0 -4px}
.login-brand-tagline{font:400 10px/1.5 Montserrat,Arial,sans-serif;letter-spacing:5px;color:#526b89;margin-top:3px}
@supports (-webkit-background-clip:text){.login-brand-mark{background:linear-gradient(170deg,#00f9ff 0%,#00c9e8 45%,#0047a5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
.landing-header .language,.eyebrow,.intro-copy{color:#435c7b}
.introduction h2,.trust-points strong{color:#141c3b}
.introduction h2 span{color:#228abf}
.trust-points p{color:#526b89}
.trust-points>div>span{color:#228abf}
.introduction{text-shadow:none}

.landing-header .language{display:flex;align-items:center;gap:8px;margin:0}.language select{font:inherit;color:inherit;background:transparent;border:1px solid #b5cde3;border-radius:7px;padding:7px 28px 7px 9px;cursor:pointer}.language option{color:#23324f;background:white}