@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap";:root{--color-bg-deep:#09090b;--color-bg-card:#131316;--color-bg-elevated:#1a1a20;--color-border:#24242c;--color-border-glow:#d4af3733;--color-bg-deep-trans:#09090bd9;--color-primary:#faf8f5;--color-muted:#9a9aab;--color-accent:#d4af37;--color-accent-hover:#f3cf65;--color-accent-bg:#d4af3714;--color-step-num:#d4af372e;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height:131px;--max-width:1200px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--shadow-premium:0 20px 40px -15px #000000b3;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}.theme-midnight{--color-bg-deep:#070c16;--color-bg-card:#0d1527;--color-bg-elevated:#16223b;--color-border:#1a2a47;--color-border-glow:#e2c9a140;--color-bg-deep-trans:#070c16d9;--color-primary:#faf8f5;--color-muted:#8fa0be;--color-accent:#e2c9a1;--color-accent-hover:#f5dfbe;--color-accent-bg:#e2c9a114;--color-step-num:#e2c9a12e}.theme-champagne{--color-bg-deep:#faf8f5;--color-bg-card:#f5f1e8;--color-bg-elevated:#eae4d7;--color-border:#d4cbd6;--color-border-glow:#b8911d26;--color-bg-deep-trans:#faf8f5d9;--color-primary:#1c1a17;--color-muted:#6e675d;--color-accent:#b8911d;--color-accent-hover:#9c7811;--color-accent-bg:#b8911d14;--color-step-num:#b8911d59}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg-deep);color:var(--color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.haras-formulation-modal h2{color:#e1bd3b;font-family:var(--font-serif);letter-spacing:-.025em;margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.15rem);font-weight:500}.haras-formulation-modal header small{color:#8f8a79;letter-spacing:.18em;font-size:.68rem;font-weight:800}.haras-formulation-modal input,.haras-formulation-modal select,.haras-formulation-modal textarea{box-sizing:border-box;color:#f3efe7;width:100%;font:500 .92rem/1.45 var(--font-sans);text-transform:none;letter-spacing:0;background:#09090d;border:1px solid #35353e;border-radius:9px;outline:none;padding:.9rem 1rem;transition:border-color .16s,box-shadow .16s,background .16s}.haras-formulation-modal textarea{resize:vertical;min-height:92px}.haras-formulation-modal input:focus,.haras-formulation-modal select:focus,.haras-formulation-modal textarea:focus{background:#0d0d12;border-color:#b99a2d;box-shadow:0 0 0 3px #d8b52f1c}@media (width<=760px){.haras-formulation-modal form{grid-template-columns:1fr!important}.haras-formulation-modal form>*{grid-column:1!important}}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.section-padding{padding:8rem 0}@media (width<=968px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-padding{padding:5rem 0}.container{padding:0 1.5rem}}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:500;line-height:1.25}h1{letter-spacing:-.02em;font-size:3.5rem}h2{letter-spacing:-.01em;font-size:2.75rem}h3{font-size:1.85rem}p{color:var(--color-muted);font-size:1.1rem}p.lead{color:var(--color-primary);font-size:1.25rem;font-weight:300}.btn{border-radius:var(--radius-sm);letter-spacing:.05em;text-transform:uppercase;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:.85rem 2rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#000;box-shadow:0 0 20px #d4af371a}.btn-primary:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 0 30px #d4af3759}.btn-secondary{border:1px solid var(--color-accent);color:var(--color-accent);background:0 0}.btn-secondary:hover{background-color:var(--color-accent-bg);transform:translateY(-2px)}.btn-outline{border:1px solid var(--color-border);color:var(--color-primary);background:0 0}.btn-outline:hover{border-color:var(--color-primary);background-color:#ffffff0d}.header{height:var(--header-height);background-color:var(--color-bg-deep-trans);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:1000;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{font-family:var(--font-serif);letter-spacing:.1em;color:var(--color-primary);font-size:1.75rem;font-weight:600}.logo span{color:var(--color-accent)}.nav-links{gap:1.5rem;list-style:none;display:flex}.nav-links a{color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase;transition:var(--transition-smooth);font-size:.9rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}.header-actions{align-items:center;gap:1.5rem;margin-left:2.5rem;display:flex}.header-icon-btn{color:var(--color-muted);transition:var(--transition-smooth);position:relative}.header-icon-btn:hover{color:var(--color-primary)}.badge{background-color:var(--color-accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.mobile-nav-toggle{display:none}@media (width<=968px){.nav-links{display:none}.mobile-nav-toggle{color:var(--color-muted);display:block!important}.theme-swatches-desktop,.currency-select-desktop,.profile-link-desktop{display:none!important}.header-actions{gap:1.25rem;margin-left:auto}}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:2.5rem;position:relative;overflow:hidden}.card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-premium);transform:translateY(-4px)}.path-card{flex-direction:column;height:100%;display:flex}.path-card .path-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:50px;align-self:flex-start;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.path-card.quiz-card .path-badge{color:#3b82f6;background-color:#3b82f61a;border:1px solid #3b82f633}.path-card.consultation-card .path-badge{color:var(--color-accent);background-color:#d4af371a;border:1px solid #d4af3733}.path-card.buy-card .path-badge{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.path-card-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:1.75rem}.path-card-desc{flex-grow:1;margin-bottom:2rem}.step-number{font-family:var(--font-serif);color:var(--color-step-num);transition:var(--transition-smooth);margin-bottom:.5rem;font-size:3.5rem;font-weight:700}.card:hover .step-number{color:var(--color-accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:1s ease-out forwards fadeIn}.animate-slide-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-slide{animation:.35s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}.option-btn{transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.option-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af3714;border-color:#d4af3773!important}.nav-dropdown-wrapper{display:inline-block;position:relative}.nav-dropdown-trigger{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:var(--transition-smooth);align-items:center;font-size:.95rem;font-weight:500;display:flex}.nav-dropdown-wrapper:hover .nav-dropdown-trigger{color:var(--color-accent)}.nav-dropdown-menu{background-color:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-premium);border-radius:var(--radius-sm);opacity:0;visibility:hidden;z-index:1000;min-width:200px;margin-top:.5rem;padding:.5rem 0;list-style:none;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(10px)}.nav-dropdown-menu:before{content:"";background-color:var(--color-bg-card);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-dropdown-wrapper:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-menu li{margin:0!important;padding:0!important}.nav-dropdown-menu a{color:var(--color-muted);white-space:nowrap;transition:var(--transition-smooth);padding:.75rem 1.5rem;font-size:.9rem;display:block;text-transform:none!important;letter-spacing:normal!important}.nav-dropdown-menu a:hover{background-color:var(--color-bg-elevated);color:var(--color-accent)}.product-hover-card:hover{border-color:var(--color-accent)!important}.product-hover-card:hover .product-card-img{transform:scale(1.05)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes haras-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.haras-spinner{animation:1s linear infinite haras-spin}#root{margin-top:var(--stepper-padding,0px);transition:margin-top .3s}@keyframes gatewayReveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal-item{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards gatewayReveal}.recommendation-item-card{border:1px solid #ffffff0a;border-left:4px solid var(--color-accent);transition:var(--transition-smooth);background:linear-gradient(90deg,#d4af3708 0%,#14141966 100%);border-radius:12px;align-items:flex-start;gap:1rem;margin-top:.75rem;margin-bottom:.75rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 12px #00000026}.recommendation-item-card:hover{background:linear-gradient(90deg,#d4af370f 0%,#14141999 100%);border-color:#d4af3733;border-left-width:6px;transform:translate(4px);box-shadow:0 8px 24px #d4af3714}.botanical-oil-tag{transition:var(--transition-smooth);background-color:#8fa8820a;border:1px solid #8fa88226;border-radius:8px;align-items:center;padding:.5rem 1.1rem;display:inline-flex;box-shadow:0 2px 4px #0000001a}.botanical-oil-tag:hover{background-color:#8fa88214;border-color:#8fa88259;transform:translateY(-2px);box-shadow:0 4px 12px #8fa88214}.botanical-journey-page,.botanical-public-page{isolation:isolate;position:relative;overflow:hidden}.botanical-journey-page:before,.botanical-public-page:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 13%,#6f885b24,#0000 25rem),radial-gradient(circle at 90% 34%,#80233517,#0000 28rem),repeating-linear-gradient(115deg,#ffffff03 0 1px,#0000 1px 18px);position:absolute;inset:0}.botanical-journey-content,.botanical-journey-header{z-index:2;position:relative}.botanical-atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.botanical-engraving{color:#a0b88c38;filter:drop-shadow(0 18px 40px #0006);width:clamp(180px,25vw,340px);position:absolute}.botanical-engraving path,.botanical-engraving circle,.botanical-engraving ellipse{stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke}.botanical-engraving--flower{color:#9d35463d;top:7.5rem;right:max(-8rem,-8vw);transform:rotate(7deg)}.botanical-engraving--branch{color:#91a67433;top:40rem;left:max(-9rem,-9vw);transform:rotate(-7deg)}.botanical-journey-header{border-left:1px solid #d4af377a;padding-left:clamp(1rem,3vw,2rem)!important}.botanical-journey-header h1,.botanical-report-header h1{text-wrap:balance;text-shadow:0 12px 36px #0000008c}.botanical-journey-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.botanical-journey-card:hover{transform:translateY(-2px);border-color:#c0cfa980!important;box-shadow:0 24px 58px #00000047!important}.botanical-journey-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.botanical-journey-actions:before{content:"✦";color:#d4af3738;font-size:2rem;position:absolute;top:.5rem;right:1rem}.botanical-oil-choice-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.botanical-oil-choice-card[data-haras-highlighted=true]:after{content:"HARAS";font-family:var(--font-serif);letter-spacing:.08em;color:#aec79709;pointer-events:none;font-size:2.8rem;position:absolute;bottom:.5rem;right:1rem}.botanical-oil-choice-card:hover{transform:translateY(-2px);border-color:#c4a4698c!important;box-shadow:0 20px 48px #0000003d!important}.botanical-oil-choice-card label:has(input:checked){box-shadow:inset 0 0 0 1px #d4af3729,0 8px 20px #0000002e}.botanical-report-page details{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.botanical-report-page [data-phase]{position:relative;overflow:hidden}.botanical-report-page [data-phase-field=phase_label],.botanical-report-page [data-stage12-field=opening_voice]{text-wrap:balance}.botanical-public-page section,.botanical-public-page article{position:relative}@media (width<=700px){.botanical-engraving{opacity:.55}.botanical-engraving--flower{top:8rem;right:-9rem}.botanical-engraving--branch{left:-10rem}.botanical-journey-header{padding-left:1rem!important}.botanical-oil-choice-card:before{opacity:.05}}@media (prefers-reduced-motion:reduce){.botanical-journey-card,.botanical-oil-choice-card{transition:none}}.apothecary-grain{background-image:radial-gradient(circle,#ffffff03 0%,#0000 100%),repeating-linear-gradient(45deg,#ffffff01 0 1px,#0000 1px 10px)}.botanical-chapter-seal{color:#c5a880;width:44px;height:44px;font-family:var(--font-serif);background:radial-gradient(circle,#8fa8821a 0%,#0006 100%);border:1px solid #e2c9a173;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:500;display:inline-flex;box-shadow:0 4px 10px #0000004d,inset 0 0 8px #8fa8821a}.botanical-oil-card-illustration{color:#8fa882;width:90px;height:90px;box-shadow:none;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.botanical-card-watermark{display:none}.botanical-page-watermark{font-family:var(--font-serif);letter-spacing:.12em;color:#e2c9a105;text-transform:uppercase;pointer-events:none;white-space:nowrap;z-index:0;font-size:clamp(3.5rem,10vw,8rem);font-weight:400;position:absolute;top:8rem;left:50%;transform:translate(-50%)}.botanical-oil-choice-card:after{content:"HARAS BOTANICAL";font-family:var(--font-serif);letter-spacing:.08em;color:#e2c9a104;pointer-events:none;white-space:nowrap;z-index:1;font-size:clamp(1.5rem,3vw,2.2rem);position:absolute;bottom:.8rem;right:1.5rem}.botanical-choice-grid{grid-template-columns:repeat(auto-fit,minmax(430px,1fr));gap:2.5rem;margin-top:2.5rem;display:grid}@media (width<=968px){.botanical-choice-grid{grid-template-columns:1fr;gap:1.75rem}}.premium-choice-label{cursor:pointer;flex-direction:column;gap:.25rem;display:flex;position:relative;overflow:hidden;background:#00000038!important;border:1px solid #ffffff0a!important;border-radius:10px!important;padding:.95rem 1.15rem!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.premium-choice-label:hover{background:#ffffff04!important;border-color:#ffffff1f!important}.premium-choice-label[data-checked=true][data-value=buy_from_haras]{color:#faf8f5!important;background:#e2c9a114!important;border-color:#e2c9a1b3!important;box-shadow:0 4px 16px #e2c9a114!important}.premium-choice-label[data-checked=true][data-value=already_have_genuine_haras_oil]{color:#faf8f5!important;background:#ffffff08!important;border-color:#ffffff73!important;box-shadow:0 4px 16px #ffffff0d!important}.premium-choice-label[data-checked=true][data-value=not_now]{color:var(--color-muted)!important;background:#0000004d!important;border-color:#ffffff2e!important}.premium-choice-label input[type=radio]{accent-color:currentColor;width:14px;height:14px;margin:0}
