/* Homepage post-catalog information architecture */
#page-home .hp-flow-section{padding:86px 0;border-top:1px solid #daddda}
#page-home .hp-flow-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:48px;align-items:end;margin-bottom:42px}
#page-home .hp-flow-kicker{margin-bottom:14px;color:#a36f2d;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
#page-home .hp-flow-head h2,#page-home .hp-company-box h2{max-width:850px;margin:0;font-size:clamp(34px,4.5vw,62px);line-height:1.02;letter-spacing:-.045em}
#page-home .hp-flow-head>p,#page-home .hp-company-box p{margin:0;color:#666d68;font-size:13px;line-height:1.78}
#page-home .hp-system-section{background:#111314;color:#fff;border-top:0}
#page-home .hp-system-section .hp-flow-head>p{color:#9da39f}
#page-home .hp-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}
#page-home .hp-system-card{position:relative;min-height:265px;padding:27px 25px 58px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);color:#fff;text-decoration:none}
#page-home .hp-card-num{display:block;margin-bottom:54px;color:#c8872b;font-size:9px;font-weight:800;letter-spacing:.12em}
#page-home .hp-system-card h3{margin:0 0 12px;font-size:21px;letter-spacing:-.025em}
#page-home .hp-system-card p{margin:0;color:#969c98;font-size:11px;line-height:1.7}
#page-home .hp-system-card b{position:absolute;right:24px;bottom:22px;color:#c8872b;font-size:18px}
#page-home .hp-system-card:hover{background:#171a18}
#page-home .hp-industry-section{background:#f5f5f2}
#page-home .hp-industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#page-home .hp-industry-card{min-height:255px;padding:24px;border:1px solid #d6dad7;background:#fff;color:#171918;text-decoration:none}
#page-home .hp-industry-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:76px;color:#9a7045;font-size:9px;font-weight:800}
#page-home .hp-industry-card h3{margin:0 0 12px;font-size:24px;line-height:1.1;letter-spacing:-.03em}
#page-home .hp-industry-card p{margin:0;color:#666d68;font-size:11px;line-height:1.7}
#page-home .hp-industry-card:hover{border-color:#c8872b}
#page-home .hp-text-link{display:inline-flex;margin-top:24px;color:#171918;text-decoration:none;font-size:11px;font-weight:750}
#page-home .hp-annual-section{background:#fff}
#page-home .hp-annual-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d4d8d5;border-left:1px solid #d4d8d5}
#page-home .hp-annual-flow article{min-height:220px;padding:25px;border-right:1px solid #d4d8d5;border-bottom:1px solid #d4d8d5}
#page-home .hp-annual-num{display:block;margin-bottom:48px;color:#c8872b;font-size:9px;font-weight:800}
#page-home .hp-annual-flow h3{margin:0 0 10px;font-size:18px}
#page-home .hp-annual-flow p{margin:0;color:#6b716d;font-size:11px;line-height:1.68}
#page-home .hp-formula{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px;background:#eceeea}
#page-home .hp-formula span{position:relative;padding:17px 34px 17px 18px;font-size:10px;font-weight:720}
#page-home .hp-formula span:not(:last-child):after{content:"→";position:absolute;right:12px;color:#c8872b}
#page-home .hp-knowledge-section{background:#eceeea}
#page-home .hp-knowledge-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #cfd4d0;border-left:1px solid #cfd4d0}
#page-home .hp-knowledge-card{position:relative;min-height:238px;padding:24px 22px 54px;border-right:1px solid #cfd4d0;border-bottom:1px solid #cfd4d0;color:#171918;text-decoration:none}
#page-home .hp-knowledge-card small{color:#9a7045;font-size:8px;font-weight:800;letter-spacing:.1em}
#page-home .hp-knowledge-card h3{margin:42px 0 10px;font-size:18px;line-height:1.15}
#page-home .hp-knowledge-card p{margin:0;color:#686f6a;font-size:10.5px;line-height:1.65}
#page-home .hp-knowledge-card b{position:absolute;right:20px;bottom:18px;color:#c8872b;font-size:18px}
#page-home .hp-knowledge-card:hover{background:#fff}
#page-home .hp-company-section{padding-bottom:92px;background:#f5f5f2}
#page-home .hp-company-box{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.45fr);gap:50px;align-items:end;padding:38px 0;border-top:1px solid #1b1e1c;border-bottom:1px solid #1b1e1c}
#page-home .hp-company-box p{max-width:760px;margin-top:22px}
#page-home .hp-company-actions{display:grid;gap:8px}
#page-home .hp-company-actions a{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 15px;border:1px solid #ccd1cd;color:#171918;text-decoration:none;font-size:11px;font-weight:720}
#page-home .hp-company-actions a:hover{border-color:#c8872b}
@media(max-width:980px){
 #page-home .hp-system-grid,#page-home .hp-annual-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-home .hp-knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #page-home .hp-industry-grid{grid-template-columns:1fr}
 #page-home .hp-industry-top{margin-bottom:42px}
}
@media(max-width:700px){
 #page-home .hp-flow-section{padding:58px 0}
 #page-home .hp-flow-head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
 #page-home .hp-flow-head h2,#page-home .hp-company-box h2{font-size:36px}
 #page-home .hp-system-grid,#page-home .hp-annual-flow,#page-home .hp-knowledge-grid{grid-template-columns:1fr;border-left:0}
 #page-home .hp-system-card,#page-home .hp-annual-flow article,#page-home .hp-knowledge-card{min-height:0;border-right:0}
 #page-home .hp-system-card{padding:24px 0 48px}
 #page-home .hp-card-num,#page-home .hp-annual-num{margin-bottom:26px}
 #page-home .hp-annual-flow article{padding:22px 0}
 #page-home .hp-knowledge-card{padding:22px 0 44px}
 #page-home .hp-formula{grid-template-columns:1fr}
 #page-home .hp-formula span:not(:last-child):after{content:"↓"}
 #page-home .hp-company-box{grid-template-columns:1fr;gap:28px}
}