:root{--color-primary:#f97415;--color-primary-light:rgba(249,116,21,.1);--color-foreground:#1a1a1a;--color-muted-foreground:#737373;--color-muted:#e6e6e6;--color-card:#fff;--color-card-border:#e6e6e6;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px}.how-it-works{background:#fff;padding:clamp(40px,8vw,80px) clamp(16px,4vw,32px)}.how-it-works__container{margin:0 auto;max-width:1152px}.how-it-works__header{margin-bottom:clamp(32px,6vw,48px)}.how-it-works__heading{color:var(--color-foreground);font-size:clamp(32px,6vw,40px);font-weight:700;margin:0 0 var(--spacing-md) 0}.how-it-works__description{color:var(--color-muted-foreground);font-size:clamp(16px,3vw,18px);line-height:1.6;max-width:768px}.how-it-works__description p{margin:0}.how-it-works__grid{align-items:start;display:grid;gap:clamp(32px,6vw,48px)}@media (min-width:1024px){.how-it-works__grid{grid-template-columns:1fr 1fr}}.how-it-works__steps{display:flex;flex-direction:column;gap:var(--spacing-md)}.how-it-works__step-card{align-items:center;background:var(--color-card);border:1px solid var(--color-card-border);border-left:4px solid var(--color-muted);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:clamp(16px,3vw,24px);transition:all .3s ease}.how-it-works__step-card:hover{background:rgba(249,116,21,.05);border-left-color:var(--color-primary);transform:translateX(4px)}.how-it-works__step-card:focus{box-shadow:0 0 0 3px rgba(249,116,21,.3);outline:none}.how-it-works__step-card:active{transform:translateX(2px)}.how-it-works__step-card.active{background:rgba(249,116,21,.2);border-left-color:var(--color-primary);box-shadow:0 0 0 2px rgba(249,116,21,.5)}.how-it-works__step-icon-wrapper{align-items:center;background:var(--color-muted);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.how-it-works__step-card.active .how-it-works__step-icon-wrapper{background:rgba(249,116,21,.3)}.how-it-works__step-icon{font-size:20px}.how-it-works__step-info{flex:1}.how-it-works__step-badge{background:#e6e6e6;border-radius:4px;color:var(--color-muted-foreground);display:inline-block;font-size:12px;font-weight:600;margin-bottom:4px;padding:2px 8px}.how-it-works__step-card.active .how-it-works__step-badge{background:var(--color-primary);color:#fff}.how-it-works__step-title{color:var(--color-foreground);font-size:clamp(16px,3vw,18px);font-weight:600;margin:0}.how-it-works__content{position:relative}.how-it-works__content-panel{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.how-it-works__content-header{align-items:center;display:flex;gap:12px;margin-bottom:var(--spacing-lg)}.how-it-works__content-icon{align-items:center;background:var(--color-primary-light);border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.how-it-works__content-title{color:var(--color-foreground);font-size:clamp(24px,4vw,28px);font-weight:700;margin:0}.how-it-works__content-subtitle{color:var(--color-muted-foreground);font-size:14px;margin:4px 0 0}.how-it-works__content-description{color:var(--color-muted-foreground);font-size:16px;line-height:1.6;margin-bottom:var(--spacing-lg)}.how-it-works__content-description p{margin:0}.how-it-works__content-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.how-it-works__detail{border-bottom:1px solid var(--color-card-border);padding-bottom:var(--spacing-md)}.how-it-works__detail:last-child{border-bottom:none;padding-bottom:0}.how-it-works__detail-label{color:var(--color-foreground);font-size:16px;font-weight:600;margin:0 0 4px}.how-it-works__detail-text{color:var(--color-muted-foreground);font-size:14px;line-height:1.6;margin:0}