.clarity-cards{font-family:var(--font, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);background:var(--surface, #EFF4FF);position:relative}.clarity-cards__container{max-width:1400px;margin:0 auto;padding:0 var(--px, 24px)}.clarity-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.clarity-cards__grid{grid-template-columns:1fr;gap:20px;padding:60px 0}}.clarity-cards__card{padding:20px;border-radius:16px;border:1px solid #E6EAF5;background:var(--surface, #FFFFFF);transition:all var(--t-med, .4s) var(--ease, cubic-bezier(.22,.61,.36,1));opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.clarity-cards__card--animate{animation:slideUpFade var(--t-slow, .8s) var(--ease, cubic-bezier(.22,.61,.36,1)) forwards}.clarity-cards__card:nth-child(1){animation-delay:calc(var(--stagger, 90ms) * 1)}.clarity-cards__card:nth-child(2){animation-delay:calc(var(--stagger, 90ms) * 2)}.clarity-cards__card:nth-child(3){animation-delay:calc(var(--stagger, 90ms) * 3)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.clarity-cards__card:hover{border-color:var(--blue-1, #0781D4);transform:translateY(-4px);box-shadow:0 8px 24px #0781d414}.clarity-cards__icon{width:48px;height:48px;margin-bottom:16px;position:relative}.clarity-cards__icon svg{width:100%;height:100%;stroke:var(--blue-1, #0781D4);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.clarity-cards__icon svg path,.clarity-cards__icon svg circle,.clarity-cards__icon svg line,.clarity-cards__icon svg polyline{animation:strokeDraw 1.2s var(--ease, cubic-bezier(.22,.61,.36,1)) forwards}@keyframes strokeDraw{0%{stroke-dashoffset:var(--path-length, 200)}to{stroke-dashoffset:0}}.clarity-cards__title{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--ink, #0F172A);margin:0 0 8px}.clarity-cards__text{font-size:1rem;font-weight:400;line-height:1.6;color:var(--muted, #475569);margin:0}@media (prefers-reduced-motion: reduce){.clarity-cards__card{animation:none;opacity:1;transform:none}.clarity-cards__card:hover{transform:none}.clarity-cards__icon svg path,.clarity-cards__icon svg circle,.clarity-cards__icon svg line,.clarity-cards__icon svg polyline{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/clarity-cards.css.map */