.hp-mod{box-sizing:border-box;padding:80px;width:100%}.hp-header{align-items:center;display:flex;flex-direction:column;margin-bottom:40px;text-align:center}.hp-title{color:#0a1220;font:800 clamp(36px,6vw,64px)/1.1 Roboto,sans-serif;letter-spacing:-.02em;margin:0}.hp-subtitle{color:rgba(10,18,32,.7);font:400 18px/1.5 Roboto,sans-serif;margin-top:15px;max-width:900px}.hp-container{margin:0 auto;max-width:100%}.hp-tray{background:var(--hp-frame-gradient);background-clip:padding-box;border:none;border-radius:var(--hp-tray-radius,26px);overflow:visible;padding:12px;position:relative;width:100%;z-index:0}.hp-grid{display:grid;gap:12px;grid-template-columns:repeat(var(--hp-item-count,4),minmax(130px,1fr));min-width:min-content}.hp-item{background:#fff;background-clip:padding-box;border:1px solid rgba(10,18,32,.05);border-radius:20px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65),0 10px 24px -12px rgba(0,0,0,.15);flex-direction:column;min-width:130px;padding:35px 20px;transition:transform .2s ease,box-shadow .2s ease}.hp-banner,.hp-item{align-items:center;display:flex;text-align:center}.hp-banner{bottom:0;box-sizing:border-box;left:0;position:absolute;right:0;transform:translateY(100%);z-index:2;--_clip-l:calc((var(--hp-banner-from) - 1)*(100% - 24px)/var(--hp-item-count) + var(--hp-banner-pad-l, 12px));--_clip-r:calc((var(--hp-item-count) - var(--hp-banner-from) - var(--hp-banner-span) + 1)*(100% - 24px)/var(--hp-item-count) + var(--hp-banner-pad-r, 12px));background:var(--hp-frame-gradient);bottom:1px;clip-path:inset(0 var(--_clip-r) 0 var(--_clip-l) round var(--hp-banner-radius,0 0 16px 16px));justify-content:center;left:1px;min-height:40px;padding:0 calc(var(--_clip-r) + 16px) 10px calc(var(--_clip-l) + 16px)}.hp-banner-label{color:var(--hp-banner-text,#0a1220);font:600 12px/1.3 Roboto,sans-serif;letter-spacing:.14em;text-transform:uppercase}.hp-item:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65),0 15px 30px -10px rgba(0,0,0,.2);transform:translateY(-5px)}.hp-icon-box{align-items:center;background:var(--hp-box-gradient);background-clip:padding-box;border:1px solid rgb(from var(--hp-box-start) r g b/.15);border-radius:16px;display:inline-flex;height:64px;justify-content:center;margin-bottom:20px;width:64px}.hp-icon-box svg{display:block;height:30px;width:30px}.hp-icon-box i,.hp-icon-box svg path{color:var(--hp-icon-color)!important;fill:var(--hp-icon-color)!important}.hp-main-text{color:#0a1220;font:700 22px/1.2 Roboto,sans-serif;margin-bottom:6px}.hp-sub-text{color:rgba(10,18,32,.6);font:400 16px/1.4 Roboto,sans-serif}@media (max-width:1024px){.hp-mod{padding:60px 30px}.hp-tray{overflow-x:visible}.hp-grid{grid-template-columns:repeat(2,1fr)}.hp-grid,.hp-item{min-width:unset}.hp-banner{display:none}}@media (max-width:575px){.hp-mod{padding:40px 20px}.hp-grid{grid-template-columns:1fr}}