.mechanism-main{background:#f8f9fa;min-height:100vh;padding:4rem 1rem;font-family:Neue Montreal,Inter,sans-serif}.mechanism-container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.mechanism-header{text-align:center;color:#64748b;text-transform:none;margin-bottom:.5rem;font-size:1.05rem;font-weight:400}.mechanism-title{text-align:center;color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.5rem;font-family:Neue Montreal,Inter,sans-serif;font-size:2.25rem;font-weight:800}.mechanism-subtitle{text-align:center;color:#64748b;margin-bottom:2.5rem;font-family:Nunito Sans,Open Sans,sans-serif;font-size:1.05rem;font-weight:400}.mechanism-flow{flex-direction:column;gap:0;animation:.5s ease-out slideDownFade;display:flex;position:relative}.mechanism-flow:before{content:"";z-index:0;background:#d1d5db;width:2px;height:calc(100% - 160px);position:absolute;top:80px;left:60px}.mechanism-step{z-index:1;align-items:flex-start;margin-bottom:3rem;display:flex;position:relative}.mechanism-step:last-child{margin-bottom:0}.step-icon-wrapper{z-index:2;flex-direction:column;align-items:center;width:120px;min-width:120px;display:flex;position:relative}.step-icon-circle{border:3px solid var(--color-primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative;box-shadow:0 8px 24px #0000001f}.step-icon{object-fit:contain;filter:none;width:48px;height:48px}.step-arrow{border-left:12px solid #0000;border-right:12px solid #0000;border-top:16px solid var(--color-primary);width:0;height:0;margin-top:8px}.step-content{flex:1;padding-top:.5rem;padding-left:2rem}.step-title{color:var(--color-primary);margin-bottom:.75rem;font-family:Neue Montreal,Inter,sans-serif;font-size:1.125rem;font-weight:700}.step-subtitle{color:#64748b;font-family:Nunito Sans,Open Sans,sans-serif;font-size:.9rem;line-height:1.7}.step-note{color:#3b82f6;margin-top:.5rem;font-family:Nunito Sans,sans-serif;font-size:.85rem;font-weight:600}.step-number-badge{color:#fff;text-transform:uppercase;white-space:nowrap;background:#3b82f6;border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;position:absolute;top:0;right:0;box-shadow:0 2px 8px #3b82f64d}.mechanism-step:first-child .step-icon-circle,.mechanism-step:nth-child(2) .step-icon-circle,.mechanism-step:nth-child(3) .step-icon-circle,.mechanism-step:nth-child(4) .step-icon-circle,.mechanism-step:nth-child(5) .step-icon-circle,.mechanism-step:nth-child(6) .step-icon-circle{border-color:var(--color-primary)}.mechanism-step:first-child .step-arrow,.mechanism-step:nth-child(2) .step-arrow,.mechanism-step:nth-child(3) .step-arrow,.mechanism-step:nth-child(4) .step-arrow,.mechanism-step:nth-child(5) .step-arrow,.mechanism-step:nth-child(6) .step-arrow{border-top-color:var(--color-primary)}.mechanism-step:first-child .step-number-badge,.mechanism-step:nth-child(2) .step-number-badge,.mechanism-step:nth-child(3) .step-number-badge,.mechanism-step:nth-child(4) .step-number-badge,.mechanism-step:nth-child(5) .step-number-badge,.mechanism-step:nth-child(6) .step-number-badge{background:var(--color-primary)}.mechanism-step:first-child .step-title,.mechanism-step:nth-child(2) .step-title,.mechanism-step:nth-child(3) .step-title,.mechanism-step:nth-child(4) .step-title,.mechanism-step:nth-child(5) .step-title,.mechanism-step:nth-child(6) .step-title{color:var(--color-primary)}.mechanism-buttons{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:3rem;display:flex}.toggle-button{color:var(--color-primary);cursor:pointer;text-align:left;background:linear-gradient(135deg,#fde4e4 0%,#fdd9d9 100%);border:none;border-radius:1rem;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:280px;padding:2rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.toggle-button:nth-child(2){background:linear-gradient(135deg,#e4f4fd 0%,#d9edfc 100%)}.toggle-button:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.toggle-button.active{box-shadow:0 8px 24px #00000026}.toggle-button-header{color:var(--color-primary);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.toggle-button-desc{color:#64748b;margin-bottom:.75rem;font-size:.875rem;font-weight:400;line-height:1.5}.toggle-button-cta{color:#fff;background:#059669;border-radius:20px;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-block}.toggle-button:nth-child(2) .toggle-button-cta{background:#2563eb}.toggle-button:hover .toggle-button-cta{transform:scale(1.05)}.toggle-button-illustration{opacity:.9;width:80px;height:80px;position:absolute;bottom:1rem;right:1rem}.toggle-button-arrow{color:#64748b;font-size:1.25rem;transition:transform .3s;position:absolute;top:1.5rem;right:1.5rem}.toggle-button.active .toggle-button-arrow{transform:rotate(180deg)}.flowchart-sections-wrapper{flex-direction:row;justify-content:center;align-items:flex-start;gap:3.5rem;margin-top:3rem;display:flex}.flowchart-section{background:#fff;border-radius:2rem;flex-direction:column;align-items:center;min-width:540px;max-width:420px;margin-bottom:0;padding:3rem 2.5rem 2.5rem;transition:all .3s;display:flex}.flowchart-sections-wrapper.single{flex-direction:row;justify-content:center;max-width:700px;margin:0 auto}.flowchart-sections-wrapper-row{flex-direction:row;justify-content:center;align-items:flex-start;gap:3.5rem;margin-top:3rem;margin-bottom:0;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.flowchart-section{min-width:0;max-width:100%}}@media (max-width:1024px){.flowchart-sections-wrapper{flex-direction:column;align-items:center;gap:2.5rem}.flowchart-section{width:100%;min-width:0;max-width:95vw}.flowchart-sections-wrapper-row{flex-direction:column;align-items:center;gap:2.5rem;margin-top:2rem}}@media (max-width:768px){.mechanism-container{padding:1.5rem .75rem}.mechanism-flow:before{height:calc(100% - 120px);top:60px;left:45px}.step-icon-wrapper{width:90px;min-width:90px}.step-icon-circle{width:70px;height:70px}.step-icon{width:32px;height:32px}.step-arrow{border-left:8px solid #0000;border-right:8px solid #0000;border-top:12px solid var(--color-primary);margin-top:6px}.step-content{padding-left:1rem}.step-title{font-size:1rem}.step-subtitle{font-size:.85rem}.step-number-badge{padding:.35rem .85rem;font-size:.75rem}.mechanism-step{margin-bottom:2rem}.mechanism-buttons{gap:1.5rem}.toggle-button{min-width:100%;padding:1.5rem 1.75rem}.toggle-button-illustration{width:60px;height:60px}}.detail-toggle-btn{color:var(--color-primary);border:2px solid var(--color-primary);cursor:pointer;box-shadow:none;text-align:center;letter-spacing:.01em;background:#fff;border-radius:999px;margin:2.5rem auto 0;padding:.85rem 2.5rem;font-family:Neue Montreal,Inter,sans-serif;font-size:1.08rem;font-weight:700;transition:all .3s;display:block}.detail-toggle-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #1e293b33}.detail-toggle-btn:active{transform:translateY(0)}@media (max-width:600px){.flowchart-section{border-radius:1.2rem;padding:1.5rem .7rem}.mechanism-title{font-size:1.25rem}.detail-toggle-btn{padding:.7rem 1.5rem;font-size:.95rem}}
