/* t2878 Home (additive; final.css untouched). Units = 1024 design px. */
.hm-w{width:910px;margin:0 auto;position:relative}
body.l-en,body.l-bn{background:linear-gradient(180deg,#f3f7ff 0,#fff 30%,#f6f9ff 100%)}
.hm-h{height:45px;background:rgba(255,255,255,.9);border-bottom:.7px solid #e6edf8;position:relative;z-index:5}
.hm-h .hm-w{display:flex;align-items:center;height:45px;width:930px}
.hm-logo img{display:block;height:30px;width:auto}
.hm-nav{display:flex;gap:23px;margin-left:52px;font-size:11.5px;font-weight:500}
.hm-nav a,.hm-si{color:#0b1f4d;text-decoration:none}
.hm-hr{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:11.5px}
.hm-lang{display:flex;align-items:center;gap:5px;border:.7px solid #e2e9f6;border-radius:6px;padding:5px 9px;color:#0b1f4d;text-decoration:none;font-size:11px}
.hm-lang svg{width:13px;height:13px}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(90deg,#1d8cf8,#1d4ed8);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;font-size:12px;height:34px;padding:0 16px;border:1px solid transparent;box-shadow:0 8px 18px -10px rgba(29,78,216,.7);white-space:nowrap}
.hm-btn.sm{height:28px;font-size:10.5px;padding:0 12px;border-radius:5px}
.hm-btn.lg{height:44px;min-width:170px;font-size:13px}
.hm-btn.o{background:#fff;color:#1d4ed8;border-color:#1d6ff2;box-shadow:none}
.hm-btn.dk{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);box-shadow:none}
.hm-hero{position:relative;height:345px;overflow:hidden}
.hm-hero .hm-w{height:100%}
.hm-hl{position:absolute;left:0;top:26px;width:420px;z-index:2}
.hm-eb,.hm-k{display:inline-flex;align-items:center;gap:7px;font-size:9px;font-weight:700;letter-spacing:.09em;color:#0b1f4d}
.hm-eb{background:#eaf1fd;border-radius:20px;padding:4px 11px}
.hm-eb i,.hm-k i{width:6px;height:6px;border-radius:50%;background:#1d8cf8;display:inline-block}
.hm-hl h1{font-size:43px;line-height:1.08;letter-spacing:-.025em;font-weight:800;color:#0b1f4d;margin:14px 0 10px}
.hm-hl h1 em{font-style:normal;color:#1d6ff2}
.hm-lead{font-size:16px;line-height:1.4;color:#334a74;margin:0 0 20px;width:370px}
.hm-hb{display:flex;gap:11px}
.hm-checks{display:flex;gap:20px;margin-top:22px;font-size:11px;color:#0b1f4d;font-weight:500}
.hm-checks span{display:flex;align-items:center;gap:6px}
.ck{width:13px;height:13px;flex:none}
.hm-art{position:absolute;left:400px;top:0;width:570px;height:345px}
.hm-heroimg{position:absolute;left:5px;top:5px;width:560px;height:336px}
.hm-g{position:absolute;background:rgba(255,255,255,.95);border:.7px solid #dbe6fa;border-radius:8px;box-shadow:0 10px 24px -14px rgba(29,78,216,.5);font-size:9.5px;color:#0b1f4d;padding:8px 10px}
.hm-g b{display:block;font-size:10px;margin-bottom:5px}
.hm-g p{margin:0;line-height:1.35}
.hm-ch{left:72px;top:55px;width:92px;height:210px}
.hm-ch ul{list-style:none;margin:6px 0 0;padding:0}
.hm-ch li{display:flex;align-items:center;gap:7px;height:29px}
.hm-ch li i{width:14px;height:14px;border-radius:4px;background:#1d6ff2}
.hm-ch li i.d1{background:#7c6cf2}.hm-ch li i.d2{background:#1877f2}.hm-ch li i.d3{background:conic-gradient(#ea4335 0 25%,#fbbc05 0 50%,#34a853 0 75%,#4285f4 0)}.hm-ch li i.d4{background:linear-gradient(135deg,#f9a825,#e1306c,#7c3aed)}
.hm-msg{left:185px;top:30px;width:190px;height:58px}
.hm-rep{left:405px;top:38px;width:180px;height:120px}
.hm-rep small{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#334a74}
.hm-hub{position:absolute;left:228px;top:178px;width:120px;text-align:center;color:#0b1f4d}
.hm-hub b{display:block;font-size:12px}.hm-hub small{font-size:8px}
.hm-r{left:420px;width:162px;height:28px;padding:0 10px;display:flex;align-items:center;font-weight:500}
.hm-r.r1{top:182px}.hm-r.r2{top:228px}.hm-r.r3{top:274px}
.hm-note{position:absolute;left:470px;top:318px;font-size:10px;font-style:italic;transform:rotate(-8deg);color:#0b1f4d;line-height:1.1}
.hm-trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:.7px solid #e6edf8;border-radius:10px;box-shadow:0 12px 28px -20px rgba(23,60,160,.4);height:50px;margin-top:8px;font-size:10px;color:#334a74}
.hm-trust>div{display:flex;align-items:center;gap:12px;padding:0 22px;border-left:.7px solid #e6edf8}
.hm-trust>div:first-child{border:0}
.hm-trust img{width:28px;height:28px}
.hm-trust a{color:#1d4ed8}
.hm-sec h2{font-size:30px;line-height:1.12;letter-spacing:-.02em;color:#0b1f4d;font-weight:800;margin:6px 0 3px}
.hm-sec h2 em{font-style:normal;color:#1d6ff2}
.hm-sub{font-size:14px;color:#334a74;margin:0}
.hm-prod{padding-top:22px}
.hm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.hm-card{position:relative;background:#fff;border:.7px solid #e6edf8;border-radius:10px;box-shadow:0 14px 30px -24px rgba(23,60,160,.5);padding:14px 17px 12px;height:258px;display:flex;flex-direction:column;font-size:11px;color:#334a74}
.hm-card>img{width:46px;height:46px}
.hm-badge{position:absolute;right:12px;top:14px;font-size:9px;border-radius:10px;padding:3px 9px;background:#eef2f8;color:#334a74}
.hm-badge.b{background:#e6f0ff;color:#1d4ed8}.hm-badge.g{background:#e3f8ee;color:#05875a}
.hm-card h3{font-size:14px;color:#0b1f4d;margin:10px 0 4px}
.hm-card p{margin:0 0 6px;line-height:1.35}
.hm-card ul{list-style:none;padding:0;margin:0 0 8px}
.hm-card li{display:flex;gap:7px;align-items:flex-start;margin:3px 0}
.hm-price{color:#0b1f4d;font-size:12px;margin-top:auto}
.hm-cbtn{display:flex;align-items:center;justify-content:center;gap:6px;height:30px;margin-top:8px;border-radius:6px;background:#e8f0fd;color:#1d4ed8;font-weight:600;text-decoration:none;font-size:11.5px}
.hm-cbtn svg{width:13px;height:13px}
.hm-how{padding-top:22px}
.hm-how .hm-w{display:flex;gap:30px;align-items:flex-start}
.hm-howl{width:270px;flex:none}.hm-howl h2{font-size:24px}.hm-howl .hm-sub{font-size:12px;margin-bottom:12px}
.hm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;flex:1;margin-top:6px}
.hm-step{position:relative;background:rgba(255,255,255,.9);border:.7px solid #e6edf8;border-radius:9px;height:128px;text-align:center;padding:12px 8px;font-size:10.5px;color:#334a74;box-shadow:0 14px 30px -24px rgba(23,60,160,.5)}
.hm-step:not(:last-child):after{content:"→";position:absolute;right:-17px;top:52px;color:#1d6ff2;font-size:14px}
.hm-step b{display:flex;align-items:center;justify-content:center;gap:7px;color:#0b1f4d;font-size:11px}
.hm-step b span{width:18px;height:18px;border-radius:50%;background:#1d6ff2;color:#fff;display:grid;place-items:center;font-size:10px}
.hm-step p{margin:8px 0 0;line-height:1.35}
.hm-sic3{display:flex;justify-content:center;gap:8px;margin-top:14px}.hm-sic3 svg,.hm-sic1 svg{width:24px;height:24px}
.hm-sic1{display:block;margin-top:14px}.hm-sicA{width:36px;height:36px;margin-top:8px}
.hm-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:32px;margin-top:10px}
.hm-bars i{width:7px;background:linear-gradient(#38bdf8,#1d4ed8);border-radius:2px}
.hm-bars i:nth-child(1){height:30%}.hm-bars i:nth-child(2){height:42%}.hm-bars i:nth-child(3){height:55%}.hm-bars i:nth-child(4){height:68%}.hm-bars i:nth-child(5){height:84%}.hm-bars i:nth-child(6){height:100%}
.hm-pr{padding-top:8px}
.hm-pr .hm-w{height:150px}
.hm-prl{position:relative;z-index:2}
.hm-plans{display:flex;gap:9px;margin-top:10px}
.hm-plan{display:flex;align-items:center;justify-content:space-between;width:282px;height:52px;padding:0 14px 0 18px;background:#fff;border:.7px solid #e6edf8;border-radius:9px;text-decoration:none;box-shadow:0 14px 30px -24px rgba(23,60,160,.5)}
.hm-plan b{display:block;color:#0b1f4d;font-size:12px}.hm-plan small{font-size:11px;color:#334a74}
.hm-plan svg{width:24px;height:24px}
.hm-small{font-size:9.5px;color:#5a6b8c;margin:5px 0 0}
.hm-prart{position:absolute;right:-50px;top:-30px;width:350px;height:210px}
.hm-prart img{width:350px;height:210px}
.hm-lc{left:10px;top:30px;width:80px;height:95px}.hm-lc .hm-bars{height:40px}
.hm-ac{right:0;top:65px;width:85px;height:46px}.hm-ac em{font-style:normal;color:#05875a;font-weight:800;font-size:12px}
.hm-faq{padding-top:4px}
.hm-faq h2{margin-top:2px}
.hm-fq{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-top:4px}
.hm-fq details{background:#fff;border:.7px solid #e6edf8;border-radius:7px;box-shadow:0 10px 24px -20px rgba(23,60,160,.5)}
.hm-fq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;height:25px;padding:0 16px;font-size:11.5px;font-weight:600;color:#0b1f4d}
.hm-fq summary::-webkit-details-marker{display:none}
.chev{width:13px;height:13px}
.hm-fq details p{margin:0;padding:0 16px 10px;font-size:11px;color:#334a74}
.hm-more{display:inline-block;margin:8px 0 10px;font-size:11.5px;color:#1d4ed8}
.hm-cta{display:flex;align-items:center;gap:20px;height:76px;padding:0 34px;border-radius:9px;background:linear-gradient(90deg,#0b1a3d,#0a1f4f 60%,#0b1a3d);color:#fff;position:relative}
.hm-cta>img{width:64px;height:48px}
.hm-cta h2{font-size:17px;margin:0 0 5px;color:#fff}.hm-cta p{margin:0;font-size:10.5px;color:#c9d6ef}
.hm-cb{display:flex;gap:11px;margin-left:auto;margin-right:110px}
.hm-plane{position:absolute;right:24px;top:6px;width:84px;height:66px}
.hm-f{margin-top:6px;border-top:.7px solid #e6edf8;padding-top:10px;font-size:10.5px}
.hm-fg{display:grid;grid-template-columns:205px 170px 140px 186px 1fr;color:#334a74}
.hm-fg img{height:26px;width:auto}
.hm-fg p{margin:4px 0 0;color:#0b1f4d;line-height:1.4}
.hm-fg a{display:block;color:#334a74;text-decoration:none;line-height:1.3}
.hm-fg p a{display:inline;color:#0b1f4d}
.hm-fg h4{font-size:9.5px;margin:4px 0 2px;color:#0b1f4d;letter-spacing:.03em}
.hm-copy{border-top:.7px solid #e6edf8;margin-top:16px;padding:10px 0 40px;font-size:9.5px;color:#5a6b8c}



@media (prefers-reduced-motion:reduce){.hm-hero *{animation:none!important;transition:none!important}}
@media (max-width:900px){
 .hm-w,.hm-h .hm-w{width:auto;padding:0 16px}
 .hm-nav,.hm-si,.hm-h .hm-btn{display:none}
 .hm-hero{height:auto}.hm-hl{position:static;width:auto;padding-top:22px}
 .hm-hl h1{font-size:34px}.hm-lead{width:auto}
 .hm-hb{flex-wrap:wrap}.hm-btn.lg{flex:1 1 140px;min-width:0}
 .hm-checks{flex-wrap:wrap;gap:10px 16px}
 .hm-art{position:relative;left:auto;width:100%;height:auto;aspect-ratio:5/3;margin-top:18px}
 .hm-heroimg{position:static;width:100%;height:auto}
 .hm-art .hm-g,.hm-hub,.hm-note{display:none}
 .hm-trust{grid-template-columns:1fr 1fr;height:auto}.hm-trust>div{padding:12px;border:0}
 .hm-cards,.hm-steps{grid-template-columns:1fr}.hm-card{height:auto}
 .hm-how .hm-w{display:block}.hm-howl{width:auto;margin-bottom:12px}
 .hm-step:after{display:none}
 .hm-pr .hm-w{height:auto}.hm-plans{flex-direction:column}.hm-plan{width:auto}
 .hm-prart{position:relative;right:auto;top:auto;width:100%;height:auto;margin-top:12px}.hm-prart img{width:100%;height:auto}.hm-prart .hm-g{display:none}
 .hm-fq{grid-template-columns:1fr}.hm-fq summary{height:auto;min-height:40px;padding:8px 14px}
 .hm-cta{flex-direction:column;height:auto;padding:22px;text-align:center}.hm-cb{margin:0;flex-wrap:wrap;justify-content:center}.hm-plane{display:none}
 .hm-fg{grid-template-columns:1fr 1fr;gap:16px}.hm-fg>div:first-child{grid-column:1/-1}
}
/* pass 2: lock section heights to design (1024 px canvas) */
@media (min-width:901px){
 .hm-prod{height:368px;box-sizing:border-box;padding-top:20px}
 .hm-prod h2{margin:4px 0 2px}.hm-cards{margin-top:8px}
 .hm-how{height:172px;box-sizing:border-box;padding-top:14px}
 .hm-steps{margin-top:12px}
 .hm-pr{height:135px;box-sizing:border-box;padding-top:4px}.hm-pr .hm-w{height:auto}
 .hm-pr h2{margin:3px 0 2px}.hm-plans{margin-top:8px}
 .hm-faq{height:147px;box-sizing:border-box;padding-top:2px}.hm-faq h2{margin:0}
 .hm-fq{margin-top:8px}.hm-more{margin:6px 0 0}
 .hm-f{height:181px;box-sizing:border-box;margin-top:7px}
 .hm-copy{margin-top:22px;padding:10px 0 0}
 .hm-art{left:395px;width:560px}
 .hm-heroimg{left:0;top:-8px;width:600px;height:360px}
 .hm-ch{left:50px;top:36px;width:100px;height:226px;box-sizing:border-box}
 .hm-msg{left:178px;top:4px;width:200px;height:56px;box-sizing:border-box}
 .hm-rep{left:400px;top:32px;width:160px;height:86px;box-sizing:border-box;font-size:8.5px;padding:6px 8px}
 .hm-rep small{margin-top:4px}
 .hm-r{left:400px;width:160px}
 .hm-r.r1{top:122px}.hm-r.r2{top:162px}.hm-r.r3{top:202px}
 .hm-hub{display:none}
 .hm-note{left:470px;top:300px}
 .hm-prart{top:-60px;right:-40px}
}
/* pass 3 */
@media (min-width:901px){
 .hm-hl{top:14px}.hm-hl h1{font-size:46px;margin:12px 0 8px}
 .hm-prart{top:-30px;right:-45px}
 .hm-lc{left:-10px;top:40px}.hm-ac{right:10px;top:80px;width:96px;height:auto}
 
}
/* pass 3 BN: BN-01 design rhythm */
@media (min-width:901px){
 
 
 
 
 
 
 
 
 
}
/* t2889 hero cand-a + leads card: soft edge mask (no added glow) */
.hm-heroimg,.hm-prart img{-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%)}
.hm-cubelogo{position:absolute;width:44px;height:44px;left:229px;top:108px}
@media (max-width:900px){.hm-cubelogo{left:38.5%;top:30%;width:11%;height:auto}.hm-art{overflow:visible}.hm-hero{overflow:visible}}
.hm-cubelogo{left:255px;top:156px}
@media (max-width:900px){.hm-cubelogo{left:42.5%;top:41%}}
/* t2893: phones = one swipeable row of small product cards (only the strip scrolls) */
@media (max-width:900px){
 .hm-cards{display:flex!important;grid-template-columns:none!important;gap:10px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;padding:2px 0 10px}
 .hm-cards::-webkit-scrollbar{display:none}
 .hm-cards>.hm-card{flex:0 0 74%;max-width:280px;min-width:0;height:auto;scroll-snap-align:start;box-sizing:border-box}
 .hm-card li{white-space:normal}
}
/* t2893: 901-1439px ("Desktop site" on phones, small laptops): scale the 1024 canvas to fit, keep a side gap */
@media (min-width:901px) and (max-width:1023.98px){body{zoom:.875!important;margin:0 auto!important}}
@media (min-width:1024px) and (max-width:1279.98px){body{zoom:1!important;margin:0 auto!important}}
@media (min-width:1280px) and (max-width:1439.98px){body{zoom:1.25!important;margin:0 auto!important}}