:root{--bg:#0d1117;--surface:#161b22;--surface-2:#1f2630;--text:#e6edf3;--text-dim:#8b949e;--accent:#148eff;--accent-2:#00aeff;--accent-rgb:20,142,255;--accent-2-rgb:0,174,255;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.16)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.92em;padding:1px 6px;background:var(--surface-2);border-radius:4px}.container{max-width:880px;margin:0 auto;padding:0 24px}.hero{padding:112px 0 80px;background:radial-gradient(ellipse at 50% 0,rgba(0,174,255,.18),transparent 55%),var(--bg);text-align:center;border-bottom:1px solid var(--border)}.badge{display:inline-block;padding:6px 14px;border:1px solid var(--border);border-radius:999px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:32px}.hero h1{font-size:clamp(48px,9vw,96px);line-height:1.02;font-weight:800;letter-spacing:-.035em;background:linear-gradient(180deg,#ffffff,#00aeff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:28px}.lede{font-size:19px;color:var(--text-dim);max-width:540px;margin:0 auto 44px}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-secondary{display:inline-flex;align-items:center;padding:12px 22px;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;font-weight:500;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn-secondary:hover{background:var(--surface-2);border-color:var(--border-strong);transform:translateY(-1px)}.beer{padding:112px 0;text-align:center;position:relative}.beer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,174,255,.08),transparent 50%);pointer-events:none}.beer>*{position:relative}.beer h2{font-size:clamp(32px,5vw,44px);letter-spacing:-.02em;margin-bottom:16px;font-weight:700}.beer-tagline{min-height:2.6em;animation:beer-tagline-in .7s ease;max-width:720px;margin-left:auto;margin-right:auto}@keyframes beer-tagline-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.beer-steam line{transform-box:fill-box;transform-origin:bottom center;animation:beer-bubble-rise 2.4s ease-in-out infinite}.beer-steam line:nth-child(2){animation-delay:.4s}.beer-steam line:nth-child(3){animation-delay:.8s}@keyframes beer-bubble-rise{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){.beer-steam line,.beer-tagline{animation:none}}.beer-page{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:64px 24px 48px;background:radial-gradient(ellipse at 50% 0,rgba(0,174,255,.18),transparent 55%),radial-gradient(ellipse at 50% 95%,rgba(255,170,70,.08),transparent 55%),var(--bg);overflow:hidden}.beer-page:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.025) 1px,transparent 0);background-size:18px 18px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 50%,black 30%,transparent 75%)}.beer-page__back{position:absolute;top:28px;left:32px;color:var(--text-dim);text-decoration:none;font-size:13px;letter-spacing:.04em;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(13,17,23,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .15s ease,border-color .15s ease}.beer-page__back:hover{color:var(--text);border-color:var(--border-strong)}.beer-page__inner{max-width:640px;width:100%;text-align:center;position:relative}.beer-tagline--lg{font-size:clamp(34px,6.4vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.025em;background:linear-gradient(180deg,#ffffff,#00aeff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto 32px;min-height:2.3em;align-items:center;max-width:580px}.beer-mug-wrap,.beer-tagline--lg{display:flex;justify-content:center}.beer-mug-wrap{margin:0 auto 24px}.beer-mug-illustration{width:clamp(120px,24vw,160px);height:auto;display:block;filter:drop-shadow(0 18px 24px rgba(255,170,70,.18)) drop-shadow(0 4px 12px rgba(0,0,0,.4))}.beer-mug-illustration .mug-bubble{fill:none;stroke:rgba(255,255,255,.55);stroke-width:3;stroke-linecap:round;opacity:0;animation:beer-mug-steam 3.4s ease-in-out infinite;transform-origin:center}.beer-mug-illustration .mug-bubble:nth-child(2){animation-delay:1.1s}.beer-mug-illustration .mug-bubble:nth-child(3){animation-delay:2.2s}@keyframes beer-mug-steam{0%{opacity:0;transform:translateY(10px) scaleY(.9)}35%{opacity:.85}70%{opacity:.4}to{opacity:0;transform:translateY(-22px) scaleY(1.1)}}.beer-page__cta{margin-bottom:64px;display:flex;flex-direction:column;align-items:center;gap:16px}.beer-page__cta .btn-primary{padding:26px 56px;font-size:24px;box-shadow:0 20px 60px -12px rgba(0,174,255,.7),inset 0 0 0 1px rgba(255,255,255,.1)}.beer-page__cta .btn-primary:hover{box-shadow:0 28px 72px -10px rgba(0,174,255,.95),inset 0 0 0 1px rgba(255,255,255,.18)}.beer-page__cta .btn-primary svg{width:30px;height:30px}.beer-page__fineprint{color:var(--text-dim);font-size:13px;letter-spacing:.02em}.beer-page__why{border-top:1px solid var(--border);padding-top:40px;margin-bottom:32px}.beer-page__why-title{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:24px}.beer-page__why-list{list-style:none;display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px;text-align:left;max-width:520px;margin:0 auto}@media (min-width:720px){.beer-page__why-list{grid-template-columns:repeat(3,1fr)}}.beer-page__why-list li{padding:18px 20px;background:rgba(22,27,34,.65);border:1px solid var(--border);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.beer-page__why-list strong{display:block;font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text)}.beer-page__why-list span{color:var(--text-dim);font-size:13.5px;line-height:1.55}.beer-page__footer{font-size:12px;color:var(--text-dim);letter-spacing:.04em;opacity:.7}@media (prefers-reduced-motion:reduce){.beer-mug-illustration .mug-bubble{animation:none;opacity:.5}}.beer-lede{color:var(--text-dim);max-width:480px;margin:0 auto 40px}.btn-primary{display:inline-flex;align-items:center;gap:14px;padding:22px 44px;font-size:22px;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#ffffff;border:none;border-radius:14px;cursor:pointer;letter-spacing:-.01em;text-decoration:none;box-shadow:0 12px 44px -10px rgba(0,174,255,.6),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .2s ease,box-shadow .2s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 56px -10px rgba(0,174,255,.85),inset 0 0 0 1px rgba(255,255,255,.14)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:progress;transform:none}.btn-primary svg{width:28px;height:28px;flex-shrink:0}.hero-secondary{margin-top:28px;font-size:14px}.text-link{color:var(--text-dim);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.text-link:hover{color:var(--accent-2);border-bottom-color:var(--accent-2)}.fineprint{margin-top:22px;font-size:13px;color:var(--text-dim)}.features{padding:80px 0 112px;border-top:1px solid var(--border)}.features h2{text-align:center;font-size:32px;margin-bottom:48px;letter-spacing:-.02em;font-weight:700}.feature-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.feature-grid li{background:var(--surface);padding:26px;border-radius:12px;border:1px solid var(--border);transition:border-color .15s ease,transform .15s ease}.feature-grid li:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feature-grid h3{font-size:17px;margin-bottom:8px;font-weight:600}.feature-grid p{font-size:15px;color:var(--text-dim)}@media (max-width:600px){.feature-grid{grid-template-columns:1fr}}footer{padding:36px 0 64px;text-align:center;border-top:1px solid var(--border);font-size:13px;color:var(--text-dim)}footer p+p{margin-top:6px}.thanks-banner{position:fixed;top:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#ffffff;border-radius:10px;font-weight:600;font-size:15px;box-shadow:0 12px 40px -12px rgba(0,174,255,.7);z-index:999;animation:slide-down .28s ease}@keyframes slide-down{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;inset:0;background:rgba(5,11,31,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fade-in .18s ease}.modal{position:relative;max-width:520px;width:100%;padding:40px 36px 32px;background:linear-gradient(160deg,#131c34,#0a0f24);border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.04);animation:pop-in .22s cubic-bezier(.2,.9,.3,1.2);text-align:center}.modal h2{font-size:28px;margin:0 0 14px;letter-spacing:-.01em}.modal-lede{font-size:17px;line-height:1.55;color:var(--text-dim);margin:0 0 28px}.modal-actions{display:flex;flex-direction:column;gap:12px;align-items:center;margin-bottom:18px}.modal-actions .btn-primary{padding:16px 32px;font-size:17px}.modal-actions .btn-primary svg{width:22px;height:22px}.btn-text{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:14px;padding:6px 12px;cursor:pointer;transition:color .15s ease}.btn-text:hover{color:var(--accent-2)}.modal-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:none;background:transparent;color:var(--text-dim);font-size:24px;line-height:1;cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.modal-close:hover{background:rgba(255,255,255,.06);color:#ffffff}.modal .fineprint a{color:var(--accent-2);text-decoration:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.github-corner{position:fixed;top:0;right:0;width:160px;height:160px;z-index:100;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.github-corner-tri{position:absolute;inset:0;background:linear-gradient(225deg,#ffffff,#ffffff 49.6%,transparent 50%);filter:drop-shadow(0 6px 28px rgba(0,0,0,.4));transition:filter .28s ease}.github-corner-mark{position:absolute;top:26px;right:26px;width:52px;height:52px;color:#0d1117;display:block;transition:transform .7s cubic-bezier(.34,1.56,.64,1);transform-origin:50% 50%}.github-corner-mark svg{display:block;width:100%;height:100%;fill:currentColor}.github-corner-label{position:absolute;top:88px;right:22px;font-size:11px;font-weight:800;letter-spacing:.1em;color:#0d1117;opacity:0;transform:translate(8px,-4px);transition:opacity .22s ease,transform .26s ease;text-transform:uppercase;pointer-events:none;white-space:nowrap}.github-corner:hover .github-corner-mark{transform:rotate(1turn) scale(1.08)}.github-corner:hover .github-corner-tri{filter:drop-shadow(0 10px 40px rgba(0,174,255,.6))}.github-corner:hover .github-corner-label{opacity:1;transform:translate(0)}@media (max-width:700px){.github-corner{width:120px;height:120px}.github-corner-mark{top:18px;right:18px;width:40px;height:40px}.github-corner-label{top:64px;right:16px;font-size:10px}}@media (max-width:500px){.github-corner{width:92px;height:92px}.github-corner-mark{top:14px;right:14px;width:30px;height:30px}.github-corner-label{display:none}}