@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap";:root{--cream:#f7f1e8;--paper:#faf6ef;--card:#fff;--ink:#1a0a00;--ink-soft:#5a4030;--gold:#c8933a;--rust:#d4552a;--rust-light:#d4552a1f;--warm-mid:#8b7355;--border:#e8ddd0;--border-soft:#f0eae0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}.hero-section{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.blob{filter:blur(60px);opacity:.45;border-radius:50%;animation:12s ease-in-out infinite alternate blobDrift;position:absolute}.blob-1{background:radial-gradient(circle,#c9b4d8 0%,#d8c8e8 60%,#0000 100%);width:420px;height:360px;animation-delay:0s;top:-80px;left:-100px}.blob-2{background:radial-gradient(circle,#f4b8a0 0%,#eec4ad 60%,#0000 100%);width:380px;height:340px;animation-delay:-3s;top:-60px;right:-80px}.blob-3{background:radial-gradient(circle,#b8d8c0 0%,#c8e4cc 60%,#0000 100%);width:300px;height:280px;animation-delay:-6s;bottom:40px;left:5%}.blob-4{background:radial-gradient(circle,#f0c8b0 0%,#edd8c8 60%,#0000 100%);width:260px;height:240px;animation-delay:-9s;bottom:60px;right:10%}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.blueprint-grid{pointer-events:none;background-image:linear-gradient(#64503c0f 1px,#0000 1px),linear-gradient(90deg,#64503c0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:0;max-width:680px;padding:60px 24px;display:flex;position:relative}.hero-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;margin-bottom:28px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500}.hero-cube-wrap{perspective:400px;width:72px;height:72px;margin-bottom:24px}.hero-cube{width:72px;height:72px;transform-style:preserve-3d;animation:8s linear infinite cubeRotate;position:relative;transform:rotateX(20deg)rotateY(-30deg)}@keyframes cubeRotate{0%{transform:rotateX(20deg)rotateY(-30deg)}to{transform:rotateX(20deg)rotateY(330deg)}}.cube-face{border:1.5px solid #d4552a66;width:72px;height:72px;position:absolute}.cube-front{background:linear-gradient(135deg,#d4552a 0%,#8b3a1a 100%);transform:translateZ(36px)}.cube-right{background:linear-gradient(135deg,#8b3a1a 0%,#5a2010 100%);transform:rotateY(90deg)translateZ(36px)}.cube-top{background:linear-gradient(135deg,#e8784a 0%,#d4552a 100%);transform:rotateX(90deg)translateZ(36px)}.hero-title{letter-spacing:-.02em;color:var(--ink);flex-direction:column;margin-bottom:22px;font-family:Cormorant Garamond,serif;font-size:clamp(4rem,10vw,6.5rem);font-weight:700;line-height:.92;display:flex}.hero-title span:first-child{color:var(--ink-soft)}.hero-sub{color:var(--ink-soft);max-width:520px;margin-bottom:36px;font-family:Cormorant Garamond,serif;font-size:1.2rem;font-style:italic;line-height:1.6}.hero-search-form{flex-direction:column;gap:14px;width:100%;max-width:520px;display:flex}.hero-input-wrap{align-items:center;display:flex;position:relative}.hero-input-icon{color:var(--warm-mid);pointer-events:none;position:absolute;left:16px}.hero-input{border:1.5px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;color:var(--ink);background:#ffffffd9;border-radius:50px;padding:16px 16px 16px 46px;font-family:Inter,sans-serif;font-size:1rem;transition:all .25s}.hero-input:focus{border-color:var(--rust);background:#fff;outline:none;box-shadow:0 0 0 4px #d4552a1a}.hero-input::placeholder{color:#b0a090}.hero-cta-btn{color:#fff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,#d4552a 0%,#a83a18 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 32px;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 6px 24px #d4552a59}.hero-cta-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px #d4552a73}.hero-cta-btn:active:not(:disabled){transform:scale(.97)}.hero-cta-btn:disabled{box-shadow:none;cursor:not-allowed;background:#c0b0a0}.download-btn{color:var(--ink);background:0 0;border:1px solid #8b735566;border-radius:999px;justify-content:center;align-items:center;min-width:180px;padding:14px 24px;font-family:Inter,sans-serif;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.download-btn:hover{background:#d8a88424;border-color:#8b735599}.download-btn:focus-visible{outline-offset:3px;outline:3px solid #8b735533}.android-note{color:var(--ink);background:#ffffffe6;border:1px solid #8b73554d;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.android-note:hover{background:#f7f1e8e6;border-color:#8b735573}.android-note svg{min-width:18px}.hero-error{color:var(--rust);background:#d4552a14;border:1px solid #d4552a33;border-radius:12px;margin-top:8px;padding:12px 16px;font-size:.9rem}.loading-dots span{animation:1.2s infinite blink}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.hero-recs-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid var(--border);background:#ffffffd9;border-radius:20px;width:100%;max-width:520px;margin-top:28px;padding:20px 24px;animation:.4s both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-recs-header{letter-spacing:.1em;text-transform:uppercase;color:var(--warm-mid);align-items:center;gap:8px;margin-bottom:14px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;display:flex}.hero-recs-grid{flex-direction:column;gap:8px;display:flex}.hero-rec-card{background:var(--cream);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:transform .18s;animation:.4s both slideUp;display:flex}.hero-rec-card:hover{transform:translate(4px)}.hero-rec-rank{color:var(--warm-mid);width:28px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600}.hero-rec-name{color:var(--ink);flex:1;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.hero-rec-score{color:var(--rust);background:var(--rust-light);border-radius:20px;padding:3px 10px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.app-container{max-width:1320px;margin:0 auto;padding:0 24px 72px}.section-nav{justify-content:space-between;align-items:center;padding:32px 0 20px;display:flex}.nav-label{color:var(--ink-soft);letter-spacing:.01em;font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:600}.main-content{grid-template-columns:2fr 1fr;align-items:start;gap:28px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 6px 30px #5a40300f}.map-section{flex-direction:column;height:620px;display:flex}.chart-wrapper{flex:1;width:100%;height:100%}.map-loading{height:100%;color:var(--warm-mid);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.95rem;display:flex}.map-loading-icon{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sticky-card{position:sticky;top:28px}.panel-badge{letter-spacing:.14em;text-transform:uppercase;color:var(--rust);background:var(--rust-light);border-radius:20px;margin-bottom:12px;padding:4px 12px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;display:inline-block}.sticky-card h2{color:var(--ink);border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:14px;font-family:Cormorant Garamond,serif;font-size:1.9rem;font-weight:700}.subtitle{color:var(--ink-soft);margin-bottom:22px;font-size:.88rem;line-height:1.65}.search-form{flex-direction:column;gap:14px;display:flex}.input-group{align-items:center;display:flex;position:relative}.search-icon{color:#b0a090;pointer-events:none;position:absolute;left:14px}input{border:1.5px solid var(--border);background:var(--cream);width:100%;color:var(--ink);border-radius:10px;padding:13px 14px 13px 40px;font-family:Inter,sans-serif;font-size:.95rem;transition:all .2s}input:focus{border-color:var(--rust);background:#fff;outline:none;box-shadow:0 0 0 3px #d4552a17}input::placeholder{color:#b0a090}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4552a 0%,#a83a18 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #d4552a47}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #d4552a61}button:active:not(:disabled){transform:scale(.98)}button:disabled{box-shadow:none;cursor:not-allowed;background:#c8bdb0}.error-message{color:var(--rust);background:#d4552a12;border:1px solid #d4552a2e;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:.87rem;line-height:1.5}.results-container{margin-top:26px;animation:.4s slideUp}.results-title{letter-spacing:.12em;text-transform:uppercase;color:var(--warm-mid);align-items:center;gap:7px;margin-bottom:14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600;display:flex}.results-list{flex-direction:column;gap:10px;list-style:none;display:flex}.result-item{background:var(--cream);border:1px solid var(--border);border-radius:10px;align-items:center;padding:14px 16px;transition:transform .18s,border-color .18s;animation:.4s both slideUp;display:flex}.result-item:hover{border-color:#d4c0a8;transform:translate(4px)}.rank{color:#b0a090;width:28px;margin-right:14px;font-size:.8rem;font-weight:600}.fragrance-name{flex:1;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600}.match-score{color:var(--rust);background:var(--rust-light);border-radius:20px;padding:3px 10px;font-size:.82rem;font-weight:600}.insight-chips{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;display:flex}.chip{color:var(--ink-soft);background:var(--cream);border:1px solid var(--border);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:flex}.chip-dot{border-radius:50%;width:8px;height:8px}.stats-card{margin-top:16px;padding:20px 28px}.stat-row{justify-content:space-between;align-items:center;display:flex}.stat{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.stat-value{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:700}.stat-label{color:var(--warm-mid);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:500}.stat-divider{background:var(--border);width:1px;height:36px}.view-toggle{gap:8px;display:flex}.toggle-btn{color:var(--ink-soft);border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:7px;width:auto;padding:8px 18px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .18s;display:flex}.toggle-btn:hover{background:var(--cream)}.toggle-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 3px 12px #1a0a001f}.three-d-label{color:var(--ink);white-space:nowrap;pointer-events:none;border:1px solid var(--border);background:#ffffffeb;border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transform:translateY(-20px);box-shadow:0 3px 10px #5a40301f}.three-d-label--highlight{color:#8b3a1a;border:1.5px solid var(--rust);background:#fff5e6f7;font-weight:700;box-shadow:0 4px 16px #d4552a40}.axis-label{color:#a09080;white-space:nowrap;pointer-events:none;border:1px solid var(--border);background:#ffffffd9;border-radius:4px;padding:3px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}.mobile-exclusive-section{background:#ffffffeb;border:1px solid #b4a08c2e;border-radius:28px;margin-top:48px;padding:40px 24px;box-shadow:0 18px 40px #5a40300f}.mobile-exclusive-inner{max-width:1180px;margin:0 auto}.mobile-exclusive-header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px;display:flex}.mobile-exclusive-header>div{flex:1;min-width:0}.mobile-exclusive-header h2{color:var(--ink);margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,3vw,2.7rem)}.mobile-exclusive-header p{max-width:680px;color:var(--ink-soft);font-size:1rem;line-height:1.75}.exclusive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.exclusive-card{background:#f7f1e8f2;border:1px solid #b4a08c2e;border-radius:20px;padding:24px;transition:transform .22s,border-color .22s}.exclusive-card:hover{border-color:#b4a08c52;transform:translateY(-4px)}.exclusive-card h3{color:var(--ink);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:1.2rem}.exclusive-card p{color:var(--ink-soft);margin:0;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.7}.about-section{background:radial-gradient(circle at 10% 20%,#c8b4d873 0%,#0000 45%),radial-gradient(circle at 90% 80%,#b8d8c073 0%,#0000 45%),radial-gradient(circle,#f4b8a059 0%,#0000 60%);background-color:var(--paper);border:1.5px solid #fffc;border-radius:30px;margin-top:60px;padding:80px 24px 100px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #ffffffb3,0 10px 40px #5a40300f}.about-inner{text-align:center;z-index:2;max-width:1100px;margin:0 auto;position:relative}.about-title{color:var(--ink);letter-spacing:-.01em;margin-bottom:24px;font-family:Playfair Display,serif;font-size:clamp(2.6rem,6vw,4rem);font-weight:600}.about-intro{color:var(--ink-soft);max-width:680px;margin:0 auto 60px;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.7}.philosophy-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:80px;display:grid}.philosophy-card{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fffc;border-radius:20px;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 24px #5a40300a}.philosophy-card:hover{background:#ffffffb3;transform:translateY(-6px);box-shadow:0 12px 32px #5a403014}.philosophy-card h3{color:var(--ink);border-bottom:1px solid #c8b4a040;margin-bottom:16px;padding-bottom:14px;font-family:Playfair Display,serif;font-size:1.6rem;font-style:italic;font-weight:600}.philosophy-card p{color:var(--ink-soft);font-family:Inter,sans-serif;font-size:.95rem;line-height:1.65}.about-quote{color:var(--rust);max-width:880px;margin:0 auto;font-family:Playfair Display,serif;font-size:clamp(1.8rem,4vw,2.5rem);font-style:italic;line-height:1.35}.about-quote:before,.about-quote:after{content:"";background:var(--rust-light);width:40px;height:2px;margin:40px auto;display:block}.footer{border-top:1px solid var(--border);color:#b0a090;justify-content:space-between;align-items:center;margin-top:60px;padding-top:24px;font-family:Inter,sans-serif;font-size:.8rem;display:flex}@media (width<=900px){.main-content{grid-template-columns:1fr}.mobile-exclusive-section{padding:30px 18px}.mobile-exclusive-header{flex-direction:column;align-items:stretch}.exclusive-grid{grid-template-columns:1fr 1fr}.philosophy-grid{grid-template-columns:1fr}.map-section{height:480px}.footer{text-align:center;flex-direction:column;gap:6px}.about-section{border-radius:20px;margin-top:40px;padding:60px 16px 80px}.philosophy-card{padding:32px 24px}.about-quote:before,.about-quote:after{margin:24px auto}}