/* Homepage-only styles; product pages are unchanged. */
body:has(.home-refresh){--max-width:1280px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body:has(.home-refresh) .site-header{background:#0c1d2b;border-color:#263b4a;color:#fff}
body:has(.home-refresh) .primary-nav{color:#eaf0f5}
body:has(.home-refresh) .brand-name span{color:#ffd168}
.home-refresh{color:#122136;font-size:15px;line-height:1.6}
.home-refresh h1,.home-refresh h2,.home-refresh h3{letter-spacing:-.035em}
.home-refresh h2{font-size:clamp(27px,3vw,40px);margin:0 0 12px}
.home-refresh em{color:#ffd16b;font-style:normal}
.hf-eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;color:#61799c;margin:0 0 10px}
.hf-hero{background:radial-gradient(ellipse at 75% 30%,#254355 0,transparent 55%),linear-gradient(120deg,#091925,#102936);color:#fff;padding:54px 0 40px;overflow:hidden}
.hf-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:48px}
.hf-hero h1{font-size:clamp(35px,3.5vw,50px);line-height:1.09;margin-bottom:22px}
.hf-hero .hf-eyebrow,.hf-partner .hf-eyebrow{color:#ffd16b}
.hf-lede{max-width:610px;color:#c6d2dd;line-height:1.7;font-size:16px}
.hf-actions{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0}
.hf-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#ffd16b;color:#101c28;border:1px solid #ffd16b;border-radius:100px;padding:12px 22px;font-size:13px;font-weight:700;transition:transform .2s,background .2s;text-align:center}
.hf-button:hover{background:#ffe19b;transform:translateY(-2px)}
.hf-outline{background:transparent;color:#fff}
.hf-outline:hover{background:#203b50}
.hf-highlights{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:30px 0 0;list-style:none;font-size:11px;text-align:center;color:#dbe3eb}
.hf-highlights li+li{border-left:1px solid #375064}
.hf-highlights span{display:block;font-size:28px;line-height:1.3;color:#ffd16b;margin-bottom:9px}
.hf-hero-product{margin:0;padding:18px;background:#fff;border-radius:20px;box-shadow:0 20px 65px #0004}
.hf-hero-product img{width:100%;max-height:390px;object-fit:contain}
.hf-hero-product figcaption{text-align:center;font-size:9px;letter-spacing:.16em;color:#526778;padding:12px 0 3px}
.hf-section{padding:48px 0}
.hf-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:22px}
.hf-heading p:not(.hf-eyebrow){margin:0;color:#63758e;max-width:465px}
.hf-link{font-size:13px;font-weight:650;color:#9a5800;white-space:nowrap}
.hf-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.hf-product{border:1px solid #e0e6eb;border-radius:9px;overflow:hidden;box-shadow:0 6px 20px #11263b04;transition:box-shadow .2s,transform .2s}
.hf-product:hover{transform:translateY(-4px);box-shadow:0 12px 30px #11263b15}
.hf-product img{width:100%;height:175px;object-fit:contain;padding:14px}
.hf-product>div{padding:8px 18px 20px}
.hf-product h3{font-size:19px;line-height:1.2;margin:0 0 9px}
.hf-product p{font-size:13px;color:#63758e;min-height:42px;margin-bottom:12px}
.hf-partner{padding:40px 0;color:#fff;background:linear-gradient(90deg,rgba(7,24,38,.96),rgba(7,24,38,.86)),url('/assets/images/home-20260930/smt-assembly.png') center 40%/cover}
.hf-partner .hf-heading>p{color:#d0dce6}
.hf-values{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:28px}
.hf-values>div{border-left:1px solid #4b5c68;padding-left:18px}
.hf-values span{color:#ffd16b;font-size:12px}
.hf-values h3{font-size:17px;margin:8px 0}
.hf-values p{color:#becdd8;font-size:12px;margin:0}
.hf-process-intro{color:#63758e;max-width:900px;font-size:14px;margin-bottom:24px}
.hf-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hf-process figure{margin:0;min-width:0}
.hf-process img{width:100%;height:auto;aspect-ratio:1.47;object-fit:contain;background:#edf1f4;border-radius:5px}
.hf-process small{font-size:9px;letter-spacing:.09em;color:#667c98;display:block;margin:12px 0 7px;font-weight:700}
.hf-process h3{display:flex;gap:9px;font-size:16px;line-height:1.25;margin:0 0 9px}
.hf-process h3 span{color:#a66a0d;font-weight:500;letter-spacing:0}
.hf-process p{font-size:12px;color:#63758e;margin:0}
.hf-applications{background:#f1f5f8;padding:35px 0}
.hf-applications ul{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:25px 0 0;text-align:center;font-size:12px}
.hf-applications li{padding:12px;border-left:1px solid #d9e2eb}
.hf-applications li:first-child{border:0}
.hf-cta{padding:34px 0;background:linear-gradient(115deg,#0a1c2c,#22465b);color:#fff}
.hf-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:25px}
.hf-cta p{margin:0;color:#d2dde6;font-size:14px}
body:has(.home-refresh) .site-footer{background:#f7f9fb;color:#263b50;padding-top:32px}
body:has(.home-refresh) .footer-lead{display:none}
body:has(.home-refresh) .brand--footer{color:#263b50}
body:has(.home-refresh) .brand--footer .brand-name strong{color:#263b50}
body:has(.home-refresh) .brand--footer .brand-name span{color:#87621e}
body:has(.home-refresh) .footer-grid{border-top:0;padding-top:0}
body:has(.home-refresh) .footer-grid h2{color:#253c54}
body:has(.home-refresh) .footer-grid p,body:has(.home-refresh) .footer-grid a:not(.brand),body:has(.home-refresh) .footer-bottom{color:#63758e}
@media(max-width:1000px){.hf-hero-grid{gap:25px}.hf-hero h1{font-size:36px}.hf-process{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-heading{align-items:flex-start}.hf-products{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-product img{height:210px}}
@media(max-width:680px){.hf-hero{padding:34px 0}.hf-hero-grid{grid-template-columns:1fr}.hf-hero h1{font-size:35px}.hf-hero-product{max-width:420px;width:100%;margin:auto}.hf-hero-product img{max-height:300px}.hf-heading,.hf-cta>.container{flex-direction:column;align-items:flex-start;gap:14px}.hf-section{padding:34px 0}.hf-products,.hf-values,.hf-process{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-product img{height:140px}.hf-product>div{padding:10px 12px 16px}.hf-product h3{font-size:17px}.hf-product p{min-height:0}.hf-process{gap:22px 14px}.hf-process figure:last-child{grid-column:1/-1;max-width:320px}.hf-applications ul{grid-template-columns:repeat(2,1fr);gap:8px}.hf-applications li{border:1px solid #d9e2eb!important}.hf-highlights{font-size:10px}.hf-values{gap:20px}.hf-actions .hf-button{font-size:12px;padding:12px 16px}}
