.binfographic-wrap{position:relative;width:100%;max-width:760px;margin:2rem auto;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;box-sizing:border-box}.binfographic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.binfographic-card{position:relative;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgb(0 0 0 / .10);border:2px dashed #ddd;transition:transform .25s ease,box-shadow .25s ease;box-sizing:border-box}.binfographic-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgb(0 0 0 / .14)}.binfographic-card__accent{position:absolute;bottom:-8px;left:6px;right:6px;height:18px;border-radius:0 0 14px 14px;z-index:-1}.binfographic-card__accent--orange{background:#E8A020}.binfographic-card__accent--blue{background:#2196F3}.binfographic-card__accent--green{background:#4CAF50}.binfographic-card__accent--red{background:#E53935}.binfographic-card__inner{padding:28px 24px 24px;text-align:center}.binfographic-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:12px}.binfographic-icon svg{width:36px;height:36px}.binfographic-icon--orange{color:#E8A020}.binfographic-icon--blue{color:#2196F3}.binfographic-icon--green{color:#4CAF50}.binfographic-icon--red{color:#E53935}.binfographic-label{font-size:1rem;font-weight:700;letter-spacing:.08em;margin:0 0 10px;line-height:1.2}.binfographic-label--orange{color:#E8A020}.binfographic-label--blue{color:#2196F3}.binfographic-label--green{color:#4CAF50}.binfographic-label--red{color:#E53935}.binfographic-text{font-size:.85rem;color:#666;line-height:1.6;margin:0}.binfographic-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:116px;height:116px;background:#fff;border-radius:50%;box-shadow:0 0 0 6px #f0f0f0,0 6px 24px rgb(0 0 0 / .12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;z-index:10;pointer-events:none;padding:8px;box-sizing:border-box}.binfographic-hub__title{font-size:.5rem;font-weight:800;letter-spacing:.06em;color:#333;margin:0;line-height:1.4;text-transform:uppercase}.binfographic-hub__dots{display:flex;gap:4px;align-items:center;justify-content:center}.binfographic-hub__dot{width:7px;height:7px;border-radius:50%;display:inline-block}.binfographic-hub__dot--orange{background:#E8A020}.binfographic-hub__dot--blue{background:#2196F3}.binfographic-hub__dot--green{background:#4CAF50}.binfographic-hub__dot--red{background:#E53935}@media (max-width:640px){.binfographic-grid{gap:14px}.binfographic-hub{width:86px;height:86px}.binfographic-hub__title{font-size:.42rem}.binfographic-hub__dot{width:5px;height:5px}.binfographic-card__inner{padding:18px 14px 16px}.binfographic-icon{width:40px;height:40px;margin-bottom:8px}.binfographic-icon svg{width:28px;height:28px}.binfographic-label{font-size:.82rem;letter-spacing:.05em}.binfographic-text{font-size:.76rem}}@media (max-width:400px){.binfographic-grid{display:flex;flex-direction:column;gap:12px}.binfographic-hub{position:relative;top:auto;left:auto;transform:none;width:100%;height:auto;border-radius:12px;padding:12px 16px;box-shadow:0 4px 14px rgb(0 0 0 / .10);flex-direction:row;justify-content:center;gap:10px;pointer-events:auto;margin:0}.binfographic-hub__title{font-size:.78rem}.binfographic-card:nth-child(1){order:1}.binfographic-card:nth-child(2){order:2}.binfographic-hub{order:3}.binfographic-card:nth-child(3){order:4}.binfographic-card:nth-child(4){order:5}}