/* Visual belakang untuk kad servis SBI Logitech */
.float-card.card-top{padding:0;overflow:hidden;grid-template-columns:94px 1fr;gap:0;align-items:stretch;min-width:245px}
.card-top img{width:94px;height:70px;object-fit:cover}
.card-top div{display:grid;align-content:center;gap:4px;padding:10px 13px}

.service-awb,.service-hamper,.service-pickup,.service-special{position:relative;overflow:hidden;isolation:isolate}
.service-awb::before,.service-hamper::before,.service-pickup::before,.service-special::before{content:"";position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat}
.service-awb::after,.service-hamper::after,.service-pickup::after,.service-special::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.79))}
.service-awb::before{background-image:url('assets/awb-printer.png');background-position:72% center}
.service-hamper::before{background-image:url('assets/hamper.png')}
.service-pickup::before{background-image:url('assets/outlet-pickup.png');background-position:center 58%}
.service-special::before{background-image:url('assets/special-handling.png')}
.service-special::after{background:linear-gradient(135deg,rgba(4,44,29,.95),rgba(4,44,29,.72))}
.service-awb p,.service-hamper p,.service-pickup p{color:#33483d}

@media(max-width:800px){.float-card.card-top{grid-template-columns:75px 1fr;min-width:210px}.card-top img{height:64px;width:75px}.card-top div{padding:8px 10px}}

/* Hero baharu: gaya gelap dengan visual outlet SBI Logitech */
.hero{background:linear-gradient(120deg,#021f16 0%,#073b2b 60%,#0b4835 100%)}
.hero h1{color:#fff}.hero h1 span{color:#d9af43}.hero .lead{color:#e1ece6}.hero .eyebrow{color:#c7ef31}.hero .text-link{color:#fff;border:1px solid #95b5a7;border-radius:3px;padding:14px 20px}.hero .coverage{border-color:#6b9180}.hero .coverage b{color:#fff}.hero .coverage span{color:#c5d6cd}.hero .button{background:#d9af43;color:#0a3325}.hero .button:hover{background:#ecc25d}.hero-visual{min-height:450px}.hero-parcel{width:84%;height:405px;right:0;top:20px;border-radius:160px 8px 8px 8px;filter:saturate(1.02) contrast(1.03);box-shadow:0 24px 50px #00190f70}.hero-visual::after{content:"";position:absolute;right:7%;top:0;width:340px;height:340px;border:1px solid #c69a2e66;border-radius:50%;z-index:0}.hero-parcel,.float-card{z-index:1}.orb-one{background:#d9af4333;right:0;top:0}.orb-two{background:#d9af43;left:3%;bottom:4%}.card-bottom{background:#0a3325;color:#fff}.card-bottom span{color:#fff}
@media(max-width:800px){.hero-visual{min-height:330px}.hero-parcel{height:290px;width:88%;top:15px}.hero-visual::after{height:220px;width:220px}.hero .text-link{padding:12px 15px}}