/* NF ELIT Automation: scoped extension of the corporate visual system. */
.automation-page .eyebrow{font-size:12px;letter-spacing:.12em}
.automation-page .text-link,.automation-page .button,.automation-page .quiet-link{font-size:14px}
.automation-page .button{min-height:56px}
.automation-page .section-heading>p{font-size:16px;max-width:360px}
.automation-page .section-heading h2{max-width:750px}
.automation-hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:72px 64px;align-items:center}
.automation-hero-copy{padding-block:20px}
.automation-hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:30px;flex-wrap:wrap}
.eyebrow-divider{width:1px;height:14px;background:var(--copper)}
.automation-hero h1{font-size:clamp(68px,7.3vw,108px);line-height:1;letter-spacing:-.065em;margin-bottom:30px}
.automation-hero h1 span{color:#95662d}
.automation-hero .lead{font-size:19px;max-width:455px}
.automation-hero .hero-actions{gap:22px}
.hero-footnote{font-size:12px;color:var(--muted);margin-top:30px;line-height:1.6}
.workflow-demo{background:#fff;border:1px solid #d9dddF;box-shadow:0 14px 42px #00336608;min-width:0}
.workflow-heading{padding:19px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e5e7;font-size:14px;font-weight:600;color:var(--navy)}
.workflow-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e2e5e7;padding:0 12px}
.workflow-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:15px 4px;color:#5b6774;font-size:12px;font-weight:600;min-height:48px}
.workflow-tabs button:hover{color:var(--navy);background:#f4f6f8}
.workflow-tabs button[aria-selected=true]{border-bottom-color:var(--copper);color:var(--navy)}
.workflow-tabs button:focus-visible{outline-offset:-4px}
#workflow-panel{padding:23px;min-height:464px}
.workflow-source{padding:16px 18px;background:#f6f7f8;border:1px solid #e4e7ea}
.step-caption{display:flex;gap:9px;align-items:center;font-size:11px;font-weight:600;color:var(--navy);letter-spacing:.01em;min-height:20px}
.step-number{font-size:10px;color:#69798a}
.source-format{margin-left:auto;color:#667481;font-weight:400}
.workflow-source>p{font-size:14px;line-height:1.6;margin-top:11px;color:#3b4a59;min-height:45px}
.workflow-connector{display:flex;gap:8px;height:26px;align-items:center;justify-content:center;color:#8a6232;font-size:18px;line-height:1}
.workflow-connector>span{display:none}
.workflow-engine{padding:13px 18px;border:1px solid #dbe2e8}
.workflow-engine ul{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.workflow-engine li{font-size:12px;color:#506174;padding-left:17px;position:relative}
.workflow-engine li:before{content:'↳';position:absolute;left:0;color:#93703f}
.workflow-result{padding:16px 18px;background:#003366;color:#fff}
.workflow-result .step-caption,.workflow-result .step-number{color:#d2dfed}
.workflow-result h2{font-size:25px;line-height:1.14;color:#fff;margin-top:11px;letter-spacing:-.035em}
.workflow-result>p{font-size:12px;line-height:1.6;color:#d4dfeb;margin-top:8px;min-height:38px}
.review-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;margin-top:13px;padding-top:10px;font-size:11px;color:#edc48d}
.automation-principle{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-block:23px;gap:25px}
.automation-principle p{font-size:14px;font-weight:600;color:var(--navy);margin:0}
.automation-principle p+p{border-left:1px solid var(--line);padding-left:30px}
.automation-section{padding-block:94px}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 8%}
.solution{border-top:1px solid var(--copper);padding-top:20px;min-width:0}
.solution-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#99703b;margin-bottom:26px}
.solution-number{font-size:12px;letter-spacing:.03em;color:#725a3a}
.solution-top>span:last-child{font-size:22px}
.solution h3{font-size:clamp(30px,3vw,40px);line-height:1.12;letter-spacing:-.04em;margin-bottom:19px}
.solution>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:465px}
.solution-tags{display:flex;gap:7px 18px;flex-wrap:wrap;padding:0;margin:23px 0 0;list-style:none}
.solution-tags li{font-size:12px;color:#5a6571;border-bottom:1px solid var(--line);padding-bottom:5px}
.solution .text-link{margin-top:18px}
.prime-section{background:#002b55;color:#e0e9f1;position:relative}
.prime-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:90px}
.prime-copy .eyebrow{color:#edc48d;margin-bottom:25px}
.prime-copy h2{color:#fff;font-size:clamp(55px,5.7vw,83px);letter-spacing:-.065em}
.prime-copy h2>span{color:var(--copper)}
.prime-lead{font:700 31px/1.2 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:#fff;margin-top:27px}
.prime-copy>p:not(.eyebrow):not(.prime-lead){font-size:16px;line-height:1.75;margin-top:22px;max-width:470px}
.prime-copy .text-link{color:#fff}
.prime-preview{border:1px solid #365776;background:#082f54;min-width:0}
.prime-preview-heading{padding:20px 23px;border-bottom:1px solid #365776;font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.prime-route{list-style:none;margin:0;padding:9px 23px 15px}
.prime-route li{position:relative;display:flex;align-items:center;gap:17px;min-height:81px;border-bottom:1px solid #ffffff13}
.prime-route li:last-child{border-bottom:0}
.route-step{width:27px;height:27px;display:grid;place-items:center;border:1px solid #627b93;border-radius:50%;font-size:10px;flex:none;position:relative;background:#082f54;z-index:1}
.prime-route li:not(:last-child):before{content:'';width:1px;background:#627b93;position:absolute;top:54px;bottom:-27px;left:13px}
.prime-route strong{font-size:14px;font-weight:600;display:block;color:#fff}
.prime-route div>span{font-size:11px;display:block;color:#b7c9da;margin-top:3px}
.route-action{font-size:9px;letter-spacing:.09em;margin-left:auto;color:#d9b77f}
.prime-checks{padding:18px 23px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #365776;font-size:11px;color:#dae6f1}
.prime-checks span:before{content:'+';color:#edc48d;margin-right:9px}
.prime-review{font-size:11px;color:#bdcddd;padding:0 23px 21px;line-height:1.7}
.engagements{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}
.engagements article{border-top:1px solid var(--line);padding-top:22px;display:flex;flex-direction:column}
.engagements h3{font-size:29px;line-height:1.16;margin:23px 0 18px;letter-spacing:-.035em}
.engagements article>p{font-size:15px;color:var(--muted);line-height:1.75}
.engagements .engagement-deliverable{margin-top:auto;padding-top:29px;font-size:13px;color:var(--navy)}
.engagement-deliverable strong{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#7f6039;margin-bottom:8px}
.approach-section{background:#efeee9;border-block:1px solid var(--line)}
.approach-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4%;list-style:none;padding:0;margin:50px 0 0}
.approach-steps li{border-top:1px solid #b8b5ad;padding-top:18px}
.approach-steps li>span{font-size:12px;color:#7c5d33}
.approach-steps h3{font-size:25px;margin:22px 0 14px;letter-spacing:-.035em}
.approach-steps p{font-size:14px;color:var(--muted);line-height:1.75}
.automation-context{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.automation-context h2{margin-bottom:25px}
.automation-context>div>p:not(.eyebrow){color:var(--muted);font-size:16px;max-width:460px;line-height:1.75}
.automation-person{display:flex;align-items:center;gap:19px;text-decoration:none;margin-top:36px}
.automation-person img{width:64px;height:64px;object-fit:cover;filter:saturate(.7);border-radius:50%}
.automation-person strong{display:block;font-size:14px;color:var(--navy);font-weight:600}
.automation-person>span>span{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}
.automation-person:hover strong{text-decoration:underline}
.automation-faq details{border-top:1px solid var(--line)}
.automation-faq details:last-child{border-bottom:1px solid var(--line)}
.automation-faq summary{list-style:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--navy);padding:24px 29px 24px 0;position:relative;line-height:1.6}
.automation-faq summary::-webkit-details-marker{display:none}
.automation-faq summary:after{content:'+';position:absolute;right:3px;top:23px;font-size:22px;font-weight:400;color:#8c6836}
.automation-faq details[open]>summary:after{content:'−'}
.automation-faq details>p{font-size:14px;color:var(--muted);line-height:1.8;padding:0 24px 27px 0}
.automation-contact{background:#e9e5dc;border-block:1px solid #d2cec5;padding-block:72px}
.automation-contact h2{font-size:clamp(60px,7.5vw,104px);line-height:1;letter-spacing:-.06em}
.automation-contact h2 span{color:#89632f}
.automation-contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:32px}
.automation-contact-bottom p{font-size:17px;line-height:1.7;color:var(--muted)}
.automation-page .footer-bottom{font-size:12px}
@media(min-width:1600px){.automation-hero h1{font-size:112px}}
@media(max-width:1100px){.automation-hero{gap:4%;padding-top:52px}.automation-hero .eyebrow{font-size:10px;gap:8px}.automation-hero .lead{font-size:17px}.automation-hero .hero-actions{gap:17px}.automation-hero .button{font-size:12px;padding-inline:15px;gap:15px}.workflow-heading{padding-inline:17px;font-size:12px}#workflow-panel{padding:18px}.workflow-tabs{padding-inline:7px}.workflow-tabs button{font-size:11px}.prime-layout{gap:6%}.route-action{font-size:8px}.prime-route{padding-inline:17px}.prime-route li{gap:13px}.prime-route strong{font-size:13px}.engagements h3{font-size:25px}}
@media(max-width:900px){.automation-hero{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.automation-hero-copy{padding:0;max-width:650px}.automation-hero h1{font-size:clamp(76px,11vw,100px)}.automation-hero .eyebrow{font-size:12px}.automation-hero .lead{font-size:19px;max-width:540px}.automation-hero .button{font-size:14px;padding-inline:21px;gap:24px}.workflow-demo{width:100%;max-width:650px;justify-self:start}.workflow-heading{font-size:14px;padding-inline:23px}.workflow-tabs button{font-size:13px}#workflow-panel{padding:23px;min-height:0}.workflow-source>p{min-height:0}.workflow-result>p{min-height:0}.workflow-engine li{font-size:14px}.workflow-source>p{font-size:15px}.workflow-result>p{font-size:14px}.step-caption{font-size:12px}.workflow-result h2{font-size:29px}.automation-principle{gap:16px}.automation-principle p{font-size:12px}.automation-principle p+p{padding-left:16px}.prime-layout{grid-template-columns:1fr;gap:40px}.prime-copy{max-width:600px}.prime-copy>p:not(.eyebrow):not(.prime-lead){max-width:590px}.prime-preview{max-width:650px;width:100%}.route-action{font-size:10px}.prime-route strong{font-size:15px}.prime-route div>span{font-size:12px}.prime-checks{font-size:13px}.prime-review{font-size:12px}.approach-steps{grid-template-columns:1fr 1fr;gap:35px 7%}.engagements{gap:4%}.engagements h3{font-size:24px}.automation-context{gap:6%}}
@media(max-width:760px){.automation-hero{padding-top:36px}.automation-hero .eyebrow{font-size:10px;margin-bottom:25px}.automation-hero h1{font-size:clamp(63px,14.7vw,95px);margin-bottom:24px}.automation-hero .lead{font-size:17px}.hero-footnote{font-size:11px;max-width:270px;margin-top:24px}.automation-principle{grid-template-columns:1fr;gap:0;padding-block:8px}.automation-principle p{font-size:13px;padding-block:14px}.automation-principle p+p{border-left:0;border-top:1px solid var(--line);padding-left:0}.automation-section{padding-block:58px}.automation-page .section-heading{margin-bottom:34px}.automation-page .section-heading h2{font-size:36px}.solution-grid{grid-template-columns:1fr;gap:37px}.solution-top{margin-bottom:20px}.solution h3{font-size:34px}.solution>p{font-size:16px}.solution .text-link{font-size:13px}.solution-tags{margin-top:20px;font-size:12px}.prime-layout{padding-block:58px;gap:35px}.prime-copy h2{font-size:65px}.prime-lead{font-size:29px;margin-top:23px}.prime-preview-heading{font-size:12px;padding:18px}.prime-route{padding-inline:16px}.prime-route strong{font-size:13px}.prime-route div>span{font-size:11px}.route-action{font-size:8px}.prime-route li{gap:12px}.prime-checks{padding-inline:18px;font-size:11px;gap:12px 7px}.prime-review{padding-inline:18px;font-size:11px}.engagements{grid-template-columns:1fr;gap:33px}.engagements h3{font-size:29px;margin-block:20px 14px}.engagements article>p{font-size:16px}.engagements .engagement-deliverable{padding-top:18px;font-size:14px}.engagements h3 br{display:none}.approach-steps{gap:32px 20px;margin-top:30px}.approach-steps h3{font-size:23px}.approach-steps p{font-size:14px}.automation-context{grid-template-columns:1fr;gap:38px}.automation-context h2{font-size:38px}.automation-faq summary{font-size:15px}.automation-faq details>p{font-size:15px}.automation-contact{padding-block:53px}.automation-contact h2{font-size:64px}.automation-contact-bottom{display:block;margin-top:27px}.automation-contact-bottom p{font-size:16px}.automation-contact-bottom .button{margin-top:26px}.automation-contact-bottom br{display:none}}
@media(max-width:420px){.automation-hero .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.workflow-heading{padding:17px 15px;font-size:12px;flex-wrap:wrap;gap:4px}.workflow-tabs button{font-size:11px}#workflow-panel{padding:15px}.workflow-source,.workflow-engine,.workflow-result{padding:14px}.workflow-source>p{font-size:14px}.workflow-engine li{font-size:12px}.workflow-result h2{font-size:25px}.workflow-result>p{font-size:12px}.step-caption{font-size:10px}.prime-route li{gap:9px}.prime-route strong{font-size:12px}.route-action{font-size:7px;letter-spacing:.04em}.prime-route div>span{font-size:10px}.approach-steps{grid-template-columns:1fr}.approach-steps h3{margin-top:13px}.automation-contact h2{font-size:59px}}
@media print{.automation-hero,.prime-layout,.automation-context{grid-template-columns:1fr}.workflow-demo{break-inside:avoid}.automation-section,.prime-layout{padding-block:25px}.prime-section{background:#fff;color:#233447}.prime-copy h2,.prime-lead,.prime-copy .text-link{color:#003366}.workflow-tabs,.automation-contact{display:none}}

/* Keep route labels legible; the action is also stated in each step. */
.route-action{font-size:10px}
@media(max-width:420px){.route-action{display:none}.prime-route strong{font-size:14px}.prime-route div>span{font-size:11px}.workflow-tabs button{font-size:12px}}
