:root{--navy:#050c18;--navy2:#0a1728;--ink:#101a29;--muted:#607082;--paper:#f5f6f8;--line:#101a291f;--blue:#0089bf;--orange:#d47b4a;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.header{z-index:20;color:#fffc;position:absolute;inset:0 0 auto}.nav{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:92px;display:flex}.brand{color:#fff;align-items:center;display:inline-flex}.brandLogo{object-fit:contain;width:auto;height:32px;display:block}nav{align-items:center;gap:22px;font-size:13px;display:flex}nav a:hover{color:#fff}.navCta{border:1px solid #ffffff47;border-radius:999px;padding:9px 16px}.hero,.pageHero{color:#fff;background:radial-gradient(circle at 82% 34%,#0089bf2b,#0000 30%),radial-gradient(circle at 28% 68%,#d47b4a17,#0000 24%),linear-gradient(140deg,#030914,#081526 64%,#0b1b2e);position:relative;overflow:hidden}.hero{align-items:center;min-height:880px;display:grid}.heroGlow{filter:blur(8px);background:radial-gradient(circle at 42% 48%,#d47b4a33,#0000 19%),radial-gradient(circle at 58% 56%,#0089bf42,#0000 30%);border-radius:50%;width:760px;height:760px;position:absolute;top:100px;right:-240px;box-shadow:0 0 0 90px #ffffff03,0 0 0 180px #ffffff02}.systemRibbons{opacity:.72;width:65%;height:85%;position:absolute;bottom:-15%;right:-8%;transform:rotate(-7deg)}.systemRibbons i{border-top:1px solid #5db7e557;border-radius:50% 0 0;height:55%;position:absolute;inset:auto 0 0;box-shadow:0 -12px 50px #0089bf26}.systemRibbons i:nth-child(2){border-color:#d47b4a4d;height:69%;right:5%;box-shadow:0 -12px 50px #d47b4a1f}.systemRibbons i:nth-child(3){height:83%;right:10%}.heroInner{z-index:2;padding:170px 0 95px;position:relative}.eyebrow{color:var(--orange);letter-spacing:.15em;text-transform:uppercase;margin:0 0 22px;font-size:12px;font-weight:600}h1,h2,h3{font-family:Newsreader,serif;font-weight:500}h1{letter-spacing:-.05em;text-wrap:balance;max-width:960px;margin:0;font-size:clamp(52px,6.4vw,92px);line-height:.98}.heroCopy{color:#ffffffad;max-width:710px;margin:30px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.58}.emphasis{background:linear-gradient(100deg,#f0a15e 0%,#d47b4a 36%,#55a9d3 72%,#0089bf 100%);color:#0000;filter:drop-shadow(-12px 10px 22px #d47b4a29)drop-shadow(14px -8px 24px #0089bf24);-webkit-background-clip:text;background-clip:text;position:relative}.actions{flex-wrap:wrap;gap:13px;margin-top:38px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:14px;font-weight:600;transition:transform .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.primary{color:#fff;background:linear-gradient(110deg,var(--orange),#e98951)}.ghost{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff09;border:1px solid #ffffff47}.heroSystems{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:64px;font-size:11px;display:flex}.heroSystems b{color:var(--blue);font-size:18px}.trustBar{color:#fff;background:#081321;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.trustGrid{grid-template-columns:repeat(3,1fr);display:grid}.trustGrid div{border-right:1px solid #ffffff14;flex-direction:column;justify-content:center;min-height:150px;padding:34px;display:flex}.trustGrid div:first-child{border-left:1px solid #ffffff14}.trustGrid strong{color:#fff;font-family:Newsreader,serif;font-size:29px;font-weight:500}.trustGrid span{color:#ffffff80;margin-top:9px;font-size:12px;line-height:1.45}.section{padding:124px 0}.section.dark{color:#fff;background:var(--navy)}.section.muted{background:var(--paper)}h2{letter-spacing:-.045em;text-wrap:balance;max-width:900px;margin:0;font-size:clamp(40px,5.4vw,68px);line-height:1.03}.lead{max-width:760px;color:var(--muted);margin:27px 0 0;font-size:19px;line-height:1.65}.dark .lead{color:#ffffffa3}.companyIntro{grid-template-columns:1fr 1fr;gap:50px;display:grid}.companyIntro .lead{margin-top:28px}.introStatement{border-top:1px solid var(--line);grid-template-columns:220px 1fr;align-items:start;gap:30px;margin-top:54px;padding-top:30px;display:grid}.introStatement span{color:var(--orange);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.introStatement strong{letter-spacing:-.025em;max-width:720px;font-family:Newsreader,serif;font-size:clamp(25px,3vw,36px);font-weight:500;line-height:1.18}.pills{flex-wrap:wrap;gap:10px;margin-top:40px;display:flex}.pills span{border:1px solid var(--line);border-radius:999px;padding:12px 18px;font-size:13px}.dark .pills span{color:#ffffffc7;border-color:#ffffff26}.textLink{color:var(--blue);margin-top:32px;font-size:14px;font-weight:600;display:inline-block}.textLink span{margin-left:5px}.textLink.light{color:#fff}.twoCol{grid-template-columns:1fr 1fr;gap:16px;margin-top:54px;display:grid}.featureCard{background:var(--navy);color:#fff;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:flex-end;min-height:470px;padding:46px;display:flex;position:relative;overflow:hidden}.featureCard:before{content:"";filter:blur(8px);background:radial-gradient(circle,#d47b4a4d,#0000 62%);border-radius:50%;width:440px;height:440px;position:absolute;bottom:-260px;right:-180px}.featureCard.blue{background:var(--navy)}.featureCard.blue:before{background:radial-gradient(circle,#0089bf61,#0000 62%)}.index{letter-spacing:.12em;color:#83d2f5;margin-bottom:auto;font-size:12px;position:relative}.pathLabel{text-transform:uppercase;letter-spacing:.13em;font-size:11px;position:relative;color:var(--orange)!important;margin:0 0 18px!important}.candidatePath .pathLabel{color:#70c5ee!important}.featureCard h3{letter-spacing:-.04em;margin:0;font-size:clamp(35px,4vw,52px);position:relative}.featureCard p{color:#ffffffa6;max-width:470px;line-height:1.65;position:relative}.featureCard .textLink{position:relative}.modernizationStory{color:#fff;background:radial-gradient(circle at 78% 50%,#0089bf21,transparent 32%),radial-gradient(circle at 18% 70%,#d47b4a1a,transparent 28%),var(--navy);padding:150px 0;position:relative;overflow:hidden}.modernizationStory:after{content:"";filter:blur(45px);background:linear-gradient(90deg,#0000,#d47b4a2e,#0089bf33,#0000);height:100px;position:absolute;inset:auto -10% 2%}.modernizationStory .container{z-index:1;position:relative}.modernizationStory h2{max-width:1040px;font-size:clamp(48px,7vw,86px)}.systemFlow{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 180px 1fr;align-items:center;gap:40px;margin-top:70px;padding:44px;display:grid}.systemFlow>div:not(.flowCore){flex-direction:column;gap:15px;display:flex}.systemFlow>div:last-child{text-align:right}.systemFlow span{color:#ffffff9e;letter-spacing:.08em;font-size:13px}.flowCore{text-align:center;background:radial-gradient(circle,#0089bf2e,#d47b4a0f,#0000);border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:150px;height:150px;display:grid}.flowCore b{font-family:Newsreader,serif;font-size:23px;font-weight:500;line-height:1.05}.expertiseGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:58px;display:grid}.expertiseGrid article{background:linear-gradient(150deg,#0d1c30,#081321);border:1px solid #ffffff17;border-radius:24px;flex-direction:column;min-height:260px;padding:36px;display:flex;position:relative;overflow:hidden}.expertiseGrid article:after{content:"";background:radial-gradient(circle,#0089bf29,#0000 65%);border-radius:50%;width:230px;height:230px;position:absolute;bottom:-150px;right:-120px}.expertiseGrid article>span{z-index:1;color:#64c2ed;letter-spacing:.12em;font-size:11px;position:relative}.expertiseGrid h3{z-index:1;margin:48px 0 18px;font-size:31px;line-height:1.05;position:relative}.expertiseGrid p{z-index:1;color:#ffffff94;margin:0;line-height:1.65;position:relative}.expertiseGrid small{z-index:1;color:var(--orange);margin-top:auto;padding-top:28px;line-height:1.6;position:relative}.bentoGrid .bentoLarge{grid-column:span 2;min-height:340px}.bentoGrid .bentoMedium{min-height:340px}.bentoGrid .bentoWide{grid-column:span 1}.bentoGrid .orangeBento:after{background:radial-gradient(circle,#d47b4a40,#0000 65%)}.bentoGrid .blueBento:after{background:radial-gradient(circle,#0089bf47,#0000 65%)}.proof{border:1px solid var(--line);background:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:35px;margin-top:48px;padding:44px;display:flex}.proofTag{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:12px}.proof h3{margin:10px 0;font-size:32px}.proof p{color:var(--muted)}.proofValue{color:var(--orange);text-align:right;font-family:Newsreader,serif;font-size:45px}.proofValue span{color:var(--muted);margin-top:6px;font-family:DM Sans,sans-serif;font-size:12px;display:block}.proofWord{max-width:330px;font-size:34px;line-height:1.05}.finePrint{color:#ffffff80;max-width:780px;margin-top:30px;font-size:12px;line-height:1.6}.credentialSection{background:#fff;padding:110px 0}.credentialGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:48px;display:grid}.credentialGrid div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px}.credentialGrid span,.credentialGrid strong{display:block}.credentialGrid span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.credentialGrid strong{margin-top:10px;font-size:16px}.ctaSection{color:#fff;text-align:center;background:var(--navy);padding:140px 0}.ctaSection h2{margin:0 auto 34px}.pageHero{padding:190px 0 110px}.pageHero h1{font-size:clamp(52px,7vw,88px)}.leadSection{color:#fff;background:radial-gradient(circle at 75%,#0089bf1f,#0000 30%),#07111f;padding:130px 0}.leadLayout{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:start;gap:80px;display:grid}.leadSection .lead{color:#fff9}.leadAssurance{flex-direction:column;gap:13px;margin-top:34px;display:flex}.leadAssurance span{color:#ffffff94;font-size:13px}.leadAssurance span:before{content:"✓";color:#60c7f5;margin-right:10px}.talentForm{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0b;border:1px solid #ffffff1f;border-radius:26px;padding:38px}.formProgress{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:38px;display:grid}.formProgress i{background:#ffffff1f;height:2px}.formProgress i.active{background:linear-gradient(90deg,var(--orange),var(--blue))}.formStep{flex-direction:column;gap:14px;display:flex}.formStepLabel{color:#65c6f1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:10px}.formStep label,.formStep legend{color:#ffffffb8;font-size:13px}.formStep input,.formStep select{color:#fff;width:100%;height:52px;font:inherit;background:#07111f;border:1px solid #ffffff29;border-radius:10px;padding:0 16px}.formStep select{appearance:auto}.formStep .button{border:0;align-self:flex-start;margin-top:12px}.formStep .button:disabled{opacity:.4}.formStep fieldset{border:0;padding:0}.skillChoices{flex-wrap:wrap;gap:9px;margin-top:16px;display:flex}.skillChoices label{cursor:pointer;border:1px solid #ffffff24;border-radius:999px;padding:9px 12px}.skillChoices label.selected{color:#fff;border-color:var(--blue);background:#0089bf2b}.skillChoices input{opacity:0;pointer-events:none;position:absolute}.formButtons{gap:10px;display:flex}.formBack{color:#fff;background:0 0;border:1px solid #ffffff2e!important}.listGrid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:48px;display:grid}.listItem{background:#fff;padding:32px}.dark .listGrid{background:#ffffff1a;border-color:#ffffff1a}.dark .listItem{background:var(--navy2)}.listItem span{color:var(--blue);font-size:12px}.listItem h3{margin:13px 0 8px;font-family:DM Sans,sans-serif;font-size:20px}.listItem p{color:var(--muted);line-height:1.6}.dark .listItem p{color:#ffffff94}.careerIntro{grid-template-columns:1fr 1fr;gap:50px;display:grid}.careerIntro .lead{margin-top:28px}.candidateGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.candidateGrid article{border:1px solid var(--line);background:#fff;border-radius:22px;padding:34px}.candidateGrid h3{margin:0 0 14px;font-family:DM Sans,sans-serif;font-size:19px;line-height:1.35}.candidateGrid p{color:var(--muted);margin:0;line-height:1.65}.processGrid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:50px;display:grid}.processStep{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px}.processStep>span{color:var(--orange);letter-spacing:.12em;font-size:12px}.processStep h3{margin:36px 0 12px;font-family:DM Sans,sans-serif;font-size:18px}.processStep p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.candidateFacts{border-top:1px solid #ffffff21;border-left:1px solid #ffffff21;grid-template-columns:1fr 1fr;margin-top:50px;display:grid}.candidateFacts div{border-bottom:1px solid #ffffff21;border-right:1px solid #ffffff21;padding:30px}.candidateFacts span,.candidateFacts strong{display:block}.candidateFacts span{color:#83d2f5;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.candidateFacts strong{color:#ffffffc7;margin-top:12px;font-size:15px;line-height:1.5}.candidateCta p:not(.eyebrow):not(.contactNote){color:#ffffffa3;max-width:620px;margin:0 auto 30px;font-size:17px;line-height:1.65}.contactNote{color:#ffffff73;margin:14px 0 0;font-size:12px}.jobBoardSection{background:var(--paper)}.jobBoardHeading{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;gap:60px;display:grid}.jobBoardHeading>p{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.jobBoardShell{border:1px solid var(--line);background:#fff;border-radius:24px;min-height:360px;margin-top:48px;padding:28px;overflow:hidden}.jobBoardLoading{color:var(--muted);margin:0;font-size:14px}.jobBoardShell a{color:var(--blue)}.employeeAccess{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:48px;padding-top:28px;font-size:13px;display:flex}.employeeAccess span{color:#ffffff80}.employeeAccess a{color:#83d2f5;font-weight:600}.bioGrid{grid-template-columns:1fr 1fr;gap:16px;margin-top:50px;display:grid}.bio{border:1px solid var(--line);background:#fff;border-radius:22px;padding:40px}.bio h3{margin:0;font-size:34px}.bio .role{color:var(--orange);text-transform:uppercase;letter-spacing:.1em;margin:8px 0 20px;font-size:12px}.bio p{color:var(--muted);line-height:1.68}footer{color:#91a0b2;background:#02070e;font-size:12px}.footerInner{justify-content:space-between;align-items:center;gap:26px;min-height:112px;display:flex}@media (width<=900px){nav{gap:14px;font-size:12px}.processGrid{grid-template-columns:1fr 1fr}.candidateGrid{grid-template-columns:1fr}.leadLayout{grid-template-columns:1fr;gap:50px}.expertiseGrid{grid-template-columns:1fr}.expertiseGrid article,.bentoGrid .bentoLarge,.bentoGrid .bentoMedium,.bentoGrid .bentoWide{grid-column:span 1;min-height:300px}.trustGrid{grid-template-columns:1fr}.trustGrid div{border-bottom:1px solid #ffffff14;border-left:1px solid #ffffff14;min-height:110px}}@media (width<=800px){.container{width:min(calc(100% - 32px),var(--max))}.nav{height:70px}.nav nav a:not(.navCta){display:none}.hero{min-height:790px}.heroInner{padding-top:140px}.heroSystems{gap:8px 13px;margin-top:44px}.systemRibbons{opacity:.5;width:100%;height:58%}.section{padding:86px 0}.twoCol,.credentialGrid,.listGrid,.bioGrid,.careerIntro,.candidateFacts,.processGrid,.companyIntro,.introStatement,.jobBoardHeading{grid-template-columns:1fr}.featureCard{min-height:390px;padding:32px}.modernizationStory{padding:100px 0}.systemFlow{grid-template-columns:1fr;gap:28px;padding:34px 0}.systemFlow>div:not(.flowCore){flex-flow:wrap}.systemFlow>div:last-child{text-align:left}.flowCore{width:120px;height:120px}.leadSection{padding:90px 0}.talentForm{padding:25px}.proof{flex-direction:column;align-items:flex-start}.proofValue{text-align:left}.footerInner{flex-direction:column;align-items:flex-start;padding:30px 0}.pageHero{padding:150px 0 84px}.jobBoardShell{border-radius:18px;padding:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.heroImage{opacity:.82;background:linear-gradient(90deg,#030914 0%,#030914f7 31%,#0309148c 64%,#0309141f 100%),url(/resourcesys-mainframe-hero.png) 50%/cover no-repeat;position:absolute;inset:0}.careerEditorial{background:var(--navy);border-radius:28px;aspect-ratio:16/9;height:auto;margin:48px 0;position:relative;overflow:hidden}.careerEditorial img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.careerEditorial:after{content:"";background:linear-gradient(#0000 45%,#050c18cc);position:absolute;inset:0}.careerEditorial figcaption{z-index:1;color:#fff;font-family:Newsreader,serif;font-size:28px;position:absolute;bottom:28px;left:32px}


/* Resourcesys approved-direction additions */
nav a[aria-current="page"]{color:#fff}.mobileMenu{display:none;color:#fff}.mobileMenu summary{cursor:pointer;list-style:none;border:1px solid #ffffff47;border-radius:999px;padding:8px 14px;font-size:13px}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu>div{position:absolute;top:70px;right:16px;left:16px;background:#07111f;border:1px solid #ffffff1f;border-radius:18px;padding:18px;box-shadow:0 18px 50px #0008;display:grid;gap:4px}.mobileMenu a{padding:12px;border-bottom:1px solid #ffffff12}.wideContainer{width:min(calc(100% - 48px),1460px);margin-inline:auto}.valueGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.valueCard{border:1px solid var(--line);border-radius:22px;padding:34px;background:#fff}.valueCard h3{font-family:DM Sans,sans-serif;font-size:19px;margin:0 0 14px}.valueCard p{color:var(--muted);line-height:1.65;margin:0}.documentGrid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;display:grid}.documentCard{border:1px solid var(--line);background:#fff;border-radius:24px;padding:38px;display:block;transition:transform .25s,border-color .25s}.documentCard:hover{transform:translateY(-3px);border-color:#0089bf66}.documentCard>span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.documentCard h3{font-size:34px;margin:22px 0 12px}.documentCard p{color:var(--muted);line-height:1.65}.documentCard strong{color:var(--blue);font-size:14px}.roleGrid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px;display:grid}.roleGrid span{background:#fff;padding:22px;font-size:14px;line-height:1.45}.darkFinePrint{color:var(--muted)}.lightFacts{border-color:var(--line)}.lightFacts div{border-color:var(--line)}.lightFacts span{color:var(--blue)}.lightFacts strong{color:var(--ink)}.darkCards article{background:#0a1728;border-color:#ffffff1a}.darkCards h3{color:#fff}.darkCards p{color:#ffffff94}.notice{border-top:1px solid var(--line);margin-top:55px;padding-top:34px}.notice strong{font-family:Newsreader,serif;font-size:30px;font-weight:500}.notice p{color:var(--muted);max-width:680px;line-height:1.65}.contactGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contactCard{min-height:460px;background:var(--navy);color:#fff;border-radius:28px;padding:46px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.contactCard:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;bottom:-220px;background:radial-gradient(circle,#d47b4a4b,#0000 68%)}.candidateContact:after{background:radial-gradient(circle,#0089bf54,#0000 68%)}.contactCard>*{position:relative;z-index:1}.contactCard h2{font-size:clamp(38px,4.8vw,60px)}.contactCard p:not(.pathLabel){color:#ffffffa6;line-height:1.65;max-width:500px}.contactCard .button{align-self:flex-start;margin-top:18px}.ctaCopy{color:#ffffffa3;max-width:650px;margin:0 auto 30px;font-size:17px;line-height:1.65}.centerActions{justify-content:center}.mainframePageHero{background:linear-gradient(90deg,#030914 0%,#030914f5 42%,#03091478 70%),url(/resourcesys-mainframe-hero.png) center/cover no-repeat}.jobBoardShell{overflow:visible}.jobBoardShell #example-widget-container,.jobBoardShell #example-widget-container>div{width:100%!important;max-width:none!important}.jobBoardShell iframe{width:100%!important;min-height:1250px!important;border:0}.candidateFacts a{color:inherit}.candidateFacts a:hover{color:#83d2f5}
@media (width<=1000px){.valueGrid,.roleGrid{grid-template-columns:1fr 1fr}}
@media (width<=800px){.nav>nav{display:none}.mobileMenu{display:block}.valueGrid,.documentGrid,.roleGrid,.contactGrid{grid-template-columns:1fr}.wideContainer{width:min(calc(100% - 24px),1460px)}.jobBoardShell{padding:8px}.contactCard{min-height:390px;padding:32px}.roleGrid span{padding:18px}}


/* Resourcesys approved-direction additions */
nav a[aria-current="page"]{color:#fff}.mobileMenu{display:none;color:#fff}.mobileMenu summary{cursor:pointer;list-style:none;border:1px solid #ffffff47;border-radius:999px;padding:8px 14px;font-size:13px}.mobileMenu summary::-webkit-details-marker{display:none}.mobileMenu>div{position:absolute;top:70px;right:16px;left:16px;background:#07111f;border:1px solid #ffffff1f;border-radius:18px;padding:18px;box-shadow:0 18px 50px #0008;display:grid;gap:4px}.mobileMenu a{padding:12px;border-bottom:1px solid #ffffff12}.wideContainer{width:min(calc(100% - 48px),1460px);margin-inline:auto}.valueGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px;display:grid}.valueCard{border:1px solid var(--line);border-radius:22px;padding:34px;background:#fff}.valueCard h3{font-family:DM Sans,sans-serif;font-size:19px;margin:0 0 14px}.valueCard p{color:var(--muted);line-height:1.65;margin:0}.documentGrid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;display:grid}.documentCard{border:1px solid var(--line);background:#fff;border-radius:24px;padding:38px;display:block;transition:transform .25s,border-color .25s}.documentCard:hover{transform:translateY(-3px);border-color:#0089bf66}.documentCard>span{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:600}.documentCard h3{font-size:34px;margin:22px 0 12px}.documentCard p{color:var(--muted);line-height:1.65}.documentCard strong{color:var(--blue);font-size:14px}.roleGrid{grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:48px;display:grid}.roleGrid span{background:#fff;padding:22px;font-size:14px;line-height:1.45}.darkFinePrint{color:var(--muted)}.lightFacts{border-color:var(--line)}.lightFacts div{border-color:var(--line)}.lightFacts span{color:var(--blue)}.lightFacts strong{color:var(--ink)}.darkCards article{background:#0a1728;border-color:#ffffff1a}.darkCards h3{color:#fff}.darkCards p{color:#ffffff94}.notice{border-top:1px solid var(--line);margin-top:55px;padding-top:34px}.notice strong{font-family:Newsreader,serif;font-size:30px;font-weight:500}.notice p{color:var(--muted);max-width:680px;line-height:1.65}.contactGrid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.contactCard{min-height:460px;background:var(--navy);color:#fff;border-radius:28px;padding:46px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.contactCard:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-180px;bottom:-220px;background:radial-gradient(circle,#d47b4a4b,#0000 68%)}.candidateContact:after{background:radial-gradient(circle,#0089bf54,#0000 68%)}.contactCard>*{position:relative;z-index:1}.contactCard h2{font-size:clamp(38px,4.8vw,60px)}.contactCard p:not(.pathLabel){color:#ffffffa6;line-height:1.65;max-width:500px}.contactCard .button{align-self:flex-start;margin-top:18px}.ctaCopy{color:#ffffffa3;max-width:650px;margin:0 auto 30px;font-size:17px;line-height:1.65}.centerActions{justify-content:center}.mainframePageHero{background:linear-gradient(90deg,#030914 0%,#030914f5 42%,#03091478 70%),url(/resourcesys-mainframe-hero.png) center/cover no-repeat}.jobBoardShell{overflow:visible}.jobBoardShell #example-widget-container,.jobBoardShell #example-widget-container>div{width:100%!important;max-width:none!important}.jobBoardShell iframe{width:100%!important;min-height:1250px!important;border:0}.candidateFacts a{color:inherit}.candidateFacts a:hover{color:#83d2f5}
@media (width<=1000px){.valueGrid,.roleGrid{grid-template-columns:1fr 1fr}}
@media (width<=800px){.nav>nav{display:none}.mobileMenu{display:block}.valueGrid,.documentGrid,.roleGrid,.contactGrid{grid-template-columns:1fr}.wideContainer{width:min(calc(100% - 24px),1460px)}.jobBoardShell{padding:8px}.contactCard{min-height:390px;padding:32px}.roleGrid span{padding:18px}}


/* Resourcesys brand alignment — exact colors from approved logo */
:root{
  --blue:#0089bf;
  --orange:#d47b4a;
  --brand-blue:#0089bf;
  --brand-orange:#d47b4a;
  --brand-blue-light:#79cce8;
  --brand-orange-light:#e4a07c;
}
.brandLogo{height:42px;width:auto;object-fit:contain;display:block}
.primary{background:var(--brand-orange);color:#fff}
.primary:hover{background:var(--brand-blue)}
.navCta:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:#fff}
.emphasis{
  background:linear-gradient(100deg,var(--brand-orange) 0%,var(--brand-orange) 42%,var(--brand-blue) 76%,var(--brand-blue) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(-12px 10px 22px #d47b4a29) drop-shadow(14px -8px 24px #0089bf24)
}
.heroSystems b,.textLink,.documentCard>span,.documentCard strong,.lightFacts span,.proofTag{color:var(--brand-blue)}
.eyebrow,.pathLabel,.proofValue,.expertiseGrid small{color:var(--brand-orange)}
.formProgress i.active{background:linear-gradient(90deg,var(--brand-orange),var(--brand-blue))}
.featureCard:before{background:radial-gradient(circle,#d47b4a4d,#0000 62%)}
.featureCard.blue:before,.candidateContact:after{background:radial-gradient(circle,#0089bf61,#0000 62%)}
.contactCard:after{background:radial-gradient(circle,#d47b4a4b,#0000 68%)}
.modernizationStory{background:radial-gradient(circle at 78% 50%,#0089bf21,transparent 32%),radial-gradient(circle at 18% 70%,#d47b4a1a,transparent 28%),var(--navy)}
.expertiseGrid article:after{background:radial-gradient(circle,#0089bf29,#0000 65%)}
.bentoGrid .orangeBento:after{background:radial-gradient(circle,#d47b4a40,#0000 65%)}
.bentoGrid .blueBento:after{background:radial-gradient(circle,#0089bf47,#0000 65%)}
.documentCard:hover{border-color:#0089bf66}
@media (width<=800px){.brandLogo{height:34px}}

/* Leadership portraits and LinkedIn profiles */
.bioWithPhoto{display:grid;grid-template-columns:138px 1fr;gap:28px;align-items:start;padding:32px}
.bioPhoto{width:138px;height:138px;display:block;object-fit:cover;object-position:center;border-radius:50%;border:1px solid var(--line);box-shadow:0 14px 34px #101a2917}
.bioContent{min-width:0}
.linkedinLink{display:inline-flex;align-items:center;gap:9px;margin-top:18px;color:var(--blue);font-size:13px;font-weight:600;transition:color .2s,transform .2s}
.linkedinLink:hover{color:#006f9b;transform:translateY(-1px)}
.linkedinIcon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:5px;background:var(--blue);color:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;line-height:1}
@media (width<=1100px){.bioWithPhoto{grid-template-columns:112px 1fr;gap:22px}.bioPhoto{width:112px;height:112px}}
@media (width<=800px){.bioWithPhoto{grid-template-columns:92px 1fr;padding:26px}.bioPhoto{width:92px;height:92px}}
@media (width<=520px){.bioWithPhoto{grid-template-columns:1fr}.bioPhoto{width:112px;height:112px}.bioContent{width:100%}}

/* Resourcesys company social links */
.socialLinks{display:inline-flex;align-items:center;flex-wrap:wrap;gap:9px;color:#91a0b2}
.socialLinks>span{color:#6f8093;text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.socialLinks a{display:inline-flex;align-items:center;gap:6px;color:#c5d0dc;font-weight:600;transition:color .2s,transform .2s}
.socialLinks a:hover{color:#fff;transform:translateY(-1px)}
.socialLinks b,.followActions b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:5px;color:#fff;font-family:DM Sans,sans-serif;font-size:12px;line-height:1;background:var(--blue)}
.socialLinks a:last-child b,.followActions a:last-child b{background:var(--orange)}
.followPanel{border-top:1px solid #ffffff21;display:flex;justify-content:space-between;align-items:center;gap:36px;margin-top:52px;padding-top:38px}
.followPanel h3{max-width:620px;margin:0;font-size:32px;line-height:1.08}
.followPanel .eyebrow{margin-bottom:12px}
.followActions{display:flex;flex-wrap:wrap;gap:12px}
.followActions a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 17px;border:1px solid #ffffff29;border-radius:999px;color:#fff;font-size:13px;font-weight:600;transition:background .2s,transform .2s}
.followActions a:hover{background:#ffffff0d;transform:translateY(-2px)}
@media (width<=1000px){.footerInner{flex-wrap:wrap}.socialLinks{order:4;width:100%}}
@media (width<=800px){.followPanel{align-items:flex-start;flex-direction:column}.followActions{width:100%}.followActions a{justify-content:center;flex:1 1 210px}.socialLinks{width:auto;order:initial}}

/* Careers mainframe feature and expanded credentials */
.mainframeCareerSection{background:#f5f7fa}.mainframeCareerFeature{color:#fff;background:radial-gradient(circle at 86% 18%,#0089bf35,transparent 30%),radial-gradient(circle at 16% 88%,#d47b4a2b,transparent 28%),linear-gradient(135deg,#06101d,#0a1a2c);border:1px solid #ffffff18;border-radius:30px;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:72px;padding:64px;display:grid;overflow:hidden;box-shadow:0 28px 80px #07111f24}.mainframeCareerFeature h2{max-width:720px;margin:0 0 24px;font-size:clamp(44px,6vw,76px);line-height:1}.mainframeCareerCopy>p:not(.eyebrow){color:#ffffffa8;max-width:790px;line-height:1.72}.mainframeCareerCopy .mainframeCareerLead{color:#ffffffe0;font-size:18px}.mainframeCareerFeature .actions{align-items:center;flex-wrap:wrap;gap:22px;margin-top:34px;display:flex}.mainframeCareerFeature .textLink{color:#fff}.mainframeCareerTerms{align-content:center;grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mainframeCareerTerms span{color:#d9eff9;text-align:center;background:#ffffff0c;border:1px solid #ffffff20;border-radius:999px;padding:14px 12px;font-size:13px;font-weight:600;letter-spacing:.03em}.credentialIntro{color:var(--muted);max-width:780px;margin:22px 0 0;font-size:17px;line-height:1.7}.credentialNarrativeGrid{grid-template-columns:repeat(3,1fr)}.credentialNarrativeGrid strong{line-height:1.55}.credentialLink{margin-top:30px;display:inline-flex}
@media (width<=900px){.mainframeCareerFeature{grid-template-columns:1fr;gap:40px;padding:44px}.credentialNarrativeGrid{grid-template-columns:1fr 1fr}}
@media (width<=600px){.mainframeCareerFeature{border-radius:22px;padding:32px 24px}.mainframeCareerTerms,.credentialNarrativeGrid{grid-template-columns:1fr}.mainframeCareerFeature .actions{align-items:flex-start;flex-direction:column}.mainframeCareerFeature h2{font-size:46px}}


/* 2026-07-29 design-review fixes */
.textLink{
  color:#006f9b;
  font-weight:700;
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(0,137,191,.38);
  text-underline-offset:5px;
  transition:color .2s ease,text-decoration-color .2s ease;
}
.textLink:hover{color:var(--orange);text-decoration-color:currentColor}
.textLink.light,.dark .textLink,.mainframeCareerFeature .textLink{color:#fff;text-decoration-color:rgba(255,255,255,.45)}

.jobBoardShell.brandedJobBoard{
  padding:0;
  background:var(--navy2);
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(5,12,24,.22);
}
.jobBoardBrandBar{
  color:#fff;
  background:
    radial-gradient(circle at 90% 10%,rgba(0,137,191,.28),transparent 32%),
    radial-gradient(circle at 12% 90%,rgba(212,123,74,.22),transparent 30%),
    linear-gradient(135deg,#06101d,#0a1a2c);
  border-bottom:1px solid rgba(255,255,255,.12);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);
  gap:40px;
  align-items:end;
  padding:28px 32px;
}
.jobBoardBrandBar span{
  color:var(--orange);
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.jobBoardBrandBar strong{
  display:block;
  font-family:Newsreader,serif;
  font-size:30px;
  font-weight:500;
  letter-spacing:-.025em;
}
.jobBoardBrandBar p{
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1.6;
  margin:0;
}
.jobBoardShell.brandedJobBoard #example-widget-container{
  background:#f9f7f3;
  color:var(--ink);
  min-height:420px;
  padding:28px;
}
.jobBoardShell.brandedJobBoard .jobBoardLoading{
  color:var(--muted);
  padding:24px;
  text-align:center;
}
.jobBoardShell.brandedJobBoard noscript{
  color:#fff;
  display:block;
  padding:18px 28px 24px;
}
.jobBoardShell.brandedJobBoard noscript a{color:#83d2f5;text-decoration:underline;text-underline-offset:4px}

/* These selectors affect CEIPAL only when the widget renders into the host DOM. */
#example-widget-container,
#example-widget-container *{box-sizing:border-box}
#example-widget-container h1,
#example-widget-container h2,
#example-widget-container h3,
#example-widget-container h4,
#example-widget-container h5{
  font-family:Newsreader,serif!important;
  letter-spacing:-.02em!important;
}
#example-widget-container input[type="text"],
#example-widget-container input[type="search"],
#example-widget-container select{
  background:#fff!important;
  border:1px solid #d8dde4!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-family:DM Sans,sans-serif!important;
  min-height:44px!important;
  padding:10px 16px!important;
}
#example-widget-container button,
#example-widget-container input[type="submit"],
#example-widget-container .rsCeipalAction{
  background:var(--orange)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:DM Sans,sans-serif!important;
  font-weight:700!important;
  min-height:44px!important;
  padding:10px 20px!important;
}
#example-widget-container button:hover,
#example-widget-container input[type="submit"]:hover,
#example-widget-container .rsCeipalAction:hover{background:#bd6840!important}
#example-widget-container iframe{
  background:#fff;
  border:0!important;
  border-radius:0 0 20px 20px;
  display:block;
  min-height:1250px!important;
  width:100%!important;
}

@media (width<=800px){
  .jobBoardBrandBar{grid-template-columns:1fr;gap:16px;padding:24px}
  .jobBoardShell.brandedJobBoard #example-widget-container{padding:14px}
}

/* 2026-08-10 Mainframe page — Option A: Unified with main site palette */
.mainframeConceptPage{--mf-navy-950:var(--navy);--mf-navy-900:var(--navy2);--mf-navy-800:#101a29;--mf-navy-800b:#0d1c30;--mf-navy-line:#ffffff1a;--mf-cream:var(--paper);--mf-muted:var(--muted);--mf-muted-lt:#ffffff94;--mf-orange:var(--orange);--mf-orange-dk:#c5744a;--mf-blue:var(--blue);--mf-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--mf-cream)}
.mainframeConceptPage .section{padding:80px 0}
.mainframeConceptHero{background:radial-gradient(circle at 82% 34%,#0089bf2b,transparent 30%),radial-gradient(circle at 28% 68%,#d47b4a17,transparent 24%),linear-gradient(140deg,#030914,#081526 64%,#0b1b2e);padding:178px 0 94px}
.mainframeConceptHero h1{max-width:820px;font-size:clamp(50px,6vw,76px);line-height:1.06;letter-spacing:-.04em}
.mainframeConceptHero .heroCopy{max-width:690px;font-size:17px;line-height:1.65}
.mainframeStatSection{background:var(--mf-navy-900);padding:56px 0}
.mainframeStatBand{background:var(--mf-navy-800b);border:1px solid var(--mf-navy-line);border-radius:4px;padding:36px 40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}
.mainframeStatNumber{font-family:Newsreader,serif;font-size:56px;font-weight:500;color:var(--mf-orange);line-height:1}
.mainframeStatText{max-width:540px}
.mainframeStatLabel{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mf-muted-lt);margin-bottom:8px}
.mainframeStatText p{margin:0;font-size:15px;line-height:1.6;color:var(--mf-cream)}
.mainframeChallenge{background:var(--mf-cream)}
.mainframeChallenge .eyebrow,.mainframeAssignments .eyebrow{color:var(--mf-orange-dk)}
.mainframeChallenge h2,.mainframeAssignments h2{font-size:clamp(38px,4.6vw,60px);max-width:760px}
.mainframeTwoCol{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px}
.mainframeTwoCol p{font-size:15px;line-height:1.75;color:var(--mf-muted);margin:0}
.mainframeLedgerSection{background:var(--mf-navy-950);color:var(--mf-cream)}
.mainframeLedgerSection h2{font-size:clamp(38px,4.6vw,60px);max-width:760px}
.mainframeLedgerSection .lead{color:var(--mf-muted-lt);max-width:650px;font-size:16px;margin-top:18px}
.mainframeLedger{border:1px solid var(--mf-navy-line);border-radius:4px;overflow:hidden;margin-top:36px}
.mainframeLedgerRow{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--mf-navy-line)}
.mainframeLedgerRow:first-child{border-top:0}
.mainframeLedgerLabel{background:var(--mf-navy-800);padding:20px 22px;font-family:var(--mf-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mf-muted-lt);border-right:1px solid var(--mf-navy-line)}
.mainframeLedgerItems{padding:16px 22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--mf-navy-900)}
.mainframeChip{font-family:var(--mf-mono);font-size:12.5px;color:var(--mf-cream);background:var(--mf-navy-800b);border:1px solid var(--mf-navy-line);padding:6px 12px;border-radius:2px}
.mainframeChip.accent{border-color:#d47b4a80;color:var(--mf-orange)}
.mainframeChip.blue{border-color:#0089bf80;color:var(--mf-blue)}
.mainframeLedgerNote{font-size:13px;color:var(--mf-muted-lt);margin:14px 0 0;max-width:620px;line-height:1.65}
.mainframeAssignments{background:var(--mf-cream)}
.mainframeAssignmentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.mainframeAssignmentCard{background:#fff;border:1px solid var(--line);border-radius:4px;padding:26px 24px}
.mainframeAssignmentCard h3{font-size:19px;font-weight:500;color:var(--ink);margin:0 0 10px}
.mainframeAssignmentCard p{font-size:13.5px;line-height:1.65;color:var(--mf-muted);margin:0}
.mainframeTags{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.mainframeTags span{font-family:var(--mf-mono);font-size:11px;color:var(--mf-muted);border:1px solid var(--line);padding:4px 9px;border-radius:999px}
.mainframeClosing{background:var(--mf-navy-950);padding:90px 0}
.mainframeClosing h2{max-width:760px;margin-inline:auto;font-size:clamp(40px,5vw,64px)}
@media (max-width:820px){.mainframeConceptHero{padding:148px 0 76px}.mainframeTwoCol,.mainframeAssignmentGrid{grid-template-columns:1fr}.mainframeLedgerRow{grid-template-columns:1fr}.mainframeLedgerLabel{border-right:0;border-bottom:1px solid var(--mf-navy-line)}.mainframeStatBand{align-items:flex-start;padding:30px}.mainframeConceptPage .section{padding:64px 0}}


/* 2026-07-30 approved founder story and deliberate mainframe specialization */
.founderStorySection{
  background:
    radial-gradient(circle at 92% 8%,rgba(0,137,191,.10),transparent 30%),
    radial-gradient(circle at 6% 96%,rgba(212,123,74,.10),transparent 27%),
    #fff;
}
.founderStorySection h2{max-width:930px}
.founderStoryLead{
  color:var(--muted);
  max-width:860px;
  margin:28px 0 0;
  font-size:19px;
  line-height:1.72;
}
.founderStoryTimeline{
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:54px;
}
.founderStoryCard{
  border-right:1px solid var(--line);
  min-height:260px;
  padding:32px 34px 26px 0;
}
.founderStoryCard:not(:first-child){padding-left:34px}
.founderStoryCard:last-child{border-right:0;padding-right:0}
.founderStoryMarker{
  color:var(--orange);
  font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  font-weight:600;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.founderStoryCard h3{
  color:var(--ink);
  font-size:30px;
  line-height:1.08;
  margin:40px 0 16px;
}
.founderStoryCard p{
  color:var(--muted);
  font-size:15px;
  line-height:1.68;
  margin:0;
}
.mainframeNarrowingSection{
  background:
    radial-gradient(circle at 90% 18%,rgba(111,156,187,.13),transparent 32%),
    linear-gradient(135deg,#fff 0%,#f9f7f3 100%);
  padding:72px 0!important;
}
.mainframeNarrowingPanel{
  background:#fff;
  border:1px solid #e2ddd2;
  border-left:5px solid var(--mf-orange);
  border-radius:4px;
  box-shadow:0 24px 64px rgba(10,22,38,.08);
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:64px;
  padding:54px 58px;
}
.mainframeNarrowingPanel .eyebrow{grid-column:1/-1;margin-bottom:-28px;color:var(--mf-orange-dk)}
.mainframeNarrowingPanel h2{
  color:var(--ink);
  font-size:clamp(42px,5vw,66px);
  line-height:1.02;
  margin:0;
}
.mainframeNarrowingCopy p{
  color:var(--mf-muted);
  font-size:16px;
  line-height:1.75;
  margin:0 0 18px;
}
.mainframeNarrowingCopy p:last-child{margin-bottom:0}
.mainframeNarrowingCopy strong{color:var(--ink);font-weight:600}
@media (max-width:820px){
  .founderStoryTimeline{grid-template-columns:1fr;border-top:0}
  .founderStoryCard,.founderStoryCard:not(:first-child),.founderStoryCard:last-child{
    border-top:1px solid var(--line);
    border-right:0;
    min-height:0;
    padding:28px 0;
  }
  .founderStoryCard h3{margin-top:22px}
  .mainframeNarrowingPanel{grid-template-columns:1fr;gap:30px;padding:38px 30px}
  .mainframeNarrowingPanel .eyebrow{margin-bottom:-8px}
}

/* 2026-07-30 verified IBM Z/mainframe delivery language and capability spotlight */
.mainframeCapabilitySpotlight{background:linear-gradient(180deg,#f9f7f3,#f3f5f7)}
.mainframeCapabilitySpotlight .eyebrow{color:var(--mf-orange-dk)}
.mainframeCapabilitySpotlight h2{font-size:clamp(40px,5vw,64px);max-width:820px}
.mainframeCapabilityLead{max-width:850px;color:var(--mf-muted);font-size:18px;line-height:1.75;margin:20px 0 0}
.mainframeCapabilityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.mainframeCapabilityGrid article{background:#fff;border:1px solid #ded9cf;border-radius:6px;padding:30px 28px;box-shadow:0 14px 36px rgba(10,22,38,.06)}
.mainframeCapabilityGrid h3{font-size:22px;margin:0 0 14px}
.mainframeCapabilityGrid p{color:var(--mf-muted);font-size:14px;line-height:1.7;margin:0}
.mainframeDeployedStack{margin-top:26px;background:var(--mf-navy-950);color:var(--mf-cream);border:1px solid var(--mf-navy-line);border-radius:6px;padding:30px}
.mainframeDeployedStack .eyebrow{color:var(--mf-orange);margin-bottom:18px}
.mainframeStackRows{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--mf-navy-line);border:1px solid var(--mf-navy-line)}
.mainframeStackRows>div{background:var(--mf-navy-900);padding:22px}
.mainframeStackRows strong{display:block;color:var(--mf-orange);font-family:var(--mf-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.mainframeStackRows span{color:var(--mf-cream);font-family:var(--mf-mono);font-size:13px;line-height:1.7}
@media (max-width:900px){.mainframeCapabilityGrid,.mainframeStackRows{grid-template-columns:1fr}}


/* 2026-07-30 dedicated mainframe staffing contact path */
#mainframe-staffing{scroll-margin-top:28px}
.mainframeContactSection{background:linear-gradient(180deg,#f5f6f8 0%,#fff 100%)}
.mainframeContactCard{background:radial-gradient(circle at 85% 25%,rgba(0,137,191,.24),transparent 30%),radial-gradient(circle at 18% 85%,rgba(212,123,74,.20),transparent 28%),linear-gradient(140deg,#050c18,#0a1728);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:end;box-shadow:0 28px 70px rgba(5,12,24,.18)}
.mainframeContactCard h2{max-width:760px;font-size:clamp(42px,5vw,66px)}
.mainframeContactCard>div>p:not(.pathLabel){color:rgba(255,255,255,.72);max-width:760px;font-size:17px;line-height:1.7;margin:22px 0 0}
.mainframeContactCard .button{white-space:nowrap}
.mainframeContactDetails{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.mainframeContactDetails span{color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.04);border-radius:999px;padding:9px 13px;font-size:12px}
.contactSectionIntro{margin:78px 0 34px}
.contactSectionIntro h2{max-width:800px;font-size:clamp(38px,4.8vw,60px)}
@media (max-width:860px){.mainframeContactCard{grid-template-columns:1fr;align-items:start;padding:36px 28px}.mainframeContactCard .button{justify-self:start}.contactSectionIntro{margin-top:62px}}


/* 2026-07-30 conversion, proof, forms, insights, and public-resource update */
.nav nav{gap:14px;font-size:12px}.employeeLoginLink{color:#83d2f5!important;font-weight:700}.employeeLoginLink:hover{color:#fff!important}
.trustGrid{grid-template-columns:repeat(5,1fr)}.trustGrid div{min-height:132px;padding:25px 22px}.trustGrid strong{font-size:22px}.trustGrid span{font-size:11px}
.clientReviewsSection{background:#fff}.testimonialGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:48px}.testimonialCard{border:1px solid var(--line);border-radius:24px;padding:40px;background:linear-gradient(145deg,#fff,#f8fafc)}.quoteMark{color:var(--orange);font-family:Newsreader,serif;font-size:76px;line-height:.5}.testimonialCard blockquote{font-family:Newsreader,serif;font-size:28px;line-height:1.35;margin:28px 0;color:var(--ink)}.testimonialCard p{color:var(--muted);font-size:13px;font-weight:600}.testimonialNote{color:var(--muted);font-size:12px;margin-top:20px}.governmentDocs{border-top:1px solid var(--line);margin-top:60px;padding-top:45px}.section.dark .governmentDocs{border-color:#ffffff1f}.section.dark .governmentDocs .documentCard{background:#0a1728;border-color:#ffffff1a;color:#fff}.section.dark .governmentDocs .documentCard p{color:#ffffff9c}
.insightsTeaser{background:linear-gradient(135deg,#f8fafc,#fff)}.insightCardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.insightCard{border:1px solid var(--line);border-radius:24px;background:#fff;padding:32px;transition:transform .2s,border-color .2s}.insightCard:hover{transform:translateY(-4px);border-color:#0089bf77}.insightCard span{color:var(--orange);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.insightCard h3{font-size:30px;line-height:1.12;margin:24px 0 12px}.insightCard p{color:var(--muted);line-height:1.65}.insightCard strong{color:var(--blue);font-size:13px}.fullGrid{grid-template-columns:repeat(2,1fr)}.insightAudience{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:50px}.insightAudience h2{font-size:42px}.editorialNote{border-top:1px solid var(--line);margin-top:55px;padding-top:30px;max-width:850px}.editorialNote strong{font-family:Newsreader,serif;font-size:30px}.editorialNote p{color:var(--muted);line-height:1.7}.insightHero h1{max-width:900px}.articleLayout{max-width:900px}.articleBody{max-width:790px;margin:auto}.articleMeta{color:var(--orange);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.articleLead{font-family:Newsreader,serif;font-size:30px;line-height:1.42;color:var(--ink);margin:30px 0 55px}.articleBody h2{font-size:42px;margin:60px 0 18px}.articleBody h3{font-size:28px}.articleBody p,.articleBody li{color:#405064;font-size:17px;line-height:1.8}.articleBody ul,.articleBody ol{padding-left:24px}.articleCta{background:var(--navy);color:#fff;border-radius:24px;padding:38px;margin-top:60px}.articleCta h3{margin:0 0 22px}.articleSources{border-top:1px solid var(--line);margin-top:55px;padding-top:28px;display:grid;gap:10px}.articleSources a{color:var(--blue);font-size:14px}.exampleBox{border-left:4px solid var(--orange);background:var(--paper);padding:28px;margin:35px 0}.exampleBox p{margin-bottom:0}
.formIntro{max-width:780px;margin-bottom:46px}.siteForm{background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:0 24px 70px rgba(5,12,24,.07)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.siteForm label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}.siteForm input,.siteForm select,.siteForm textarea{width:100%;border:1px solid #ced6df;border-radius:12px;background:#fff;color:var(--ink);font:inherit;padding:14px 15px;outline:none}.siteForm input:focus,.siteForm select:focus,.siteForm textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,137,191,.12)}.siteForm textarea{resize:vertical}.formFull{grid-column:1/-1}.fieldNote{color:var(--muted);font-weight:400}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:12px!important}.consent input{width:auto;margin-top:3px}.formHoneypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.siteForm .button{margin-top:28px;border:0}.formPrivacy{color:var(--muted);font-size:12px;line-height:1.6}.talentRequestSection{background:var(--paper)}.resumeSection{background:var(--paper)}.employeeLoginPanel{margin-top:24px;border-radius:24px;background:var(--navy);color:#fff;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.employeeLoginPanel h3{margin:0;font-size:30px}.employeeLoginPanel .eyebrow{margin-bottom:10px}.employeeLoginPanel .ghost{white-space:nowrap}.candidateProofSection{background:#fff}.candidateProofGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:48px}.glassdoorScore,.reviewSnippets{border:1px solid var(--line);border-radius:24px;padding:38px}.glassdoorScore{background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:flex-start}.glassdoorScore strong{font-family:Newsreader,serif;font-size:64px;color:var(--orange)}.glassdoorScore span{color:#ffffff9c;font-size:12px}.glassdoorScore b{font-size:18px;margin:22px 0}.reviewSnippets blockquote{font-family:Newsreader,serif;font-size:27px;line-height:1.35;margin:0 0 30px}.reviewSnippets cite{display:block;color:var(--muted);font-family:DM Sans,sans-serif;font-size:12px;margin-top:10px}.reviewSnippets p{color:var(--muted);font-size:12px}.aboutResourceSection .button{margin-top:30px}.thankYouPanel{text-align:center;max-width:850px}.thankYouPanel .lead{margin-inline:auto}.thankYouPanel .actions{justify-content:center}.secondaryLight{border:1px solid var(--line);color:var(--ink)}
footer{background:#050c18;color:#fff;padding-top:64px}.footerGrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px;padding-bottom:44px}.footerBrand p{color:#ffffff80;line-height:1.6;font-size:13px}.footerAddress{max-width:280px}.footerCol{display:flex;flex-direction:column;gap:12px}.footerCol h3{font-family:DM Sans,sans-serif;color:#fff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.footerCol a{color:#ffffff9c;font-size:13px}.footerCol a:hover{color:#fff}.footerLegal{border-top:1px solid #ffffff14;display:flex;justify-content:space-between;gap:24px;padding:24px 0;color:#ffffff65;font-size:11px}
@media (max-width:1080px){.nav nav{gap:10px;font-size:11px}.trustGrid{grid-template-columns:repeat(3,1fr)}.footerGrid{grid-template-columns:1.4fr repeat(2,1fr)}.footerSocial{grid-column:2}.insightCardGrid{grid-template-columns:1fr 1fr}}
@media (max-width:800px){.trustGrid{grid-template-columns:1fr}.testimonialGrid,.candidateProofGrid,.insightAudience,.fullGrid,.formGrid{grid-template-columns:1fr}.formFull{grid-column:auto}.insightCardGrid{grid-template-columns:1fr}.siteForm{padding:25px}.employeeLoginPanel{align-items:flex-start;flex-direction:column}.footerGrid{grid-template-columns:1fr 1fr}.footerBrand{grid-column:1/-1}.footerSocial{grid-column:auto}.footerLegal{flex-direction:column}.articleLead{font-size:25px}.articleBody h2{font-size:34px}}

/* Employee Login must remain a separate, visible item directly beside Careers. */
.nav nav .employeeLoginLink{
  color:#fff!important;
  border:1px solid rgba(131,210,245,.68);
  background:rgba(0,137,191,.12);
  border-radius:999px;
  padding:8px 13px;
  font-weight:700;
  white-space:nowrap;
}
.nav nav .employeeLoginLink:hover{background:#0089bf;color:#fff!important;border-color:#0089bf;}
.mobileMenu .employeeLoginLink{
  color:#fff!important;
  background:rgba(0,137,191,.16);
  border:1px solid rgba(131,210,245,.5)!important;
  border-radius:10px;
  font-weight:700;
  margin:4px 0;
}
@media (max-width:1160px) and (min-width:801px){
  .nav nav{gap:8px;font-size:10.5px;}
  .nav nav .employeeLoginLink{padding:7px 10px;}
  .navCta{padding:8px 12px;}
}


/* 2026-07-30 always-visible company document links */
.documentQuickBar{
  position:absolute;
  top:92px;
  left:0;
  right:0;
  z-index:19;
  color:#fff;
  background:rgba(5,12,24,.88);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.documentQuickBarInner{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.documentQuickBarInner>span{
  color:rgba(255,255,255,.55);
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-right:4px;
}
.documentQuickBar a{
  color:#fff;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:7px 13px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  transition:background .2s,border-color .2s,transform .2s;
}
.documentQuickBar a:first-of-type{border-color:rgba(212,123,74,.72);background:rgba(212,123,74,.12)}
.documentQuickBar a:last-of-type{border-color:rgba(0,137,191,.72);background:rgba(0,137,191,.12)}
.documentQuickBar a:hover{background:#fff;color:var(--navy);border-color:#fff;transform:translateY(-1px)}
@media (max-width:800px){
  .documentQuickBar{top:92px}
  .documentQuickBarInner{justify-content:center;min-height:48px;gap:7px;width:min(calc(100% - 20px),var(--max))}
  .documentQuickBarInner>span{display:none}
  .documentQuickBar a{font-size:10px;padding:7px 10px}
}
@media (max-width:420px){
  .documentQuickBar a{font-size:9.5px;padding:7px 8px}
}


/* 2026-07-30 password-protected employee portal */
.employeePortalPage{background:#fff}
.employeePortalHero{color:#fff;background:radial-gradient(circle at 82% 30%,rgba(0,137,191,.28),transparent 32%),radial-gradient(circle at 20% 75%,rgba(212,123,74,.18),transparent 28%),linear-gradient(140deg,#030914,#081526 64%,#0b1b2e);padding:190px 0 90px}
.employeePortalHero h1{max-width:900px;font-size:clamp(50px,6vw,82px)}
.employeePortalHero .heroCopy{max-width:700px}
.employeePortalTabs{position:sticky;top:0;z-index:18;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 30px rgba(5,12,24,.05)}
.employeePortalTabsInner{min-height:58px;display:flex;align-items:center;gap:10px;overflow:auto}
.employeePortalTabs a,.employeePortalTabs span{white-space:nowrap;font-size:12px;font-weight:700;padding:10px 14px;border-radius:999px}
.employeePortalTabs a{color:var(--muted)}
.employeePortalTabs a:hover,.employeePortalTabs a.active{background:var(--navy);color:#fff}
.employeePortalTabs .signOutTab{margin-left:auto;color:#a4432c}
.employeePortalTabs span{color:var(--muted);font-weight:500}
.employeeSignOnGrid{display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:start}
.employeeSignOnCard{background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 24px 70px rgba(5,12,24,.08);display:grid;gap:14px}
.employeeSignOnCard label{font-weight:700;font-size:13px}
.employeeSignOnCard input{border:1px solid #cbd4de;border-radius:12px;padding:15px;font:inherit}
.employeeSignOnCard input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,137,191,.12)}
.employeeSignOnCard .button{border:0;margin-top:8px}
.employeeLoginError{color:#a4432c;background:#fff1ec;border:1px solid #efc5b5;border-radius:10px;padding:12px;font-size:13px}
.employeeHelp{color:var(--muted);font-size:12px;line-height:1.6}
.employeeHelp a{color:var(--blue);font-weight:700}
.employeeSecurityNote{margin-top:34px;border-left:4px solid var(--orange);background:var(--paper);padding:22px 24px;max-width:680px}
.employeeSecurityNote strong{font-family:Newsreader,serif;font-size:24px}
.employeeSecurityNote p{color:var(--muted);line-height:1.65;margin-bottom:0}
.employeeAlertSection{background:linear-gradient(180deg,#fff,#f8fafc)}
.employeeAlertGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.employeeAlertGrid div{border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;font-size:14px;line-height:1.5}
.employeeBenefitsSection{background:#f8fafc}
.employeeBenefitsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.employeeBenefitCard{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px;box-shadow:0 14px 36px rgba(5,12,24,.04)}
.employeeBenefitCard h3{font-size:25px;line-height:1.12;margin:0 0 12px}
.employeeBenefitCard p{color:var(--muted);font-size:15px;line-height:1.6;margin:0}
.employeeBenefitsDisclaimer{color:var(--muted);font-size:13px;line-height:1.6;margin:24px 0 0;max-width:850px}
.employeeDocumentGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.employeeDocumentCard{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px;min-height:240px;display:flex;flex-direction:column;box-shadow:0 14px 36px rgba(5,12,24,.04)}
.employeeDocumentIcon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:rgba(212,123,74,.12);color:var(--orange);font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:700}
.employeeDocumentCard h3{font-size:27px;line-height:1.08;margin:30px 0 10px}
.employeeDocumentCard p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 24px}
.employeeDocumentCard a{color:var(--blue);font-size:13px;font-weight:700;margin-top:auto}
.employeeDocumentCard a:hover{color:var(--orange)}
.employeePortalSupport{background:var(--navy);color:#fff}
.employeePortalSupportInner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.employeePortalSupport .lead{color:rgba(255,255,255,.65)}
@media(max-width:900px){.employeeSignOnGrid{grid-template-columns:1fr}.employeeAlertGrid,.employeeDocumentGrid,.employeeBenefitsGrid{grid-template-columns:1fr 1fr}.employeePortalSupportInner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.employeePortalHero{padding:170px 0 70px}.employeeAlertGrid,.employeeDocumentGrid,.employeeBenefitsGrid{grid-template-columns:1fr}.employeeSignOnCard{padding:28px 22px}.employeePortalTabsInner{width:min(calc(100% - 24px),var(--max))}}

/* 2026-07-30 approved readability and accessibility pass
   Modern visual language with clearer hierarchy for readers across age groups. */
:root{
  --readable-body:18px;
  --readable-small:15px;
  --readable-nav:14.5px;
  --readable-light:rgba(255,255,255,.86);
  --readable-muted:#526376;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:var(--readable-body);line-height:1.65}
p,li{ text-wrap:pretty }

/* Keyboard and low-vision usability */
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #f0a15e;
  outline-offset:4px;
  border-radius:6px;
}
::selection{background:#0089bf;color:#fff}

/* Header: larger, brighter navigation and generous hit areas */
.header .container.nav{width:min(calc(100% - 40px),1320px)}
.nav{height:96px}
.nav>nav{gap:15px;font-size:var(--readable-nav);font-weight:500}
.nav>nav a{color:rgba(255,255,255,.88);min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.nav>nav a:hover,.nav>nav a[aria-current="page"]{color:#fff}
.navCta{padding:10px 17px}
.nav nav .employeeLoginLink{font-size:var(--readable-nav);padding:9px 13px}
.brandLogo{height:44px}
.mobileMenu summary{font-size:16px;min-height:46px;display:flex;align-items:center;padding:9px 16px}
.mobileMenu a{font-size:17px;line-height:1.35;min-height:48px;display:flex;align-items:center}

/* Company documents: always visible, but no longer fine print */
.documentQuickBar{top:96px}
.documentQuickBarInner{min-height:52px}
.documentQuickBarInner>span{font-size:11.5px;color:rgba(255,255,255,.72)}
.documentQuickBar a{font-size:13px;min-height:38px;display:inline-flex;align-items:center;padding:8px 14px}

/* Hero: retain impact while restoring balance and readability */
.hero{min-height:850px}
.heroImage{opacity:.72}
.heroInner{padding:184px 0 84px}
.hero h1{font-size:clamp(50px,5.4vw,76px);line-height:1.02;max-width:900px;letter-spacing:-.042em}
.pageHero h1,.employeePortalHero h1{font-size:clamp(48px,5.8vw,76px);line-height:1.03}
.eyebrow{font-size:13.5px;line-height:1.4;letter-spacing:.13em;color:#ee9566}
.heroCopy{color:rgba(255,255,255,.87);font-size:clamp(19px,1.55vw,21px);line-height:1.62;max-width:720px}
.button{font-size:16px;min-height:54px;padding-inline:27px}

/* Replace tiny decorative capability ticker with stable readable pills */
.heroSystems{
  color:#fff;
  letter-spacing:.01em;
  text-transform:none;
  gap:10px;
  margin-top:50px;
  font-size:14px;
  line-height:1.3;
}
.heroSystems b{display:none}
.heroSystems span{
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  padding:8px 12px;
  font-size:14px;
  font-weight:500;
  white-space:nowrap;
}

/* Credential strip: trust signals should not read like fine print */
.trustGrid div{min-height:158px;padding:28px 24px}
.trustGrid strong{font-size:23px;line-height:1.08}
.trustGrid span{color:rgba(255,255,255,.75);font-size:15px;line-height:1.5;margin-top:12px}

/* Consistent, comfortable reading scale across the site */
.section{padding:108px 0}
h2{font-size:clamp(40px,4.6vw,60px);line-height:1.08;letter-spacing:-.038em}
.lead,.credentialIntro,.founderStoryLead,.mainframeCapabilityLead{font-size:19px;line-height:1.72;color:var(--readable-muted)}
.dark .lead{color:rgba(255,255,255,.76)}
.featureCard p,.contactCard p:not(.pathLabel),.listItem p,.processStep p,.documentCard p,
.expertiseGrid p,.insightCard p,.mainframeCapabilityGrid p,.mainframeNarrowingCopy p,
.founderStoryCard p,.articleBody p,.articleBody li,.employeeSecurityNote p{
  font-size:17px;
  line-height:1.72;
}
.expertiseGrid small{font-size:14.5px;line-height:1.65;color:rgba(255,255,255,.72)}
.expertiseGrid article>span,.proofTag,.pathLabel,.credentialGrid span,.insightCard span,
.articleMeta,.mainframeCapabilityGrid .eyebrow{font-size:12.5px}
.pills span,.mainframeCareerTerms span,.mainframeContactDetails span{font-size:14px;line-height:1.35}
.textLink{font-size:16px;line-height:1.4;padding-block:9px}
.testimonialCard blockquote{font-size:clamp(25px,2.2vw,31px);line-height:1.42}
.testimonialCard p,.testimonialNote{font-size:15px;line-height:1.55}
.credentialGrid strong{font-size:17px;line-height:1.58}

/* Forms and employee resources */
.siteForm label,.employeeSignOnCard label{font-size:15px}
.siteForm input,.siteForm select,.siteForm textarea,.employeeSignOnCard input{font-size:17px;min-height:50px}
.fieldNote,.formPrivacy,.employeeHelp{font-size:14px;line-height:1.6}
.employeePortalTabs a,.employeePortalTabs span{font-size:14px;min-height:42px;display:inline-flex;align-items:center}
.employeeAlertGrid div{font-size:16px;line-height:1.58}
.employeeDocumentCard p,.employeeDocumentCard a{font-size:15px;line-height:1.6}
.employeePaycomSection{background:#f1ece5;border-top:1px solid rgba(20,38,56,.12);border-bottom:1px solid rgba(20,38,56,.12)}
.employeePaycomSteps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:42px}
.employeePaycomSteps article{background:#fff;border:1px solid rgba(20,38,56,.14);border-radius:18px;padding:26px;min-height:210px}
.employeePaycomSteps span{color:#d47b4a;letter-spacing:.12em;font-size:12px;font-weight:700}
.employeePaycomSteps h3{color:#142638;margin:40px 0 10px;font-family:DM Sans,sans-serif;font-size:18px}
.employeePaycomSteps p{color:#607082;margin:0;font-size:15px;line-height:1.6}
.employeePaycomSection .employeePanelActions{margin-top:30px}
@media(max-width:900px){.employeePaycomSteps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.employeePaycomSteps{grid-template-columns:1fr}.employeePaycomSteps article{min-height:0}}

/* Footer remains compact but readable */
.footerBrand p,.footerCol a{font-size:15px;line-height:1.55}
.footerCol h3{font-size:13px}
.footerLegal{font-size:13px;line-height:1.5}

/* Avoid cramped desktop navigation: use the full, accessible menu at wide sizes,
   then switch to a clearly labeled menu before links become tiny. */
@media (max-width:1180px){
  .nav>nav{display:none!important}
  .mobileMenu{display:block!important}
}
@media (min-width:1181px) and (max-width:1320px){
  .nav>nav{gap:11px;font-size:13.5px}
  .nav nav .employeeLoginLink{font-size:13.5px;padding:8px 10px}
  .navCta{padding:9px 13px}
}
@media (max-width:900px){
  .hero{min-height:auto}
  .heroInner{padding:178px 0 72px}
  .hero h1{font-size:clamp(46px,10vw,64px)}
  .heroCopy{font-size:19px}
  .heroSystems{margin-top:42px}
  .trustGrid{grid-template-columns:1fr 1fr}
  .trustGrid div{min-height:138px}
  h2{font-size:clamp(38px,8vw,52px)}
}
@media (max-width:600px){
  body{font-size:17px}
  .container{width:min(calc(100% - 32px),var(--max))}
  .header .container.nav{width:min(calc(100% - 28px),1320px)}
  .brandLogo{height:36px}
  .documentQuickBar{top:96px}
  .documentQuickBarInner{min-height:54px}
  .documentQuickBar a{font-size:12px;padding:8px 10px}
  .heroInner{padding:170px 0 64px}
  .hero h1{font-size:clamp(43px,12vw,56px);line-height:1.04}
  .heroCopy{font-size:18px;line-height:1.65}
  .actions{align-items:stretch;flex-direction:column}
  .actions .button{width:100%}
  .heroSystems span{font-size:13.5px;padding:8px 11px}
  .trustGrid{grid-template-columns:1fr}
  .trustGrid div{min-height:122px;padding:25px 22px}
  .trustGrid strong{font-size:24px}
  .trustGrid span{font-size:15px}
  .section{padding:82px 0}
  h2{font-size:clamp(37px,10vw,48px)}
  .featureCard,.contactCard{padding:32px 27px}
  .siteForm{padding:28px 22px}
}

/* Users who request less movement should receive an entirely stable interface. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .button:hover,.textLink:hover,.insightCard:hover,.documentQuickBar a:hover{transform:none!important}
}

/* 2026-07-30 approved desktop/tablet navigation readability refinement.
   Mobile navigation remains unchanged. */
@media (min-width:1181px){
  .nav>nav{
    font-weight:600;
  }
  .nav>nav a{
    color:rgba(255,255,255,.94);
    text-shadow:0 1px 12px rgba(0,0,0,.2);
  }
  .nav>nav a:hover,
  .nav>nav a:focus-visible,
  .nav>nav a[aria-current="page"]{
    color:#fff;
  }
  .nav nav .employeeLoginLink{
    color:#72d2ff!important;
    font-weight:600;
  }
  .nav nav .employeeLoginLink:hover,
  .nav nav .employeeLoginLink:focus-visible{
    color:#fff!important;
  }
}
@media (min-width:1321px){
  .nav>nav{
    gap:17px;
    font-size:16px;
  }
  .nav nav .employeeLoginLink{
    font-size:16px;
    padding:9px 13px;
  }
}
@media (min-width:1181px) and (max-width:1320px){
  .nav>nav{
    gap:9px;
    font-size:14.5px;
  }
  .nav nav .employeeLoginLink{
    font-size:14.5px;
    padding:8px 9px;
  }
  .navCta{
    padding:9px 12px;
  }
}

/* 2026-07-30 verified payments-processing proof update */
.mainframeCapabilityGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1180px) and (min-width:901px){.mainframeCapabilityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Final visual and document package - 2026-07-30 */
.personalStaffingBand{background:#f5efe7;padding:3rem 0;border-top:1px solid rgba(11,35,59,.1);border-bottom:1px solid rgba(11,35,59,.1)}
.personalStaffingBand .container{max-width:980px;text-align:center}.personalStaffingBand h2{margin:.35rem 0 .6rem}.personalStaffingBand p:last-child{font-size:1.1rem;color:#33475b;margin:0 auto;max-width:760px}
.founderPortraitSection{background:#fff}.founderPortraitIntro{max-width:760px;margin-bottom:2rem}.founderPortraitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;max-width:900px}.founderPortraitGrid figure{margin:0;background:#f7f3ee;border:1px solid rgba(11,35,59,.1);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(11,35,59,.09)}.founderPortraitGrid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.founderPortraitGrid figcaption{display:flex;flex-direction:column;padding:1.1rem 1.25rem}.founderPortraitGrid figcaption strong{font-size:1.2rem;color:#0b233b}.founderPortraitGrid figcaption span{color:#526273;margin-top:.2rem}
.recruitingFlowVisual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.6rem;margin:3rem 0 1rem;padding:1.25rem;background:#071d33;border-radius:18px;color:#fff}.recruitingFlowVisual>div{padding:1.15rem .85rem;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column}.recruitingFlowVisual span{color:#e77b32;font-weight:700;font-size:.78rem;letter-spacing:.08em}.recruitingFlowVisual strong{font-size:1.05rem;margin:.3rem 0}.recruitingFlowVisual small{color:#c6d2dd;line-height:1.35}.recruitingFlowVisual i{align-self:center;color:#2fa9e0;font-style:normal;font-size:1.4rem}
.documentFeature{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:3rem;align-items:center}.documentPreview{max-height:520px;overflow:hidden;border-radius:14px;border:1px solid rgba(11,35,59,.14);box-shadow:0 18px 45px rgba(11,35,59,.14);background:#fff}.documentPreview img{width:100%;display:block}.documentFeatureCopy{max-width:660px}.documentFeatureCopy .button{margin-top:1rem}
.documentPreviewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}.documentPreviewCard{display:grid;grid-template-columns:210px 1fr;gap:1.3rem;align-items:center;padding:1rem;background:#fff;border:1px solid rgba(11,35,59,.12);border-radius:16px;box-shadow:0 12px 30px rgba(11,35,59,.08);text-decoration:none;color:inherit}.documentPreviewCard img{width:100%;height:260px;object-fit:cover;object-position:top;border-radius:8px;border:1px solid #dde3e8}.documentPreviewCard span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#e77b32;font-weight:700}.documentPreviewCard h3{margin:.35rem 0}.documentPreviewCard p{color:#4f6071}.documentPreviewCard strong{color:#087bb8}.documentPreviewCard:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(11,35,59,.13)}
.documentGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.visualDocumentCard{overflow:hidden}.visualDocumentCard img{display:block;width:calc(100% + 2.4rem);height:250px;object-fit:cover;object-position:top;margin:-1.2rem -1.2rem 1.15rem;border-bottom:1px solid rgba(11,35,59,.12)}
.insightVisual{height:118px;margin:-1.35rem -1.35rem 1.15rem;position:relative;overflow:hidden;background:#071d33;border-bottom:1px solid rgba(255,255,255,.08)}.insightVisual:before,.insightVisual:after,.insightVisual span,.insightVisual i{content:"";position:absolute;display:block}.insightVisual:before{width:160px;height:160px;border:1px solid rgba(47,169,224,.5);border-radius:50%;right:-35px;top:-50px}.insightVisual:after{width:90px;height:2px;background:linear-gradient(90deg,#e77b32,#2fa9e0);left:25px;top:58px}.insightVisual span{width:10px;height:10px;background:#e77b32;border-radius:50%;left:25px;top:53px}.insightVisual i{width:62px;height:62px;border:1px solid rgba(255,255,255,.22);transform:rotate(45deg);right:58px;top:28px}.insightVisual2:after{width:150px}.insightVisual3:before{border-radius:0;transform:rotate(35deg)}.insightVisual4 i{border-radius:50%;transform:none}
@media(max-width:900px){.founderPortraitGrid,.documentPreviewGrid{grid-template-columns:1fr}.documentFeature{grid-template-columns:1fr}.documentPreview{max-width:480px}.documentGrid{grid-template-columns:1fr!important}.recruitingFlowVisual{grid-template-columns:1fr}.recruitingFlowVisual i{transform:rotate(90deg)}.documentPreviewCard{grid-template-columns:140px 1fr}.documentPreviewCard img{height:190px}}
@media(max-width:560px){.founderPortraitGrid{gap:1rem}.documentPreviewCard{grid-template-columns:1fr}.documentPreviewCard img{height:230px}.personalStaffingBand{padding:2.3rem 0}}

/* 2026-08-10 content and hierarchy audit */
.heroImage{opacity:.38}
.trustGridFour{grid-template-columns:repeat(4,1fr)!important}
.trustGridFour div{min-height:138px}
.conciseExpertise article{min-height:220px;padding:30px}
.conciseExpertise h3{margin-top:34px}
.conciseExpertise p{max-width:260px}
.homeMainframeSection{padding-top:92px;padding-bottom:92px}
@media(max-width:900px){.trustGridFour{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.trustGridFour{grid-template-columns:1fr!important}.trustGridFour div{min-height:112px}.conciseExpertise article{min-height:205px}.homeMainframeSection{padding-top:78px;padding-bottom:78px}}

/* 2026-08-10 decisive visual simplification */
:root{
  --navy:#0e2234;
  --navy2:#173149;
  --ink:#142638;
  --paper:#f1ece5;
  --line:#1426382b;
  --blue:#0089bf;
  --orange:#d47b4a;
}
body{background:#fbfaf7}
.header{position:relative;background:var(--navy)}
.nav{height:82px;border-bottom:0}
.brandLogo{height:38px}
.nav>nav a{color:rgba(255,255,255,.88)}
.navCta,.nav nav .employeeLoginLink{border-radius:7px}
.documentQuickBar{position:relative;top:auto;background:#102a40;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
.documentQuickBarInner{min-height:48px}
.hero{min-height:650px;background:var(--navy);display:grid}
.heroImage{opacity:.12;filter:grayscale(1) contrast(.8)}
.heroGlow{display:none}
.heroInner{padding:88px 0 72px}
.hero h1{max-width:840px;font-size:clamp(52px,6vw,86px);line-height:1.02}
.emphasis{background:none;color:var(--orange);filter:none;-webkit-text-fill-color:currentColor}
.heroCopy{max-width:660px;font-size:20px;line-height:1.58;color:rgba(255,255,255,.84)}
.button{border-radius:7px;min-height:50px}
.primary{background:var(--orange)}
.ghost{border-radius:7px;background:transparent}
.heroSystems{gap:8px;margin-top:38px}
.heroSystems span{border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.28);padding:7px 10px}
.trustBar{color:var(--ink);background:#e9e3da;border-top:1px solid #d4ccc2;border-bottom:1px solid #d4ccc2}
.trustGridFour{grid-template-columns:repeat(4,1fr)!important}
.trustGridFour div{min-height:128px;border-color:#d2c9bf}
.trustGridFour strong{color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.trustGridFour span{color:#5e6c79;font-size:13px;line-height:1.45}
.section{padding:92px 0}
.section.muted{background:var(--paper)}
.featureCard{border-radius:7px;min-height:360px;padding:36px;background:var(--navy);border-color:#2f4a60;box-shadow:none}
.featureCard:before,.expertiseGrid article:after{display:none}
.featureCard h3{font-size:clamp(32px,3.6vw,46px)}
.expertiseGrid{gap:1px;margin-top:42px;background:#3d5a6e;border:1px solid #3d5a6e}
.expertiseGrid article{border-radius:0;min-height:220px;padding:28px;background:var(--navy2);border:0}
.expertiseGrid h3{margin:32px 0 14px;font-size:27px}
.processGrid{gap:1px;margin-top:42px;background:#d4ccc2;border:1px solid #d4ccc2}
.processStep{background:#fbfaf7;border:0;padding:28px}
.pills{gap:8px;margin-top:30px}
.pills span{border-radius:6px;padding:9px 12px;background:var(--navy2);border-color:#3d5a6e}
.listGrid{gap:1px;background:#d4ccc2;border-color:#d4ccc2}
.listItem{padding:28px;background:#fbfaf7}
.documentCard,.insightCard{border-radius:8px;box-shadow:none}
.documentCard{padding:30px}
.insightCard{padding:28px}
.ctaSection{background:var(--orange);padding:100px 0}
.ctaSection .eyebrow{color:#fff}
.ctaSection .button.primary{background:var(--navy)}
.pageHero{padding:108px 0 86px;background:var(--navy)}
.pageHero .heroCopy{max-width:680px}
footer{background:#091a29}
@media(max-width:900px){.trustGridFour{grid-template-columns:repeat(2,1fr)!important}.hero{min-height:0}.heroInner{padding:78px 0 62px}.pageHero{padding:88px 0 72px}}
@media(max-width:600px){.nav{height:70px}.brandLogo{height:34px}.documentQuickBarInner{min-height:50px}.heroInner{padding:72px 0 54px}.hero h1{font-size:clamp(44px,11vw,58px)}.heroCopy{font-size:18px}.trustGridFour{grid-template-columns:1fr!important}.section{padding:76px 0}.featureCard{min-height:340px;padding:30px 26px}.expertiseGrid article{min-height:190px}.ctaSection{padding:82px 0}.pageHero{padding:78px 0 64px}}

/* Accessibility and loading refinements; logo brand colors remain unchanged. */
:root{--accessible-blue:#0089bf;--accessible-orange:#d47b4a}
.eyebrow{color:var(--accessible-orange)!important}
.ctaSection .eyebrow{color:#fff!important}
.textLink:not(.light),.documentCard>span,.documentCard strong,.lightFacts span,.proofTag,.jobBoardShell a,.articleSources a,.insightCard strong{color:var(--accessible-blue)!important}


/* 2026-08-12 founder portrait scale fix: replace the oversized two-up cards. */
.founderPortraitGrid{
  max-width:700px;
  gap:1.5rem;
  align-items:start;
}
.founderPortraitGrid figure{
  border-radius:20px;
  box-shadow:0 14px 28px rgba(11,35,59,.08);
}
.founderPortraitGrid figure:nth-child(2){margin-top:36px}
.founderPortraitGrid img{
  height:clamp(300px,27vw,390px);
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 24%;
}
.founderPortraitGrid figcaption{padding:1rem 1.1rem 1.15rem}
.founderPortraitGrid figcaption strong{font-size:1.05rem}
.founderPortraitGrid figcaption span{font-size:.92rem;line-height:1.4}
@media(max-width:900px){
  .founderPortraitGrid{max-width:680px}
  .founderPortraitGrid img{height:340px}
}
@media(max-width:600px){
  .founderPortraitGrid{max-width:360px;gap:1.25rem}
  .founderPortraitGrid figure:nth-child(2){margin-top:0}
  .founderPortraitGrid img{height:360px}
}