/* Approved reference: 1024 x 1536. Homepage-scoped corrections. */
.home-approved{background:#fff;color:#092846}
.home-approved [data-reveal]{opacity:1;transform:none}
@media(min-width:900px){
.home-approved .h4__h1{font-size:calc(33 * var(--k));font-weight:800}
.home-approved .h4__sub{font-size:calc(10.5 * var(--k));line-height:calc(16 * var(--k))}
.home-approved .h4__nav a,.home-approved .h4__lang{font-size:calc(9 * var(--k))}
.home-approved .h4__btn{font-size:calc(9 * var(--k))}
.home-approved .h4__play{font-size:calc(8 * var(--k));gap:calc(7 * var(--k))}
.home-approved .h4__cta{font-size:calc(8 * var(--k))}
}
/* 02 — six-column trust strip, 49px at reference width. */
@media(min-width:900px){
.home-approved .trust3{container-type:inline-size;--k:calc(100cqw / 1024);height:calc(49 * 100vw / 1024);background:#fff}
.home-approved .trust3__in{max-width:none;width:100%;height:100%;padding:0 calc(18 * var(--k));gap:0}
.home-approved .trust3__i{padding:0 calc(18 * var(--k));gap:calc(8 * var(--k));height:calc(24 * var(--k));align-self:center;align-items:center}
.home-approved .trust3__ico{width:calc(23 * var(--k));height:calc(23 * var(--k))}
.home-approved .trust3__ico svg{width:100%;height:100%}
.home-approved .trust3__txt b{font-size:calc(9 * var(--k));line-height:1.3;white-space:nowrap}
.home-approved .trust3__txt small{font-size:calc(8 * var(--k));line-height:1.4;margin-top:calc(2 * var(--k));white-space:nowrap}
}
/* 03 — supplied transparent ecosystem artwork and live labels. */
.home-approved .e4__chips li:nth-child(3) svg{color:#ffb769;stroke:currentColor}
.home-approved .e4__chips li:nth-child(2) svg{color:#00a8c6;stroke:currentColor}
@media(min-width:900px){
.home-approved .e4{border:0;box-sizing:border-box;background:#f6faff;aspect-ratio:1024/198}
.home-approved .e4__art{position:absolute;left:calc(270 * var(--k));top:calc(4 * var(--k));width:calc(280 * var(--k));height:calc(194 * var(--k));z-index:1}
.home-approved .e4__art img{display:block;width:100%;height:100%;object-fit:contain}
.home-approved .e4__labels li:after{content:'';position:absolute;left:calc(103 * var(--k));width:calc(105 * var(--k));top:50%;border-top:1px dashed #0b8fff;z-index:-1}
.home-approved .e4__labels li:before{content:'';position:absolute;left:calc(103 * var(--k));top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#0b8fff}
.home-approved .e4__labels{z-index:0}
.home-approved .e4__say{right:calc(95 * var(--k))}
.home-approved .e4__say h2{font-size:calc(23 * var(--k));top:calc(24 * var(--k))}
.home-approved .e4__say p{width:calc(300 * var(--k));font-size:calc(10 * var(--k));top:calc(61 * var(--k))}
.home-approved .e4__more{top:calc(101 * var(--k))}
.home-approved .e4__chips{right:calc(92 * var(--k));top:calc(140 * var(--k))}
.home-approved .e4__chips svg{width:calc(25 * var(--k));height:calc(25 * var(--k))}
.home-approved .e4__labels b{font-size:calc(10 * var(--k))}
}
@media(max-width:899px){.home-approved .e4__art{position:static;width:min(100%,380px);height:auto;margin:auto}.home-approved .e4__art img{width:100%;height:auto;object-fit:contain}.home-approved .e4__say h2{white-space:normal}}
/* 04 — compact semantic solution cards; individual approved photographs. */
.home-approved .s5__bg{display:none}
@media(min-width:900px){
.home-approved .s5{border:0;box-sizing:border-box;aspect-ratio:1024/182;background:#fff}
.home-approved .s5__hd h2,.home-approved .s5__hd h2 em{color:#0f2547}
.home-approved .s5__hd p{font-size:calc(8.5 * var(--k));margin-top:calc(4 * var(--k))}
.home-approved .s5__all{left:auto;right:calc(48 * var(--k));top:calc(15 * var(--k))}
.home-approved .s5__grid li{top:calc(38 * var(--k));height:calc(134 * var(--k))}
.home-approved .s5__grid a{background:#fff;border:1px solid #e0e8f1;overflow:hidden;border-radius:calc(4 * var(--k))}
.home-approved .s5__img{display:block;width:100%;height:calc(58 * var(--k));object-fit:cover;position:absolute;top:0;left:0}
.home-approved .s5__ico{right:auto;left:calc(7 * var(--k));top:calc(65 * var(--k));border:1px solid #d6e7ff!important;border-radius:calc(9 * var(--k));width:calc(31 * var(--k));height:calc(32 * var(--k))}
.home-approved .s5__grid b{right:calc(9 * var(--k));left:auto;top:calc(65 * var(--k));width:calc(96 * var(--k));font-size:calc(10 * var(--k));line-height:1.45}
.home-approved .s5__grid small{right:calc(9 * var(--k));top:calc(98 * var(--k));width:calc(125 * var(--k));font-size:calc(9 * var(--k));line-height:calc(13 * var(--k))}
.home-approved .s5__grid li:nth-child(1) .s5__ico{color:#703aff;border-color:#e9ddff!important}
.home-approved .s5__grid li:nth-child(2) .s5__ico{color:#ff7500;border-color:#ffe0c1!important}
.home-approved .s5__grid li:nth-child(3) .s5__ico{color:#00aabe}
}
/* 05 — contractor image left, checklist center, stacked actions right. */
@media(min-width:900px){
.home-approved .i6{border:0;box-sizing:border-box;aspect-ratio:1024/202;background:#fff}
.home-approved .i6__hd h2 em{color:#0f2547}
.home-approved .i6__hd p{font-size:calc(8.5 * var(--k));margin-top:calc(3 * var(--k))}
.home-approved .i6__tab{font-size:calc(9 * var(--k));gap:calc(10 * var(--k));flex-direction:row-reverse}
.home-approved .i6__tab svg{width:calc(19 * var(--k));height:calc(19 * var(--k))}
.home-approved .i6__say{right:calc(17 * var(--k))}
.home-approved .i6__say h3{font-size:calc(12 * var(--k))}
.home-approved .i6__say>p{font-size:calc(8.5 * var(--k));margin-top:calc(6 * var(--k))}
.home-approved .i6__say ul{position:absolute;left:calc(10 * var(--k));top:calc(34 * var(--k));margin:0;width:calc(283 * var(--k));grid-template-columns:repeat(2,1fr);gap:calc(4 * var(--k)) calc(26 * var(--k))}
.home-approved .i6__say li{font-size:calc(9 * var(--k));line-height:calc(16 * var(--k));white-space:nowrap}
.home-approved .i6__say li svg{stroke:#0b8fff}
.home-approved .i6__cta{top:calc(51 * var(--k));width:calc(169 * var(--k));flex-direction:column;gap:calc(5 * var(--k))}
.home-approved .i6__b1,.home-approved .i6__b2{width:100%;height:calc(27 * var(--k));font-size:calc(9 * var(--k));border-radius:calc(4 * var(--k))}
}
/* 06 — eight stages, fixed reference rhythm. */
@media(min-width:900px){
.home-approved .m7{border:0;box-sizing:border-box;aspect-ratio:1024/112}
.home-approved .m7__hd h2{font-size:calc(17 * var(--k))}
.home-approved .m7__hd h2 em{color:#fff}
.home-approved .m7__hd p{font-size:calc(8 * var(--k))}
.home-approved .m7__steps b{color:#fff;font-size:calc(10 * var(--k))}
.home-approved .m7__steps small{font-size:calc(10 * var(--k));margin-top:calc(2 * var(--k))}
}
/* 07 — live product cards. Only the dashboard areas of the supplied
   reference are visible in the decorative screen windows. */
.home-approved .p8__cards li{background:#f0f5fb;border:1px solid #e3ebf4;border-radius:8px;overflow:hidden}
.home-approved .p8__screen{background-image:url('/media/approved/06-products.webp');background-repeat:no-repeat}
.home-approved .p8__hd p{margin:2px 0 0;color:#5a6b83}
@media(min-width:900px){
.home-approved .p8{border:0;box-sizing:border-box;aspect-ratio:1024/146;background:#fff}
.home-approved .p8__hd{top:0}
.home-approved .p8__hd h2{font-size:calc(18 * var(--k));margin:0;line-height:1.4}
.home-approved .p8__hd p{font-size:calc(8.5 * var(--k));line-height:1.2}
.home-approved .p8__cards{position:absolute;inset:calc(39 * var(--k)) calc(44 * var(--k)) calc(7 * var(--k));display:grid;grid-template-columns:repeat(2,1fr);gap:calc(10 * var(--k))}
.home-approved .p8__cards li{position:relative;left:auto!important;top:auto;width:auto;height:auto;padding:0;border-radius:calc(7 * var(--k))}
.home-approved .p8__screen{position:absolute;right:0;top:0;width:calc(224 * var(--k));height:100%;background-size:calc(1024 * var(--k)) calc(146 * var(--k))}
.home-approved .p8__card--con .p8__screen{background-position:calc(-756 * var(--k)) calc(-39 * var(--k))}
.home-approved .p8__card--abc .p8__screen{background-position:calc(-283 * var(--k)) calc(-39 * var(--k))}
.home-approved .p8__copy{position:absolute;left:calc(10 * var(--k));top:calc(5 * var(--k));width:calc(210 * var(--k));text-align:right}
.home-approved .p8__copy b{font-size:calc(12 * var(--k));line-height:1.5;color:#092846}
.home-approved .p8__copy i{font-size:calc(9.5 * var(--k));line-height:1.4;color:#092846;margin-top:calc(1 * var(--k))}
.home-approved .p8__copy p{font-size:calc(9 * var(--k));line-height:calc(14 * var(--k));margin-top:calc(7 * var(--k))}
.home-approved .p8__copy a{font-size:calc(10 * var(--k));margin-top:calc(3 * var(--k));color:#0b8fff}
}
@media(max-width:899px){
.home-approved .p8__hd p{font-size:13px;line-height:1.7;margin-top:6px}
.home-approved .p8__cards li{padding:16px}
.home-approved .p8__copy b{font-size:21px}
.home-approved .p8__copy i{display:block;font-style:normal;margin-top:6px}
.home-approved .p8__copy p{font-size:14px;line-height:1.8}
.home-approved .p8__copy a{display:inline-flex;color:#0b8fff;gap:8px}
.home-approved .p8__screen{float:left;width:224px;height:100px;background-size:1024px 146px;margin:0 10px 12px 0;max-width:100%}
.home-approved .p8__card--con .p8__screen{background-position:-756px -39px}
.home-approved .p8__card--abc .p8__screen{background-position:-283px -39px}
}
/* 08 — intelligent operations. */
@media(min-width:900px){
.home-approved .a9{border:0;box-sizing:border-box;aspect-ratio:1024/138}
.home-approved .a9__say{width:calc(420 * var(--k))}
.home-approved .a9__say h2{font-size:calc(19 * var(--k));white-space:nowrap}
.home-approved .a9__say h2 em{font-style:normal;color:#72d6fa}
.home-approved .a9__say p{font-size:calc(9 * var(--k));white-space:nowrap}
.home-approved .a9__caps li{font-size:calc(8 * var(--k));width:calc(85 * var(--k))}
.home-approved .a9__caps li:first-child{width:calc(120 * var(--k))}
.home-approved .a9__more{font-size:calc(9 * var(--k))}
}
/* 09 — four compact cards using the supplied building visuals. */
.home-approved .p10__photo{position:absolute;inset:0 0 16px;display:block;background-image:url('/media/approved/08-projects-cta-footer.webp');background-repeat:no-repeat;background-size:1024px 240px}
.home-approved .p10__project--0 .p10__photo{background-position:-749px -23px}
.home-approved .p10__project--1 .p10__photo{background-position:-517px -23px}
.home-approved .p10__project--2 .p10__photo{background-position:-286px -23px}
.home-approved .p10__project--3 .p10__photo{background-position:-51px -23px}
.home-approved .p10__grid a{background:#102533}
@media(min-width:900px){
.home-approved .p10{border:0;box-sizing:border-box;aspect-ratio:1024/82;background:#fff}
.home-approved .p10__photo{bottom:calc(14 * var(--k));background-size:calc(1024 * var(--k)) calc(240 * var(--k))}
.home-approved .p10__project--0 .p10__photo{background-position:calc(-749 * var(--k)) calc(-23 * var(--k))}
.home-approved .p10__project--1 .p10__photo{background-position:calc(-517 * var(--k)) calc(-23 * var(--k))}
.home-approved .p10__project--2 .p10__photo{background-position:calc(-286 * var(--k)) calc(-23 * var(--k))}
.home-approved .p10__project--3 .p10__photo{background-position:calc(-51 * var(--k)) calc(-23 * var(--k))}
.home-approved .p10__hd p{font-size:calc(7 * var(--k))}
.home-approved .p10__cap{padding:0 calc(12 * var(--k)) calc(3 * var(--k));background:linear-gradient(transparent,#102533);height:calc(17 * var(--k))}
.home-approved .p10__cap b{font-size:calc(10 * var(--k))}
}
@media(max-width:899px){
.home-approved .p10__grid a{height:130px}
.home-approved .p10__photo{background-size:calc(1024 * 1.6px) calc(240 * 1.6px);bottom:30px}
.home-approved .p10__project--0 .p10__photo{background-position:calc(-749 * 1.6px) calc(-23 * 1.6px)}
.home-approved .p10__project--1 .p10__photo{background-position:calc(-517 * 1.6px) calc(-23 * 1.6px)}
.home-approved .p10__project--2 .p10__photo{background-position:calc(-286 * 1.6px) calc(-23 * 1.6px)}
.home-approved .p10__project--3 .p10__photo{background-position:calc(-51 * 1.6px) calc(-23 * 1.6px)}
}
/* 10 — final project actions. */
@media(min-width:900px){
.home-approved .c10{border:0;box-sizing:border-box;aspect-ratio:1024/62}
.home-approved .c10__say h2{font-size:calc(17 * var(--k))}
.home-approved .c10__say p{font-size:calc(8.5 * var(--k))}
.home-approved .c10__b{font-size:calc(8 * var(--k));border-radius:calc(3 * var(--k))}
.home-approved .c10__side b{font-size:calc(9 * var(--k));color:#8bdcff}
.home-approved .c10__side small{font-size:calc(6 * var(--k))}
}
/* 11 — compact reference footer; shared consent, chat and analytics follow. */

.home-approved .h4__brand{flex-direction:row-reverse}
.home-approved .af{background:#071118;color:#e0e6ed;container-type:inline-size;--k:calc(100cqw / 1024);padding:10px 28px 4px}
.af a{color:inherit;text-decoration:none}.af a:hover{color:#5abfff}
.af__grid{direction:ltr;display:grid;grid-template-columns:1.15fr 1.1fr .8fr .65fr .65fr .85fr 1.25fr;gap:25px}
.af__col,.af__brand{text-align:left}.af__col{direction:rtl}
.af__col>b{display:block;font-size:8px;line-height:1.3;margin-bottom:2px}
.af__col>a{display:block;font-size:7px;line-height:1.18}
.af__logo{display:flex;align-items:center;gap:6px}.af__logo 
.af__logo b{display:block;font-size:11px;line-height:1.2}.af__logo small{display:block;font-size:5px;line-height:1.5}
.af__brand p{font-size:6px;margin:5px 0}.af__social{display:flex;gap:12px;font-size:12px;font-weight:800;line-height:1}
.af__contact{direction:rtl;font-style:normal;font-size:8px;line-height:1.9;text-align:right;padding-top:5px}
.af__contact>*{display:block;white-space:nowrap}
.af__legal{display:flex;direction:ltr;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:4px;padding-top:3px;font-size:6px;line-height:1.5}
@media(min-width:900px){
.home-approved .af{height:calc(96 * 100vw / 1024);padding:calc(10 * var(--k)) calc(28 * var(--k)) calc(4 * var(--k));box-sizing:border-box}
.home-approved .af__grid{gap:calc(25 * var(--k));height:calc(64 * var(--k))}
.home-approved .af__col>b{font-size:calc(8 * var(--k))}.home-approved .af__col>a{font-size:calc(7 * var(--k))}
.home-approved .af__contact{font-size:calc(8 * var(--k));padding-top:calc(5 * var(--k))}
.home-approved .af__legal{font-size:calc(6 * var(--k));margin-top:calc(4 * var(--k));padding-top:calc(3 * var(--k))}
.home-approved .af__brand p{font-size:calc(6 * var(--k))}.home-approved .af__logo b{font-size:calc(11 * var(--k))}.home-approved .af__logo small{font-size:calc(5 * var(--k))}
.home-approved .h4__brand>
.home-approved .h4__brand{top:calc(7 * var(--k));gap:calc(9 * var(--k))}
}
@media(max-width:899px){
.home-approved .af{padding:28px 20px 90px}
.af__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.af__brand{grid-column:1/-1}.af__logo b{font-size:18px}.af__logo small{font-size:10px}
.af__brand p{font-size:12px}.af__social{font-size:20px;gap:22px;margin-top:14px}
.af__col,.af__contact{text-align:right}.af__col>b{font-size:15px;margin-bottom:8px}.af__col>a{font-size:13px;line-height:2}
.af__contact{font-size:12px}.af__legal{font-size:10px;line-height:1.8;gap:18px;margin-top:22px;direction:rtl;flex-wrap:wrap}
}
/* Supplied standalone product screenshots. */
.home-approved .p8__screen{background-repeat:no-repeat;background-size:contain!important;background-position:center bottom!important}
.home-approved .p8__card--con .p8__screen{background-image:url('/media/approved-assets/product-connect.jpg')}
.home-approved .p8__card--abc .p8__screen{background-image:url('/media/approved-assets/product-abcare.jpg')}
@media(min-width:900px){
.home-approved .h4__h1 em{font-size:calc(30.5 * var(--k))}
.home-approved .h4__side{left:calc(922 * var(--k));top:calc(69 * var(--k));font-size:calc(7 * var(--k));gap:calc(3 * var(--k))}
.home-approved .e4__labels li{transform:translateY(calc(-6 * var(--k)))}
.home-approved .e4__chips{right:calc(95 * var(--k));top:calc(140 * var(--k))}
.home-approved .e4__chips a{padding-inline:calc(20 * var(--k))}
.home-approved .p8__copy b:before{content:'';display:inline-block;width:calc(16 * var(--k));height:calc(16 * var(--k));background:#0b8fff;mask:url('/assets/approved-icons/product-connect.svg') center/contain no-repeat;margin-left:calc(4 * var(--k));vertical-align:middle}
.home-approved .p8__card--abc .p8__copy b:before{mask-image:url('/assets/approved-icons/product-abcare.svg')}
}
@media(min-width:900px){
.home-approved .h4__pico{border:0;background:transparent}
.home-approved .h4__pico svg{width:calc(17 * var(--k));height:calc(17 * var(--k))}
.home-approved .h4__btn--p,.home-approved .h4__cta{flex-direction:row-reverse}
.home-approved .h4__brand b{font-size:calc(13 * var(--k))}
.home-approved .h4__brand i{font-size:calc(7 * var(--k))}
}
/* Original 2079x756 transparent PNG, including its full transparent canvas.
   The visible artwork is 1044px wide inside that canvas; no asset cropping. */
@media(min-width:900px){
.home-approved .e4__art{left:calc(117 * var(--k));top:calc(-1 * var(--k));width:calc(557.5 * var(--k));height:calc(202.7 * var(--k));pointer-events:none}
}
@media(max-width:899px){
.home-approved .e4__art{width:100%;max-width:none;height:auto;overflow:visible}
.home-approved .e4__art img{width:100%;height:auto}
}
/* Keep the existing chat available in the compact desktop footer. */
@media(min-width:900px){
.home-approved{position:relative}
.home-approved .wafab,.home-approved .abcw-teaser{display:none!important}
.home-approved .abcw-btn{position:absolute!important;left:125px!important;bottom:30px!important;top:auto!important;width:20px!important;height:20px!important;box-shadow:none!important;background:transparent!important}
.home-approved .abcw-btn svg{width:18px!important;height:18px!important}
}
.af__social svg{display:block;width:12px;height:12px;fill:currentColor}
.af__social .social-stroke{fill:none;stroke:currentColor;stroke-width:1.7}.af__social .social-dot{fill:currentColor;stroke:none}
@media(max-width:899px){.af__social svg{width:20px;height:20px}}