:root{--olive:#bac76e;--purple:#7b3f6e;--gold:#c8a96e;--stone:#ede3d5;--cream:#f7f3ee;--noir:#1d1320;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--font-main:"Mohave",sans-serif}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-md);position:relative;overflow:hidden}.hero-content{max-width:900px;text-align:center;position:relative;z-index:2;animation:fadeInUp 1s ease-out}.logo-container{margin-bottom:var(--space-md);animation:fadeIn 1.2s ease-out;display:flex;justify-content:center}.logo{width:min(300px,90vw);height:auto;filter:drop-shadow(0 4px 20px rgba(122,63,110,.1))}.tagline{font-size:1.125rem;font-weight:300;letter-spacing:.15em;color:var(--purple);margin-bottom:var(--space-sm);opacity:0;animation:fadeIn 1.4s ease-out .2s forwards}.status{margin-bottom:var(--space-md);opacity:0;animation:fadeIn 1.4s ease-out .3s forwards}.status-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--olive) 0,var(--gold) 100%);color:white;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-radius:50px;box-shadow:0 4px 15px rgba(186,199,110,.3)}.hero-title{font-size:clamp(2rem,6vw,3.5rem);font-weight:300;line-height:1.1;margin-bottom:var(--space-md);color:var(--stone);letter-spacing:-.02em;opacity:0;animation:fadeIn 1.4s ease-out .4s forwards}.hero-description{font-size:1.125rem;font-weight:400;line-height:1.8;color:var(--purple);margin-bottom:var(--space-lg);opacity:0;animation:fadeIn 1.4s ease-out .5s forwards}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;background-color:var(--purple);color:white;font-family:var(--font-main);font-size:1.125rem;font-weight:600;letter-spacing:.05em;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px rgba(122,63,110,.25);opacity:0;animation:fadeIn 1.4s ease-out .6s forwards}.cta-button:hover{background-color:var(--olive);transform:translateY(-2px);box-shadow:0 8px 30px rgba(186,199,110,.35)}.cta-button svg{transition:transform .3s ease}.cta-button:hover svg{transform:translateX(4px)}.features{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl);opacity:0;animation:fadeIn 1.4s ease-out .7s forwards}.feature{display:flex;flex-direction:column;align-items:center;gap:.5rem}.feature-number{font-size:2.5rem;font-weight:700;color:var(--olive);line-height:1}.feature-label{font-size:.875rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}.hero-decoration{position:absolute;top:-10%;right:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(186,199,110,.08) 0,transparent 70%);pointer-events:none;animation:float 20s ease-in-out infinite}.quiz-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:rgba(29,19,32,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);animation:fadeIn .3s ease-out}.quiz-overlay.active{display:flex}.quiz-container{background-color:var(--cream);border-radius:24px;padding:var(--space-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.quiz-logo-container{padding-top:2rem;width:100%}.quiz-close,.quiz-logo-container{display:flex;justify-content:center}.quiz-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:var(--purple);transition:all .3s ease;align-items:center;border-radius:50%}.quiz-close:hover{background-color:var(--stone);transform:rotate(90deg)}.quiz-progress{width:100%;height:6px;background-color:var(--stone);border-radius:10px;margin-bottom:var(--space-lg);overflow:hidden}.quiz-progress-bar{height:100%;background:linear-gradient(90deg,var(--olive) 0,var(--gold) 100%);border-radius:10px;transition:width .5s ease;width:0}.quiz-content{animation:fadeIn .5s ease-out}.quiz-question{margin-bottom:var(--space-md)}.question-number{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--purple);margin-bottom:var(--space-sm);opacity:.7}.question-text{font-size:1.75rem;font-weight:600;color:var(--noir);margin-bottom:var(--space-md);line-height:1.3}.question-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:var(--space-lg)}.option-button{padding:1.25rem 1.5rem;background-color:white;border:2px solid var(--stone);border-radius:16px;font-family:var(--font-main);font-size:1rem;font-weight:500;color:var(--noir);text-align:left;cursor:pointer;transition:all .3s ease}.option-button:hover{border-color:var(--olive);background-color:rgba(186,199,110,.05);transform:translateX(4px)}.option-button.selected{background-color:var(--purple);border-color:var(--purple);color:white}.color-select-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:var(--space-lg)}.color-option{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:white;border:2px solid var(--stone);border-radius:16px;font-family:var(--font-main);font-size:1rem;font-weight:500;color:var(--noir);text-align:left;cursor:pointer;transition:all .3s ease}.color-option:hover{border-color:var(--olive);background-color:rgba(186,199,110,.05);transform:translateX(4px)}.color-option.selected{background-color:var(--purple);border-color:var(--purple);color:white}.color-swatch{width:48px;height:48px;border-radius:50%;border:3px solid white;box-shadow:0 2px 8px rgba(0,0,0,.15),inset 0 2px 4px rgba(0,0,0,.1);flex-shrink:0;transition:transform .3s ease}.color-option:hover .color-swatch{transform:scale(1.1)}.color-option.selected .color-swatch{border-color:white;box-shadow:0 4px 12px rgba(255,255,255,.3),inset 0 2px 4px rgba(0,0,0,.1)}.color-label{flex:1 1}.image-select-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:var(--space-lg)}.image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:white;border:2px solid var(--stone);border-radius:16px;font-family:var(--font-main);cursor:pointer;transition:all .3s ease;min-height:140px}.image-option:hover{border-color:var(--olive);background-color:rgba(186,199,110,.05);transform:translateY(-4px);box-shadow:0 8px 20px rgba(122,63,110,.1)}.image-option.selected{background:linear-gradient(135deg,var(--purple) 0,rgba(122,63,110,.8) 100%);border-color:var(--purple);color:white}.image-emoji{font-size:3rem;margin-bottom:.75rem;transition:transform .3s ease}.image-option:hover .image-emoji{transform:scale(1.15)}.image-option.selected .image-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.image-label{font-size:1rem;font-weight:600;color:var(--noir);margin-bottom:.25rem;text-align:center}.image-option.selected .image-label{color:white}.image-sublabel{font-size:.75rem;font-weight:300;color:var(--purple);text-align:center;opacity:.7}.image-option.selected .image-sublabel{color:rgba(255,255,255,.8)}.price-slider-container{padding:var(--space-md) 0}.price-display{text-align:center;margin-bottom:.5rem}.price-amount{font-size:3rem;font-weight:700;color:var(--purple);letter-spacing:-.02em}.price-currency{font-size:1.25rem;font-weight:400;color:var(--purple);opacity:.6;margin-left:.25rem}.price-range-label{text-align:center;font-size:1rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;min-height:1.5rem}.price-slider-input{width:100%;height:10px;border-radius:10px;background:linear-gradient(90deg,var(--stone) 0,var(--olive) 50%,var(--gold) 100%);outline:none;-webkit-appearance:none;margin-bottom:.75rem;cursor:pointer;touch-action:none}.price-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:var(--purple);cursor:pointer;box-shadow:0 3px 12px rgba(122,63,110,.4);border:3px solid white;-webkit-transition:transform .2s ease;transition:transform .2s ease}.price-slider-input::-webkit-slider-thumb:active,.price-slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.price-slider-input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--purple);cursor:pointer;border:3px solid white;box-shadow:0 3px 12px rgba(122,63,110,.4);-moz-transition:transform .2s ease;transition:transform .2s ease}.price-slider-input::-moz-range-thumb:active,.price-slider-input::-moz-range-thumb:hover{transform:scale(1.15)}.price-slider-labels{display:flex;justify-content:space-between;font-size:.875rem;color:var(--purple);opacity:.6}.slider-container{padding:var(--space-md) 0}.slider-labels{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.875rem;color:var(--purple)}.slider-input{width:100%;height:8px;border-radius:10px;background:linear-gradient(90deg,var(--stone) 0,var(--olive) 100%);outline:none;-webkit-appearance:none;margin-bottom:1rem;cursor:pointer;touch-action:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--purple);cursor:pointer;box-shadow:0 2px 10px rgba(122,63,110,.3)}.slider-input::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--purple);cursor:pointer;border:none;box-shadow:0 2px 10px rgba(122,63,110,.3)}.slider-value{text-align:center;font-size:2rem;font-weight:700;color:var(--purple);margin-top:1rem}.checkbox-options{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background-color:white;border:2px solid var(--stone);border-radius:16px;cursor:pointer;transition:all .3s ease}.checkbox-label:hover{border-color:var(--olive);background-color:rgba(186,199,110,.05)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--purple)}.checkbox-label.checked{border-color:var(--purple);background-color:rgba(122,63,110,.05)}.quiz-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:var(--space-lg)}.nav-button{padding:1rem 2rem;font-family:var(--font-main);font-size:1rem;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease}.nav-button.back{background-color:var(--stone);color:var(--noir)}.nav-button.back:hover{background-color:var(--gold)}.nav-button.next{background-color:var(--purple);color:white;flex-grow:1}.nav-button.next:hover{background-color:var(--olive);transform:translateY(-2px)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.nav-button:disabled:hover{transform:none}.results-overlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background-color:rgba(29,19,32,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1001;padding:var(--space-md);animation:fadeIn .3s ease-out}.results-overlay.active{display:flex}.results-container{background-color:var(--cream);border-radius:24px;padding:var(--space-xl) var(--space-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);text-align:center;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.results-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;color:var(--purple);transition:all .3s ease;display:flex;align-items:center;justify-content:center;border-radius:50%}.results-close:hover{background-color:var(--stone);transform:rotate(90deg)}.results-badge{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,var(--olive) 0,var(--gold) 100%);color:white;font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-radius:50px;margin-bottom:var(--space-md)}.results-title{font-size:3rem;font-weight:700;color:var(--purple);margin-bottom:var(--space-sm);line-height:1.1}.results-subtitle{font-size:1.25rem;font-weight:400;color:var(--noir);margin-bottom:var(--space-md)}.results-price{font-size:2.5rem;font-weight:700;color:var(--noir);margin-bottom:var(--space-sm)}.results-price span{font-size:1.5rem;color:var(--purple)}.results-bottles{font-size:1.125rem;color:var(--purple);margin-bottom:var(--space-lg)}.results-description{font-size:1rem;line-height:1.8;color:var(--noir);margin-bottom:var(--space-lg);padding:0 var(--space-md)}.results-cta{padding:1.125rem 2.5rem;background-color:var(--purple);color:white;font-family:var(--font-main);font-size:1.125rem;font-weight:600;letter-spacing:.05em;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 25px rgba(122,63,110,.25)}.results-cta:hover{background-color:var(--olive);transform:translateY(-2px);box-shadow:0 8px 30px rgba(186,199,110,.35)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quiz-question{animation:fadeIn .4s ease-out}.checkbox-options,.color-select-options,.image-select-grid,.price-slider-container,.question-options,.slider-container{animation:slideInFromLeft .5s ease-out}@media (max-width:768px){.hero{padding:var(--space-sm);min-height:100vh;min-height:100dvh}.hero-title{font-size:2.5rem}.hero-description br{display:none}.features{gap:var(--space-md)}.feature-number{font-size:2rem}.quiz-overlay{height:100dvh;padding:0}.results-overlay{padding:0}.quiz-container,.results-container{padding:1rem;max-height:100vh;max-height:100dvh;height:100vh;height:100dvh;overflow-y:auto;display:flex;flex-direction:column;border-radius:0;width:100%;max-width:100%}.quiz-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;padding-bottom:.5rem}.question-number,.quiz-question{margin-bottom:.5rem}.question-number{font-size:.75rem}.question-text{font-size:1.25rem;margin-bottom:1rem;line-height:1.2}.color-select-options,.question-options{gap:.5rem;margin-bottom:.5rem}.color-option,.option-button{padding:.75rem 1rem;font-size:.875rem}.color-swatch{width:36px;height:36px}.image-select-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.image-option{padding:.75rem .5rem;min-height:100px}.image-emoji{font-size:2rem;margin-bottom:.25rem}.image-label{font-size:.875rem}.image-sublabel{font-size:.65rem}.price-slider-container,.slider-container{padding:.5rem 0}.price-display{margin-bottom:.25rem}.price-amount{font-size:2rem}.price-currency{font-size:1rem}.price-range-label{font-size:.875rem;margin-bottom:.75rem}.slider-value{font-size:1.5rem;margin-top:.5rem}.price-slider-input{height:12px;margin:1.5rem 0}.price-slider-input::-webkit-slider-thumb{width:36px;height:36px;transform:none}.price-slider-input::-webkit-slider-thumb:active{transform:scale(1.1)}.price-slider-input::-moz-range-thumb{width:36px;height:36px;transform:none}.price-slider-input::-moz-range-thumb:active{transform:scale(1.1)}.slider-input{height:10px;margin:1.5rem 0}.slider-input::-webkit-slider-thumb{width:32px;height:32px}.slider-input::-moz-range-thumb{width:32px;height:32px}.checkbox-options{gap:.5rem}.checkbox-label{padding:.75rem 1rem;font-size:.875rem}.quiz-navigation{margin-top:.5rem;gap:.5rem}.nav-button{padding:.75rem 1.5rem;font-size:.875rem}.results-title{font-size:2.5rem}}@media (max-width:480px){.hero{padding:1.5rem 1rem;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:flex;justify-content:center}.hero-content{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%}.logo{width:65%;max-width:260px;margin:0 auto}.logo-container{margin-bottom:.75rem;display:flex;justify-content:center;width:100%}.tagline{font-size:.875rem;margin-bottom:.5rem}.status{margin-bottom:.75rem}.status-badge{padding:.4rem 1rem;font-size:.7rem}.hero-title{font-size:1.75rem;margin-bottom:.75rem}.hero-description{font-size:.9rem;margin-bottom:1.25rem;line-height:1.6;padding:0 .5rem}.cta-button{padding:.875rem 2rem;font-size:.95rem}.features{margin-top:0;gap:1.25rem;flex-direction:row;justify-content:center;width:100%}.feature{gap:.35rem}.feature-number{font-size:1.5rem}.feature-label{font-size:.7rem}}