:root{--cream:#f0e6c8;--cream2:#e8dab0;--amber:#f5a623;--amber-d:#d48c0a;--black:#111;--gray:#555;--lgray:#888;--white:#fff;--border:2.5px solid #111;--shadow:5px 5px 0 #111;--shadow-a:5px 5px 0 var(--amber);--r:14px;--r-pill:999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;position:relative;overflow-x:hidden}body{background:var(--cream);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Barlow,sans-serif}#spotlight{pointer-events:none;z-index:9999;mix-blend-mode:multiply;background:radial-gradient(circle,#f5a62321 0%,#0000 65%);border-radius:50%;width:420px;height:420px;position:fixed;transform:translate(-50%,-50%)}nav{background:var(--cream);border-bottom:var(--border);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}@media (width>=768px){nav{padding:1.2rem 3rem}}.logo{color:var(--black);letter-spacing:-.02em;font-size:1.7rem;font-weight:900}.logo span{color:var(--amber);font-style:italic}.nav-links{align-items:center;gap:2rem;display:flex}.nav-links a{color:var(--black);font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--amber)}.btn-pill{background:var(--amber);color:var(--black);border-radius:var(--r-pill);border:var(--border);box-shadow:3px 3px 0 var(--black);cursor:pointer;will-change:transform;align-items:center;gap:.4rem;padding:.6rem 1.5rem;font-family:Barlow,sans-serif;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-outline{color:var(--black);border-radius:var(--r-pill);border:var(--border);box-shadow:3px 3px 0 var(--black);cursor:pointer;will-change:transform;background:0 0;align-items:center;gap:.4rem;padding:.6rem 1.5rem;font-family:Barlow,sans-serif;font-size:.95rem;font-weight:800;text-decoration:none;transition:background .15s;display:inline-flex}.btn-outline:hover{background:var(--cream2)}.hero{z-index:10;grid-template-columns:1fr;align-items:center;gap:2rem;min-height:calc(100vh - 70px);padding:3rem 1.5rem;display:grid;position:relative}@media (width>=1024px){.hero{grid-template-columns:1fr 1fr;gap:3rem;padding:4.5rem 3rem}}.hero-title{letter-spacing:-.025em;margin-bottom:1.2rem;font-size:clamp(2.2rem,8vw,4.2rem);font-weight:900;line-height:.95}.rotating-wrap{vertical-align:bottom;display:inline-block;overflow:hidden}.rotating-word{color:var(--amber);animation:.45s cubic-bezier(.22,1,.36,1) both wordIn;display:block}.rotating-word.out{animation:.3s cubic-bezier(.55,0,1,.45) forwards wordOut}@keyframes wordIn{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}@keyframes wordOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-110%)}}.hero-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:2px solid var(--amber);border-radius:var(--r-pill);align-items:center;gap:.4rem;margin-bottom:1.4rem;padding:.3rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.hero-sub{color:var(--gray);max-width:420px;margin-bottom:2rem;font-size:1rem;font-weight:500;line-height:1.65}.hero-ctas{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.tag-pill{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);border:1.5px solid var(--black);background:var(--cream);padding:.2rem .55rem;font-size:.65rem;font-weight:700;display:inline-block}.tag-pill.amber{border-color:var(--amber);color:var(--amber-d);background:#f5a62326}.hero-center{z-index:10;justify-content:center;align-items:center;display:flex;position:relative}.hero-bg-section{background-color:var(--bg);position:relative;overflow:hidden}.hero-bg-image{object-fit:cover;object-position:center top;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-overlay{pointer-events:none;z-index:1;background:radial-gradient(circle,#faf8f41a 0%,#faf8f466 100%);position:absolute;inset:0}@media (width>=1024px){.hero-bg-image{object-fit:contain;object-position:center top;height:110%}}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.feed-inner-anim{animation:18s linear infinite scrollUp}.live-dot-anim{animation:1.5s infinite pulse}.live-feed-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--shadow-a);overflow:hidden}.lf-header{background:var(--black);color:var(--white);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;padding:.7rem 1.1rem;font-size:.85rem;font-weight:800;display:flex}.lf-dot{background:var(--amber);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.4s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.lf-body{flex-direction:column;gap:.5rem;padding:.6rem;display:flex}.lf-post{cursor:pointer;background:#faf7f0;border:1.5px solid #e8dab0;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.65rem .7rem;transition:background .2s,transform .2s;display:flex}.lf-post:hover{background:#f5f0e0;transform:translate(3px)}.lf-avatar{border:2px solid var(--black);background:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.lf-content{flex:1;min-width:0}.lf-name{font-size:.82rem;font-weight:800}.lf-text{color:var(--gray);margin:.2rem 0 .45rem;font-size:.75rem;line-height:1.45}.lf-tags{flex-wrap:wrap;gap:.3rem;display:flex}.lf-tag{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--black);background:var(--cream);border-radius:4px;padding:.15rem .45rem;font-size:.6rem;font-weight:700}.lf-tag.amber{border-color:var(--amber);color:var(--amber-d);background:#f5a6231a}.reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(36px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-left{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:translate(-30px)}.reveal-right{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:translate(30px)}.reveal-scale{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:scale(.94)}.reveal-left.visible,.reveal-right.visible,.reveal-scale.visible{opacity:1;transform:translate(0)scale(1)}@media (width<=768px){.reveal-left,.reveal-right{opacity:0;transform:translateY(20px)}.reveal-left.visible,.reveal-right.visible{transform:translateY(0)}}img{max-width:100%;height:auto}.section{padding:3.5rem 1.5rem}@media (width>=768px){.section{padding:5.5rem 3rem}}.section-label{letter-spacing:.18em;text-transform:uppercase;color:var(--amber-d);text-shadow:.5px .5px #0000001a;margin-bottom:.9rem;font-size:.7rem;font-weight:800;display:block}.section-title{letter-spacing:-.02em;color:var(--black);margin-bottom:1rem;font-family:Barlow,sans-serif;font-size:clamp(2rem,6vw,3.6rem);font-weight:900;line-height:1}.section-sub{color:var(--gray);max-width:500px;font-size:1rem;font-weight:500;line-height:1.65}.divider-line{border:none;border-top:var(--border);margin:0}.marquee-section{border-top:var(--border);border-bottom:var(--border);background:#faf7f2;padding:0 0 2rem;position:relative;overflow:hidden}.marquee-label{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);padding:1.2rem 3rem .8rem;font-size:.7rem;font-weight:800;display:block}.marquee-section:before,.marquee-section:after{content:"";z-index:2;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee-section:before{background:linear-gradient(90deg,#faf7f2,#0000);left:0}.marquee-section:after{background:linear-gradient(-90deg,#faf7f2,#0000);right:0}.marquee-track{will-change:transform;gap:1.2rem;width:max-content;padding:0 1rem .8rem;animation:42s linear infinite marqueeScroll;display:flex}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.story-card{background:var(--white);border:var(--border);border-radius:var(--r);width:280px;box-shadow:4px 4px 0 var(--amber);cursor:pointer;flex-shrink:0;padding:1.3rem;transition:transform .2s,box-shadow .2s}.story-card:hover{box-shadow:6px 8px 0 var(--amber);transform:translate(-2px,-4px)}.sc-header{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.sc-avatar{border:2px solid var(--black);background:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.sc-name{font-size:.8rem;font-weight:800}.sc-handle{color:var(--lgray);font-size:.68rem;font-weight:500}.sc-text{color:var(--gray);margin-bottom:.85rem;font-size:.82rem;font-weight:500;line-height:1.55}.sc-meter{margin-bottom:.7rem}.sc-meter-label{text-transform:uppercase;letter-spacing:.1em;color:var(--lgray);margin-bottom:.25rem;font-size:.58rem;font-weight:700}.sc-meter-bar{background:#e8dab0;border:1.5px solid #ccc;border-radius:99px;height:7px;overflow:hidden}.sc-meter-fill{background:linear-gradient(90deg,#39d353,#f5c842,#e84040);border-radius:99px;height:100%}.sc-footer{justify-content:space-between;align-items:center;display:flex}.sc-tags{flex-wrap:wrap;gap:.3rem;display:flex}.sc-tag{letter-spacing:.05em;text-transform:uppercase;border:1.5px solid var(--black);background:var(--cream);border-radius:4px;padding:.15rem .4rem;font-size:.58rem;font-weight:700}.sc-tag.amber{border-color:var(--amber);color:var(--amber-d);background:#f5a6231a}.sc-reactions{color:var(--lgray);gap:.6rem;font-size:.75rem;font-weight:600;display:flex}.beer-section{border-top:var(--border);border-bottom:var(--border);position:relative;overflow:hidden}.foam-svg{width:100%;display:block}.beer-body{background:linear-gradient(#f5c842 0%,#e8940a 100%);padding:1rem 3rem 3.5rem}.beer-section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--black);opacity:.6;text-align:center;margin-bottom:1rem;font-size:.75rem;font-weight:800;display:block}.beer-section-title{letter-spacing:-.02em;text-align:center;color:var(--black);margin-bottom:2.5rem;font-family:Barlow,sans-serif;font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:900}.why-desc{color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.6}.bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem;margin-top:2rem;display:grid}@media (width>=768px){.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1024px){.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(160px,auto);gap:1.5rem;margin-top:3rem}}.bento-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:4px 4px 0 var(--black);flex-direction:column;justify-content:flex-start;padding:1.8rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.bento-card.dark{background:var(--black);color:var(--white);box-shadow:5px 5px 0 var(--amber)}.bento-card.amber{background:var(--amber);box-shadow:4px 4px 0 var(--black)}.bento-span-2{grid-column:span 2}.bento-row-2{grid-row:span 2}.bento-icon{z-index:2;margin-bottom:1rem;font-size:2.22rem;display:block;position:relative}.bento-category{letter-spacing:.12em;text-transform:uppercase;color:var(--amber);z-index:2;margin-bottom:.6rem;font-size:.65rem;font-weight:800;position:relative}.bento-card.amber .bento-category{color:var(--black);opacity:.6}.bento-title{letter-spacing:-.02em;z-index:2;margin-bottom:.6rem;font-size:1.4rem;font-weight:900;line-height:1.1;position:relative}.bento-desc{color:var(--gray);z-index:2;font-size:.9rem;font-weight:500;line-height:1.6;position:relative}.bento-card.dark .bento-desc{color:#aaa}.mini-feed{z-index:2;pointer-events:none;opacity:.9;flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex;position:relative}.mini-feed-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:.75rem;padding:.6rem .8rem;animation:.5s forwards miniFeedIn;display:flex;transform:scale(.95)}@keyframes miniFeedIn{to{opacity:1;transform:scale(1)}}.mini-feed-ava{background:#222;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.mini-feed-text{color:#ddd;font-size:.8rem;font-weight:500}.mini-feed-time{color:#555;margin-left:auto;font-size:.7rem}.live-pulse{background:#ff4757;border-radius:50%;width:8px;height:8px;margin-right:6px;animation:2s infinite livePulse;display:inline-block;box-shadow:0 0 10px #ff4757}@keyframes livePulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.card-bg-icon{opacity:.04;pointer-events:none;z-index:1;font-size:8rem;position:absolute;bottom:-20px;right:-20px;transform:rotate(-12deg)}.bento-card.dark .card-bg-icon{opacity:.06;filter:invert()}@media (width<=1024px){.bento-span-2,.bento-row-2{grid-area:span 1/span 1}}.steps-grid{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:3rem}}.step-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--shadow-a);padding:2rem 1.8rem;position:relative}.step-num{background:var(--amber);border:var(--border);border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.1rem;font-weight:900;display:flex;position:absolute;top:-1.1rem;left:1.5rem}.step-icon{margin:.5rem 0 .9rem;font-size:2.2rem;display:block}.step-title{letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.35rem;font-weight:900}.step-desc{color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.6}.how-section{position:relative;overflow:hidden}.how-bg-video{object-fit:cover;opacity:.15;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.how-bg-overlay{background:linear-gradient(180deg, var(--cream2) 0%, transparent 15%, transparent 85%, var(--cream2) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.how-grid{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid;position:relative}@media (width<=1024px){.how-grid{grid-template-columns:1fr;gap:2.5rem}.how-window{order:-1}}.features-bg{background:var(--cream2);border-top:var(--border);border-bottom:var(--border)}.features-grid{grid-template-columns:1fr;gap:1.4rem;margin-top:2.5rem;display:grid}@media (width>=768px){.features-grid{grid-template-columns:repeat(3,1fr);margin-top:3rem}}.feat-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--shadow-a);padding:1.8rem 1.6rem}.feat-card.dark{background:var(--black);color:var(--white);box-shadow:5px 5px 0 var(--amber)}.feat-card.dark .feat-desc{color:#aaa}.feat-icon{margin-bottom:.9rem;font-size:2rem;display:block}.feat-title{letter-spacing:-.01em;margin-bottom:.45rem;font-size:1.2rem;font-weight:900}.feat-desc{color:var(--gray);font-size:.875rem;font-weight:500;line-height:1.6}.drunk-bar-wrap{margin-top:.9rem}.drunk-bar-label{text-transform:uppercase;letter-spacing:.1em;color:#aaa;margin-bottom:.3rem;font-size:.65rem;font-weight:700}.drunk-bar{background:#2a2a2a;border:1.5px solid #444;border-radius:99px;height:8px;overflow:hidden}.drunk-fill{background:linear-gradient(90deg,#39d353,#f5c842,#e84040);border-radius:99px;width:0;height:100%;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.ticker-wrap{background:var(--amber);border-top:var(--border);border-bottom:var(--border);padding:.7rem 0;overflow:hidden}.ticker-track{white-space:nowrap;gap:2.5rem;animation:22s linear infinite ticker;display:flex}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-item{letter-spacing:.08em;text-transform:uppercase;color:var(--black);flex-shrink:0;align-items:center;gap:2.5rem;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-weight:900;display:flex}.ticker-sep{color:#0000004d}.stats-belt{background:var(--black);border-top:var(--border);border-bottom:var(--border);grid-template-columns:repeat(4,1fr);padding:3.5rem 3rem;display:grid}.stat-item{text-align:center;border-right:1px solid #333;padding:2rem 1.5rem;transition:background .2s}.stat-item:last-child{border-right:none}.stat-item:hover{background:#1a1a1a}.stat-num{letter-spacing:-.02em;color:var(--amber);font-family:Barlow Condensed,sans-serif;font-size:3.5rem;font-weight:900;line-height:1;display:block}.stat-label{color:#888;text-transform:uppercase;letter-spacing:.1em;margin-top:.4rem;font-size:.8rem;font-weight:700}.testi-grid{grid-template-columns:1fr;gap:1.6rem;margin-top:2.5rem;display:grid}@media (width>=768px){.testi-grid{grid-template-columns:repeat(3,1fr);margin-top:3rem}}.testi-card{background:var(--white);border:var(--border);border-radius:var(--r);box-shadow:var(--shadow-a);padding:2rem}.testi-stars{letter-spacing:.08em;color:var(--amber);margin-bottom:.9rem;font-size:1rem}.testi-text{color:var(--gray);margin-bottom:1.2rem;font-size:.9rem;font-style:italic;font-weight:500;line-height:1.7}.testi-author{align-items:center;gap:.75rem;display:flex}.testi-ava{border:var(--border);background:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.testi-name{font-size:.9rem;font-weight:900}.testi-role{color:var(--lgray);margin-top:.1rem;font-size:.75rem;font-weight:500}.testi-verified{border:1.5px solid var(--amber);color:var(--amber-d);text-transform:uppercase;letter-spacing:.08em;background:#f5a6231f;border-radius:4px;align-items:center;gap:.3rem;margin-top:.5rem;padding:.18rem .55rem;font-size:.6rem;font-weight:800;display:inline-flex}.final-cta{background:var(--black);border-top:var(--border);text-align:center;padding:6rem 3rem}.final-cta-title{letter-spacing:-.03em;color:var(--white);margin-bottom:1.2rem;font-family:Barlow,sans-serif;font-size:clamp(3rem,5.5vw,5.5rem);font-weight:900;line-height:.95}.final-cta-title span{color:var(--amber);display:block}.final-cta-sub{color:#888;max-width:480px;margin:0 auto 2.5rem;font-size:1.05rem;font-weight:500;line-height:1.65}.final-ctas{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-pill-lg{border-radius:var(--r-pill);border:var(--border);cursor:pointer;will-change:transform;align-items:center;gap:.5rem;padding:.9rem 2.2rem;font-family:Barlow,sans-serif;font-size:1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.btn-pill-lg.filled{background:var(--amber);color:var(--black);box-shadow:4px 4px 0 var(--amber-d)}.btn-pill-lg.hollow{color:var(--white);background:0 0;border-color:#555;box-shadow:4px 4px #444}footer{background:var(--cream);border-top:var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.8rem 3rem;display:flex}.footer-logo{letter-spacing:-.02em;font-size:1.3rem;font-weight:900}.footer-logo span{color:var(--amber);font-style:italic}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--gray);font-size:.8rem;font-weight:700;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--black)}.footer-disclaimer{color:var(--lgray);border:1.5px dashed #bbb;border-radius:6px;padding:.4rem .85rem;font-size:.72rem;font-weight:600}.footer-disclaimer strong{color:var(--amber-d)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--amber);border:1px solid var(--black);border-radius:3px}@media (width<=960px){.stats-belt{grid-template-columns:1fr 1fr;padding:2rem 1rem}.stat-item{border-bottom:1px solid #333;border-right:none;padding:1.5rem 1rem}.stat-item:nth-child(2n){border-left:1px solid #333}.stat-item:nth-child(n+3){border-bottom:none}.stat-num{font-size:2.5rem}.nav-links a:not(.btn-pill){display:none}footer{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem}.footer-links{justify-content:center;width:100%}}@media (width<=480px){.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn-pill{justify-content:center;width:100%}.final-ctas{flex-direction:column}.btn-pill-lg{justify-content:center;width:100%}.stats-belt{grid-template-columns:1fr}.stat-item{border-left:none!important;border-right:none!important}.stat-item:not(:last-child){border-bottom:1px solid #333}}