:root{--dark:#212121;--red:#ff3b3b;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--text-gray:#666;--transition-speed:0.4s;--bounce-timing:cubic-bezier(0.68,-0.55,0.265,1.55)}.funnelContainer{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.funnelContainer,.stepContainer{background:white;position:relative;overflow:hidden}.stepContainer{width:100%;max-width:500px;border-radius:20px;box-shadow:0 10px 40px rgba(33,33,33,.1);border:1px solid #f0f0f0}.stepWrapper{padding:30px;min-height:400px;display:flex;flex-direction:column;justify-content:center;position:relative}.stepEnter{opacity:0;transform:translateX(50px) scale(.95);animation:stepEnterAnimation var(--transition-speed) var(--bounce-timing) forwards}@keyframes stepEnterAnimation{0%{opacity:0;transform:translateX(50px) scale(.95)}70%{transform:translateX(0) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.stepExit{opacity:1;transform:translateX(0) scale(1);animation:stepExitAnimation calc(var(--transition-speed) * .7) ease-in forwards}@keyframes stepExitAnimation{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-30px) scale(.98)}}.stepEnterBack{opacity:0;transform:translateX(-50px) scale(.95);animation:stepEnterBackAnimation var(--transition-speed) var(--bounce-timing) forwards}@keyframes stepEnterBackAnimation{0%{opacity:0;transform:translateX(-50px) scale(.95)}70%{transform:translateX(5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}.hero{text-align:center;margin-bottom:30px}.heroIcon{font-size:3rem;margin-bottom:15px}.heroIcon,.heroLogo{animation:heroIconBounce 2s ease-in-out infinite}.heroLogo{margin-bottom:20px;display:flex;justify-content:center}.heroLogo img{max-width:100px;height:auto}@keyframes heroIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.successIcon{font-size:4rem;margin-bottom:15px;animation:successPulse 1.5s ease-in-out infinite}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.heroTitle{font-size:2rem;font-weight:700;color:var(--dark);margin-bottom:15px;line-height:1.2}.heroSubtitle{font-size:1rem;color:var(--text-gray);line-height:1.5;max-width:400px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.question{font-size:1.6rem;font-weight:600;color:var(--dark);margin-bottom:10px;line-height:1.3;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subtext{font-size:.9rem;color:var(--text-gray);line-height:1.4;animation:fadeInUp .6s ease-out .2s both}.optionsGrid{display:flex;flex-direction:column}.checkboxGrid,.optionsGrid{gap:12px;margin-bottom:30px}.checkboxGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px}.optionCard{background:var(--light-gray);border:2px solid var(--medium-gray);border-radius:12px;padding:25px;cursor:pointer;transition:all .3s var(--bounce-timing);position:relative;animation:cardFadeIn .5s ease-out;animation-fill-mode:both;display:flex;align-items:flex-start;gap:18px;text-align:left}.optionCard:first-child{animation-delay:.1s}.optionCard:nth-child(2){animation-delay:.2s}.optionCard:nth-child(3){animation-delay:.3s}.optionCard:nth-child(4){animation-delay:.4s}.optionCard:nth-child(5){animation-delay:.5s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (hover:hover) and (pointer:fine){.optionCard:hover{border-color:var(--red);background:#fff8f8;transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,59,59,.1)}.optionCard:hover .optionIcon{transform:scale(1.1) rotate(3deg)}.checkboxCard:hover{border-color:var(--red);background:#fff8f8;transform:translateY(-3px) scale(1.02)}.checkboxCard:hover .optionIcon{transform:scale(1.2) rotate(5deg)}}.optionCard.selected{border-color:var(--red);background:#fff0f0;box-shadow:0 2px 10px rgba(255,59,59,.15)}.optionCard:active{transform:scale(.98)}.checkboxCard{background:var(--light-gray);border:2px solid var(--medium-gray);border-radius:10px;padding:15px 12px;text-align:center;cursor:pointer;transition:all .3s var(--bounce-timing);position:relative;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:cardFadeIn .4s ease-out;animation-fill-mode:both}.checkboxCard:first-child{animation-delay:.1s}.checkboxCard:nth-child(2){animation-delay:.15s}.checkboxCard:nth-child(3){animation-delay:.2s}.checkboxCard:nth-child(4){animation-delay:.25s}.checkboxCard:nth-child(5){animation-delay:.3s}.checkboxCard:nth-child(6){animation-delay:.35s}.checkboxCard.selected{border-color:var(--red);background:#fff0f0;box-shadow:0 4px 15px rgba(255,59,59,.2);transform:scale(1.02)}.checkboxCard:active{transform:scale(.98)}.optionIcon{font-size:2rem;line-height:1;transition:transform .3s ease;flex-shrink:0;margin-top:2px}.checkboxCard .optionIcon{font-size:1.8rem;margin-bottom:8px}.optionContent{flex:1 1;display:flex;flex-direction:column;gap:4px}.optionLabel{font-size:1rem;font-weight:600;color:var(--dark);line-height:1.2}.optionSubtitle{font-size:.7rem;color:#767676;line-height:1.3}.checkboxCard .optionLabel{font-size:.9rem;margin-bottom:0}.checkmark{position:absolute;top:8px;right:8px;background:var(--red);color:white;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;animation:checkmarkPop .3s var(--bounce-timing)}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.2) rotate(-10deg)}to{transform:scale(1) rotate(0deg)}}.benefits{margin-bottom:30px}.benefit{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee;font-size:.95rem;animation:benefitSlideIn .5s ease-out;animation-fill-mode:both}.benefit:first-child{animation-delay:.2s}.benefit:nth-child(2){animation-delay:.3s}.benefit:nth-child(3){animation-delay:.4s}.benefit:nth-child(4){animation-delay:.5s}.benefit:nth-child(5){animation-delay:.6s}@keyframes benefitSlideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.benefit:last-child{border-bottom:none}.benefitIcon{font-size:1.3rem;animation:iconSpin .6s ease-out}@keyframes iconSpin{0%{transform:rotate(-90deg) scale(0)}to{transform:rotate(0deg) scale(1)}}.contactForm{max-width:400px;margin:0 auto;animation:formSlideUp .6s ease-out}@keyframes formSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.formRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.formGroup,.formRow{margin-bottom:15px}.label{display:block;font-weight:600;color:var(--dark);margin-bottom:6px;font-size:.85rem}.input{width:100%;padding:10px 12px;border:2px solid var(--medium-gray);border-radius:6px;font-size:.9rem;transition:all .3s ease}.input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(255,59,59,.1);transform:translateY(-1px)}.checkboxGroup{margin:20px 0}.checkboxLabel{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-gray);cursor:pointer;transition:color .3s ease}.checkboxLabel input[type=checkbox]{width:14px;height:14px;accent-color:var(--red);cursor:pointer}@media (hover:hover) and (pointer:fine){.checkboxLabel:hover{color:var(--dark)}}.errorMessage{background:#ffe6e6;color:#d63031;padding:10px 12px;border-radius:6px;margin-bottom:15px;font-size:.85rem;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.primaryButton{background:linear-gradient(135deg,var(--red),#e63333);color:white;border:none;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s var(--bounce-timing);min-width:160px;position:relative;overflow:hidden}.primaryButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}@media (hover:hover) and (pointer:fine){.primaryButton:hover:before{left:100%}.primaryButton:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(255,59,59,.3)}}.primaryButton:active{transform:translateY(-1px) scale(.98)}.primaryButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.backButton{background:transparent;color:var(--text-gray);border:1px solid var(--medium-gray);padding:10px 20px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.backButton:hover{color:var(--dark);border-color:#bbb;transform:translateX(-2px)}}.backButton:active{transform:scale(.98)}.navigation{display:flex;justify-content:space-between;align-items:center;margin-top:10px;animation:navSlideUp .6s ease-out .3s both}@keyframes navSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.buttonContainer{margin-bottom:1rem;text-align:center;animation:buttonFadeIn .8s ease-out .6s both}@keyframes buttonFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.disclaimer{margin-top:20px;font-size:.75rem;color:var(--text-gray);text-align:center;animation:fadeIn 1s ease-out .8s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.privacy{font-size:.75rem;color:var(--text-gray);text-align:center;margin-top:15px;line-height:1.4;a{color:var(--red);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}}.nextSteps{margin-bottom:30px}.sectionTitle{font-size:1.3rem;font-weight:600;color:var(--dark);margin-bottom:20px;text-align:center;animation:titleSlideDown .6s ease-out}@keyframes titleSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stepsList{max-width:400px;margin:0 auto}.step{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;padding:15px;background:var(--light-gray);border-radius:10px;animation:stepSlideIn .6s ease-out;animation-fill-mode:both}.step:first-child{animation-delay:.2s}.step:nth-child(2){animation-delay:.4s}.step:nth-child(3){animation-delay:.6s}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.stepNumber{background:var(--red);color:white;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:.8rem;animation:numberPop .5s var(--bounce-timing)}@keyframes numberPop{0%{transform:scale(0) rotate(-180deg)}70%{transform:scale(1.3) rotate(-10deg)}to{transform:scale(1) rotate(0deg)}}.stepContent h4{font-size:.95rem;font-weight:600;color:var(--dark);margin-bottom:4px}.stepContent p{color:var(--text-gray);font-size:.8rem;line-height:1.4}.contact{margin-bottom:25px;text-align:center}.contactInfo{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}.contactItem{display:flex;align-items:center;gap:6px;font-size:.9rem;animation:contactSlideIn .6s ease-out;animation-fill-mode:both;word-break:break-all}.contactItem:first-child{animation-delay:.8s}.contactItem:nth-child(2){animation-delay:1s}@keyframes contactSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contactIcon{font-size:1rem}.contactNote{margin-top:15px}.contactNote,.successNote{font-size:.9rem;color:#666;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.successNote{margin-bottom:15px}.social{text-align:center;padding:25px 0;border-top:1px solid #eee}.social p{color:var(--text-gray);margin-bottom:12px;font-size:.85rem}.socialLinks{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.socialLink{color:var(--red);text-decoration:none;font-size:.85rem;transition:all .3s ease;animation:socialFadeIn .5s ease-out;animation-fill-mode:both;display:flex;align-items:center;gap:8px}.socialLink svg{width:18px;height:18px;transition:transform .3s ease}.socialLink:first-child{animation-delay:1.2s}.socialLink:nth-child(2){animation-delay:1.3s}.socialLink:nth-child(3){animation-delay:1.4s}@keyframes socialFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.socialLink:hover{color:#e63333;transform:translateY(-2px) scale(1.05)}.socialLink:hover svg{transform:scale(1.1)}}.contactSection{margin-bottom:30px;background:linear-gradient(135deg,#fafafa,#f0f0f0);border-radius:16px;padding:25px;border:1px solid #e0e0e0;animation:contactSectionSlideIn .8s ease-out}@keyframes contactSectionSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contactHeader{text-align:center;margin-bottom:25px}.contactHeaderIcon{font-size:2.5rem;margin-bottom:10px;animation:contactIconBounce 2s ease-in-out infinite}@keyframes contactIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.contactSubtitle{font-size:.9rem;color:var(--text-gray);margin-top:8px;line-height:1.4}.contactCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:16px;gap:16px;margin-bottom:20px}.contactCard{background:white;border:2px solid #f0f0f0;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:15px;transition:all .3s var(--bounce-timing);position:relative;overflow:hidden;animation:contactCardFadeIn .6s ease-out;animation-fill-mode:both}.contactCard:first-child{animation-delay:.3s}.contactCard:nth-child(2){animation-delay:.4s}@keyframes contactCardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (hover:hover) and (pointer:fine){.contactCard:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,59,59,.15)}.contactCard:hover .contactCardIcon{transform:scale(1.1) rotate(5deg)}}.contactCard:active{transform:scale(.98)}.contactCardIcon{font-size:2rem;background:#ececec;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.contactCardContent{flex:1 1}.contactCardTitle{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:6px}.contactCardLink{color:var(--red);text-decoration:none;font-weight:500;font-size:.95rem;display:block;margin-bottom:4px;transition:color .3s ease;word-break:break-all}@media (hover:hover) and (pointer:fine){.contactCardLink:hover{color:#e63333;text-decoration:underline}}.contactCardDescription{font-size:.8rem;color:var(--text-gray);margin:0;line-height:1.3}.contactNote{background:linear-gradient(135deg,#fff8e1,#fff3c4);border:1px solid #ffe082;border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;animation:contactNoteFadeIn .6s ease-out .5s both}@keyframes contactNoteFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contactNoteIcon{font-size:1.3rem;flex-shrink:0}.contactNote p{margin:0;font-size:.85rem;color:#8a6914;line-height:1.4}.contactNote strong{color:#6b5b16}@media (max-width:768px){.stepWrapper{padding:25px 10px}.heroTitle{font-size:1.8rem}.question{font-size:1.4rem;font-weight:700}.checkboxGrid{grid-template-columns:repeat(2,1fr);gap:10px}.formRow{grid-template-columns:1fr;gap:12px}.navigation{flex-direction:column;gap:12px}.primaryButton{width:100%}.contactInfo{flex-direction:column;gap:12px}.contactSection{padding:20px 15px;margin:0 -10px 25px}.contactCards{grid-template-columns:1fr;gap:12px}.contactCard{padding:16px}.contactCardIcon{width:45px;height:45px;font-size:1.8rem}.contactNote{padding:12px;flex-direction:column;text-align:center;gap:8px}.contactNote p{font-size:.8rem}}@media (max-width:480px){.checkboxGrid{grid-template-columns:1fr}.optionCard{padding:16px}.heroTitle{font-size:1.6rem}.question{font-size:1.2rem}.funnelContainer{padding:15px}.stepContainer{max-width:100%}.contactCards{gap:10px}.contactCard{padding:14px;gap:12px}.contactCardTitle{font-size:.9rem}.contactCardLink{font-size:.85rem}.contactCardDescription{font-size:.75rem}}.funnelFooter{margin-top:10px;padding:20px 0;text-align:center}.footerContent{margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.footerLink{color:var(--text-gray);text-decoration:none;font-size:.8rem;transition:color .3s ease}@media (hover:hover) and (pointer:fine){.footerLink:hover{color:var(--red)}}.footerSeparator{color:#767676;font-size:.8rem}@media (max-width:480px){.funnelFooter{padding:15px 0}.footerContent{flex-direction:row;gap:8px}}