.lance-finder-hero{position:relative;background:#0c2340;color:#fff;padding:60px 0 80px;overflow:hidden}.lance-finder-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background-image:linear-gradient(180deg,silver,#e8e8e8 20%,#d0d0d0 50%,#a8a8a8),repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 10px);background-size:auto,auto;background-position:0 0,0 6px;background-repeat:no-repeat,repeat;border-bottom:3px solid #888}.lance-finder-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background-image:linear-gradient(0deg,silver,#e8e8e8 20%,#d0d0d0 50%,#a8a8a8),repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 10px);background-size:auto,auto;background-position:0 0,0 calc(100% - 6px);background-repeat:no-repeat,repeat;border-top:3px solid #888}.finder-hero__container{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:0 24px}.finder-hero__header{text-align:center;margin-bottom:40px}.finder-hero__title{font-size:clamp(42px,8vw,72px);font-weight:700;letter-spacing:-.02em;margin:0 0 16px;color:#fff;text-shadow:4px 4px 0 #FF6B35;line-height:1}.finder-hero__subtitle{font-size:clamp(16px,3vw,20px);font-weight:600;color:#fff;margin:0;max-width:600px;margin-inline:auto;opacity:.9}.finder-hero__wizard{background:#fff;border:4px solid #0C2340;border-radius:24px;padding:32px;box-shadow:-8px 8px #0c2340}.finder-hero__wizard-shell{background:#fff;border:4px solid #0C2340;border-radius:24px;padding:32px;box-shadow:-8px 8px #0c2340;min-height:46rem}.finder-hero__wizard-placeholder{display:grid;place-items:center;text-align:center;height:100%;gap:14px;color:#0c2340}.finder-hero__placeholder-kicker{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.finder-hero__placeholder-headline{margin:0;font-size:clamp(18px,3.5vw,26px);font-weight:700;letter-spacing:-.02em;max-width:32ch;line-height:1.1}.finder-hero__placeholder-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.finder-hero__step-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#49c5b12e;border:2px solid rgba(12,35,64,.12);box-shadow:0 1px #0c23401a}.finder-hero__step-pill-num{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:#0c2340;color:#fff;font-weight:700;font-size:13px;line-height:1}.finder-hero__step-pill-label{font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.finder-hero__placeholder-button{margin-top:8px}.finder-hero__placeholder-fineprint{margin:0;font-size:13px;font-weight:700;opacity:.78}@media screen and (min-width: 750px){.finder-hero__wizard-shell{min-height:42rem}}.finder-hero__steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px}.finder-step-indicator{display:flex;align-items:center;gap:8px;background:none;border:none;padding:8px 16px;cursor:pointer;color:#0c234066;transition:all .2s ease;border-radius:50px}.finder-step-indicator:hover{color:#0c2340}.finder-step-indicator__number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:3px solid currentColor;border-radius:50%;font-size:16px;font-weight:700;transition:all .2s ease}.finder-step-indicator__label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:none}@media (min-width: 640px){.finder-step-indicator__label{display:block}}.finder-step-indicator--active{color:#ff6b35;background:#ff6b351a}.finder-step-indicator--active .finder-step-indicator__number{background:#ff6b35;border-color:#ff6b35;color:#fff;box-shadow:-2px 2px #0c2340}.finder-step-indicator--complete{color:#49c5b1}.finder-step-indicator--complete .finder-step-indicator__number{background:#49c5b1;border-color:#49c5b1;color:#fff}.finder-step-indicator--complete .finder-step-indicator__number:after{content:"\2713";font-size:16px;font-weight:700}.finder-step-connector{width:40px;height:4px;background:#0c234026;border-radius:2px}@media (min-width: 640px){.finder-step-connector{width:60px}}.finder-step-panel{display:none;animation:fadeSlideIn .3s ease}.finder-step-panel--active{display:block}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.finder-step-panel__question{font-size:24px;font-weight:700;text-align:center;margin:0 0 28px;color:#0c2340;text-shadow:none}@media (min-width: 640px){.finder-step-panel__question{font-size:28px}}.finder-options{display:grid;gap:16px}.finder-options--application{grid-template-columns:repeat(2,1fr)}.finder-options--units{grid-template-columns:repeat(3,1fr);max-width:500px;margin-inline:auto}.finder-options--tools{grid-template-columns:repeat(2,1fr)}@media (min-width: 640px){.finder-options--application{grid-template-columns:repeat(4,1fr)}.finder-options--tools{grid-template-columns:repeat(3,1fr)}}.finder-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:#fff;border:3px solid #0C2340;border-radius:16px;cursor:pointer;transition:all .15s ease;text-align:center;box-shadow:-4px 4px #0c234033}.finder-option:hover{background:#49c5b1;transform:translate(-2px,2px);box-shadow:-2px 2px #0c234033}.finder-option:active{transform:translate(-4px,4px);box-shadow:0 0 #0c234033}.finder-option--selected{background:#ff6b35;border-color:#ff6b35;color:#fff;box-shadow:-4px 4px #0c2340}.finder-option--selected:hover{background:#ff6b35}.finder-option__icon{width:48px;height:48px;color:#0c2340;transition:all .2s ease}.finder-option--selected .finder-option__icon{color:#fff}.finder-option__unit{font-size:28px;font-weight:700;color:#ff6b35;transition:all .2s ease;text-shadow:2px 2px 0 rgba(0,0,0,.1)}.finder-option:hover .finder-option__unit,.finder-option--selected .finder-option__unit{color:#fff}.finder-option__label{font-size:15px;font-weight:800;color:#0c2340}.finder-option--selected .finder-option__label{color:#fff}.finder-option__desc{font-size:13px;font-weight:600;color:#0c234099}.finder-option--selected .finder-option__desc{color:#fffc}.finder-back{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:10px 20px;background:#0c23400d;border:2px solid rgba(12,35,64,.2);border-radius:50px;color:#0c2340;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.finder-back:hover{background:#0c2340;border-color:#0c2340;color:#fff}.finder-back svg{transition:transform .2s ease}.finder-back:hover svg{transform:translate(-4px)}.finder-hero__browse{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.finder-hero__browse-text{font-size:16px;font-weight:700;color:#fff9}.finder-hero__browse-link{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#0c2340;text-decoration:none;padding:14px 28px;background:#ff6b35;border:3px solid #fff;border-radius:50px;box-shadow:-4px 4px #49c5b1;transition:all .15s ease;text-transform:uppercase;letter-spacing:.02em}.finder-hero__browse-link:hover{transform:translate(-2px,2px);box-shadow:-2px 2px #ff6b35}.finder-hero__browse-link:active{transform:translate(-4px,4px);box-shadow:0 0 #ff6b35}.finder-hero__browse-link svg{transition:transform .2s ease}.finder-hero__browse-link:hover svg{transform:translate(4px)}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.finder-step-indicator--active .finder-step-indicator__number{animation:bounce 1s ease-in-out infinite}.finder-option:hover{animation:pulse .3s ease-out}
/*# sourceMappingURL=/cdn/shop/t/11/assets/lance-finder-hero.css.map */