:root{--ink:#111411;--muted:#626862;--paper:#fbfbf8;--cream:#fff;--soft:#f2f2ed;--lime:#c7ff3d;--mint:#d9f3e6;--line:#dedfd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 12% 8%,#5de0ea8c,#0000 26%),radial-gradient(circle at 88% 4%,#ff844c73,#0000 25%),#aeb5a9;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{background:var(--paper);border:3px solid var(--ink);border-radius:18px;min-height:calc(100vh - 20px);margin:10px;overflow:hidden;box-shadow:0 18px 60px #00000038}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#fbfbf8e0;border-bottom:1px solid #11141114;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(20px,3.8vw,58px);display:grid;position:sticky;top:0}.nav a{color:var(--ink);font-size:12px;font-weight:650;text-decoration:none}.brand{justify-self:start;align-items:center;display:flex}.brand img{object-fit:cover;border-radius:50%;width:46px;height:46px;display:block}.nav nav{gap:30px;display:flex}.header-cta{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-self:end;padding:11px 16px;font-size:12px;font-weight:750}.hero{text-align:center;isolation:isolate;flex-direction:column;align-items:center;min-height:760px;padding:112px 24px 44px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;filter:blur(22px);background:radial-gradient(at 22% 48%,#6be2ee4d,#0000 38%),radial-gradient(at 58% 42%,#ff8e524d,#0000 36%),radial-gradient(at 78% 48%,#84b8ff45,#0000 38%);width:min(820px,92vw);height:430px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.hero:after{content:"";z-index:-1;opacity:.35;background-image:radial-gradient(#1e24203d .7px,#0000 .7px);background-size:12px 12px;height:390px;position:absolute;inset:70px 12% auto;-webkit-mask-image:linear-gradient(#0000,#000 22% 72%,#0000);mask-image:linear-gradient(#0000,#000 22% 72%,#0000)}.hero .product-title{max-width:900px;color:var(--ink);letter-spacing:-.075em;text-transform:uppercase;-webkit-text-stroke:2px #fffffffa;paint-order:stroke fill;text-shadow:-1px -1px #fffffffa,1px -1px #fffffffa,-1px 1px #fffffffa,1px 1px #fffffffa,0 10px 24px #11141121;margin:0;font-size:clamp(66px,8vw,118px);line-height:.83}.hero-intro{color:#3d433e;max-width:760px;margin:26px 0 28px;font-size:clamp(17px,1.65vw,23px);line-height:1.45}.hero-closing{color:#252925;letter-spacing:-.035em;margin:17px 0 0;font-size:clamp(20px,2vw,28px);font-weight:700}.hero-closing em,.results h2 em{font-family:Georgia,serif;font-weight:400}.hero-search{border:1.5px solid var(--ink);background:#ffffffeb;border-radius:10px;width:min(680px,100%);padding:5px;display:flex;box-shadow:0 10px 30px #1b231e17}.path-callout{color:var(--ink);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 9px;font-size:13px;font-weight:850;display:flex}.path-callout b{color:#4f7900;font-size:20px;line-height:1;animation:1.4s ease-in-out infinite callout-bounce}@keyframes callout-bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(3px)}}.experience-picker{grid-template-columns:1fr 1fr;gap:14px;width:min(820px,100%);margin:0 0 18px;display:grid}.experience{text-align:left;min-height:172px;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:#ffffffd6;border-radius:12px;grid-template-rows:auto auto 1fr;grid-template-columns:34px 1fr;gap:6px 10px;padding:18px;display:grid;box-shadow:0 8px 20px #141e1814}.experience.primary{background:var(--ink);color:#fff}.experience span{opacity:.55;grid-row:1/4;font-family:Georgia,serif;font-size:24px}.experience b{font-size:17px;line-height:1.1}.experience small{color:inherit;opacity:.72;line-height:1.4}.experience-action{color:#101915;background:#b8ff26;border:2px solid #101915;border-radius:8px;place-self:end start;align-items:center;gap:14px;min-width:142px;padding:11px 15px;font-size:15px;font-style:normal;line-height:1;display:inline-flex;box-shadow:3px 3px #10191547}.experience.primary .experience-action{border-color:#fff;box-shadow:3px 3px #ffffff40}.experience-action i{font-size:19px;font-style:normal;transition:transform .18s}.experience:hover{transform:translateY(-3px);box-shadow:0 13px 26px #141e1824}.experience:hover .experience-action i{transform:translate(4px)}.experience:focus-visible{outline-offset:4px;outline:4px solid #b8ff26}.hero-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:13px 16px}.hero-search button,.next{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:7px;padding:13px 19px;font-weight:750}.examples{flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0 12px;display:flex}.examples button,.choices button{cursor:pointer;background:#ffffff80;border:1px solid #c9cbc5;border-radius:99px;padding:8px 13px}.trust-strip{width:min(980px,100%);margin-top:auto;padding-top:74px}.trust-strip p{color:#555b56;margin:0 0 19px;font-size:11px}.trust-strip div{justify-content:space-between;align-items:center;gap:20px;display:flex}.trust-strip span{color:#747975;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(10px,1.2vw,15px);font-weight:800}.kicker{letter-spacing:.18em;font-size:11px;font-weight:800}.converter{color:#fff;background:#111815;min-height:700px;padding:84px 22px;display:none}.converter.active{display:block}.panel,.results{max-width:1060px;margin:auto}.panel{background:var(--cream);max-width:760px;color:var(--ink);border:1px solid #ffffff73;border-radius:18px;padding:clamp(26px,5vw,55px);box-shadow:0 26px 70px #00000040}.progress{align-items:center;margin-bottom:42px;display:flex}.progress span{border:1px solid #aaa;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.progress span.done{background:var(--ink);color:#fff}.progress i{background:#ccc;flex:1;height:1px}.panel h2,.results h2,.how h2{letter-spacing:-.05em;margin:14px 0;font-size:clamp(34px,5vw,62px);line-height:1}.choices{flex-wrap:wrap;gap:10px;margin:30px 0;display:flex}.choices button{padding:13px 18px}.choices button.chosen{background:var(--ink);color:#fff;border-color:var(--ink)}.next{min-width:200px;margin-top:14px}.next:disabled{opacity:.35;cursor:not-allowed}.safety{border:1px solid var(--line);cursor:pointer;border-radius:12px;grid-template-columns:30px 1fr;margin:14px 0;padding:18px;display:grid}.safety.selected{border:2px solid var(--ink);background:#eff7e1}.safety input{grid-row:1/3}.safety span{color:#5d625f;font-size:14px}.safety-note{color:#656b67;font-size:13px}.results>h2,.results>.kicker{text-align:center}.cards{grid-template-columns:repeat(2,1fr);gap:18px;margin:42px 0;display:grid}.card{background:var(--cream);color:var(--ink);border:1px solid #ffffff8c;border-radius:14px;flex-direction:column;padding:26px;display:flex;position:relative}.card:first-child{border:2px solid var(--lime);grid-column:span 2}.rank{background:var(--mint);letter-spacing:.12em;border-radius:99px;align-self:flex-start;padding:7px 10px;font-size:10px;font-weight:900}.card:first-child .rank{background:var(--lime)}.category{text-transform:uppercase;letter-spacing:.12em;margin:25px 0 7px;font-size:11px}.card h3{margin:0;font-size:25px;line-height:1.08}.brandname{color:#6d716d;margin:8px 0 18px}.product-head{grid-template-columns:minmax(0,1fr) 132px;align-items:start;gap:18px;display:grid}.product-visual{width:132px;margin-top:18px}.product-image{background:var(--soft);border-radius:10px;place-items:center;width:132px;height:148px;margin-top:18px;display:grid;overflow:hidden}.product-visual .product-image{margin-top:0}.product-image img{object-fit:contain;width:100%;height:100%;padding:8px;display:block}.product-image span{text-align:center;color:#777;padding:12px;font-size:11px;display:none}.product-image.missing span{display:block}.card:first-child .product-head{grid-template-columns:minmax(0,1fr) 180px}.card:first-child .product-visual{width:180px}.card:first-child .product-image{width:180px;height:190px}.shop-button{background:var(--lime);width:100%;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:7px;margin-top:9px;padding:11px 9px;font-size:11px;font-weight:900;line-height:1.15;text-decoration:none;display:block}.shop-button:hover{box-shadow:4px 4px 0 var(--ink);background:#b7ef27;transform:translate(-1px,-1px)}.discount-note{color:#565c57;text-align:center;margin:9px 1px 0;font-size:10px;line-height:1.35}.discount-note strong{color:var(--ink);font-weight:900}.tastes{flex-wrap:wrap;gap:6px;display:flex}.tastes span{border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:11px}.reason,.honest{border-top:1px solid var(--line);margin-top:18px;padding-top:16px;font-size:14px}.reason p,.honest p{color:#4f5551;line-height:1.45}.honest{background:var(--soft);border:0;border-radius:8px;padding:12px}.match-meter{border-top:1px solid var(--line);grid-template-columns:auto 1fr;align-items:center;gap:7px 14px;margin-top:18px;padding-top:16px;display:grid}.match-meter span{gap:5px;display:flex}.match-meter i{background:#ddd9cd;border-radius:99px;flex:1;height:8px;display:block}.match-meter i.on{background:var(--ink)}.match-meter small{color:#6a706c;grid-column:1/3}.card details{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.card summary{cursor:pointer;font-size:13px;font-weight:700}.card dl{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 0;display:grid}.card dl div{background:var(--soft);border-radius:7px;padding:9px}.card dt{color:#737872;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.card dd{margin:4px 0 0;font-size:13px;font-weight:700}.cardfoot{justify-content:space-between;align-items:center;gap:15px;margin-top:auto;padding-top:22px;display:flex}.startover{color:#fff;cursor:pointer;background:0 0;border:0;margin:30px auto;text-decoration:underline;display:block}.no-match{text-align:center;max-width:700px;margin:40px auto}.no-match>div{font-size:70px}.recipe-generator{min-height:760px;color:var(--ink);background:#ecf2e8;padding:82px 22px}.recipe-shell{width:min(1120px,100%);margin:auto}.recipe-top{text-align:center;max-width:780px;margin:0 auto 35px}.recipe-top h2,.recipe-results>h2{letter-spacing:-.06em;margin:12px 0;font-size:clamp(42px,6vw,76px);line-height:.95}.recipe-top>p:last-child,.recipe-lede{color:#59615b;font-size:17px;line-height:1.55}.text-back{color:var(--ink);cursor:pointer;background:0 0;border:0;margin-bottom:28px;padding:0;text-decoration:underline}.text-back.light{color:#fff}.recipe-panel{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:780px;margin:auto;padding:clamp(26px,5vw,54px);box-shadow:0 25px 65px #20322724}.recipe-panel h3{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4.5vw,52px);line-height:1}.recipe-panel>p{color:var(--muted)}.recipe-families{grid-template-columns:1fr 1fr;gap:10px;margin:30px 0;display:grid}.recipe-families.compact{grid-template-columns:repeat(3,1fr)}.recipe-families button{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:9px;min-height:54px;padding:12px 15px;font-weight:750}.recipe-families button.chosen{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--lime)}.custom-cocktail{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.custom-cocktail>p{color:#59615b;margin:0 0 13px;line-height:1.45}.custom-cocktail>p strong{color:var(--ink)}.custom-cocktail>div{border:1.5px solid var(--ink);background:#fff;border-radius:10px;gap:9px;padding:5px;display:flex}.custom-cocktail input{border:0;outline:0;flex:1;min-width:0;padding:12px 13px}.custom-cocktail button{background:var(--lime);color:var(--ink);cursor:pointer;border:0;border-radius:7px;padding:12px 16px;font-weight:850}.custom-cocktail button:disabled{opacity:.4;cursor:not-allowed}.recipe-continue{color:#fff;background:#111815;display:block}.custom-resolution{color:#e8eee9;border-left:4px solid var(--lime);background:#26312d;border-radius:8px;max-width:780px;margin:18px auto 4px;padding:15px 18px;line-height:1.5}.recipe-label{letter-spacing:.08em;text-transform:uppercase;gap:8px;margin:22px 0;font-size:12px;font-weight:850;display:grid}.recipe-label select{width:100%;color:var(--ink);border:1.5px solid var(--ink);text-transform:none;letter-spacing:0;background:#fff;border-radius:9px;padding:15px;font-size:16px}.recipe-results{color:#fff}.recipe-results>.kicker,.recipe-results>h2,.recipe-results>.recipe-lede{text-align:center}.recipe-generator:has(.recipe-results){background:#111815}.recipe-lede{color:#c6d0ca;max-width:720px;margin:18px auto 40px}.recipe-grid{gap:24px;display:grid}.recipe-card{color:var(--ink);background:#fff;border-radius:16px;grid-template-columns:58px minmax(0,1fr) 230px;gap:26px;padding:clamp(22px,4vw,42px);display:grid}.recipe-number{color:#9aa39c;font-family:Georgia,serif;font-size:34px}.recipe-copy h3{letter-spacing:-.045em;margin:5px 0 16px;font-size:clamp(30px,4vw,48px);line-height:1}.recipe-copy h4{letter-spacing:.12em;text-transform:uppercase;margin:28px 0 12px;font-size:13px}.recipe-meta{color:#59615b;gap:30px;margin-top:20px;font-size:13px;display:flex}.recipe-meta span{gap:4px;display:grid}.recipe-meta b{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.ingredients{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;gap:15px;padding:10px 0;display:grid}.recipe-copy ol{color:#48504b;padding-left:21px;line-height:1.6}.recipe-note{background:#f1f3ed;border-radius:10px;margin-top:24px;padding:16px}.recipe-note p{color:#525a55;margin-bottom:0;line-height:1.5}.recipe-product{border-left:1px solid var(--line);padding-left:24px}.recipe-product .product-image{width:100%;height:210px;margin-top:0}.recipe-product h4{margin:7px 0;font-size:19px;line-height:1.15}.recipe-product>p:not(.category):not(.discount-note){color:var(--muted);margin:6px 0 15px}.pairing-why{background:#f1f3ed;border-radius:10px;margin:14px 0 18px;padding:13px 14px}.pairing-why b{margin-bottom:5px;display:block}.pairing-why p{color:#525a55;margin:0;font-size:14px;line-height:1.45}.recipe-product .shop-button{margin-top:18px}.how{background:var(--cream);padding:112px clamp(22px,7vw,100px)}.how>h2{max-width:700px}.algorithm-note{color:#5b605c;max-width:760px;line-height:1.6}.howgrid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px;display:grid}.howgrid div{border-top:1.5px solid var(--ink);padding-top:22px}.howgrid b{color:#8b8e87;font-family:Georgia,serif;font-size:36px}.howgrid h3{font-size:21px}.howgrid p{color:#5b605c;line-height:1.55}footer{color:#fff;background:#0e1513;padding:70px clamp(22px,7vw,100px)}.footer-logo{display:inline-block}.footer-logo img{object-fit:cover;border-radius:50%;width:104px;height:104px;display:block}footer>p{font-family:Georgia,serif;font-size:26px}.disclosure{background:#1c2623;border-radius:9px;max-width:700px;margin:30px 0;padding:18px}.disclosure p,footer small{color:#c4cbc7;line-height:1.5}.info-page,.admin-page{background:var(--cream);min-height:100vh;padding:70px clamp(22px,8vw,120px)}.info-page h1,.admin-page h1{letter-spacing:-.06em;max-width:900px;font-size:clamp(44px,7vw,84px);line-height:.95}.info-page>p:not(.kicker){max-width:760px;font-size:19px;line-height:1.65}.info-page .kicker,.admin-page .kicker{margin-top:80px}.info-cta{color:var(--ink);text-decoration:none;display:inline-block}.admin-table{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:35px;overflow:auto}.admin-table table{border-collapse:collapse;width:100%;min-width:760px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;padding:13px;font-size:13px}.admin-table th{background:var(--ink);color:#fff;position:sticky;top:0}.admin-table td small{color:#777;margin-top:3px;display:block}@media (max-width:720px){main{border-width:2px;border-radius:14px;margin:5px}.nav{grid-template-columns:1fr auto;height:66px;padding:0 17px}.brand img{width:42px;height:42px}.nav nav{display:none}.header-cta{padding:10px 13px}.hero{min-height:700px;padding:76px 18px 32px}.hero:before{height:330px;top:36px}.hero:after{height:330px;inset:44px 2% auto}.hero .product-title{font-size:clamp(51px,15vw,67px)}.hero-intro{margin:22px 0 26px;font-size:17px}.hero-closing{margin-top:18px;font-size:23px}.hero-search{flex-direction:column}.hero-search button{width:100%}.experience-picker{grid-template-columns:1fr}.path-callout{justify-content:center;margin-bottom:12px}.experience{min-height:154px}.experience-action{justify-content:center;width:100%}.trust-strip{padding-top:55px}.trust-strip div{flex-wrap:wrap;justify-content:center;gap:12px 20px}.trust-strip span{font-size:10px}.converter{padding:55px 14px}.cards{grid-template-columns:1fr}.card:first-child{grid-column:span 1}.product-head,.card:first-child .product-head{grid-template-columns:minmax(0,1fr) 104px;gap:12px}.product-visual,.card:first-child .product-visual{width:104px}.product-image,.card:first-child .product-image{width:104px;height:122px;margin-top:16px}.product-visual .product-image,.card:first-child .product-visual .product-image{margin-top:0}.shop-button{padding:9px 6px;font-size:10px}.discount-note{font-size:9px}.recipe-generator{padding:56px 14px}.recipe-families,.recipe-families.compact{grid-template-columns:1fr 1fr}.custom-cocktail>div{flex-direction:column}.custom-cocktail button{width:100%}.recipe-card{grid-template-columns:1fr;gap:18px}.recipe-number{font-size:26px}.recipe-product{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.recipe-product .product-image{max-width:190px;height:190px}.card dl{grid-template-columns:1fr}.cardfoot{flex-direction:column;align-items:flex-start}.cardfoot a{text-align:center;width:100%}.how{padding-top:76px}.howgrid{grid-template-columns:1fr}.footer-logo img{width:90px;height:90px}.info-page,.admin-page{padding-top:40px}}
