.observe-animate .howto-video-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:2.5rem;padding:0 20px;overflow:hidden}.observe-animate .howto-video{width:100%;max-width:1200px;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.08);aspect-ratio:16/9;object-fit:cover}.observe-animate .section-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333}.observe-animate .progress-container{margin-bottom:40px;padding:0 10%}.observe-animate .progress-bar-container{position:relative;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:50px}.observe-animate .progress-bar{position:absolute;left:0;top:50%;transform:translateY(-50%);height:2px;background-color:#e0e0e0;width:100%;z-index:1}.observe-animate .progress-indicator{height:100%;background-color:#3672F7;transition:width 1s ease;position:absolute;left:0;top:0}.observe-animate .step-number-marker{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;position:relative;z-index:2;transition:all .3s ease;grid-row:1;justify-self:center}.observe-animate .step-number-marker.active{background-color:#3672F7;color:white}.observe-animate .step-check-icon{font-size:16px}.observe-animate .steps-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:0 15px;width:100%}.observe-animate .step-card{max-width:400px;border-radius:18px;padding:24px;min-height:250px;box-shadow:0 0 12px 5px rgba(0,0,0,.05);transition:all .3s ease;border:3px solid transparent;background-color:white;box-sizing:border-box;display:flex;flex-direction:column}.observe-animate .step-card.active{border:3px solid #3672f7}.observe-animate .step-icon-container{margin-bottom:20px;color:#3672F7;flex-shrink:0}.observe-animate .step-icon svg{width:36px;height:36px}.observe-animate .step-content{display:flex;flex-direction:column;gap:8px}.observe-animate .step-label{font-size:1rem;font-family:var(--medium-font);color:#666}.observe-animate .step-title{font-size:1.4rem;font-family:var(--bold-font);color:#333;line-height:1.3}.observe-animate .step-description{font-size:.95rem;color:#666;line-height:1.5;margin-top:8px}.observe-animate .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.observe-animate .steps-grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:32px;column-gap:32px;grid-row-gap:30px;row-gap:30px;width:100%;position:relative}.observe-animate .progress-bar-row{position:relative;height:60px;display:grid;grid-template-columns:inherit;align-items:end}.observe-animate .progress-bar-bg,.observe-animate .progress-bar-fg{position:absolute;top:44px;left:0;right:0;height:2px;border-radius:1px;width:100%;margin-left:-18px;margin-right:-18px}.observe-animate .progress-bar-bg{background:#e0e0e0;z-index:1}.observe-animate .progress-bar-fg{background:#3672F7;z-index:2;transition:width 1s ease}.observe-animate .steps-svg-grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:32px;column-gap:32px;grid-row-gap:40px;row-gap:40px;width:100%;position:relative}.observe-animate .stepper-svg-row{grid-column:1/-1;position:relative;height:48px;margin-bottom:24px}.observe-animate .stepper-svg-bar{position:absolute;left:0;top:0;height:48px}.observe-animate .svg-step-marker{position:absolute;top:6px;width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;z-index:2;transition:all .3s ease}.observe-animate .svg-step-marker.active{background-color:#3672F7;color:white}.observe-animate .steps-flex-grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:32px;column-gap:32px;grid-row-gap:40px;row-gap:40px;width:100%;position:relative}.observe-animate .stepper-flex-row{grid-column:1/-1;margin-bottom:24px}.observe-animate .stepper-svg-bar-wrapper{position:absolute;left:0;right:0;top:18px;width:100%;height:2px;z-index:1;pointer-events:none}.observe-animate .stepper-markers-row{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.observe-animate .flex-step-marker{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;transition:all .3s ease}.observe-animate .flex-step-marker.active{background-color:#3672F7;color:white}.observe-animate .steps-perfect-grid-container{display:grid;grid-template-columns:repeat(6,1fr);grid-row-gap:40px;row-gap:40px;width:100%;position:relative}.observe-animate .stepper-perfect-row{grid-column:1/-1;position:relative;margin-bottom:24px;display:contents}.observe-animate .stepper-svg-bar{grid-column:1/-1;width:100%;height:2px;display:block;position:relative;z-index:1;pointer-events:none}.observe-animate .perfect-step-marker{grid-row:1;width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;z-index:2;transition:all .3s ease;position:relative;margin-bottom:16px}.observe-animate .perfect-step-marker.active{background-color:#3672F7;color:white}.observe-animate .stepper-cards-flex-wrapper{width:100%}.observe-animate .stepper-flex-row{display:flex;justify-content:space-between;align-items:flex-start;position:relative;margin-bottom:32px;min-height:36px}.observe-animate .flexsvg-step-marker{width:36px;height:36px;border-radius:50%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#666;z-index:2;transition:all .3s ease;position:relative}.observe-animate .flexsvg-step-marker.active{background-color:#3672F7;color:white}.observe-animate .stepper-cards-row{display:flex;gap:32px}.observe-animate .cssgrid-stepper-wrapper{position:relative;width:100%;margin-bottom:40px}.observe-animate .cssgrid-stepper-line{position:absolute;top:30px;height:2px;background:#3672F7;z-index:0}.observe-animate .cssgrid-stepper-grid{display:grid;grid-gap:2rem;gap:2rem;position:relative;z-index:1}.observe-animate .cssgrid-stepper-marker{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.5rem;z-index:2;transition:background .3s,color .3s}.observe-animate .cssgrid-stepper-marker.active{background:#3672F7;color:#fff}.observe-animate .stepper-wrapper{position:relative;width:100%;max-width:1200px;margin:0 auto 40px}.observe-animate .stepper-bar-container{position:absolute;top:30px;height:2px;z-index:0;width:auto;right:unset;left:unset;display:block}.observe-animate .stepper-line-bg{width:100%;height:2px;background:#e0e0e0;position:absolute;left:0;top:0;border-radius:1px}.observe-animate .stepper-line-fg{height:2px;background:#3672F7;position:absolute;left:0;top:0;border-radius:1px;z-index:1}.observe-animate .stepper-grid{display:grid;grid-gap:2rem;gap:2rem;position:relative;z-index:1}.observe-animate .stepper-col{display:flex;flex-direction:column;align-items:center}.observe-animate .stepper-marker{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;background:#e0e0e0;color:#666;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:1.5rem;z-index:2;transition:background .3s,color .3s;box-sizing:border-box}.observe-animate .stepper-marker.active,.observe-animate .stepper-marker.completed{background:#3672F7;color:#fff}.observe-animate .stepper-check{font-size:1.2rem;font-weight:700;line-height:1}.observe-animate .stepper-card{width:100%;background:#fff;border-radius:16px;box-shadow:0 0 12px 5px rgba(0,0,0,.05);padding:24px;text-align:left}@media (max-width:768px){.observe-animate .howto-video-wrapper{padding:0 10px}.observe-animate .howto-video{max-width:100%}.observe-animate .progress-container{padding:0 5%}.observe-animate .steps-grid-container{grid-template-columns:1fr!important;margin:0 auto;column-gap:0}.observe-animate .progress-bar-row{grid-template-columns:1fr!important}.observe-animate .steps-flex-grid-container{grid-template-columns:1fr!important;margin:0 auto;column-gap:0}.observe-animate .stepper-markers-row{justify-content:space-between}.observe-animate .stepper-cards-row{flex-direction:column;gap:24px;margin:0 auto}.observe-animate .stepper-flex-row{justify-content:space-between}.observe-animate .cssgrid-stepper-grid{grid-template-columns:1fr!important;gap:1.5rem}.observe-animate .cssgrid-stepper-line{display:none}.observe-animate .stepper-grid{grid-template-columns:1fr!important;gap:1.5rem}.observe-animate .stepper-bar-container{display:none}.observe-animate .stepper-marker,.observe-animate .svg-stepper-bar-row{display:none!important}}