/* Careerland public website: layout adapted from the supplied video reference. */
:root{--navy:#1d3b86;--ink:#182642;--accent:#24488f;--accent-hover:#173673;--coral:#c5ff4a;--cream:#fff;--paper:#fff;--muted:#5e6a7c;--line:#e1e6ef;--pale:#f3f6fc;--lime:#c5ff4a}
body{background:#fff;color:var(--ink)}
header{background:#1d3b86;color:#fff;border:0;box-shadow:none}
.header-inner{min-height:100px;gap:28px}header a,header small{color:#fff}header nav a:hover{color:var(--lime)}header nav{font-size:13px;gap:26px}header .btn.coral{background:transparent;color:var(--lime);border:1px solid #a2bf4966;box-shadow:none;padding:11px 21px}header .btn.coral:hover{background:var(--lime);color:#18336e}
/* Original brand artwork and colours are intentionally retained. */
header .brand,footer .brand{background:#101f36;color:#fff}header .brand .mark,footer .brand .mark{border-color:#ffab91;border-right-color:transparent}header .brand small,footer .brand small{color:#ffb5a4}
.hero-shell{background:#1d3b86;color:#fff;isolation:auto}.hero-shell:before{display:none}.hero{grid-template-columns:1.25fr 1fr;gap:6%;padding:0;min-height:640px;perspective:none;align-items:center}.hero>div:first-child{padding:55px 0 70px}.hero .eyebrow{color:#c5d7fa;letter-spacing:2px;font-size:11px}.hero .eyebrow:before{color:var(--lime)}.hero h1{font-size:clamp(45px,4.5vw,66px);line-height:1.06;font-weight:750;letter-spacing:-2.4px;margin:23px 0}.hero h1 em{color:var(--lime);background:none;-webkit-text-fill-color:var(--lime)}.hero p{color:#dce5f9;font-size:15px;line-height:1.65;max-width:500px}.hero .actions{margin:28px 0 32px;gap:14px}.hero .btn.coral{background:var(--lime);color:#193a75;border:1px solid var(--lime);box-shadow:none}.hero .btn.coral:hover{background:#d8ff88}.hero .btn.outline{background:transparent;border-color:#8bacdb;color:var(--lime);box-shadow:none}.hero .btn.outline:hover{background:#294b97;color:#fff}.btn{border-radius:30px;box-shadow:none}.hero .btn{font-size:13px;padding:13px 22px;gap:14px}
.hero-proof{display:flex;align-items:center;gap:13px;margin-top:34px}.proof-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);color:#193a75;font-size:25px}.hero-proof strong,.hero-proof div>span{display:block}.hero-proof strong{font-size:12px;color:#fff;font-weight:600}.hero-proof div>span{font-size:11px;color:#c5d4ef;margin-top:2px}
.template-visual{height:640px;display:grid;grid-template-columns:1fr 1fr;gap:23px;overflow:hidden;position:relative;max-width:485px;justify-self:end;width:100%}.portrait-window{overflow:hidden;height:100%}.portrait-track{display:flex;flex-direction:column;gap:22px;animation:portrait-scroll 30s linear infinite;will-change:transform}.portrait-window:nth-child(2) .portrait-track{animation-direction:reverse;animation-duration:34s}.portrait{height:205px;flex:0 0 205px;overflow:hidden;border-radius:22px;background:#eef2f8}.portrait-0{border-radius:110px}.portrait-2{border-radius:90px 22px 90px 22px}.portrait img{width:100%;height:100%;object-fit:cover;display:block}.portrait-window:nth-child(2) .portrait-1{border-radius:22px}.template-visual:hover .portrait-track{animation-play-state:paused}
@keyframes portrait-scroll{from{transform:translateY(0)}to{transform:translateY(-681px)}}
.service-facts{background:#f5f7fc;background-image:none;padding:30px 0}.fact b{color:#24488f}.fact span{color:#253755}.fact small{color:#66748b}.ribbon{color:#53627c}.ribbon span:before{color:#24488f}.eyebrow{color:#345da6}h2{color:#182642}.solution,.solution:first-child{background:#fff;border-color:#dfe6f1;box-shadow:none;border-radius:18px}.solution:first-child{background:#f3f7ff}.solution .symbol{background:#e9f0ff;color:#24488f;box-shadow:none}.solution a{color:#24488f}.industries-shell{background:#f4f7fc;border-color:#e5ebf5}.industry{border-color:#e0e7f2;box-shadow:none}.industry:hover,.industry:focus-within{background:#fff;border-color:#9db3da;box-shadow:0 10px 25px #1d3b860c}.industry-top>span:first-child{background:#eef3ff;color:#24488f;border-color:#dce5f5;box-shadow:none;transform:none}.industry .index,.industry strong,.industry a,.industry a span{color:#345da6}.industry p{color:#5e6a7c}.other-sector{background:#eaf0fc;border-color:#dce5f7;color:#253755}.dark{background:#1d3b86;border:0;box-shadow:none;color:#fff}.dark h2{color:#fff}.dark p{color:#d7e2f7}.dark .eyebrow,.point>span{color:var(--lime)}.point{border-color:#ffffff30}.step{border-color:#b7c8e8}.step small{color:#345da6}.candidate-banner{background:#eef4ff;border-color:#dbe6fa;box-shadow:none}.contact-shell{background:#f4f7fc;border-color:#e4ebf5}.contact-aside-card{background:#edf2fc;border-color:#dae4f5}.form-card{border-color:#e0e7f2;box-shadow:0 10px 30px #203a7808}.tabs{border-color:#dfe6f2}.tabs button{color:#253755}.tabs button.active{background:#24488f}.required-note,.formnote{color:#5e6a7c}input,select,textarea{border-color:#bfcce0;color:#182642}footer{background:#f0f4fb;color:#52627d}footer a{color:#24488f}:focus-visible{outline-color:#678ce0}
@media(min-width:1500px){.hero{padding:0;min-height:700px}.template-visual{height:700px}.hero h1{font-size:72px}}
@media(max-width:1000px){.header-inner{gap:15px}header nav{gap:15px}.hero{gap:4%;grid-template-columns:1.2fr 1fr;min-height:580px}.hero h1{font-size:47px}.template-visual{height:580px;gap:15px}.hero .actions{gap:10px}.hero .btn{padding:12px 17px;font-size:12px}}
@media(max-width:760px){.header-inner{min-height:85px;padding-block:15px}header nav{gap:18px}.mobile-menu{background:transparent!important;color:#fff!important;border-color:#7899cf!important}header nav.open{padding-bottom:10px}.hero{grid-template-columns:1fr;gap:0;min-height:0;padding:0}.hero>div:first-child{padding:45px 0 35px}.hero h1{font-size:clamp(39px,7.3vw,60px);letter-spacing:-1.8px;max-width:none}.hero p{font-size:15px}.hero-proof{margin-top:26px}.template-visual{height:340px;max-width:none;justify-self:stretch;gap:16px;grid-template-columns:1fr 1fr}.portrait{height:205px;flex-basis:205px}.hero .actions{margin:24px 0}.service-facts{padding:25px 0}.hero h1 br{display:initial}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portrait-track{animation:none;transform:translateY(-80px)}.portrait-window:nth-child(2) .portrait-track{transform:translateY(-20px)}}