/* Homepage workflow only. Product, factory and other homepage layouts stay independent. */
#applications-section{background:#faf9f6;color:#242d27;padding:88px 0;scroll-margin-top:120px}
#applications-section *{box-sizing:border-box;min-width:0}
#applications-section .workflow-wrap{width:calc(100% - 80px);max-width:1280px;margin:0 auto}
#applications-section .workflow-heading{max-width:790px;margin:0 auto 40px;text-align:center}
#applications-section .workflow-eyebrow{margin:0 0 14px;color:#174d3b;font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.16em}
#applications-section h2{margin:0;color:#203b2e;font-size:clamp(30px,3.2vw,44px);font-weight:700;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
#applications-section .workflow-intro{margin:20px auto 0;max-width:680px;color:#5b655e;font-size:16px;line-height:1.8}
#applications-section .workflow-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;scroll-margin-top:140px}
#applications-section .workflow-card{display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #dfe4dd;border-radius:10px;box-shadow:0 5px 18px #183b2508}
#applications-section .workflow-image{height:264px;background:#fff;flex:none;overflow:hidden}
#applications-section .workflow-image>img{display:block;width:100%;height:100%;object-fit:cover!important;object-position:center}
#applications-section .workflow-automatic{position:relative}
#applications-section .workflow-automatic>img{object-position:50% 100%}
@media(min-width:1001px){#applications-section .workflow-automatic>img{object-position:50% 88%}}
#applications-section .workflow-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:26px 26px 30px;border-top:1px solid #e7eae4}
#applications-section .workflow-number{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:30px;padding:0 9px;margin-bottom:18px;border:1px solid #dce7dc;border-radius:4px;background:#edf3eb;color:#174d3b;font-size:12px;line-height:1;font-weight:700;letter-spacing:.08em}
#applications-section h3{min-height:58px;margin:0 0 12px;color:#203b2e;font-size:23px;line-height:1.25;font-weight:650;letter-spacing:-.025em}
#applications-section .workflow-copy p{margin:0;color:#5b655e;font-size:14px;line-height:1.8}
#applications-section .workflow-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;padding:6px 0;background:#edf2eb;border:1px solid #dce5d9;border-radius:6px}
#applications-section .workflow-info a{display:flex;align-items:center;justify-content:center;text-align:center;padding:15px 18px;color:#244d38;font-size:13px;line-height:1.6;font-weight:600;text-decoration:none}
#applications-section .workflow-info a+a{border-left:1px solid #d7e0d4}
#applications-section .workflow-info a:hover{text-decoration:underline;text-underline-offset:4px}
#applications-section a:focus-visible{outline:3px solid #b58a59;outline-offset:3px}
@media(min-width:701px) and (max-width:1000px){
 #applications-section .workflow-wrap{width:calc(100% - 48px)}
 #applications-section .workflow-stages{gap:16px}
 #applications-section .workflow-image{height:212px}
 #applications-section .workflow-copy{padding:22px 18px 26px}
 #applications-section .workflow-automatic>img{position:absolute;bottom:0;height:140%;object-position:50% 100%}
 #applications-section h3{font-size:20px;min-height:75px}
 #applications-section .workflow-info a{padding:12px 10px;font-size:12px}
}
@media(max-width:700px){
 #applications-section{padding:60px 0}
 #applications-section .workflow-wrap{width:calc(100% - 40px)}
 #applications-section .workflow-heading{margin-bottom:30px;text-align:left}
 #applications-section h2{font-size:32px;line-height:1.15}
 #applications-section .workflow-intro{font-size:15px;line-height:1.75;margin-top:16px}
 #applications-section .workflow-stages{grid-template-columns:1fr;gap:22px}
 #applications-section .workflow-image{height:250px}
 #applications-section .workflow-copy{padding:24px}
 #applications-section h3{min-height:0;font-size:24px}
 #applications-section .workflow-number{margin-bottom:16px}
 #applications-section .workflow-info{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px;padding:4px 0}
 #applications-section .workflow-info a{padding:14px 12px;font-size:12px}
 #applications-section .workflow-info a:nth-child(3){border-left:0}
 #applications-section .workflow-info a:nth-child(n+3){border-top:1px solid #d7e0d4}
}