.approach-section{overflow:hidden;padding:2rem 0}@media (min-width:768px){.approach-section{padding:3rem 0}}@media (min-width:1280px){.approach-section{padding:4rem 0}}.approach-header{text-align:center;margin-bottom:2rem}.approach-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}@media (min-width:768px){.approach-title{font-size:2.25rem}}@media (min-width:1024px){.approach-title{font-size:3rem}}.approach-subtitle{font-size:1rem;color:rgba(92,0,122,.8);max-width:36rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.approach-subtitle{font-size:1.125rem}}.approach-slider{gap:1rem;padding:0 1rem}.approach-slider,.step-card{display:flex;flex-direction:column;width:100%}.step-card{background-color:rgba(242,229,248,.8);border-radius:.75rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(1.5rem);border:1px solid rgba(92,0,122,.2);position:relative;min-height:120px}.step-card.animate-in{opacity:1;transform:translateY(0)}.step-card.active,.step-card:hover{background-color:rgba(92,0,122,.95);transform:translateY(-2px);box-shadow:0 8px 25px rgba(92,0,122,.3)}.step-header{display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem}.step-id{font-size:1.5rem;font-weight:700;color:rgba(92,0,122,.8);min-width:2.5rem;flex-shrink:0}.step-card.active .step-id,.step-card:hover .step-id{color:hsla(0,0%,100%,.9)}.step-icon{flex-shrink:0}.step-icon .approach-icon{width:2.5rem;height:2.5rem;display:block;-o-object-fit:contain;object-fit:contain}.step-text{flex-grow:1;min-width:0}.step-title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:rgba(92,0,122,.9);line-height:1.3}.step-card.active .step-title,.step-card:hover .step-title{color:#fff}.step-subtitle{font-size:.875rem;color:rgba(92,0,122,.7);line-height:1.3;margin:0}.step-card.active .step-subtitle,.step-card:hover .step-subtitle{color:hsla(0,0%,100%,.8)}.step-content{display:none;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.2)}.step-expanded-header{display:flex;flex-direction:row;align-items:center;margin-bottom:1rem;gap:1rem}.step-expanded-header .step-id{font-size:1.5rem;font-weight:700;color:hsla(0,0%,100%,.9);min-width:2.5rem}.step-expanded-header{display:none}.step-description{font-size:.875rem;color:hsla(0,0%,100%,.85);line-height:1.6;margin:0;display:none}.step-card.active .step-content,.step-card:hover .step-content{display:block}.step-card.active .step-header,.step-card:hover .step-header{display:flex}.step-card.active .step-description,.step-card:hover .step-description{display:block}.nav-button{display:none}@media (min-width:768px){.approach-slider{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 2rem}.step-expanded-header{display:none}.step-card{min-height:140px;padding:2rem}.step-icon .approach-icon{width:3rem;height:3rem;display:none;-o-object-fit:contain;object-fit:contain}.step-title{font-size:1.25rem}.step-subtitle{font-size:1rem}.step-description{font-size:.9375rem}}@media (min-width:1024px){.approach-slider{display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:.5rem;height:420px;overflow:hidden;padding:0 2rem;white-space:wrap}.step-card{flex:1;min-width:0;height:100%;padding:1.5rem;min-height:auto}.step-card.active,.step-card:hover{flex:2;min-height:420px}.step-header{flex-direction:column;align-items:center;text-align:center;gap:.5rem;white-space:wrap}.step-id{font-size:2rem;position:absolute;top:1rem;left:1rem;min-width:auto}.step-icon .approach-icon{width:4rem;height:4rem;display:block;margin-top:5rem;-o-object-fit:contain;object-fit:contain;position:static}.step-card.active .step-icon .approach-icon,.step-card:hover .step-icon .approach-icon{position:absolute;top:.5rem;left:.5rem;display:none;white-space:wrap}.step-text{margin-top:1rem;white-space:wrap}.step-title{font-size:1.5rem;margin-left:1rem}.step-subtitle,.step-title{text-align:center;white-space:wrap}.step-subtitle{font-size:1.2rem}.step-content{margin-top:0;padding-top:0;border-top:none;text-align:center;justify-content:center;align-items:center}.step-expanded-header{flex-direction:column;align-items:center;margin-bottom:1rem;gap:.5rem;white-space:wrap}.step-expanded-header .step-id{position:absolute;top:.5rem;left:1rem;min-width:auto;white-space:wrap}.step-expanded-header .step-title{font-size:1.5rem;margin-top:3rem;white-space:wrap}.step-description{font-size:.875rem;max-width:240px;margin:0 auto;text-align:center}.step-card.active .step-header,.step-card:hover .step-header{white-space:wrap}.nav-button{align-items:center;justify-content:center;background-color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;border:none;cursor:pointer;font-size:.875rem;color:#5c007a;margin-top:1rem}.nav-button,.step-card.active .nav-button,.step-card:hover .nav-button{display:flex}}@media (min-width:1280px){.approach-slider{gap:.5rem;padding:0 2rem}.step-card{padding:.5rem}.step-description{font-size:1rem;max-width:280px}}