/*
 * Applications page layout and section styling.
 * Shared tokens and components are loaded before this file.
 */

.lg-kicker{font-size:11.5px!important;margin-bottom:12px!important}
.lgp-title{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}
.lgp-title span,.lgp-matrix span,.lgp-support span{display:block;color:#d49b00;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:12px;margin-bottom:10px}
.lgp-title h2{font-size:clamp(30px,3vw,46px);line-height:1.08;margin:0;color:#102033}
.lgp-title a{font-weight:900;color:#0b2542}
.lg-rail{gap:6px!important}
.lg-rail a{width:46px!important;height:46px!important;border-radius:6px!important;font-size:13px!important}
.lg-rail a:nth-child(n+4){display:none!important}
@media(max-width:620px){.lg-rail{display:none!important}}
@media(max-width:760px){.lgp-title{display:block}}
.lg.lga-exact a,.lg.lga-exact a:hover,.lg.lga-exact a:focus{text-decoration:none}
.lg.lga-exact button{text-decoration:none}
.lga-hero{position:relative;min-height:520px;color:#fff;background:linear-gradient(90deg,rgba(5,11,20,.96) 0%,rgba(5,11,20,.72) 38%,rgba(5,11,20,.2) 72%),url('https://hongli-mach.com/wp-content/uploads/2026/07/hongli-hero-panorama-2.png') center 70%/cover no-repeat;padding:138px 0 52px;overflow:hidden}
.lga-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(0deg,#07111f,rgba(7,17,31,0));pointer-events:none}
.lga-hero .lg-wrap{position:relative;z-index:1}
.lga-copy{max-width:560px}
.lga-copy h1{font-size:clamp(40px,3.7vw,56px);line-height:1.04;margin:0 0 16px;color:#fff;font-weight:950;letter-spacing:0}
.lga-copy p{font-size:15.5px;line-height:1.7;color:#e6eef8;margin:0 0 26px;max-width:540px;font-weight:650}
.lgs-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.lga-yellow,.lga-outline{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-weight:950;text-decoration:none;min-height:48px;padding:12px 20px;transition:.18s ease}
.lga-yellow{background:#f5b700;color:#07111f}
.lga-outline{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(7,17,31,.28)}
.lga-yellow:hover{background:#ffc629;transform:translateY(-1px)}
.lga-outline:hover{border-color:#f5b700;color:#f5b700}
.lga-proof{display:grid;grid-template-columns:repeat(3,minmax(0,190px));gap:12px;margin-top:38px}
.lga-proof span{display:block;min-height:78px;padding:15px 16px 13px;border:1px solid rgba(255,255,255,.16);border-left:3px solid #f5b700;border-radius:6px;background:rgba(9,25,43,.68);box-shadow:0 18px 40px rgba(0,0,0,.18);font-size:13px;font-weight:950;line-height:1.25;color:#fff}
.lga-proof i{display:none}
.lga-proof small{display:block;margin-top:7px;color:#b8c6d8;font-size:11px;font-weight:700;line-height:1.25}
.lga-main{background:#07111f;color:#fff;padding:48px 0 56px}
.lgs-intro{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,560px);justify-content:center;align-items:end;gap:34px;text-align:left;margin:0 auto 24px}
.lgs-intro h2{color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.08;margin:0}
.lgs-intro p{color:#c8d4e3;line-height:1.72;margin:0;text-align:left}
.lga-kicker,.lgs-intro span{display:block;color:#f5b700;text-transform:uppercase;letter-spacing:.15em;font-weight:950;font-size:12px;margin-bottom:10px}
.lga-board{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;align-items:stretch;max-width:1160px;margin:0 auto}
.lga-tabs{display:flex;flex-direction:column;border:1px solid rgba(182,199,220,.23);border-radius:8px;background:#0a1a2d;overflow:hidden}
.lga-tab{appearance:none;border:0;border-bottom:1px solid rgba(182,199,220,.18);background:#0a1a2d;color:#eaf2fb;text-align:left;padding:0 22px;min-height:96px;display:grid;grid-template-columns:50px 1fr 18px;align-items:center;gap:8px;cursor:pointer;transition:.18s ease;flex:1}
.lga-tab:last-child{border-bottom:0}
.lga-tab:before{content:attr(data-num);display:inline-flex;align-items:center;color:#91a2b8;font-weight:950;font-size:18px;letter-spacing:.03em}
.lga-tab:after{content:">";justify-self:end;color:#91a2b8;font-weight:950}
.lga-tab span{display:block}
.lga-tab b{display:block;color:#fff;font-size:16px;line-height:1.15;margin:0 0 8px;font-weight:950}
.lga-tab em{display:block;color:#aebdd0;font-style:normal;font-size:11.5px;line-height:1.35;font-weight:700}
.lga-tab.is-active,.lga-tab:hover{background:linear-gradient(90deg,#a77d00,#6c5105);color:#fff}
.lga-tab.is-active:before,.lga-tab:hover:before,.lga-tab.is-active:after,.lga-tab:hover:after,.lga-tab.is-active em,.lga-tab:hover em{color:#fff}
.lga-panel{display:none;min-height:500px;border:1px solid rgba(182,199,220,.23);border-radius:8px;overflow:hidden;background:#081522}
.lga-panel.is-active{display:block;position:relative}
.lga-panel-visual{position:absolute;inset:0}
.lga-panel-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center}
.lga-panel-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,17,31,.9),rgba(6,17,31,.58) 43%,rgba(6,17,31,.12) 76%)}
.lga-panel-copy{position:relative;z-index:1;width:min(48%,520px);padding:34px 0 30px 42px;background:transparent}
.lga-panel-copy h3{color:#fff;font-size:clamp(25px,2.25vw,31px);line-height:1.05;margin:0 0 10px;font-weight:950}
.lgs-panel-lead,.lga-panel-copy p{color:#eef4fb;font-size:13.5px;line-height:1.48;margin:0 0 14px;font-weight:700}
.lgs-job-title,.lgs-family-title{display:block;color:#f5b700;font-size:11px;letter-spacing:.04em;margin:12px 0 7px;text-transform:uppercase}
.lgs-needs{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.lgs-needs li{position:relative;padding-left:16px;color:#e4edf7;font-size:12px;line-height:1.32;font-weight:750}
.lgs-needs li:before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:1px;background:#f5b700}
.lgs-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}
.lgs-family{display:block;border:1px solid rgba(245,183,0,.58);border-radius:5px;background:rgba(7,17,31,.58);padding:8px 10px;min-height:46px}
.lgs-family b{display:block;color:#fff;font-size:11.5px;line-height:1.12}
.lgs-family span{display:none}
.lga-actions{display:flex;gap:10px;flex-wrap:nowrap;margin-top:18px}
.lga-panel-copy .lga-yellow,.lga-panel-copy .lga-outline{min-width:150px;min-height:42px;font-size:12px;padding:0 12px}
.lgs-adv{background:#fff;color:#102033;padding:58px 0;border-bottom:1px solid #e5e9f0}
.lgs-adv-head{display:grid;grid-template-columns:minmax(280px,520px) minmax(0,560px);justify-content:center;gap:48px;align-items:end;text-align:left;margin-bottom:30px}
.lgs-adv-head span{display:block;color:#b08300;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;margin-bottom:8px}
.lgs-adv-head h2{font-size:clamp(28px,3vw,40px);line-height:1.12;margin:0;color:#102033}
.lgs-adv-head p{margin:0;color:#56657a;line-height:1.65}
.lgs-adv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #dfe6ef;border-radius:8px;overflow:hidden;background:#fff}
.lgs-adv-card{padding:30px 28px 28px;border-right:1px solid #dfe6ef;min-height:210px}
.lgs-adv-card:last-child{border-right:0}
.lgs-adv-card i{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:42px;padding:0 10px;border-radius:3px;background:#fff4c9;color:#9a7100;font-style:normal;font-weight:950;font-size:12px;margin-bottom:18px}
.lgs-adv-card h3{font-size:17px;line-height:1.25;margin:0 0 12px;color:#102033}
.lgs-adv-card p{margin:0;color:#56657a;font-size:13.5px;line-height:1.62}
.lga-matrix{background:#07111f;color:#fff;padding:64px 0 72px}
.lga-matrix .lgp-title{display:grid;grid-template-columns:minmax(280px,520px) auto;align-items:end;gap:28px;margin-bottom:28px}
.lga-matrix .lgp-title span{display:block;color:#f5b700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;margin-bottom:8px}
.lga-matrix .lgp-title h2{color:#fff;font-size:clamp(28px,3vw,40px);line-height:1.12;margin:0 0 8px}
.lga-matrix .lgp-title p{color:#c5d1df;line-height:1.65;margin:0}
.lga-matrix .lgp-title a{justify-self:end;color:#07111f;background:#f5b700;border-radius:4px;padding:12px 16px;font-weight:950;text-decoration:none}
.lga-table{width:100%;border-collapse:separate;border-spacing:0;background:#0b1829;border:1px solid rgba(182,199,220,.22);border-radius:8px;overflow:hidden}
.lga-table th{background:#122238;color:#fff;text-align:left;padding:16px 20px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid rgba(182,199,220,.2)}
.lga-table td{padding:22px 20px;border-bottom:1px solid rgba(182,199,220,.16);border-right:1px solid rgba(182,199,220,.12);color:#e5edf7;vertical-align:middle}
.lga-table td:last-child,.lga-table th:last-child{border-right:0}
.lga-table tr:last-child td{border-bottom:0}
.lga-row-app{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;min-width:240px}
.lga-row-app img{width:86px;height:58px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,.15)}
.lga-row-app b{color:#fff;font-size:15px;line-height:1.25}
.lga-job-list{margin:0;padding:0;list-style:none;display:grid;gap:7px;color:#d8e2ef;font-size:13px;line-height:1.4}
.lga-job-list li{position:relative;padding-left:16px}
.lga-job-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;background:#f5b700;border-radius:1px}
.lga-model-tags{display:flex;gap:8px;flex-wrap:wrap}
.lga-model-tags a{display:inline-flex;align-items:center;min-height:32px;padding:7px 10px;border-radius:4px;background:rgba(245,183,0,.12);border:1px solid rgba(245,183,0,.3);color:#ffd15a;text-decoration:none;font-weight:900;font-size:12px;line-height:1}
.lga-view{display:inline-flex;align-items:center;justify-content:center;min-height:42px;min-width:122px;padding:10px 14px;border-radius:4px;background:#f5b700;color:#07111f;text-decoration:none;font-weight:950;font-size:13px}
.lga-view:hover{background:#ffc629}
.lgs-cta{background:#102238;color:#fff;padding:56px 0}
.lgs-cta-box{border:1px solid rgba(245,183,0,.28);border-radius:8px;background:linear-gradient(135deg,rgba(16,34,56,.96),rgba(7,17,31,.96));box-shadow:0 24px 70px rgba(0,0,0,.18);overflow:hidden}
.lgs-cta-inner{display:grid;grid-template-columns:minmax(280px,480px) minmax(0,1fr);gap:34px;align-items:center;padding:34px}
.lgs-cta-inner span{display:block;color:#f5b700;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:950;margin-bottom:10px}
.lgs-cta-inner h2{color:#fff;font-size:clamp(26px,2.6vw,36px);line-height:1.12;margin:0 0 12px}
.lgs-cta-inner p{color:#c7d4e4;line-height:1.65;margin:0}
.lgs-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lgs-form select,.lgs-form input{width:100%;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:rgba(255,255,255,.08);color:#fff;padding:0 14px;font:inherit;font-size:13px;outline:0}
.lgs-form select option{color:#07111f}
.lgs-form .lga-yellow{grid-column:1/-1;width:100%;min-height:48px}
@media(max-width:1180px){.lga-board{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1180px){.lga-panel-copy{width:56%}}
@media(max-width:1180px){.lgs-adv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1180px){.lgs-adv-card:nth-child(2){border-right:0}}
@media(max-width:1180px){.lgs-adv-card:nth-child(-n+2){border-bottom:1px solid #dfe6ef}}
@media(max-width:1180px){.lga-table{display:block;overflow-x:auto}}
@media(max-width:1180px){.lgs-intro,.lgs-adv-head{grid-template-columns:1fr;gap:12px}}
@media(max-width:1180px){.lgs-intro p,.lgs-adv-head p{text-align:left}}
@media(max-width:820px){.lga-hero{padding:112px 0 48px;min-height:560px}}
@media(max-width:820px){.lga-proof{grid-template-columns:1fr}}
@media(max-width:820px){.lga-board{grid-template-columns:1fr}}
@media(max-width:820px){.lga-tabs{height:auto}}
@media(max-width:820px){.lga-tab{min-height:92px}}
@media(max-width:820px){.lga-panel{min-height:620px}}
@media(max-width:820px){.lga-panel-copy{width:auto;padding:34px 24px}}
@media(max-width:820px){.lga-panel-visual:after{background:linear-gradient(180deg,rgba(6,17,31,.86),rgba(6,17,31,.58) 52%,rgba(6,17,31,.26))}}
@media(max-width:820px){.lgs-family-grid{grid-template-columns:1fr}}
@media(max-width:820px){.lgs-adv-grid{grid-template-columns:1fr}}
@media(max-width:820px){.lgs-adv-card{border-right:0;border-bottom:1px solid #dfe6ef}}
@media(max-width:820px){.lgs-adv-card:last-child{border-bottom:0}}
@media(max-width:820px){.lga-matrix .lgp-title,.lgs-cta-inner{grid-template-columns:1fr}}
@media(max-width:820px){.lga-matrix .lgp-title a{justify-self:start}}
@media(max-width:820px){.lgs-form{grid-template-columns:1fr}}