/* t1795u: Home hero art laid out like EN-01/BN-01 (additive). Units = 1024 design px. */
@media (min-width:901px){
 .hm-art{left:335px;width:625px;height:345px;top:0}
 .hm-art:before{content:"";position:absolute;left:60px;top:0;width:560px;height:330px;background:radial-gradient(ellipse 55% 55% at 45% 48%,rgba(60,140,255,.35),rgba(120,180,255,.12) 55%,transparent 75%);z-index:0}
 .hm-heroimg{left:-35px;top:40px;width:400px;height:240px;z-index:1}
 .hm-cubelogo{display:none}
 .hm-wires{position:absolute;left:0;top:0;width:625px;height:345px;z-index:2;filter:drop-shadow(0 0 3px rgba(47,140,255,.7))}
 .hm-g{z-index:3}
 .hm-ch{left:3px;top:39px;width:73px;height:auto;padding:7px 8px;font-size:8.5px}
 .hm-ch li{height:24px}
 .hm-msg{left:81px;top:18px;width:150px;height:auto;padding:6px 8px 6px 34px;font-size:8.5px}
 .hm-msg:before{content:"";position:absolute;left:8px;top:16px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#f6c7a8,#c98a6a)}
 .hm-msg p{margin:2px 0 0}
 .hm-rep{left:238px;top:26px;width:150px;height:auto;font-size:8px;padding:6px 8px}
 .hm-rep p{margin:3px 0 0}
 .hm-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;left:128px;top:104px;width:74px;height:76px;z-index:3;box-sizing:border-box;padding:4px;border-radius:10px;background:linear-gradient(160deg,rgba(255,255,255,.97),rgba(214,232,255,.93));border:1px solid #9cc6ff;box-shadow:0 0 0 3px rgba(47,140,255,.18),0 12px 26px -10px rgba(29,78,216,.75)}
 .hm-hub img{width:30px;height:30px}
 .hm-hub b{font-size:10.5px;color:#0b1f4d}.hm-hub small{font-size:5.6px;color:#334a74;white-space:nowrap}
 .hm-r{left:248px;width:140px;height:28px;font-size:8.5px;padding:0 8px;gap:6px}
 .hm-r:before{content:"";flex:none;width:14px;height:14px;border-radius:4px;background:#1d6ff2}
 .hm-r.r1{top:131px}.hm-r.r2{top:167px}.hm-r.r3{top:203px}
 .hm-note{left:300px;top:250px;z-index:3}
}
@media (max-width:900px){
 .hm-art{display:grid;grid-template-columns:1fr 1fr;gap:8px;aspect-ratio:auto;height:auto;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;margin-top:18px}
 .hm-art .hm-heroimg{grid-column:1/-1;grid-row:2;width:100%;height:auto}
 .hm-wires,.hm-cubelogo,.hm-art .hm-note{display:none}
 .hm-art .hm-g,.hm-art .hm-hub{display:block;position:static;width:auto;height:auto;box-sizing:border-box;min-width:0}
 .hm-art .hm-msg{grid-column:1/-1;grid-row:1}
 .hm-art .hm-ch{grid-column:1;grid-row:3}.hm-art .hm-ch li{height:24px}
 .hm-art .hm-rep{grid-column:2;grid-row:3}
 .hm-art .hm-hub{grid-column:1/-1;grid-row:2;align-self:center;justify-self:center;z-index:2;text-align:center;background:rgba(255,255,255,.9);border:1px solid #9cc6ff;border-radius:10px;padding:6px 10px;margin-top:-12%}
 .hm-art .hm-hub img{display:block;margin:0 auto;width:26px;height:26px}.hm-art .hm-hub b,.hm-art .hm-hub small{display:block}
 .hm-art .hm-r{grid-column:1/-1;display:flex}
 .hm-art .hm-g p{overflow-wrap:anywhere}
}
@media (min-width:901px){}
@media (max-width:900px){.hm-art .hm-r{background:#fff;border:.7px solid #dbe6fa;border-radius:8px;padding:6px 10px;gap:6px;align-items:center}.hm-art .hm-r:before{content:"";flex:none;width:12px;height:12px;border-radius:3px;background:#1d6ff2}}
@media (min-width:901px){}
@media (min-width:901px){}
/* t1800: new design-matched 3D art; overlay re-aligned to art tile */
@media (min-width:901px){
 .hm-heroimg{left:-7px;top:52px;width:340px;height:191px;-webkit-mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 75%,transparent 100%);mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 75%,transparent 100%)}
 .hm-wires{display:none}
 .hm-hub{left:125px;top:162px;width:80px;height:26px;background:none;border:0;box-shadow:none;padding:0}
 .hm-hub img{display:none}
 .hm-hub b{font-size:9.5px}.hm-hub small{font-size:5px}
 .hm-ch{top:44px}
}
@media (max-width:900px){
 .hm-art .hm-hub{align-self:start;margin-top:32%;background:none;border:0;padding:0}
 .hm-art .hm-hub img{display:none}
 .hm-art .hm-hub b{font-size:13px}.hm-art .hm-hub small{font-size:8px}
}
@media (min-width:901px){body.l-en .hm-hl h1{font-size:34px;white-space:nowrap}body.l-en .hm-hl{width:330px}body.l-en .hm-lead{width:320px;font-size:12.5px}.hm-ch{width:84px;left:-6px}.hm-ch b{white-space:nowrap}}
/* t2904u: hero starts higher like EN-01/BN-01 (design ~7 units higher); header kept: design logo/nav/bar already same size or larger at 1440 */
@media (min-width:901px){.hm-hero .hm-w{transform:translateY(-7px)}}
/* t2905u/t2906u: Home laptop art (home-laptop-match, 2:1) + HTML labels per LAPTOP-OVERLAY.md */
.hm-prart.hm-lp{height:auto;aspect-ratio:2/1;max-width:100%;box-sizing:border-box}
.hm-prart.hm-lp img{display:block;width:100%!important;height:100%!important;object-fit:contain;-webkit-mask-image:none!important;mask-image:none!important}
.hm-lp{position:relative}
.hm-lpl{position:absolute;max-width:17%;color:#0b1f4d;font-weight:600;font-size:clamp(9px,1.6vw,18px);line-height:1.15;overflow-wrap:anywhere}
.hm-lpl b{display:block;font-weight:600}.hm-lpl small{display:block;font-weight:500;font-size:.62em;color:#334a74;margin-top:2px}
.hm-lpl.l1{left:19.5%;top:22%}
.hm-lpl.l2{left:83%;top:44%;max-width:14%}
@media (min-width:901px){.hm-prart.hm-lp{width:420px!important;height:210px!important}.hm-lpl{font-size:11px}}
@media (max-width:420px){.hm-lpl small{display:none}}
/* t2933u pass 2: hero art scaled toward EN-01 composition */
@media (min-width:901px){.hm-art{transform:translate(60px,0) scale(1.3);transform-origin:0 0}}
/* t2950u approved hero wording: SMS soon tag, mark on New enquiry, Auto reply hub */


.hm-msg b.mk{display:flex;align-items:center;gap:4px}.hm-msg b.mk img{width:12px;height:12px;flex:none}
@media (min-width:901px){.hm-ch{height:auto}.hm-ch li{height:21px}.hm-hub b{font-size:9.5px;white-space:nowrap}.hm-hub small{font-size:5.2px}}
@media (min-width:901px){.hm-note{top:232px!important;left:330px!important}}
.hm-ch li i.dsms{background:#2f8cff}
.hm-ch li em.soon{font-style:normal;font-size:.78em;font-weight:600;color:#fff;background:#1d6ff2;border-radius:6px;padding:1px 5px;margin-left:4px;line-height:1.3}
.hm-ch li i{flex:none}
@media (min-width:901px){.hm-art .hm-ch{width:auto!important;min-width:73px;white-space:nowrap}}