.focus-hero { position: relative; overflow: hidden; }
.focus-hero::after { content: ""; position: absolute; right: max(5vw, 32px); bottom: -110px; width: 330px; height: 330px; border: 54px solid rgba(19, 171, 186, .12); border-radius: 50%; pointer-events: none; }
.focus-hero > * { position: relative; z-index: 1; }
.focus-introduction { max-width: 1060px; margin: 0 auto; padding: 72px max(5vw, 32px) 42px; }
.focus-introduction p { margin: 0; color: var(--navy); font-family: Georgia, serif; font-size: clamp(21px, 2.3vw, 31px); line-height: 1.5; }
.focus-introduction p + p { margin-top: 28px; color: #506971; font-family: inherit; font-size: 17px; line-height: 1.75; }
.focus-sections { max-width: 1180px; margin: 0 auto; padding: 28px max(5vw, 32px) 82px; display: grid; gap: 1px; }
.focus-sections article { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 28px; padding: 42px; background: #f2f8f8; border-left: 4px solid transparent; transition: .2s ease; }
.focus-sections article:hover { border-left-color: var(--cyan); background: #eaf6f7; }
.focus-sections article > span { color: var(--cyan); font-family: Georgia, serif; font-size: 42px; line-height: 1; }
.focus-sections .eyebrow { margin: 0 0 8px; }
.focus-sections h2 { max-width: 760px; margin: 0 0 12px; color: var(--navy); font-size: clamp(27px, 3vw, 42px); }
.focus-sections article p:last-child { max-width: 800px; margin: 0; color: #5d737b; font-size: 16px; line-height: 1.75; }
.focus-sections article p:last-child a { color: var(--blue); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.focus-sections article p:last-child a:hover, .focus-sections article p:last-child a:focus-visible { color: var(--navy); }
.focus-cta { margin-top: 0; }
@media (max-width: 700px) { .focus-hero::after { right: -150px; } .focus-introduction { padding-top: 48px; } .focus-sections article { grid-template-columns: 1fr; gap: 16px; padding: 30px 24px; } .focus-sections article > span { font-size: 30px; } }