.home-tasks { padding: 72px 0; background: #fff; }
.home-tasks__heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.4rem; }
.home-tasks__eyebrow { margin: 0 0 .45rem; color: #1765c1; font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.home-tasks h2 { margin: 0; color: #16243a; font-size: clamp(1.65rem, 3vw, 2.35rem); letter-spacing: -.035em; line-height: 1.1; }
.home-tasks__lead { max-width: 350px; margin: 0; color: #5b6d84; font-size: .95rem; line-height: 1.5; }
.home-tasks__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.home-tasks__item { min-height: 178px; padding: 24px 18px; border: 1px solid #dce6f2; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgb(30 75 126 / 6%); color: #1765c1; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.home-tasks__icon { display: block; margin: 0 0 18px; color: #1765c1; }
.home-tasks__item h3 { margin: 0; color: #16243a; font-size: 1rem; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; }
@media (hover: hover) and (pointer: fine) { .home-tasks__item:hover { border-color: #7fb1ed; box-shadow: 0 13px 28px rgb(30 75 126 / 13%); transform: translateY(-3px); } }
@media (max-width: 900px) { .home-tasks__list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 680px) { .home-tasks { padding-bottom: 56px; } .home-tasks__heading { display: block; margin-bottom: 1.1rem; } .home-tasks__lead { margin-top: .8rem; } .home-tasks__list { display: flex; gap: 12px; overflow-x: auto; margin-right: calc((100vw - 100%) / -2); padding: 2px 16px 12px 2px; scroll-snap-type: x mandatory; scrollbar-width: thin; } .home-tasks__item { min-width: 224px; min-height: 166px; flex: 0 0 224px; scroll-snap-align: start; } }
@media (max-width: 680px) { .home-tasks { padding-top: 56px; } }
@media (prefers-reduced-motion: reduce) { .home-tasks__item { transition: none; } }