.dfy-mechanics{background:#fff;color:#10214e;padding:56px 0}
.dfy-mechanics__inner{max-width:var(--dfy-pdp-content-max,1200px);width:calc(100% - 2 * var(--dfy-pdp-gutter,24px));margin:auto;display:grid;grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);grid-template-rows:auto auto;align-items:center;column-gap:32px;row-gap:20px}
.dfy-mechanics__copy{grid-column:1;grid-row:1;align-self:end;min-width:0}
.dfy-mechanics__eyebrow{font-size:11px;letter-spacing:.15em;color:#476b9e;margin:0 0 14px}
.dfy-mechanics h2{font-size:var(--difiney-title-size,36px);font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0 0 18px;color:inherit}
.dfy-mechanics__intro{font-size:16px;line-height:1.6;color:#566782;margin:0}
.dfy-mechanics__stages{grid-column:1;grid-row:2;align-self:start;display:grid;gap:0;min-width:0}
.dfy-mechanics__stages button{font:inherit;border:0;border-top:1px solid #e1e8f1;background:#fff;padding:15px 12px;text-align:left;display:flex;gap:12px;color:#536581;cursor:pointer;border-radius:0;transition:background-color .25s,color .25s,box-shadow .25s}
.dfy-mechanics__stages button[aria-pressed=true]{background:#f2f8fd;box-shadow:inset 2px 0 #2478cf;color:#10214e}
.dfy-mechanics__number{font-size:11px;color:#547da9;padding-top:3px;flex:none}
.dfy-mechanics__stages strong{display:block;font-size:15px;font-weight:600;line-height:1.35}
.dfy-mechanics__step-description{display:block;font-size:12.5px;line-height:1.5;color:#62748c;margin:6px 0 0}
.dfy-mechanics__stages button[aria-pressed=true] .dfy-mechanics__step-description{color:#526882}
.dfy-mechanics__visual{grid-column:2;grid-row:1/span 2;min-width:0;width:100%;align-self:center}
.dfy-mechanics__visual svg{width:100%;height:auto;aspect-ratio:525/460;display:block;overflow:visible}
.dfy-mechanics__caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;color:#24568a;min-height:48px;margin-top:8px}
.dfy-mechanics__status{flex:1;min-width:0}
.dfy-mechanics__caption button{background:white;color:#526782;border:1px solid #d6e1ed;border-radius:99px;font:inherit;padding:9px 11px;min-height:40px;cursor:pointer;white-space:nowrap}
.dfy-mechanics button:focus-visible{outline:2px solid #2478cf;outline-offset:3px}
.dfy-mechanics__caption button[hidden]{display:none}
.dfy-mechanics__note{font-size:10px;color:#718097;line-height:1.5;margin:8px 0 0}
@media(min-width:750px) and (max-width:989px){.dfy-mechanics__inner{column-gap:20px;row-gap:16px}.dfy-mechanics h2{font-size:28px}.dfy-mechanics__intro{font-size:14px}.dfy-mechanics__stages button{padding:12px 10px;gap:9px}.dfy-mechanics__stages strong{font-size:14px}.dfy-mechanics__step-description{font-size:12px}.dfy-mechanics__caption{flex-wrap:wrap;gap:6px}.dfy-mechanics__status{flex-basis:100%;min-height:33px}.dfy-mechanics__caption button{margin-left:auto}}
@media(max-width:749px){.dfy-mechanics{padding:40px 0}.dfy-mechanics__inner{grid-template-columns:minmax(0,1fr);row-gap:18px}.dfy-mechanics__copy{grid-column:1;grid-row:1}.dfy-mechanics h2{font-size:28px;margin-bottom:14px}.dfy-mechanics__eyebrow{font-size:10px;margin-bottom:12px}.dfy-mechanics__intro{font-size:14px;line-height:1.55}.dfy-mechanics__visual{grid-column:1;grid-row:2;max-width:520px;margin:auto}.dfy-mechanics__stages{grid-column:1;grid-row:3}.dfy-mechanics__caption{font-size:10px;gap:8px;min-height:48px;margin-top:0}.dfy-mechanics__caption button{font-size:10px;min-height:44px;padding:8px 10px}.dfy-mechanics__note{font-size:9px;margin-top:4px}.dfy-mechanics__stages button{padding:13px 10px}.dfy-mechanics__stages strong{font-size:14px}.dfy-mechanics__step-description{font-size:12px}}
@media(prefers-reduced-motion:reduce){.dfy-mechanics__stages button{transition:none}}
