.fma-home-process-widget { padding: 118px 0; color: #122237; background: #fff; font-family: var(--fma-font-body, Arial, sans-serif); }
.fma-home-process__container { display: grid; width: min(1320px, calc(100% - 64px)); margin: 0 auto; grid-template-columns: .8fr 1.2fr; gap: 96px; align-items: start; }
.fma-home-process__intro { position: sticky; top: 120px; }
.fma-home-process__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #61a834; font-size: 10px; font-weight: 800; letter-spacing: .17em; line-height: 1.2; text-transform: uppercase; }
.fma-home-process__eyebrow span { width: 29px; height: 2px; background: currentColor; }
.fma-home-process-widget h2 { margin: 0 0 23px; color: #122237; font-family: var(--fma-font-display, Arial, sans-serif); font-size: clamp(32px, 3.5vw, 44px); font-weight: 600; line-height: 1.04; text-wrap: balance; }
.fma-home-process__intro > p:not(.fma-home-process__eyebrow) { max-width: 390px; margin: 0 0 29px; color: #667589; }
.fma-home-process__intro > a { display: inline-flex; align-items: center; gap: 12px; color: #003683; font-size: 13px; font-weight: 800; }
.fma-home-process__intro > a .icon { transition: transform .22s cubic-bezier(.22, .61, .36, 1); }
.fma-home-process__intro > a:hover { color: #61a834; }
.fma-home-process__intro > a:hover .icon { transform: translate(2px, -2px); }
.fma-home-process__list { position: relative; padding: 0; margin: 0; list-style: none; }
.fma-home-process__list::before { position: absolute; top: 12px; bottom: 12px; left: 20px; width: 1px; background: #dbe4ec; content: ""; }
.fma-home-process__list li { position: relative; display: grid; grid-template-columns: 42px 1fr 34px; gap: 18px; align-items: start; padding: 24px 0; border-bottom: 1px solid #dbe4ec; outline-offset: 4px; }
.fma-home-process__list li:last-child { border-bottom: 0; }
.fma-home-process__step { position: relative; z-index: 1; display: grid; width: 41px; height: 41px; place-items: center; color: #61a834; background: #fff; border: 1px solid #dbe4ec; transition: background .25s ease, border-color .25s ease, color .25s ease, transform .3s cubic-bezier(.22, .61, .36, 1); }
.fma-home-process__step b { font-size: 13px; font-weight: 600; letter-spacing: .05em; }
.fma-home-process__list li:hover .fma-home-process__step, .fma-home-process__list li:focus-visible .fma-home-process__step { color: #fff; background: #61a834; border-color: #61a834; transform: scale(1.06); }
.fma-home-process__body h3 { margin: 6px 0 0; color: #122237; font-family: var(--fma-font-display, Arial, sans-serif); font-size: 24px; font-weight: 600; line-height: 1.04; transition: color .22s ease; }
.fma-home-process__list li:hover .fma-home-process__body h3, .fma-home-process__list li:focus-visible .fma-home-process__body h3 { color: #003683; }
.fma-home-process__detail { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.22, .61, .36, 1); }
.fma-home-process__detail > p { max-width: 520px; margin: 0; overflow: hidden; color: #667589; font-size: 13px; }
.fma-home-process__list li:hover .fma-home-process__detail, .fma-home-process__list li:focus-visible .fma-home-process__detail, .fma-home-process__list li:focus-within .fma-home-process__detail { grid-template-rows: 1fr; }
.fma-home-process__list li:hover .fma-home-process__detail > p, .fma-home-process__list li:focus-visible .fma-home-process__detail > p, .fma-home-process__list li:focus-within .fma-home-process__detail > p { padding-top: 8px; }
.fma-home-process__arrow { color: #dbe4ec; font-size: 20px; font-style: normal; transition: color .22s ease, transform .24s cubic-bezier(.22, .61, .36, 1); }
.fma-home-process__list li:hover .fma-home-process__arrow, .fma-home-process__list li:focus-visible .fma-home-process__arrow { color: #61a834; transform: translate(4px, -4px); }
@media (max-width: 1024px) { .fma-home-process__container { gap: 55px; } }
@media (max-width: 760px) { .fma-home-process-widget { padding: 80px 0; } .fma-home-process__container { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 42px; } .fma-home-process__intro { position: static; } .fma-home-process__detail { grid-template-rows: 1fr; } .fma-home-process__detail > p { padding-top: 8px; } }