.fma-home-proof-widget { padding: 118px 0; color: #122237; background-color: #f4f7fa; background-image: linear-gradient(135deg, rgba(255, 255, 255, .33) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .33) 50%, rgba(255, 255, 255, .33) 75%, transparent 75%); background-size: 28px 28px; font-family: var(--fma-font-body, Arial, sans-serif); }
.fma-home-proof__container { display: grid; width: min(1320px, calc(100% - 64px)); margin: 0 auto; grid-template-columns: 1fr 1fr; gap: 96px; align-items: center; }
.fma-home-proof__media { position: relative; height: 490px; background: #d8e1e9; }
.fma-home-proof__media img, .fma-home-proof__placeholder { display: block; width: 100%; height: 100%; object-fit: cover; }
.fma-home-proof__placeholder { background: #d8e1e9; }
.fma-home-proof__media::after { position: absolute; inset: 0; background: linear-gradient(35deg, rgba(0, 54, 131, .72), transparent 60%); content: ""; }
.fma-home-proof__label { position: absolute; z-index: 1; right: 20px; bottom: 20px; display: flex; align-items: center; gap: 13px; padding: 14px 17px; color: #fff; border-left: 3px solid #82c400; background: rgba(5, 20, 37, .78); backdrop-filter: blur(4px); font-size: 10px; line-height: 1.35; letter-spacing: .08em; text-transform: uppercase; }
.fma-home-proof__label b { color: #82c400; font: 600 24px var(--fma-font-display, Arial, sans-serif); }
.fma-home-proof__eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #61a834; font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.fma-home-proof__eyebrow span { width: 29px; height: 2px; background: currentColor; }
.fma-home-proof-widget h2 { margin: 0 0 23px; color: #122237; font: 600 clamp(32px, 3.5vw, 44px)/1.04 var(--fma-font-display, Arial, sans-serif); text-wrap: balance; }
.fma-home-proof__accordion { border-top: 1px solid #dbe4ec; }
.fma-home-proof__item { border-bottom: 1px solid #dbe4ec; }
.fma-home-proof__item h3 { margin: 0; }
.fma-home-proof__item button { display: flex; width: 100%; align-items: center; gap: 14px; padding: 19px 0; color: #003683; border: 0; background: transparent; text-align: left; transition: color .2s ease; }
.fma-home-proof__item button:hover { color: #61a834; }
.fma-home-proof__item button > span { flex: 1; font: 500 21px/1.2 var(--fma-font-display, Arial, sans-serif); letter-spacing: .02em; }
.fma-home-proof__item button > i { position: relative; flex: 0 0 auto; width: 30px; height: 30px; border: 1px solid #dbe4ec; font-style: normal; transition: border-color .25s ease, background .25s ease, transform .45s cubic-bezier(.22, .61, .36, 1); }
.fma-home-proof__item button > i::before, .fma-home-proof__item button > i::after { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; background: #61a834; content: ""; transform: translate(-50%, -50%); transition: transform .35s cubic-bezier(.22, .61, .36, 1), background .25s ease; }
.fma-home-proof__item button > i::after { transform: translate(-50%, -50%) rotate(90deg); }
.fma-home-proof__item.is-open button > i { background: #61a834; border-color: #61a834; transform: rotate(90deg); }
.fma-home-proof__item.is-open button > i::before, .fma-home-proof__item.is-open button > i::after { background: #fff; }
.fma-home-proof__item.is-open button > i::after { transform: translate(-50%, -50%) rotate(0deg); }
.fma-home-proof__panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .45s cubic-bezier(.22, .61, .36, 1); }
.fma-home-proof__item.is-open .fma-home-proof__panel { grid-template-rows: 1fr; }
.fma-home-proof__panel > div { overflow: hidden; }
.fma-home-proof__panel p { max-width: 560px; padding: 0 44px 20px; margin: 0; color: #667589; font-size: 14px; }
@media (max-width: 1024px) { .fma-home-proof__container { gap: 55px; } }
@media (max-width: 760px) { .fma-home-proof-widget { padding: 80px 0; } .fma-home-proof__container { width: calc(100% - 40px); grid-template-columns: 1fr; gap: 42px; } .fma-home-proof__media { height: 360px; } }