#categories.section--group { padding-bottom: var(--band); }
#categories.section--group .section__head { margin-bottom: 40px; }

.areatile { height: 100%; display: flex; flex-direction: column; gap: 10px; border: 0; border-radius: 26px; background: #e6f4fb; padding: 26px 24px; color: inherit; transition: transform .4s cubic-bezier(.16, 1, .3, 1), box-shadow .4s ease; }
.areatile:hover { transform: translateY(-6px); box-shadow: 0 34px 78px -40px rgba(11, 11, 16, .5); color: inherit; }
.areatile__no { font-family: var(--font-mono); font-size: 10px; font-weight: 700; letter-spacing: .2em; color: var(--accent-strong); }
.areatile__title { font-family: var(--font-heading); font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1.25; color: var(--ink); }
.areatile__text { font-size: 14px; line-height: 1.5; color: var(--ink-2); }

.area { scroll-margin-top: 90px; }
.area__head { display: flex; flex-direction: column; gap: 24px; margin-bottom: 40px; }
.area__intro .section__title a { color: inherit; }
.area__intro .section__title a:hover { color: var(--accent); }
.area__cta { align-self: flex-start; }
@media (min-width: 992px) { .area__head { flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 48px; } .area__intro { max-width: 760px; } .area__cta { align-self: auto; flex-shrink: 0; } }

.area .way--service { border: 0; border-radius: 26px; background: #f1f3f7; transition: transform .4s cubic-bezier(.16, 1, .3, 1), box-shadow .4s ease; }
.area .way--service:hover { transform: translateY(-6px); box-shadow: 0 34px 78px -40px rgba(11, 11, 16, .5); }
.area .way--service .way__text { margin-bottom: 22px; }
.area .way--service .way__meta { padding-top: 18px; padding-bottom: 4px; border-top-color: rgba(11, 11, 16, .14); }

#modes { background: #fdfdfe; }