/* Public platform alignment only; tenant designs and dashboards are unaffected. */
body[data-page=landing] .clarity-type { --category:#4267d5; --category-bg:#edf2ff; animation:category-enter .45s ease both; }
body[data-page=landing] .clarity-type:nth-child(2) { --category:#0a936d; --category-bg:#e3f7ef; animation-delay:.04s; }
body[data-page=landing] .clarity-type:nth-child(3) { --category:#c57a17; --category-bg:#fff3de; animation-delay:.08s; }
body[data-page=landing] .clarity-type:nth-child(4) { --category:#8a4fbd; --category-bg:#f3eafe; animation-delay:.12s; }
body[data-page=landing] .clarity-type:nth-child(5) { --category:#db597b; --category-bg:#ffedf2; animation-delay:.16s; }
body[data-page=landing] .clarity-type:nth-child(6) { --category:#168aa8; --category-bg:#e6f7fb; animation-delay:.2s; }
.clarity-category-icon { width:52px; height:52px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; background:var(--category-bg); color:var(--category); margin-bottom:13px; transition:transform .2s; }
.clarity-category-icon .icon { width:26px; height:26px; stroke-width:1.8; }
html[data-mode=dark] .clarity-category-icon { background:color-mix(in srgb,var(--category) 20%,#132238); color:color-mix(in srgb,var(--category) 55%,white); }
.clarity-type:hover .clarity-category-icon { transform:translateY(-2px); }
@keyframes category-enter { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none} }
@media(max-width:700px){
 body[data-page=landing] .clarity-header { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:12px; padding:18px 14px; }
 body[data-page=landing] .clarity-logo { justify-content:center; text-align:start; gap:9px; }
 body[data-page=landing] .clarity-logo img { width:43px; height:43px; }
 body[data-page=landing] .clarity-logo strong { display:block!important; font-size:17px!important; }
 body[data-page=landing] .clarity-logo small { display:block; font-size:10px; line-height:1.5; }
 body[data-page=landing] .clarity-header nav { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:9px; }
 body[data-page=landing] .clarity-header nav .btn { min-height:39px; padding:8px 12px; }
 body[data-page=landing] .clarity-header nav .btn span { display:inline!important; font-size:11px; }
 body[data-page=landing] .clarity-footer { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:16px; padding-block:28px; text-align:center; }
 body[data-page=landing] .clarity-footer > * { margin:0; }
 body[data-page=landing] .clarity-footer .clarity-logo { text-align:start; }
 body[data-page=landing] .clarity-footer .text-button { justify-content:center; }
 body[data-page=landing] .clarity-type { padding:19px 14px; text-align:center; }
 body[data-page=landing] .clarity-type > span:last-child { justify-content:center; }
 body[data-page=landing] .clarity-type h3 { font-size:15px; line-height:1.7; }
 body[data-page=landing] .clarity-type p { font-size:11px; }
}
@media(prefers-reduced-motion:reduce){body[data-page=landing] .clarity-type,.clarity-category-icon{animation:none!important;transition:none!important;transform:none!important;}}