/* 12 csprecisionthermal home v2 · layout from 09/08 V2, colours = 12 (2026-11-06) */
.btn.cta,.nav a.cta{color:#fff}.btn.cta:hover,.nav a.cta:hover{color:#fff}
.hero2{position:relative;min-height:560px;display:flex;align-items:center;background:#16232F url(/assets/img/copper-heat-sink-production-batch.webp) center/cover no-repeat}
.hero2:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,35,47,.94) 0%,rgba(22,35,47,.8) 45%,rgba(22,35,47,.2) 100%)}
.hero2 .wrap{position:relative;width:100%;padding-top:56px;padding-bottom:56px}.hero2 .in{max-width:640px}
.hero2 .eyebrow{color:#E9A57C;margin-top:0}.hero2 h1{color:#fff;font-size:clamp(30px,5vw,50px);margin:.25em 0 .4em}.hero2 .lede{font-size:18px;color:#DCE3EA;max-width:560px}
.hero2 .btn.ghost{border-color:rgba(255,255,255,.45);color:#fff}.hero2 .btn.ghost:hover{border-color:#fff;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}.chips li{border:1px solid rgba(190,102,55,.7);color:#fff;border-radius:999px;padding:5px 12px;font-size:14px;background:rgba(22,35,47,.55)}
.certline{margin-top:18px;font-size:13px;color:#AAB6C2}.certline a{color:#E9A57C}
.sec{padding:56px 0;border-bottom:1px solid var(--line)}.sec h2{margin-top:0}.sec .sub{color:var(--m);max-width:700px;margin:-4px 0 26px}
.sec.alt{background:var(--card)}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.g5{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
@media(max-width:980px){.g4,.g5{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.g2{grid-template-columns:1fr}.g3,.g4,.g5{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.g3{grid-template-columns:1fr}}
.card2{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--t);transition:border-color .2s,transform .2s}
.card2:hover{border-color:var(--cu);transform:translateY(-2px);color:var(--t)}
.card2 img{width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:0;background:#fff;padding:8px}.card2 .tx{padding:12px 14px 14px}.card2 h3{margin:0 0 4px;font-size:17px}.card2 p{margin:0;font-size:14px;color:var(--m)}
.card2 .tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cu);margin-bottom:4px}
.card2.noimg .tx{padding:20px}.card2.noimg .ic{display:block;color:var(--cu);font-size:26px;margin-bottom:8px}
.gal figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.gal img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:0;padding:6px}
.gal figcaption{font-size:13px;color:var(--m);padding:0 10px 10px}
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.step b{display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--cu);color:#fff;align-items:center;justify-content:center;font-size:14px;margin-bottom:10px}.step h3{margin:0 0 6px}.step p{margin:0;font-size:15px}
.proc figure{margin:0}.proc img{width:100%;aspect-ratio:16/10;object-fit:cover}.proc figcaption{font-size:15px;color:var(--h);margin-top:8px;font-weight:600}.proc figcaption span{display:block;color:var(--m);font-weight:400;font-size:13px}
.batch img{width:100%;aspect-ratio:16/10;object-fit:cover}.batch ul{padding-left:18px}.batch li{margin:6px 0}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center;margin-top:30px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.nums b{display:block;font-size:clamp(26px,4vw,38px);color:var(--cu);line-height:1.1}.nums span{color:var(--m);font-size:14px}@media(max-width:640px){.nums{grid-template-columns:repeat(2,1fr)}}
.why h3{margin:0 0 6px;font-size:17px}.why p{margin:0;font-size:15px}.why>div{border-left:2px solid var(--cu);padding:2px 0 2px 14px}
.faq2{max-width:860px}.faq2 details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:8px 0}.faq2 summary{cursor:pointer;color:var(--h);font-weight:600}.faq2 p{margin:8px 0 0}
.contact2{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}@media(max-width:800px){.contact2{grid-template-columns:1fr}}
.cbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px}.cbox p{margin:6px 0}
.more{margin-top:20px}