*,*::before,*::after{box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}#hair-quiz-root{min-height:550px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:#F9FBFB!important;-webkit-overflow-scrolling:touch!important}#hair-quiz-root .quiz-footer .nav-button.primary,#hair-quiz-root #next-button.nav-button.primary,#hair-quiz-root #submit-button.nav-button.primary,#hair-quiz-root #retake-button.nav-button.primary{-webkit-appearance:none!important;appearance:none!important;background-color:#3daeac!important;background-image:linear-gradient(135deg,#3daeac 0%,#88bdbb 100%)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:none!important;font-size:0.95rem!important;line-height:1.3!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}#hair-quiz-root .quiz-footer .nav-button.primary:disabled{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background-color:#3daeac!important;background-image:linear-gradient(135deg,#3daeac 0%,#88bdbb 100%)!important;opacity:0.65!important}@media (max-width:767px){#hair-quiz-root{align-items:flex-start!important;padding-top:16px!important;padding-bottom:32px!important;min-height:100vh!important;min-height:100dvh!important;max-height:100vh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important}.quiz-question{font-size:20px!important;line-height:24px!important;margin:0 0 14px!important;color:#1B3D3B!important}.quiz-body{min-height:0!important}.quiz-step{position:relative!important;inset:auto!important;display:none!important;opacity:1!important;transform:none!important;pointer-events:none!important;transition:none!important}.quiz-step.active{display:block!important;pointer-events:auto!important}.graft-image-wrapper{margin-bottom:8px!important}.graft-image{max-height:130px!important}.quiz-step[data-step="4"] .quiz-options{gap:6px!important}.quiz-step[data-step="4"] .option-button{padding:6px 10px!important;font-size:0.8rem!important}.quiz-footer{position:relative!important;z-index:2!important;flex-shrink:0!important;padding-bottom:max(4px, env(safe-area-inset-bottom, 0px))!important;background:#F9FBFB!important}.quiz-footer-buttons{position:relative!important;z-index:100!important;isolation:isolate!important;padding-bottom:6px!important}}.quiz-card{width:100%!important;max-width:480px!important;background:#F9FBFB!important;border-radius:18px!important;box-shadow:0 16px 40px rgb(27 61 59 / .12)!important;padding:20px 18px 18px!important;position:relative!important;overflow-x:hidden!important;overflow-y:visible!important;border:1px solid #D4E9E8!important}.quiz-result{text-align:center!important}.quiz-header{margin-bottom:16px!important}.quiz-title{font-size:1.25rem!important;font-weight:700!important;color:#1B3D3B!important;margin-bottom:4px!important}.quiz-subtitle{font-size:0.85rem!important;color:#1B3D3B!important}.quiz-body{position:relative!important;min-height:500px!important}.quiz-step{position:absolute!important;inset:0!important;opacity:0;transform:translateX(16px);pointer-events:none!important;transition:opacity 0.25s ease,transform 0.25s ease;z-index:0!important}.quiz-step.active{opacity:1!important;transform:translateX(0)!important;pointer-events:auto!important;z-index:1!important}.quiz-question{font-size:20px!important;line-height:24px!important;margin:0 0 14px!important;color:#1B3D3B!important}.quiz-options{display:flex!important;flex-direction:column!important;gap:10px!important}.quiz-step[data-step="4"] .quiz-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.option-button{width:100%!important;border-radius:999px!important;border:1px solid #88BDBB!important;padding:10px 14px!important;background:#F9FBFB!important;text-align:left!important;font-size:0.95rem!important;font-weight:500!important;color:#1B3D3B!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transition:background 0.15s ease,border-color 0.15s ease,box-shadow 0.15s ease,transform 0.1s ease}.option-button:hover{background:#D4E9E8!important;border-color:#3DAEAC!important;box-shadow:0 4px 12px rgb(61 174 172 / .2)!important;transform:translateY(-1px)!important}.option-button.selected{background:#D4E9E8!important;border-color:#3DAEAC!important;box-shadow:0 0 0 1px rgb(61 174 172 / .5)!important}.graft-image-wrapper{margin:0 -4px 12px!important;text-align:center!important}.graft-image{width:100%!important;max-height:220px!important;object-fit:contain!important;border-radius:12px!important;border:1px solid #88BDBB!important}#lead-form{margin-top:4px!important}.form-row{margin-bottom:8px!important}.form-row--name{display:flex!important;gap:12px!important}.form-field-half{flex:1!important;min-width:0!important}.form-field-half label,.form-phone-code label,.form-phone-number label{display:block!important;font-size:0.8rem!important;margin-bottom:4px!important;color:#1B3D3B!important}.form-row--phone{display:flex!important;gap:10px!important}.form-phone-code{flex:0 0 auto!important;width:100px!important}.form-phone-code select{width:100%!important;height:40px!important;border-radius:10px!important;border:1px solid #88BDBB!important;padding:6px 8px!important;font-size:0.9rem!important;font-family:inherit!important;color:#1B3D3B!important;background:#F9FBFB!important;outline:none!important;cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231B3D3B' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important;padding-right:28px!important}.form-phone-code select:focus{border-color:#3DAEAC!important;box-shadow:0 0 0 1px rgb(61 174 172 / .4)!important}.form-phone-number{flex:1!important;min-width:0!important}.form-row label{display:block!important;font-size:0.8rem!important;margin-bottom:4px!important;color:#1B3D3B!important}.form-row input,.form-row select,.form-row textarea{width:100%!important;border-radius:10px!important;border:1px solid #88BDBB!important;padding:6px 10px!important;font-size:0.9rem!important;line-height:1.2!important;font-family:inherit!important;outline:none!important;color:#1B3D3B!important;background:#F9FBFB!important;transition:border-color 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease}.form-row input::placeholder,.form-row textarea::placeholder{color:#6B8E8C!important}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#3DAEAC!important;box-shadow:0 0 0 1px rgb(61 174 172 / .4)!important;background-color:#F9FBFB!important}#lead-form input,#lead-form select,#lead-form textarea{color:#1B3D3B!important;caret-color:#1B3D3B;-webkit-text-fill-color:#1B3D3B}#lead-form input:focus,#lead-form textarea:focus{-webkit-text-fill-color:#1B3D3B}#lead-form input:-webkit-autofill,#lead-form input:-webkit-autofill:hover,#lead-form input:-webkit-autofill:focus,#lead-form textarea:-webkit-autofill,#lead-form textarea:-webkit-autofill:hover,#lead-form textarea:-webkit-autofill:focus{-webkit-text-fill-color:#1B3D3B!important;box-shadow:0 0 0 1000px #F9FBFB inset!important;transition:background-color 9999s ease-in-out 0s}#lead-form input{height:40px!important;border:1px solid #88BDBB!important}#lead-form .form-field-half input{height:40px!important}.checkbox-row{display:flex!important;align-items:flex-start!important;margin-top:4px!important;width:100%!important}.checkbox-label{display:flex!important;align-items:flex-start!important;flex-direction:row!important;gap:10px!important;font-size:0.8rem!important;color:#1B3D3B!important;cursor:pointer!important;width:100%!important;justify-content:flex-start!important}.checkbox-label input[type="checkbox"]{flex-shrink:0!important;width:18px!important;height:18px!important;margin-top:2px!important}.checkbox-label span{display:block!important;line-height:1.35!important}.form-error{min-height:16px!important;font-size:0.8rem!important;color:#b91c1c!important;margin-top:4px!important}.quiz-footer{margin-top:18px!important;display:flex!important;flex-direction:column!important;gap:12px!important}.quiz-footer-buttons{display:flex!important;gap:8px!important;justify-content:space-between!important;min-width:0!important}.nav-button{flex:1 1 0!important;min-width:0!important;border-radius:999px!important;border:none!important;padding:10px 14px!important;font-size:0.95rem!important;font-weight:600!important;cursor:pointer!important;transition:background 0.2s ease,transform 0.1s ease,box-shadow 0.2s ease,color 0.2s ease,border-color 0.2s ease}.nav-button.primary{background:linear-gradient(135deg,#3DAEAC,#88BDBB)!important;color:#F9FBFB!important;box-shadow:0 8px 20px rgb(61 174 172 / .4)!important}.nav-button.primary:hover:not(:disabled){box-shadow:0 10px 26px rgb(61 174 172 / .5)!important;transform:translateY(-1px)!important}.nav-button.ghost{background:#F9FBFB!important;color:#1B3D3B!important;border:1px solid #88BDBB!important}.nav-button.ghost:hover:not(:disabled){background:#D4E9E8!important}.nav-button:disabled{opacity:0.5!important;cursor:default!important;box-shadow:none!important;transform:none!important}.hidden{display:none!important}.result-highlight{margin-top:18px!important;padding:14px 12px!important;border-radius:14px!important;background:#D4E9E8!important;border:1px solid #88BDBB!important}.result-label{font-size:0.75rem!important;text-transform:uppercase!important;letter-spacing:0.06em!important;color:#1B3D3B!important;margin-bottom:4px!important}.result-value{font-size:1.4rem!important;font-weight:700!important;color:#1B3D3B!important}.result-subtext{font-size:0.85rem!important;margin-top:4px!important;color:#3DAEAC!important}.result-extra{font-size:0.85rem!important;margin-top:10px!important;color:#1B3D3B!important}.result-email-note{font-size:0.9rem!important;margin-top:12px!important;color:#1B3D3B!important}.result-email-note a{color:#3DAEAC!important;font-weight:600!important;text-decoration:none!important}.result-email-note a:hover{text-decoration:underline!important}.result-actions{margin-top:20px!important;padding-top:50px!important}.result-actions .nav-button{width:100%!important}@media (min-width:768px){#hair-quiz-root{padding:40px 24px!important}.quiz-card{padding:24px 22px 22px!important}.quiz-title{font-size:1.35rem!important}.quiz-question{font-size:30px!important}}