.hero{border-bottom:1px solid var(--line-soft);position:relative;overflow:hidden}.hero-glow{background:radial-gradient(circle, var(--glow-faint) 0%, transparent 62%);pointer-events:none;border-radius:50%;width:780px;height:780px;transition:background .9s;position:absolute;top:-220px;right:-140px}#bubbles{pointer-events:none;position:absolute;inset:0}.hero-grid{grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;padding-block:84px 96px;display:grid;position:relative}@media (width<=960px){.hero-grid{grid-template-columns:1fr;padding-block:56px 72px}}.hero h1{margin:0 0 26px;font-size:clamp(58px,8.2vw,118px)}.hero h1 .flip{color:var(--hero-tint,var(--accent));transition:color .6s}.hero .lede{font-size:18.5px}.hero-search{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-raise) 88%, transparent);max-width:540px;box-shadow:0 0 0 6px var(--glow-faint), 0 20px 60px -24px var(--glow);border-radius:999px;align-items:center;gap:14px;margin-top:34px;padding:10px 10px 10px 22px;text-decoration:none;transition:border-color .25s,box-shadow .9s;display:flex}.hero-search:hover{border-color:var(--accent)}.hero-search svg{stroke:var(--accent);flex:none;transition:stroke .9s}.hero-search-text{min-width:0;color:var(--dim);flex:1;font-size:18px;line-height:1.3}.hero-search-text strong{color:var(--foam);font-weight:600;transition:opacity .2s,transform .2s;display:inline-block}.hero-search-text strong.swap{opacity:0;transform:translateY(6px)}.hero-search-go{background:var(--accent);color:var(--accent-ink);border-radius:999px;flex:none;padding:11px 20px;font-size:15px;font-weight:600;transition:background .9s,color .9s}.hero-search-note{margin:12px 0 0 22px;display:block}@media (width<=640px){.hero-search{gap:10px;padding-left:16px}.hero-search-text{font-size:16px}.hero-search-go{padding:11px 16px}.hero-search-note{margin-left:16px}}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-soon{margin-top:16px;display:block}.btn-big{padding:15px 26px;font-size:16px}.hero-soon{margin-top:14px}.hero-search{margin-top:30px}@media (width<=640px){.hero .lede{font-size:16.5px}.hero-ctas{gap:4px}.hero-ctas .btn-solid{flex:100%;justify-content:center}.hero-ctas .btn-ghost{color:var(--dim);border-color:#0000;flex:100%;justify-content:center;padding-block:12px;font-size:15px}}.showcase{justify-self:center;width:min(440px,100%);position:relative}.sc-slides{display:grid}.sc-slide{opacity:0;visibility:hidden;flex-direction:column;grid-area:1/1;align-items:center;text-decoration:none;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.25,1),visibility 0s linear .5s;display:flex;transform:translateY(10px)}.sc-slide.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:none}.sc-stage{place-items:center;width:100%;height:330px;display:grid;position:relative}.sc-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--beer) 30%, transparent), transparent);pointer-events:none;position:absolute;inset:-10% 0}.sc-reticle{pointer-events:none;position:absolute;inset:0 18% 26px}.sc-reticle i{border:2px solid var(--beer);opacity:.8;width:24px;height:24px;position:absolute}.sc-reticle i:first-child{border-bottom:0;border-right:0;border-radius:8px 0 0;top:0;left:0}.sc-reticle i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 8px 0 0;top:0;right:0}.sc-reticle i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 8px;bottom:0;left:0}.sc-reticle i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 8px;bottom:0;right:0}.showcase .beer-art--hero{height:290px;position:relative}.sc-card{border:1px solid var(--line);border-color:color-mix(in srgb, var(--beer) 35%, transparent);background:linear-gradient(155deg, color-mix(in srgb, var(--beer) 8%, var(--surface)), var(--bg-raise) 70%);width:100%;box-shadow:0 40px 90px -40px #000c, 0 0 70px -24px color-mix(in srgb, var(--beer) 40%, transparent);border-radius:24px;flex-direction:column;gap:8px;margin-top:-18px;padding:22px 24px 20px;transition:border-color .25s;display:flex;position:relative}.sc-slide:hover .sc-card{border-color:color-mix(in srgb, var(--beer) 60%, transparent)}.sc-eyebrow{color:var(--beer)}.sc-name{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--foam);font-size:clamp(30px,3.4vw,40px);line-height:1}.sc-meta{flex-wrap:wrap;gap:8px;display:flex}.sc-meta .chip-accent{background:var(--beer);border-color:var(--beer);color:var(--beer-ink);font-weight:600}.sc-brew{color:var(--dim);font-size:14.5px}.sc-bars{gap:8px;margin-top:6px;display:grid}.sc-bar{grid-template-columns:46px 1fr auto;align-items:center;gap:12px;display:grid}.sc-bar .mono-tag{font-size:10.5px}.sc-go{color:var(--foam);margin-top:8px;font-size:14.5px;font-weight:600}.sc-slide:hover .sc-go{color:var(--accent)}.sc-dots{justify-content:center;gap:4px;margin-top:14px;display:flex}.sc-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.sc-dot:before{content:"";background:var(--line-soft);border-radius:4px;width:22px;height:4px;transition:background .3s}.sc-dot[aria-pressed=true]:before{background:var(--hero-tint,var(--accent))}.sc-dot:hover:before{background:var(--dim)}.sc-note{color:var(--faint);text-align:center;margin-top:8px;font-size:12px;line-height:1.5}@media (width<=960px){.showcase{margin-top:8px}}@media (width<=640px){.sc-stage{height:250px}.showcase .beer-art--hero{height:220px}.sc-card{padding:18px 18px 16px}}.ticker{border-bottom:1px solid var(--line-soft);padding:30px 0}.ticker-row{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=860px){.ticker-row{grid-template-columns:repeat(2,1fr);gap:32px 24px}}.stat .stat-n{font-family:var(--display);letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--foam);font-size:clamp(34px,4.4vw,52px)}.stat .stat-n em{color:var(--accent);font-style:normal;transition:color .9s}.stat .stat-l{margin-top:4px}#demo,#scan,#profile,#features,#get{scroll-margin-top:84px}section{border-bottom:1px solid var(--line-soft);padding:104px 0}@media (width<=760px){section{padding:72px 0}}.sec-head{max-width:720px;margin-bottom:60px}.sec-head h2{margin:0 0 18px;font-size:clamp(38px,5vw,62px)}.sec-head h2 .tint{color:var(--accent);transition:color .9s}.pipeline{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=1020px){.pipeline{grid-template-columns:repeat(2,1fr)}.step:last-child{grid-column:span 2}}@media (width<=560px){.pipeline{grid-template-columns:1fr}.step:last-child{grid-column:auto}}.step{background:var(--bg-raise);padding:28px 24px 30px;transition:background .3s;position:relative}.step:hover{background:var(--surface)}.step h3{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:23px;font-weight:400}.step p{color:var(--dim);font-size:14.5px;line-height:1.55}.step .step-ms{font-family:var(--mono);letter-spacing:.12em;color:var(--faint);border:1px solid var(--line-soft);font-variant-numeric:tabular-nums;border-radius:999px;margin-top:16px;padding:4px 10px;font-size:11px;display:inline-block}.profile-grid{grid-template-columns:1fr .92fr;align-items:center;gap:64px;display:grid}@media (width<=960px){.profile-grid{grid-template-columns:1fr;gap:48px}}.profile-points{gap:0;margin-top:34px;list-style:none;display:grid}.profile-points li{border-top:1px solid var(--line-soft);color:var(--dim);grid-template-columns:130px 1fr;align-items:baseline;gap:16px;padding:16px 0;font-size:15.5px;display:grid}.profile-points li:last-child{border-bottom:1px solid var(--line-soft)}.pp-key{font-family:var(--mono);letter-spacing:.18em;color:var(--accent);font-size:11px;font-weight:700;transition:color .9s}@media (width<=560px){.profile-points li{grid-template-columns:1fr;gap:6px}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.finder{background:linear-gradient(155deg, var(--surface), var(--bg-raise) 70%);border:1px solid var(--line);box-shadow:0 40px 90px -40px #000c, 0 0 70px -24px var(--glow);border-radius:28px;padding:28px 28px 22px}.ff-title{color:var(--accent);letter-spacing:.16em;margin-bottom:18px}.ff-axis{border:0;grid-template-columns:76px 1fr;align-items:center;gap:4px 14px;margin:0 0 14px;padding:0;display:grid}.ff-legend{float:left;align-items:center;gap:8px;padding:0;font-size:15px;font-weight:600;display:flex}.ff-dot{border-radius:50%;width:9px;height:9px}.ff-dot.is-malt{background:#f5a623}.ff-dot.is-hops{background:#22c55e}.ff-dot.is-body{background:#c084fc}.ff-seg{background:var(--bg);border:1px solid var(--line-soft);border-radius:999px;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;display:grid}.ff-seg label{cursor:pointer;position:relative}.ff-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.ff-seg label>span[aria-hidden]{height:36px;font-family:var(--mono);color:var(--dim);border-radius:999px;place-items:center;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:grid}.ff-seg label:hover>span[aria-hidden]{color:var(--foam)}.ff-seg input:checked+span{background:var(--accent);color:var(--accent-ink)}.ff-seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.ff-ends{grid-column:2;justify-content:space-between;padding:0 12px;font-size:10px;display:flex}.ff-tx{color:var(--dim);cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:14.5px;display:flex}.ff-tx input{width:17px;height:17px;accent-color:var(--accent)}.ff-count{border-top:1px solid var(--line-soft);color:var(--dim);min-height:3.3em;margin-top:18px;padding-top:16px;font-size:14.5px}.ff-list{gap:2px;margin-top:8px;list-style:none;transition:opacity .2s;display:grid}.finder.is-loading .ff-list{opacity:.5}.ff-row{border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;transition:background .2s;display:grid}.ff-row:hover{background:color-mix(in srgb, var(--beer,var(--accent)) 10%, transparent)}.ff-art{place-items:center;height:60px;display:grid}.ff-art img{object-fit:contain;width:auto;height:60px}.ff-can{background:linear-gradient(180deg, #cfc8ba 0 6%, var(--can-a) 6% 62%, var(--can-b) 62% 94%, #cfc8ba 94%);border-radius:5px/4px;width:24px;height:48px}.ff-body{flex-direction:column;min-width:0;display:flex}.ff-name{color:var(--foam);overflow-wrap:anywhere;font-size:15.5px;font-weight:600;line-height:1.3}.ff-meta{color:var(--dim);font-size:13px;line-height:1.35}.ff-score{color:var(--faint);white-space:nowrap;font-size:12px}@media (width<=560px){.finder{border-radius:22px;padding:22px 16px 16px}.ff-axis{grid-template-columns:1fr}.ff-ends{grid-column:1}}.feat-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.feat-7{grid-column:span 7}.feat-5{grid-column:span 5}.feat-6{grid-column:span 6}@media (width<=1020px){.feat-7,.feat-5,.feat-6{grid-column:span 6}}@media (width<=700px){.feat-7,.feat-5,.feat-6{grid-column:span 12}}.feat{border:1px solid var(--line-soft);background:linear-gradient(150deg, var(--bg-raise), var(--bg) 70%);border-radius:24px;padding:34px 32px}.feat .f-ic{background:var(--glow-faint);border:1px solid var(--line);border-radius:13px;place-items:center;width:44px;height:44px;margin-bottom:22px;transition:background .9s;display:grid}.feat .f-ic svg{stroke:var(--accent);transition:stroke .9s}.feat h3{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin-bottom:10px;font-size:26px;font-weight:400}.feat p{color:var(--dim);max-width:42em;font-size:15.5px}.feat.feat-7 h3{font-size:30px}@media (width<=1020px){.feat.feat-7 h3{font-size:26px}}@media (width<=700px){.feat-grid{gap:12px}.feat{grid-template-columns:40px 1fr;column-gap:14px;padding:22px 20px;display:grid}.feat .f-ic{grid-row:span 2;width:40px;height:40px;margin:0}.feat h3,.feat.feat-7 h3{margin-bottom:6px;font-size:21px}.feat p{font-size:15px}}.feat.feat-tint{background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 9%, var(--bg-raise)), var(--bg) 78%);border-color:var(--line);transition:background .9s,border-color .9s}#local{scroll-margin-top:84px}.local-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;display:grid}@media (width<=860px){.local-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.local-more{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.getbar{display:none}@media (width<=760px){.getbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--line);background:color-mix(in srgb, var(--bg-raise) 94%, transparent);-webkit-backdrop-filter:blur(12px);opacity:0;border-radius:20px;align-items:center;gap:12px;padding:10px 10px 10px 12px;transition:transform .35s cubic-bezier(.2,.9,.25,1),opacity .25s;display:flex;position:fixed;transform:translateY(calc(100% + 28px));box-shadow:0 20px 50px -12px #000c}.getbar.show{opacity:1;transform:none}.getbar img{border-radius:9px;flex:none}.getbar-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.getbar-text strong{font-size:15px}.getbar-text span{color:var(--dim);font-size:12.5px}.getbar .btn{flex:none;padding:11px 18px}}.amb{pointer-events:none;position:absolute;inset:0;overflow:hidden}.amb-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.amb.is-playing .amb-video{opacity:1}.amb-toggle{z-index:2;border:1px solid var(--line);cursor:pointer;pointer-events:auto;background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(6px);width:34px;height:34px;color:var(--foam);opacity:.7;border-radius:50%;place-items:center;transition:opacity .2s,border-color .2s;display:grid;position:absolute;bottom:12px;right:12px}.amb-toggle[hidden]{display:none}.amb-toggle:hover,.amb-toggle:focus-visible{opacity:1;border-color:var(--accent)}.amb-toggle svg{fill:currentColor}.amb-toggle .amb-ic-play,.amb.is-paused .amb-ic-pause{display:none}.amb.is-paused .amb-ic-play{display:block}.cooler{position:relative;overflow:hidden}.cooler:before{content:"";pointer-events:none;background:radial-gradient(circle,#c4e2ff12,#0000 62%);width:820px;height:820px;position:absolute;top:50%;right:-10%;transform:translateY(-50%)}.cooler-grid{grid-template-columns:1fr 420px;align-items:center;gap:72px;display:grid;position:relative}@media (width<=960px){.cooler-grid{grid-template-columns:1fr;gap:40px}}.cooler-copy h2{margin:0 0 18px;font-size:clamp(38px,5vw,62px)}.cooler-copy .tint{color:#bfe0ff}.cooler-fig{justify-self:center;width:min(374px,60vw);margin:0}.cooler-door{aspect-ratio:480/954;background:#0c0d10;border:10px solid #2a2520;border-radius:18px;outline:1px solid #f5efe61a;position:relative;overflow:hidden;box-shadow:0 50px 120px -40px #000000e6,0 0 90px -30px #aad2ff59}.cooler-still,.cooler-door .amb-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.cooler-fog{pointer-events:none;filter:blur(12px)saturate(.65)brightness(1.08);opacity:0;transition:-webkit-mask-position 2.6s cubic-bezier(.45,0,.2,1) .2s,mask-position 2.6s cubic-bezier(.45,0,.2,1) .2s;position:absolute;inset:-24px;-webkit-mask-image:linear-gradient(#0000 0 38%,#000 62% 100%);mask-image:linear-gradient(#0000 0 38%,#000 62% 100%);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 260%;mask-size:100% 260%}.cooler-door.is-fogged .cooler-fog{opacity:1;background:radial-gradient(120% 60% at 30% 20%, #ebf2fa57, transparent 70%), linear-gradient(180deg, #e1ebf552, #e1ebf538), var(--fog-art) center / calc(100% - 48px) calc(100% - 48px) no-repeat, #c9d2da}.cooler-door.is-clear .cooler-fog{-webkit-mask-position:0 0;mask-position:0 0}.cooler-glare{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff21 50%,#0000 58%);transition:transform 1.1s cubic-bezier(.3,.7,.2,1);position:absolute;inset:-20% -60%;transform:translate(-60%)}.cooler-fig:hover .cooler-glare{transform:translate(60%)}.cooler-handle{background:linear-gradient(90deg,#6d655c,#c9c0b3 45%,#57504a);border-radius:4px;width:7px;height:36%;position:absolute;top:32%;left:10px;box-shadow:2px 0 8px #0009}.cooler-door .amb-toggle{bottom:10px;right:10px}.cooler-note{color:var(--faint);text-align:center;margin-top:14px;font-size:12.5px;line-height:1.5}.cta-pour .amb-video{opacity:0}.cta-pour.is-playing .amb-video{opacity:.38}.cta-pour:after{content:"";background:linear-gradient(180deg, var(--bg) 0%, transparent 22%, transparent 70%, var(--bg) 100%), radial-gradient(70% 60% at 50% 42%, #14100c8c, transparent 80%);position:absolute;inset:0}.cta>.wrap{position:relative}.pipeline.reveal .step{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,.3,1),background .3s;transform:translateY(14px)}.pipeline.in .step{opacity:1;transform:none}.pipeline.in .step:nth-child(2){transition-delay:.14s,.14s,0s}.pipeline.in .step:nth-child(3){transition-delay:.28s,.28s,0s}.sc-slide .meter-fill{transform-origin:0;transition:transform .8s cubic-bezier(.2,.8,.2,1) .25s;transform:scaleX(0)}.sc-slide.is-on .meter-fill{transform:none}.feat-grid.draw .f-ic svg>*{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s cubic-bezier(.6,0,.3,1) .25s}.feat-grid.draw .feat.in .f-ic svg>*{stroke-dashoffset:0}.feat{transition:border-color .3s,transform .3s}.feat:hover{border-color:var(--line);transform:translateY(-3px)}.local-grid .beer-art{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.local-grid .beer-card:hover .beer-art{transform:translateY(-5px)rotate(-2.5deg)}@media (prefers-reduced-motion:reduce){.pipeline.reveal .step,.sc-slide .meter-fill{opacity:1;transform:none}.cooler-fog{display:none}}@media (prefers-reduced-motion:no-preference){.sc-slide.is-on .beer-art--hero{animation:6.5s ease-in-out infinite can-float}@keyframes can-float{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-9px)rotate(.6deg)}}.sc-slide.is-on .sc-glow{animation:6.5s ease-in-out infinite glow-breathe}@keyframes glow-breathe{0%,to{opacity:.85}50%{opacity:1;transform:scale(1.04)}}@supports (animation-timeline:scroll()){.hero>.hero-glow{animation:linear both glow-drift scroll(root);animation-range:0 100vh}@keyframes glow-drift{to{opacity:.4;transform:translate(-80px,160px)scale(1.2)}}}}