.hero-visual{padding-bottom:76px}.hero-benefits{position:absolute;z-index:5;left:50%;bottom:0;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,max-content);gap:9px;width:max-content}.hero-benefits .float-card{position:static;min-width:145px;padding:10px 12px;box-shadow:0 12px 30px rgba(11,31,51,.11)}.hero-benefits .icon-box,.reward-dot{width:32px;height:32px;flex:0 0 32px}.reward-dot{display:grid;place-items:center;border-radius:10px;background:var(--purple);color:#fff;font-size:.78rem}.hero-benefits .float-card small{font-size:.6rem}.hero-benefits .float-card strong{font-size:.76rem}@media(min-width:1101px){.customer-photo{height:420px}.photo-brand{bottom:92px}.hero-visual{height:520px}}@media(max-width:1100px){.hero-benefits .float-card{min-width:150px}}@media(max-width:560px){.hero-visual{height:445px;padding-bottom:120px}.customer-photo{height:305px}.photo-brand{bottom:135px}.hero-benefits{grid-template-columns:1fr;width:min(310px,94%);gap:6px}.hero-benefits .float-card{width:100%;min-width:0;padding:7px 10px}.hero-benefits .float-card small{font-size:.58rem}.hero-benefits .float-card strong{font-size:.72rem}.hero-benefits .icon-box,.reward-dot{width:28px;height:28px;flex-basis:28px}}