/* Shared explanatory icons. Scene artwork and interface controls retain their roles. */
:root{--clario-icon-ink:#0b2349;--clario-icon-paper:#fff1df;--clario-icon-relief:#ffac78}
body .site-showcase-benefits article>.clario-benefit-icon,body #radar .radar-benefits .clario-benefit-icon{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;padding:9px;margin:0 4px 0 0;background:var(--clario-icon-paper);background-image:none;mix-blend-mode:normal;color:var(--clario-icon-ink);border:1.5px solid var(--clario-icon-ink);border-radius:13px;box-shadow:3px 4px 0 var(--clario-icon-relief);transform:none}
body .clario-benefit-icon svg{display:block;width:24px;height:24px;flex:none;stroke-width:1.7}
body .flow-setup.setup-accompanied ol>li>span,body #first-90-days .deployment-number{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;flex:0 0 44px;padding:0;border:1.5px solid var(--clario-icon-ink);border-radius:13px;background:var(--clario-icon-paper);box-shadow:3px 4px 0 var(--clario-icon-relief);color:var(--clario-icon-ink);transform:none;font:600 18px/1 'DM Sans',sans-serif}
body #first-90-days .phase-reached .deployment-number{background:#ff742b;box-shadow:3px 4px 0 #ffceaa}
@media(max-width:600px){body .site-showcase-benefits article>.clario-benefit-icon,body #radar .radar-benefits .clario-benefit-icon{width:38px;height:38px;flex-basis:38px;padding:7px;border-radius:11px;box-shadow:2px 3px 0 var(--clario-icon-relief)}body .clario-benefit-icon svg{width:22px;height:22px}body .flow-setup.setup-accompanied ol>li>span,body #first-90-days .deployment-number{width:38px;height:38px;flex-basis:38px;border-radius:11px;font-size:16px;box-shadow:2px 3px 0 var(--clario-icon-relief)}}