/* Warmflow / Nuanliu - Capability storytelling for energy systems.
   Visual influence: layered translucent engineering figures, not copied layouts,
   copy, illustrations or competitor performance claims. */
body.v5-site #technology-capabilities{scroll-margin-top:calc(var(--nav-h,72px) + 24px)}
body.v5-site .cap-tab{touch-action:manipulation}
body.v5-site .cap-technology{padding:92px 0 100px!important;background:#f4f8ff!important;}
body.v5-site .cap-technology .wrap{max-width:1260px;}
body.v5-site .cap-technology .sec-head{max-width:1050px;margin-bottom:32px;}
body.v5-site .cap-technology .sec-head .sec-title{
  max-width:930px;letter-spacing:-.045em;color:#253256;line-height:1.3;
}
body.v5-site .cap-technology .sec-head .sec-desc{color:#5a698c;max-width:860px;}
body.v5-site .cap-tablist{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
  margin:0 0 21px;align-items:stretch;
}
body.v5-site .cap-tab{
  min-height:56px;padding:11px 10px;
  cursor:pointer;border:1px solid transparent;border-bottom:2px solid #d7dff0;
  color:#5a698c;background:transparent;
  font:600 16px/1.4 var(--f-cn,system-ui,sans-serif);
  transition:color .15s,border-color .15s,background-color .15s;
}
body.v5-site .cap-tab:hover{color:#253256;background:rgba(255,255,255,.5);}
body.v5-site .cap-tab[aria-selected="true"]{
  color:#e0800b;border-bottom-color:#ee8b12;
  background:linear-gradient(0deg,rgba(255,255,255,.74),transparent);
}
body.v5-site .cap-tab:focus-visible{outline:3px solid #325cbd;outline-offset:3px;border-radius:5px;}
body.v5-site .cap-viewport{position:relative;min-height:445px;}
body.v5-site .cap-panel{
  display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:stretch;gap:clamp(28px,4vw,60px);
  padding:18px 18px 18px 0;min-height:435px;
}
body.v5-site .cap-panel[hidden]{display:none!important;}
body.v5-site .cap-panel:focus-visible{outline:3px solid #325cbd;outline-offset:4px;border-radius:8px;}
body.v5-site .cap-panel-visual{
  position:relative;background:linear-gradient(145deg,#f6f9ff,#e9effc);
  overflow:hidden;border:1px solid #e0e7f5;border-radius:15px;
  box-shadow:0 14px 35px rgba(36,64,142,.07);
  min-height:0;
}
body.v5-site .cap-panel-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border:1px solid rgba(255,255,255,.78);border-radius:15px;
}
body.v5-site .cap-panel-visual img{
  display:block;width:100%;height:100%;min-height:385px;max-height:500px;
  object-fit:contain;object-position:center;
}
body.v5-site .cap-panel-copy{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:22px 6px 25px 0;max-width:490px;
}
body.v5-site .cap-meta{
  display:inline-flex;color:#bc731a;font-size:12px;font-weight:650;
  padding:7px 11px;background:#fff5e8;border:1px solid #f4e1c7;border-radius:6px;
  margin-bottom:24px;
}
body.v5-site .cap-panel-copy h3{
  color:#253256;font-weight:700;
  font-size:clamp(25px,2.4vw,33px);line-height:1.33;letter-spacing:-.035em;
  margin:0 0 18px;text-wrap:balance;
}
body.v5-site .cap-panel-copy p{
  max-width:480px;margin:0;
  font-size:16px;line-height:1.93;color:#5a698c;
}
body.v5-site .cap-keywords{
  display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 28px;
}
body.v5-site .cap-keywords span{
  color:#3b486d;font-size:12px;font-weight:580;
  background:#fff;border:1px solid #d6deef;
  padding:8px 11px;border-radius:5px;
}
body.v5-site .cap-readmore{
  font-size:14px;font-weight:660;color:#c4710c;
  text-decoration:none;border-bottom:1px solid #de9f5b;padding-bottom:6px;
  transition:border-color .15s,color .15s;
}
body.v5-site .cap-readmore:hover{color:#874b09;border-color:#874b09}
body.v5-site .cap-readmore:focus-visible{outline:3px solid #325cbd;outline-offset:4px}
body.v5-site .cap-product-link{margin-top:24px;text-align:right;font-size:15px;font-weight:650}
body.v5-site .cap-product-link a{color:#a96a15;text-decoration:none;border-bottom:1px solid rgba(169,106,21,.5);padding-bottom:6px}
body.v5-site .cap-product-link a:hover{color:#774601}
@media(max-width:1000px) and (min-width:768px){
 body.v5-site .cap-panel{gap:23px;grid-template-columns:1fr 1fr}
 body.v5-site .cap-panel-copy{padding:12px 3px}
 body.v5-site .cap-panel-copy h3{font-size:27px}
 body.v5-site .cap-panel-copy p{font-size:14px;line-height:1.85}
 body.v5-site .cap-panel-visual img{min-height:340px}
 body.v5-site .cap-viewport{min-height:400px}
}
@media(max-width:767px){
 body.v5-site .cap-technology{padding:59px 0 67px!important}
 body.v5-site .cap-technology .sec-head{margin-bottom:19px}
 body.v5-site .cap-tablist{
  display:flex;gap:6px;overflow-x:auto;
  margin:0 -3px 12px;padding:0 3px 6px;
  scrollbar-width:thin;scroll-snap-type:x proximity;
 }
 body.v5-site .cap-tab{
  white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;
  padding:13px 10px;min-height:49px;font-size:14px;
 }
 body.v5-site .cap-viewport{min-height:0}
 body.v5-site .cap-panel{
  grid-template-columns:1fr;gap:19px;
  min-height:0;padding:0 0 18px;
 }
 body.v5-site .cap-panel-visual{border-radius:10px}
 body.v5-site .cap-panel-visual img{min-height:0;height:auto;max-height:none}
 body.v5-site .cap-panel-copy{max-width:none;padding:3px 3px 8px}
 body.v5-site .cap-meta{margin-bottom:13px}
 body.v5-site .cap-panel-copy h3{font-size:25px;margin-bottom:11px}
 body.v5-site .cap-panel-copy p{font-size:14px;line-height:1.8}
 body.v5-site .cap-keywords{margin:17px 0 19px;gap:7px}
 body.v5-site .cap-keywords span{font-size:11px;padding:7px 9px}
 body.v5-site .cap-readmore{font-size:13px}
 body.v5-site .cap-product-link{text-align:left}
}
@media(prefers-reduced-motion:reduce){
 body.v5-site .cap-tab,body.v5-site .cap-readmore{transition:none!important}
}