/*
Theme Name: KegLevel
Theme URI: https://keglevel.com/
Author: KegLevel
Description: KegLevel smart keg monitoring product website and customer portal.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: keglevel
*/
:root{
  --ink:#070b0e;
  --ink-2:#0b1115;
  --ink-3:#10191f;
  --surface:#101920;
  --surface-2:#141f26;
  --surface-3:#19262e;
  --gold:#ffc21c;
  --gold-2:#f5a800;
  --amber:#ff9900;
  --white:#f7f8f8;
  --text:#e6ebee;
  --muted:#98a5ad;
  --line:#26343d;
  --green:#50df63;
  --red:#ff5e62;
  --shadow:0 28px 70px rgba(0,0,0,.34);
  --radius:18px;
  --max:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.container{width:min(var(--max),92%);margin:0 auto}

/* Brand */
.site-header-v2{position:sticky;top:0;z-index:120;background:rgba(7,11,14,.94);backdrop-filter:blur(18px);border-bottom:1px solid #1d2930}
.nav-v2{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-link{display:inline-flex;align-items:center}
.kl-brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.kl-logo-mark{position:relative;width:35px;height:46px;border:3px solid #f0f2f3;border-radius:10px 10px 7px 7px;background:linear-gradient(90deg,#0a0f12,#27323a 38%,#0b1115);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.kl-logo-mark:before,.kl-logo-mark:after{content:"";position:absolute;left:3px;right:3px;height:2px;background:#e7eaeb;opacity:.9}
.kl-logo-mark:before{top:14px}.kl-logo-mark:after{bottom:8px}
.kl-logo-post{position:absolute;z-index:2;left:50%;top:-9px;transform:translateX(-50%);width:11px;height:9px;border:2px solid #f0f2f3;border-bottom:0;border-radius:3px 3px 0 0;background:#10161a}
.kl-logo-window{position:absolute;z-index:4;left:50%;top:8px;bottom:5px;transform:translateX(-50%);width:13px;border:2px solid #f7f7f7;border-radius:7px;background:#fff;overflow:hidden}
.kl-logo-beer{position:absolute;left:1px;right:1px;bottom:1px;height:64%;background:linear-gradient(#ffd43b,#f5a000);border-radius:3px 3px 4px 4px}
.kl-wordmark{display:flex;gap:5px;align-items:baseline;font-weight:950;font-size:23px;letter-spacing:-1.15px}
.kl-wordmark b{color:#fff}.kl-wordmark strong{color:var(--gold)}
.kl-brand.is-compact .kl-logo-mark{width:29px;height:38px}.kl-brand.is-compact .kl-wordmark{font-size:19px}
.menu-v2{display:flex;align-items:center;gap:24px;color:#c5cdd2;font-size:13px;font-weight:700}
.menu-v2>a:not(.btn){transition:color .16s}.menu-v2>a:not(.btn):hover{color:var(--gold)}
.menu-toggle{display:none;background:transparent;border:0;color:#fff;font-size:25px;cursor:pointer}
.nav-user{padding-left:18px;border-left:1px solid var(--line)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:9px;border:1px solid var(--line);font-size:13px;font-weight:850;cursor:pointer;transition:.18s ease;background:transparent;color:#fff}
.btn:hover{transform:translateY(-1px)}
.btn-gold,.btn-primary,.portal-save-btn,.portal-add-btn{background:linear-gradient(180deg,#ffd73f,var(--gold));border-color:#f2b600;color:#111!important;box-shadow:0 10px 28px rgba(255,194,28,.13)}
.btn-gold:hover,.btn-primary:hover,.portal-save-btn:hover,.portal-add-btn:hover{background:linear-gradient(180deg,#ffe270,#ffc21c);box-shadow:0 12px 30px rgba(255,194,28,.22)}
.btn-dark{background:#111a20;color:#e6ecef;border-color:#2b3941}.btn-dark:hover{border-color:#53616a}
.btn-outline,.btn-ghost{background:rgba(255,255,255,.025);border-color:#39464e;color:#fff}.btn-outline:hover,.btn-ghost:hover{border-color:#7b868c;background:rgba(255,255,255,.055)}
.btn-large{min-height:49px;padding:0 22px}
.play-dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#111;font-size:9px}

/* Homepage hero */
.home-v2{overflow:hidden}
.hero-v2{position:relative;background:radial-gradient(circle at 78% 44%,rgba(255,174,0,.11),transparent 28%),linear-gradient(115deg,#080c0f 0%,#0a1014 57%,#06090b 100%);border-bottom:1px solid #1c282f}
.hero-v2:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(255,187,0,.025));pointer-events:none}
.hero-v2-grid{min-height:610px;display:grid;grid-template-columns:1.03fr .97fr;gap:54px;align-items:center;padding:68px 0 50px}
.hero-v2-copy{position:relative;z-index:2}
.eyebrow-v2,.section-kicker{color:var(--gold);font-size:12px;font-weight:950;letter-spacing:4px}
.hero-v2 h1{margin:16px 0 20px;font-size:clamp(48px,5.5vw,76px);line-height:.9;letter-spacing:-3.6px;text-transform:uppercase;max-width:720px}
.hero-v2 h1 span,.hero-v2 h1 strong{display:block}.hero-v2 h1 strong{color:var(--gold);font-weight:950}
.hero-v2-copy>p{max-width:590px;color:#c4cbd0;font-size:17px;margin:0}
.hero-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 31px}
.hero-mini-features{display:grid;grid-template-columns:repeat(4,1fr);max-width:620px;border-top:1px solid #202d34;padding-top:23px}
.hero-mini-features>div{padding:0 16px;border-right:1px solid #202d34;text-align:center}.hero-mini-features>div:first-child{padding-left:0}.hero-mini-features>div:last-child{border-right:0}
.hero-mini-features span{display:block;color:var(--gold);font-size:22px;margin-bottom:4px}.hero-mini-features b,.hero-mini-features small{display:block}.hero-mini-features b{font-size:10px}.hero-mini-features small{font-size:9px;color:#9ba7ad}
.hero-product-scene{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}
.hero-product-scene:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,191,0,.11),transparent 62%);filter:blur(2px)}
.hero-keg{position:relative;width:310px;height:435px;filter:drop-shadow(0 32px 34px rgba(0,0,0,.55));z-index:2}
.hero-keg-post{position:absolute;z-index:5;top:-4px;left:50%;transform:translateX(-50%);width:58px;height:44px;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#6f7376,#f7f7f7 48%,#8d9194);border:3px solid #555b5e;box-shadow:inset 0 -8px 8px rgba(0,0,0,.18)}
.hero-keg-top{position:absolute;z-index:4;top:21px;left:25px;right:25px;height:76px;border-radius:44px 44px 18px 18px;background:linear-gradient(90deg,#696d70,#e9ecee 24%,#a7aaac 52%,#e7e8e9 76%,#64686b);border:4px solid #43484b;box-shadow:inset 0 8px 10px rgba(255,255,255,.22),inset 0 -10px 10px rgba(0,0,0,.18)}
.hero-keg-top span{position:absolute;top:24px;width:54px;height:22px;border-radius:9px;background:#101417;border:4px solid #6f7476}.hero-keg-top span:first-child{left:23px}.hero-keg-top span:last-child{right:23px}
.hero-keg-body{position:absolute;top:72px;left:31px;right:31px;bottom:26px;border-radius:20px 20px 33px 33px;background:linear-gradient(90deg,#62676b 0%,#e5e7e8 16%,#8b9093 36%,#f3f4f4 55%,#8c9194 77%,#5c6164 100%);border:3px solid #494e51;overflow:hidden;box-shadow:inset 0 0 28px rgba(0,0,0,.32)}
.hero-keg-band{position:absolute;z-index:3;left:0;right:0;height:12px;background:linear-gradient(#c9cdcf,#616669,#eef0f1,#565b5e);box-shadow:0 1px 4px rgba(0,0,0,.45)}
.hero-keg-band.band-one{top:72px}.hero-keg-band.band-two{top:165px}.hero-keg-band.band-three{top:260px}
.hero-keg-window{position:absolute;z-index:5;top:48px;bottom:46px;left:50%;transform:translateX(-50%);width:75px;border:8px solid #0b0d0e;border-radius:17px;background:#f7f7f1;overflow:hidden;box-shadow:0 0 0 2px #5c6265,0 9px 14px rgba(0,0,0,.35)}
.hero-keg-beer{position:absolute;left:4px;right:4px;bottom:4px;height:68%;background:linear-gradient(90deg,#ffbd00,#ffa400 55%,#e98700);border-radius:6px 6px 8px 8px;box-shadow:inset 7px 0 8px rgba(255,255,255,.14)}
.hero-keg-beer:after{content:"··  ·\A ·  ··\A   · ·\A · ·  ·";white-space:pre;position:absolute;color:rgba(255,255,255,.85);font-size:18px;line-height:37px;left:17px;top:39px}
.hero-keg-foam{position:absolute;left:0;right:0;top:-8px;height:20px;background:#fff9e7;border-radius:50%;box-shadow:0 5px 0 #fff4d4}
.hero-keg-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 6%,rgba(255,255,255,.25) 13%,transparent 24%,transparent 74%,rgba(255,255,255,.18) 83%,transparent 91%);pointer-events:none}
.hero-keg-name{position:absolute;left:0;right:0;bottom:13px;text-align:center;font-weight:950;color:#15191b;letter-spacing:2px;font-size:22px;text-shadow:0 1px rgba(255,255,255,.5)}
.hero-keg-base{position:absolute;z-index:4;left:42px;right:42px;bottom:10px;height:46px;border-radius:7px 7px 28px 28px;background:linear-gradient(90deg,#4c5053,#d8dbdd 23%,#777c7f 55%,#d6d9da 76%,#43484b);border:3px solid #444a4d}
.hero-pint{position:absolute;z-index:3;right:10px;bottom:79px;width:72px;height:160px;border:3px solid rgba(255,255,255,.5);border-top-width:6px;border-radius:4px 4px 13px 13px;overflow:hidden;transform:perspective(120px) rotateY(-3deg);box-shadow:0 20px 24px rgba(0,0,0,.38)}
.hero-pint-beer{position:absolute;left:5px;right:5px;bottom:5px;height:76%;background:linear-gradient(#e99700,#aa5200)}.hero-pint-foam{position:absolute;z-index:2;left:5px;right:5px;top:26px;height:30px;background:#f6ecda;border-radius:5px 5px 45% 45%}.hero-pint b{position:absolute;z-index:4;top:76px;left:0;right:0;text-align:center;color:var(--gold);font-size:13px}
.hero-scribble{position:absolute;right:5px;top:116px;z-index:4;color:#f7f0dd;font-family:cursive;font-size:23px;line-height:1.05;transform:rotate(-8deg)}

/* Value strip */
.value-strip{background:#0a1115;border-bottom:1px solid #223038;border-top:1px solid #1b282f}
.value-strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.value-item{min-height:86px;display:flex;align-items:center;justify-content:center;gap:14px;border-right:1px solid #243138}.value-item:first-child{border-left:1px solid #243138}.value-item>span{font-size:26px;color:#f4f5f5}.value-item b,.value-item strong{display:block;letter-spacing:1.2px}.value-item b{font-size:9px;color:#9aa7ae}.value-item strong{font-size:11px;color:#eef1f2}

/* Light product story */
.product-story-v2{background:#f4f4f2;color:#111;padding:60px 0 64px}
.product-story-grid{display:grid;grid-template-columns:.8fr 1.15fr 1.1fr;gap:50px;align-items:center}
.story-copy-v2 h2{margin:0 0 18px;font-size:42px;line-height:.92;letter-spacing:-2px}.story-copy-v2 h2 span,.story-copy-v2 h2 strong{display:block}.story-copy-v2 h2 strong{color:#eaa900}.story-copy-v2 p{color:#555f64;font-size:14px;margin-bottom:24px}
.story-hardware-v2{display:flex;align-items:end;justify-content:center;gap:18px;min-height:310px}
.sensor-unit-v2{position:relative;width:170px;height:235px;border-radius:19px;background:linear-gradient(135deg,#20262a,#050708 55%,#151a1d);box-shadow:0 26px 45px rgba(0,0,0,.26);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border:4px solid #15191b}.sensor-unit-v2:after{content:"";position:absolute;bottom:17px;width:21px;height:21px;border:2px solid #30383d;border-radius:50%}.sensor-led{position:absolute;right:16px;top:16px;width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 11px var(--green)}.sensor-logo-mini{display:flex;align-items:center;gap:3px;font-size:14px;font-weight:950}.sensor-logo-mini span{font-size:35px}.sensor-logo-mini strong{color:var(--gold)}.sensor-unit-v2 small{margin-top:10px;color:#8d989e;font-size:8px;letter-spacing:1px}
.phone-mock-v2{width:150px;height:290px;padding:8px;border-radius:30px;background:#0b0e10;border:5px solid #1c2328;box-shadow:0 28px 45px rgba(0,0,0,.23)}.phone-screen-v2{height:100%;border-radius:20px;background:linear-gradient(#0b1115,#121d23);display:flex;flex-direction:column;align-items:center;padding:20px 12px;color:#fff}.phone-speaker{position:absolute}.phone-brand{font-size:12px;font-weight:900;margin-bottom:15px}.phone-brand span{color:var(--gold)}.phone-keg-mini{position:relative;width:58px;height:115px;border:5px solid #aab0b3;border-radius:13px;background:#20272b;overflow:hidden;margin-bottom:14px}.phone-keg-fill{position:absolute;left:9px;right:9px;bottom:8px;height:68%;background:var(--gold);border-radius:5px}.phone-screen-v2>strong{font-size:28px}.phone-screen-v2>small{font-size:9px;color:#b5c0c6}
.story-features-v2 ul{list-style:none;padding:0;margin:0}.story-features-v2 li{position:relative;padding:8px 0 8px 28px;color:#334047;font-size:13px;border-bottom:1px solid #dfe2e2}.story-features-v2 li:before{content:"✓";position:absolute;left:0;color:#111;font-weight:950}.script-tagline{color:#f2a900;font-family:cursive;font-size:32px;transform:rotate(-6deg);margin-top:30px;text-align:center}

/* Shared sections */
.section-v2{padding:88px 0}.section-dark{background:#080d10}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:12px 0 34px}.section-heading-row h2,.taplist-promo-v2 h2,.final-cta-v2 h2{margin:0;font-size:clamp(36px,5vw,60px);line-height:.96;letter-spacing:-2.4px;color:#fff}.section-heading-row p{margin:10px 0 0;color:var(--muted);max-width:650px}.section-number{font-size:11px;letter-spacing:2px;color:#65737b}
.steps-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.steps-v2 article{position:relative;padding:30px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#0f171c,#0b1115)}.steps-v2 article>span{position:absolute;right:18px;top:14px;color:#3e4c54;font-weight:950;font-size:34px}.steps-v2 i{display:grid;place-items:center;width:50px;height:50px;border:1px solid #46535a;border-radius:12px;color:var(--gold);font-style:normal;font-size:22px}.steps-v2 h3{font-size:18px;margin:18px 0 8px}.steps-v2 p{margin:0;color:var(--muted);font-size:13px}
.dashboard-showcase-v2{background:linear-gradient(180deg,#0e171c,#081014)}
.dashboard-demo-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-keg-card{border:1px solid #2b3a43;border-radius:12px;padding:16px;background:#0d161b}.demo-keg-head{display:flex;justify-content:space-between}.demo-keg-head h3{margin:0;font-size:16px}.demo-keg-head span{display:flex;align-items:center;gap:6px;color:#c2ccd1;font-size:10px}.demo-keg-head span i{width:7px;height:7px;border-radius:50%;background:var(--green)}.demo-keg-head>b{color:#829099}.demo-keg-content{display:grid;grid-template-columns:88px 1fr;gap:17px;align-items:center;margin-top:10px}.demo-corny{position:relative;width:72px;height:130px;margin:auto;border:5px solid #aeb4b7;border-radius:11px 11px 17px 17px;background:linear-gradient(90deg,#555d61,#e0e3e4 30%,#71797d 61%,#d9dcdd);overflow:hidden}.demo-corny:before{content:"";position:absolute;z-index:3;top:25px;left:19px;right:19px;bottom:13px;border:5px solid #0a0e10;border-radius:8px;background:#fff}.demo-corny-fill{position:absolute;z-index:4;left:24px;right:24px;bottom:18px;background:linear-gradient(#ffd028,#ed9600);border-radius:3px;max-height:82px}.demo-level-copy>strong{display:block;color:#fff;font-size:30px}.demo-progress{height:9px;border-radius:20px;background:#39464e;overflow:hidden;margin:4px 0 8px}.demo-progress i{display:block;height:100%;background:var(--gold);border-radius:20px}.demo-level-copy small{display:block;color:#bec7cc;font-size:10px}
.taplist-promo-v2{background:#05090b;border-top:1px solid #1c292f}.taplist-promo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.taplist-promo-v2 p{color:var(--muted);max-width:520px}.taplist-screen-v2{border:1px solid #37454d;border-radius:16px;background:linear-gradient(145deg,#0b1115,#111b21);box-shadow:var(--shadow);padding:18px}.taplist-screen-head{display:flex;justify-content:space-between;border-bottom:1px solid #2b383f;padding-bottom:12px;margin-bottom:7px}.taplist-screen-head>span{font-weight:950}.taplist-screen-head>span b{color:var(--gold)}.taplist-screen-head small{color:#aab5ba;font-size:9px;letter-spacing:1.5px}.taplist-row-v2{display:grid;grid-template-columns:30px 1fr 1.5fr 55px;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid #202d34}.taplist-row-v2>b{font-size:20px}.taplist-row-v2>span{font-weight:800}.taplist-row-v2>i{height:9px;border-radius:20px;background:#303c43;overflow:hidden}.taplist-row-v2 em{display:block;height:100%;background:var(--gold);border-radius:20px}.taplist-row-v2>strong{font-size:19px}
.final-cta-v2{padding:70px 0;background:linear-gradient(120deg,#141b1f,#090d10 70%);border-top:1px solid #243138}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta-inner>div>span{color:#aab4b9;font-size:10px;letter-spacing:3px}.final-cta-v2 h2{margin-top:8px}.final-cta-v2 h2 strong{color:var(--gold)}

/* Pages / auth */
.page{min-height:70vh;padding:70px 0}.auth-shell-v2,.support-shell-v2{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr;background:#080d10}.auth-brand-panel,.support-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:radial-gradient(circle at 50% 38%,rgba(255,190,0,.11),transparent 34%),linear-gradient(145deg,#080c0e,#111a1f);border-right:1px solid #26333a}.auth-brand-panel h1,.support-brand-panel h1{font-size:clamp(44px,5vw,72px);line-height:.92;letter-spacing:-3px;margin:18px 0}.auth-brand-panel h1 strong,.support-brand-panel h1 strong{color:var(--gold)}.auth-brand-panel p,.support-brand-panel p{max-width:510px;color:var(--muted)}.auth-form-panel,.support-form-panel{display:flex;align-items:center;justify-content:center;padding:50px}.form-card-v2{width:min(500px,100%);padding:34px;border:1px solid #29363e;border-radius:16px;background:#0f171c;box-shadow:var(--shadow)}.form-card-v2 h2{font-size:34px;margin:7px 0 4px}.form-card-v2>p{color:var(--muted);margin-top:0}.field{margin:16px 0}.field label,.portal-card-menu-panel label{display:block;color:#c4cdd2;font-size:12px;font-weight:750;margin-bottom:7px}.field input,.field textarea,.portal-card-menu-panel input[type="text"],.portal-card-menu-panel input:not([type]){width:100%;border:1px solid #34424a;border-radius:9px;background:#090f12;color:#fff;padding:12px 13px;outline:0}.field input:focus,.field textarea:focus,.portal-card-menu-panel input:focus{border-color:var(--gold)}.field textarea{min-height:145px;resize:vertical}.form-card-v2 .btn{width:100%}.form-note{font-size:12px;color:var(--muted);text-align:center}.form-note a{color:var(--gold)}.remember{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin:12px 0}.remember input{accent-color:var(--gold)}.form-error,.portal-notice{padding:12px 14px;border-radius:9px;margin:14px 0;font-size:13px}.form-error,.portal-notice.error{border:1px solid rgba(255,94,98,.35);background:rgba(255,94,98,.08);color:#ffb6b8}.portal-notice.success{border:1px solid rgba(80,223,99,.25);background:rgba(80,223,99,.08);color:#baf5c1}.form-error p{margin:2px 0}

/* Customer portal */
.dashboard-page-v2{padding:38px 0 70px;background:radial-gradient(circle at 15% 0%,rgba(255,194,28,.035),transparent 22%),#080d10;min-height:80vh}.portal-container-v2{width:min(1320px,94%)}
.portal-subnav{display:flex;align-items:center;gap:8px;margin-bottom:25px}.portal-subnav a{padding:8px 12px;border-radius:8px;color:#aab5ba;font-size:12px;font-weight:800}.portal-subnav a.active,.portal-subnav a:hover{color:#111;background:var(--gold)}
.portal-titlebar-v2{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}.portal-titlebar-v2 h1{font-size:44px;line-height:1;margin:0 0 7px;letter-spacing:-2px}.portal-titlebar-v2 p{margin:0;color:var(--muted);font-size:13px}.portal-top-actions{display:flex;align-items:center;gap:9px}.portal-top-actions .btn{min-height:40px}
.my-kegs-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-card.keg-card-v2{position:relative;min-width:0;border:1px solid #293841;border-radius:12px;background:linear-gradient(145deg,#0e171c,#0a1115);padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.14)}
.keg-card-v2 .portal-card-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.keg-card-v2 .portal-card-head h2{font-size:15px;margin:0 0 3px;line-height:1.1}.keg-card-v2 .device-id{font-size:9px;color:#75848c;letter-spacing:.4px}.keg-card-v2 .portal-card-menu{position:relative}.keg-card-v2 .portal-card-menu summary{list-style:none;color:#a9b4ba;cursor:pointer;font-size:17px;letter-spacing:2px}.portal-card-menu summary::-webkit-details-marker{display:none}
.portal-card-menu-panel{position:absolute;z-index:40;right:0;top:28px;width:320px;max-height:70vh;overflow:auto;padding:18px;border:1px solid #34424a;border-radius:14px;background:#0b1419;box-shadow:0 30px 60px rgba(0,0,0,.55)}.portal-card-menu-panel form+form{border-top:1px solid #26343c;margin-top:14px;padding-top:14px}.portal-card-menu-panel input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid #34424a;border-radius:8px;background:#0b1115}.portal-card-menu-panel .btn{width:100%;margin-top:8px}.text-button{border:0;background:none;padding:6px 0;cursor:pointer;font-weight:750}.danger{color:#ff6d70}
.appearance-field{margin:12px 0}.appearance-field>label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#b7c3c9}.color-presets{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.color-swatch{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.24);background:var(--swatch);cursor:pointer}.color-swatch:hover{transform:scale(1.08);border-color:#fff}
.compact-keg-row{display:grid;grid-template-columns:98px 1fr;gap:14px;align-items:center;margin:10px 0 6px}.compact-keg-wrap{display:grid;place-items:center;min-height:155px}.compact-corny{position:relative;width:78px;height:138px;filter:drop-shadow(0 10px 11px rgba(0,0,0,.35));--beer-color:#e7a21a;--keg-color:#aeb6bb}.compact-corny-top{position:absolute;z-index:3;left:7px;right:7px;top:4px;height:31px;border-radius:14px 14px 6px 6px;background:linear-gradient(90deg,color-mix(in srgb,var(--keg-color),#20282c 30%),color-mix(in srgb,var(--keg-color),white 45%),var(--keg-color));border:2px solid #3f494e}.compact-corny-top:before{content:"";position:absolute;left:50%;top:-8px;transform:translateX(-50%);width:20px;height:10px;border-radius:4px 4px 2px 2px;background:linear-gradient(#e6e7e8,#6c7478);border:1px solid #485156}.compact-corny-body{position:absolute;z-index:2;left:10px;right:10px;top:28px;bottom:8px;border-radius:8px 8px 13px 13px;background:linear-gradient(90deg,color-mix(in srgb,var(--keg-color),#31383c 20%),color-mix(in srgb,var(--keg-color),white 46%) 28%,var(--keg-color) 52%,color-mix(in srgb,var(--keg-color),white 34%) 75%,color-mix(in srgb,var(--keg-color),#252c30 24%));border:2px solid #4b555a;overflow:hidden}.compact-corny-body:before,.compact-corny-body:after{content:"";position:absolute;z-index:4;left:0;right:0;height:6px;background:linear-gradient(#d4d8da,#596267,#e5e7e8)}.compact-corny-body:before{top:31px}.compact-corny-body:after{bottom:23px}.compact-window{position:absolute;z-index:6;left:50%;top:16px;bottom:14px;transform:translateX(-50%);width:25px;border:4px solid #0b0e10;border-radius:8px;background:#f5f3e9;overflow:hidden;box-shadow:0 0 0 1px #5d686e}.compact-fill{position:absolute;left:2px;right:2px;bottom:2px;background:var(--beer-color);border-radius:2px 2px 4px 4px;transition:height .5s ease}.compact-fill:before{content:"";position:absolute;left:0;right:0;top:-3px;height:6px;background:#fff9e4;border-radius:50%}.compact-corny-base{position:absolute;z-index:3;left:8px;right:8px;bottom:0;height:17px;border-radius:3px 3px 10px 10px;background:#121719;border:2px solid #333d42}
.keg-card-level-v2{min-width:0}.keg-card-level-v2 .portal-status{display:flex;align-items:center;gap:5px;color:#aeb9bf;font-size:10px;margin-bottom:2px}.keg-card-level-v2 .portal-status i{width:7px;height:7px;border-radius:50%;background:#66747c}.keg-card-level-v2 .portal-status.online{color:#80ee8e}.keg-card-level-v2 .portal-status.online i{background:var(--green);box-shadow:0 0 9px rgba(80,223,99,.45)}.keg-card-level-v2 .portal-status.offline{color:#ff8f92}.keg-card-level-v2 .portal-status.offline i{background:var(--red)}
.keg-percent-v2{display:flex;align-items:baseline;gap:5px;margin:3px 0}.keg-percent-v2 strong{font-size:34px;letter-spacing:-1.8px}.keg-percent-v2 span{font-size:9px;color:#85939b;font-weight:800}.keg-progress-v2{height:8px;border-radius:20px;background:#3a474e;overflow:hidden;margin:3px 0 8px}.keg-progress-v2 i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--gold-2),var(--gold));transition:width .5s ease}.keg-mini-metrics{display:grid;gap:3px}.keg-mini-metrics div{display:flex;justify-content:space-between;gap:10px;color:#aab5ba;font-size:10px}.keg-mini-metrics strong{color:#fff;font-size:10px;text-align:right}.keg-last-v2{margin-top:10px;text-align:right;color:#7f8d95;font-size:8px}.no-reading{padding:22px 0;color:#8b989f;font-size:12px}.portal-mac{margin-top:7px;color:#59676e;font-size:8px;letter-spacing:.5px}
.portal-add-panel-v2{display:grid;grid-template-columns:1fr 1.05fr;gap:34px;align-items:center;margin-top:28px;padding:24px;border:1px solid #293840;border-radius:14px;background:#0c1419}.portal-add-panel-v2 h2{margin:5px 0;font-size:28px}.portal-add-panel-v2 p{color:var(--muted);margin:0}.portal-link-form{display:flex;align-items:end;gap:10px}.portal-link-form .field{flex:1;margin:0}.portal-link-form .btn{white-space:nowrap}.eyebrow,.portal-eyebrow{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:2px;text-transform:uppercase}
.portal-info-strip-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.portal-info-item-v2{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #27353d;border-radius:12px;background:#0d151a}.portal-info-item-v2>span{font-size:25px;color:#c6d0d5}.portal-info-item-v2 strong,.portal-info-item-v2 small{display:block}.portal-info-item-v2 strong{font-size:12px}.portal-info-item-v2 small{color:#85939b;font-size:9px}.portal-info-item-v2.brand strong{color:var(--gold)}
.empty-dashboard{padding:45px;text-align:center;border:1px solid #2a3941;border-radius:15px;background:#0d151a}.empty-dashboard h2{margin:8px 0}.empty-dashboard p{color:var(--muted)}.empty-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--gold);color:#111;font-weight:950}

/* Tap Lists shell */
.tap-list-page{background:#080d10;min-height:80vh;padding:42px 0 80px}.tap-list-workspace{display:grid;grid-template-columns:330px 1fr;gap:16px;margin-top:22px}.tap-list-sidebar,.tap-list-preview-shell{border:1px solid #2a3941;border-radius:14px;background:#0d151a}.tap-list-sidebar{padding:18px}.tap-list-sidebar h2{font-size:17px;margin:0 0 5px}.tap-list-sidebar p{font-size:11px;color:var(--muted)}.tap-list-future-card{padding:14px;border:1px dashed #40505a;border-radius:10px;margin-top:14px;color:#a9b5bb;font-size:11px}.tap-list-preview-shell{padding:15px}.tap-list-preview{aspect-ratio:16/9;border:1px solid #3a484f;border-radius:10px;background:radial-gradient(circle at 82% 45%,rgba(255,189,0,.08),transparent 27%),#090e11;padding:20px;display:flex;flex-direction:column}.tap-list-preview-head{display:flex;justify-content:space-between;color:#fff;border-bottom:1px solid #303c43;padding-bottom:9px}.tap-list-preview-head strong span{color:var(--gold)}.tap-list-preview-body{display:grid;gap:8px;margin-top:12px}.tap-list-preview-row{display:grid;grid-template-columns:28px 1fr 1.2fr 48px;gap:10px;align-items:center}.tap-list-preview-row i{height:8px;border-radius:20px;background:#39464e;overflow:hidden}.tap-list-preview-row em{display:block;height:100%;background:var(--gold)}

/* Footer */
.site-footer-v2{background:#050809;border-top:1px solid #202b31;padding:34px 0 18px}.footer-grid-v2{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand-block p{margin:8px 0 0;color:#839098;font-size:9px;letter-spacing:3px}.footer-links-v2{display:flex;gap:20px;color:#a5b1b7;font-size:11px}.footer-links-v2 a:hover{color:var(--gold)}.footer-bottom-v2{border-top:1px solid #1b252a;margin-top:25px;padding-top:16px;display:flex;justify-content:space-between;color:#65747c;font-size:8px;letter-spacing:2px}.footer-bottom-v2 span:last-child{color:#b58d1e}

/* Responsive */
@media(max-width:1100px){
  .menu-v2{gap:15px}.menu-v2>a:not(.btn){display:none}.menu-toggle{display:block}.menu-v2.mobile-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;right:4%;top:70px;width:min(360px,92vw);padding:17px;background:#0b1216;border:1px solid #2a3941;border-radius:0 0 14px 14px;box-shadow:0 25px 45px rgba(0,0,0,.45)}.menu-v2.mobile-open>a{display:flex!important}.nav-user{border-left:0;padding-left:0}
  .hero-v2-grid{grid-template-columns:1fr .85fr}.hero-keg{transform:scale(.88)}.hero-pint{right:-15px}.hero-scribble{right:-25px}
  .product-story-grid{grid-template-columns:1fr 1fr}.story-features-v2{grid-column:1/-1}.story-features-v2 ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
  .my-kegs-grid-v2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .hero-v2-grid{grid-template-columns:1fr;padding-top:55px}.hero-product-scene{min-height:460px}.hero-mini-features{grid-template-columns:repeat(2,1fr);gap:15px}.hero-mini-features>div{border:1px solid #243138!important;padding:12px!important;border-radius:9px}.hero-scribble{right:12%}.hero-pint{right:14%}
  .value-strip-grid{grid-template-columns:1fr 1fr}.value-item{border-bottom:1px solid #243138}
  .product-story-grid,.taplist-promo-grid{grid-template-columns:1fr}.story-hardware-v2{order:2}.story-features-v2{grid-column:auto}.steps-v2,.dashboard-demo-v2{grid-template-columns:1fr 1fr}
  .auth-shell-v2,.support-shell-v2{grid-template-columns:1fr}.auth-brand-panel,.support-brand-panel{padding:60px 7%;border-right:0;border-bottom:1px solid #26333a}.auth-form-panel,.support-form-panel{padding:42px 5%}
  .portal-titlebar-v2{align-items:flex-start;flex-direction:column}.portal-add-panel-v2{grid-template-columns:1fr}.portal-info-strip-v2{grid-template-columns:1fr}.tap-list-workspace{grid-template-columns:1fr}
}
@media(max-width:600px){
  .container{width:min(94%,var(--max))}.nav-v2{min-height:64px}.kl-wordmark{font-size:19px}.kl-logo-mark{width:29px;height:39px}.menu-v2.mobile-open{top:63px}
  .hero-v2-grid{padding:40px 0}.hero-v2 h1{font-size:48px;letter-spacing:-2.5px}.hero-v2-copy>p{font-size:15px}.hero-v2-actions .btn{width:100%}.hero-product-scene{min-height:400px}.hero-keg{transform:scale(.72)}.hero-pint{right:4%;bottom:65px;transform:scale(.8)}.hero-scribble{display:none}
  .value-strip-grid,.steps-v2,.dashboard-demo-v2,.my-kegs-grid-v2{grid-template-columns:1fr}.value-item{justify-content:flex-start;padding:0 20px}.product-story-v2{padding:46px 0}.story-copy-v2 h2{font-size:37px}.story-features-v2 ul{grid-template-columns:1fr}.section-v2{padding:62px 0}.section-heading-row{align-items:flex-start;flex-direction:column}.section-heading-row h2,.taplist-promo-v2 h2,.final-cta-v2 h2{font-size:39px}.final-cta-inner{align-items:flex-start;flex-direction:column}.taplist-screen-v2{padding:12px}.taplist-row-v2{grid-template-columns:24px 1fr 55px}.taplist-row-v2>i{display:none}
  .portal-container-v2{width:94%}.portal-titlebar-v2 h1{font-size:37px}.portal-top-actions{width:100%}.portal-top-actions .btn{flex:1}.compact-keg-row{grid-template-columns:86px 1fr}.portal-card-menu-panel{position:fixed;left:3%;right:3%;top:88px;width:auto;max-height:78vh}.portal-link-form{flex-direction:column;align-items:stretch}.portal-link-form .btn{width:100%}.portal-add-panel-v2{padding:18px}.footer-grid-v2,.footer-bottom-v2{align-items:flex-start;flex-direction:column}.footer-links-v2{flex-wrap:wrap}
}
.device-diagnostics{display:grid;gap:7px;padding-top:4px}.device-diagnostics div{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#8f9ca3}.device-diagnostics strong{color:#edf1f3;text-align:right;overflow-wrap:anywhere}.tap-list-preview-row span strong,.tap-list-preview-row span small{display:block}.tap-list-preview-row span small{color:#7f8d94;font-size:8px}

/* Tap List Builder v2.1 */
.tap-create-form{display:flex;gap:10px;align-items:center}.tap-create-form input{min-width:180px;background:#0b1216;border:1px solid #33424b;border-radius:9px;color:#fff;padding:11px 12px}.tap-empty-state{margin-top:24px;padding:56px 28px;text-align:center;border:1px solid #2b3942;border-radius:18px;background:linear-gradient(180deg,#0f181e,#0b1216)}.tap-empty-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;margin:0 auto 16px;background:rgba(255,194,28,.1);font-size:34px}.tap-empty-state h2{font-size:30px;margin:0 0 8px}.tap-empty-state p{max-width:620px;margin:0 auto 22px;color:var(--muted)}.tap-empty-state form{display:flex;justify-content:center;gap:10px}.tap-empty-name{min-width:240px;border:1px solid #35444c;border-radius:9px;background:#090f12;color:#fff;padding:12px 14px}
.tap-builder-app{display:grid;grid-template-columns:265px minmax(360px,1fr) minmax(420px,1.25fr);gap:14px;margin-top:22px;align-items:start}.tap-list-library,.tap-editor-column,.tap-preview-column{border:1px solid #2b3942;border-radius:16px;background:#0d151a;box-shadow:0 18px 45px rgba(0,0,0,.13)}.tap-list-library{padding:16px;position:sticky;top:92px}.tap-panel-head,.tap-editor-head,.tap-preview-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.tap-panel-head h2,.tap-editor-head h2,.tap-preview-toolbar h2{margin:2px 0 0;font-size:20px}.tap-count{display:grid;place-items:center;min-width:28px;height:28px;border-radius:50%;background:var(--gold);color:#111;font-weight:900;font-size:12px}.tap-list-picker{display:grid;gap:7px;margin:16px 0}.tap-list-choice{display:block;padding:11px 12px;border:1px solid #28363e;border-radius:10px;background:#0a1115}.tap-list-choice strong,.tap-list-choice small{display:block}.tap-list-choice strong{font-size:12px}.tap-list-choice small{font-size:9px;color:#7f8e96;margin-top:2px}.tap-list-choice.active{border-color:#b98a07;background:linear-gradient(90deg,rgba(255,194,28,.1),rgba(255,194,28,.025))}.tap-list-choice.active strong{color:var(--gold)}
.tap-list-settings{padding-top:13px;border-top:1px solid #26343c}.tap-list-settings label,.tap-item-fields label{display:grid;gap:5px;color:#97a5ad;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.tap-list-settings input,.tap-list-settings select,.tap-item-fields input,.tap-item-fields select,.tap-item-fields textarea,.tap-add-keg-form select{width:100%;border:1px solid #33424a;border-radius:8px;background:#091014;color:#edf2f4;padding:9px 10px;text-transform:none;letter-spacing:0;outline:none}.tap-list-settings input:focus,.tap-list-settings select:focus,.tap-item-fields input:focus,.tap-item-fields select:focus,.tap-item-fields textarea:focus{border-color:#af8514;box-shadow:0 0 0 2px rgba(255,194,28,.08)}.tap-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.tap-list-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.tap-list-actions .btn:first-child{grid-column:1/-1}.tap-danger-btn{background:rgba(255,94,98,.06);border-color:rgba(255,94,98,.34);color:#ff8588!important}.tap-danger-btn:hover{background:rgba(255,94,98,.12);border-color:#ff5e62}.tap-add-panel{margin-top:15px;padding-top:15px;border-top:1px solid #26343c}.tap-add-panel h3{margin:0 0 4px;font-size:14px}.tap-add-panel p{margin:0 0 10px;color:#829198;font-size:10px}.tap-add-panel form{margin-top:7px}.tap-add-panel .btn{width:100%}.tap-add-keg-form{display:grid;gap:7px}.tap-add-keg-form select:disabled,.tap-add-keg-form button:disabled{opacity:.45;cursor:not-allowed}
.tap-editor-column,.tap-preview-column{padding:16px}.tap-editor-head p{font-size:10px;color:#87949b;margin:4px 0 0;max-width:520px}.drag-hint{font-size:9px;color:#6f7e86;white-space:nowrap}.tap-reorder-form{display:none}.tap-item-editor-list{display:grid;gap:10px;margin-top:15px}.tap-item-editor{border:1px solid #2c3a42;border-radius:12px;background:#0a1115;padding:13px;transition:border-color .15s,opacity .15s,transform .15s}.tap-item-editor:hover{border-color:#3a4a53}.tap-item-editor.is-dragging{opacity:.55;border-color:var(--gold);transform:scale(.995)}.tap-item-topline{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tap-item-topline strong{font-size:12px}.tap-drag-handle{color:#7f8f97;cursor:grab;font-size:15px}.tap-linked-state{margin-left:auto;padding:3px 7px;border-radius:20px;background:#111d22;color:#7f8e96;font-size:8px;font-weight:900;letter-spacing:.7px}.tap-item-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tap-item-fields .wide{grid-column:1/-1}.tap-item-fields input[type=color]{height:38px;padding:3px;cursor:pointer}.tap-item-toggles{display:flex;flex-wrap:wrap;gap:8px 14px;margin:11px 0;color:#aab5ba;font-size:9px}.tap-item-toggles label{display:flex;align-items:center;gap:5px}.tap-item-toggles input{accent-color:var(--gold)}.tap-item-actions{display:flex;gap:7px}.tap-item-actions .btn{min-height:36px;padding:0 13px;font-size:10px}.tap-editor-empty{margin-top:15px;padding:30px;border:1px dashed #3b4a52;border-radius:12px;text-align:center;color:#819098;font-size:11px}
.tap-preview-column{position:sticky;top:92px}.tap-preview-toolbar{align-items:center}.tap-preview-actions{display:flex;gap:7px}.tap-preview-actions .btn{min-height:38px;padding:0 12px;font-size:10px}.tap-cast-btn:disabled{opacity:.5;filter:saturate(.4);cursor:not-allowed;transform:none}.cast-receiver-note{margin:7px 0 12px;color:#75848c;font-size:9px}.tap-builder-preview{aspect-ratio:16/9;min-height:360px;border:1px solid #3b4850;border-radius:12px;padding:17px;display:flex;flex-direction:column;overflow:hidden;transition:background .2s,color .2s}.tap-builder-preview.tap-theme-dark{background:radial-gradient(circle at 82% 24%,rgba(255,194,28,.08),transparent 28%),#080d10;color:#f2f5f6}.tap-builder-preview.tap-theme-chalkboard{background:linear-gradient(rgba(255,255,255,.015),rgba(255,255,255,.015)),#142018;color:#f2ead4;font-family:Georgia,serif}.tap-builder-preview.tap-theme-light{background:#f4f1e8;color:#15191b;border-color:#d1cbbd}.tap-builder-preview-head{display:flex;justify-content:space-between;gap:15px;align-items:end;padding-bottom:10px;border-bottom:1px solid currentColor}.tap-builder-preview-head>strong{font-size:14px}.tap-builder-preview-head>strong span{color:var(--gold)}.tap-builder-preview-head>div{text-align:right}.tap-builder-preview-head b,.tap-builder-preview-head small{display:block}.tap-builder-preview-head b{font-size:13px}.tap-builder-preview-head small{font-size:7px;letter-spacing:1.5px;opacity:.55}.tap-builder-preview-items{display:grid;gap:5px;margin-top:9px;flex:1;align-content:start}.tap-builder-preview.tap-layout-two .tap-builder-preview-items{grid-template-columns:1fr 1fr;column-gap:12px}.tap-preview-item{display:grid;grid-template-columns:20px 18px minmax(80px,1fr) minmax(110px,.95fr);gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(127,142,150,.18);min-width:0}.tap-preview-number{font-size:13px}.tap-preview-glass{position:relative;width:13px;height:24px;border:1.5px solid currentColor;border-radius:2px 2px 4px 4px;overflow:hidden;opacity:.9}.tap-preview-glass i{position:absolute;left:1px;right:1px;bottom:1px;height:68%;background:var(--preview-beer);border-radius:1px 1px 2px 2px}.tap-preview-copy{min-width:0}.tap-preview-copy strong,.tap-preview-copy small,.tap-preview-copy em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-preview-copy strong{font-size:11px}.tap-preview-copy small{font-size:7px;opacity:.62}.tap-preview-copy em{font-style:normal;font-size:6.5px;opacity:.5;margin-top:1px}.tap-preview-level{min-width:0}.tap-preview-level>i{display:block;height:6px;border-radius:10px;background:rgba(117,135,145,.45);overflow:hidden}.tap-preview-level>i em{display:block;height:100%;border-radius:10px}.tap-preview-level>strong{font-size:10px}.tap-preview-level>small{display:flex;gap:6px;justify-content:flex-end;font-size:6px;opacity:.68}.tap-builder-preview-foot{margin-top:auto;padding-top:8px;text-align:center;font-size:6px;letter-spacing:2.4px;color:var(--gold)}.tap-preview-empty{display:grid;place-items:center;flex:1;color:#75838b;font-size:11px}

/* Full-screen public/receiver-ready tap display */
body.tap-display-mode{margin:0;min-height:100vh;overflow:hidden}.tap-display-stage{min-height:100vh;padding:2.5vh 3vw 2vh;display:flex;flex-direction:column}.tap-display-mode.tap-theme-dark .tap-display-stage{background:radial-gradient(circle at 82% 30%,rgba(255,194,28,.1),transparent 28%),#070c0f;color:#f5f7f8}.tap-display-mode.tap-theme-chalkboard .tap-display-stage{background:#152019;color:#f0ead9;font-family:Georgia,serif}.tap-display-mode.tap-theme-light .tap-display-stage{background:#f4f1e8;color:#16191a}.tap-display-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-bottom:2vh;border-bottom:1px solid rgba(135,149,156,.35)}.tap-display-header>div{text-align:center}.tap-display-header h1{margin:0;font-size:clamp(24px,3vw,54px);letter-spacing:-1px}.tap-display-header p{margin:2px 0 0;color:var(--gold);font-size:clamp(8px,.8vw,13px);font-weight:900;letter-spacing:3px}.tap-display-live{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:900;letter-spacing:1px}.tap-display-live i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(80,223,99,.7)}.tap-display-grid{display:grid;grid-template-columns:1fr;gap:.5vh;padding:2vh 0;align-content:center;flex:1}.tap-display-mode.tap-layout-two .tap-display-grid{grid-template-columns:1fr 1fr;column-gap:3vw}.tap-display-beer{display:grid;grid-template-columns:4vw 2.2vw minmax(180px,1fr) minmax(240px,.8fr);align-items:center;gap:1vw;padding:1.1vh .8vw;border-bottom:1px solid rgba(130,145,153,.18)}.tap-number{font-size:clamp(20px,2.2vw,42px);font-weight:950;color:var(--gold)}.tap-beer-swatch{width:1.45vw;min-width:14px;height:3.1vw;min-height:28px;max-height:60px;border:2px solid currentColor;border-radius:4px 4px 6px 6px;position:relative;overflow:hidden}.tap-beer-swatch:before{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:72%;background:var(--tap-beer);border-radius:2px}.tap-beer-copy h2{margin:0;font-size:clamp(20px,2.2vw,42px);line-height:1.05}.tap-beer-copy p{margin:3px 0 0;opacity:.62;font-size:clamp(9px,.9vw,16px)}.tap-beer-meta{display:flex;gap:12px;margin-top:3px;color:var(--gold);font-weight:800;font-size:clamp(8px,.7vw,12px)}.tap-live-block{min-width:0}.tap-level-line{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.tap-level-track{height:clamp(8px,1vw,16px);border-radius:20px;background:rgba(110,128,137,.45);overflow:hidden}.tap-level-track i{display:block;height:100%;border-radius:20px;transition:width .45s ease}.tap-level-line strong{font-size:clamp(20px,2.1vw,40px)}.tap-live-details{display:flex;justify-content:flex-end;gap:14px;margin-top:4px;opacity:.68;font-size:clamp(8px,.8vw,14px)}.tap-display-footer{display:flex;justify-content:space-between;padding-top:1.2vh;border-top:1px solid rgba(130,145,153,.25);font-size:clamp(7px,.7vw,12px);letter-spacing:3px}.tap-display-footer span:first-child{color:var(--gold);font-weight:950}.tap-display-empty{display:grid;place-items:center;flex:1;font-size:2vw;opacity:.55}

@media(max-width:1350px){.tap-builder-app{grid-template-columns:240px minmax(350px,1fr)}.tap-preview-column{grid-column:1/-1;position:static}.tap-builder-preview{max-width:900px;margin:auto}}
@media(max-width:850px){.tap-create-form{width:100%;flex-wrap:wrap}.tap-create-form input{flex:1}.tap-builder-app{grid-template-columns:1fr}.tap-list-library{position:static}.tap-item-fields{grid-template-columns:1fr}.tap-item-fields .wide{grid-column:auto}.tap-settings-grid{grid-template-columns:1fr}.tap-preview-toolbar{align-items:flex-start;flex-direction:column}.tap-preview-actions{width:100%}.tap-preview-actions .btn{flex:1}.tap-builder-preview{min-height:300px}.tap-builder-preview.tap-layout-two .tap-builder-preview-items{grid-template-columns:1fr}.tap-empty-state form{flex-direction:column}.tap-empty-name{min-width:0}}
.tap-cast-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:9px;background:linear-gradient(180deg,#ffd73f,var(--gold));border:1px solid #f2b600;color:#111;font:inherit;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 24px rgba(255,194,28,.12);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.tap-cast-control:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 10px 28px rgba(255,194,28,.2)}.tap-cast-control:focus-visible{outline:2px solid #fff;outline-offset:2px}.tap-cast-control:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:saturate(.5)}.tap-cast-icon{font-size:15px;line-height:1}.tap-cast-control b{white-space:nowrap}.tap-cast-status{min-height:16px}.tap-cast-status.is-ready{color:#a8e6a2}.tap-cast-status.is-connected{color:#6ce078}.tap-cast-status.is-warning{color:#ffd35a}.tap-cast-status.is-error{color:#ff7b7b}.tap-cast-receiver .tap-display-empty{font-size:clamp(18px,2vw,34px);text-align:center;padding:8vw}

/* Tap List Builder v2.3 — Brewery Taproom Edition */
.brewery-builder-page{background:radial-gradient(circle at 80% 8%,rgba(255,194,28,.055),transparent 24%),var(--ink);min-height:78vh}.tap-titlebar-brewery{padding-bottom:4px}.tap-titlebar-brewery h1{letter-spacing:-1.4px}.brewery-empty-state{background:radial-gradient(circle at 50% 0,rgba(255,194,28,.1),transparent 34%),linear-gradient(180deg,#10191f,#090f13)}
.tap-builder-brewery{grid-template-columns:280px minmax(410px,1.02fr) minmax(500px,1.2fr);gap:16px}.brewery-list-settings{display:grid;gap:9px}.brewery-list-settings .tap-settings-grid{margin-top:0}.tap-setting-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start;gap:8px!important;padding:3px 1px;color:#aab4ba!important}.tap-setting-check input{width:auto!important;accent-color:var(--gold)}.brewery-add-panel{border-top-style:dashed}.brewery-editor-column{background:linear-gradient(180deg,#0e171c,#0a1115)}.brewery-tap-editor{position:relative;overflow:hidden;padding:14px 14px 13px}.brewery-tap-editor:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--gold),transparent 85%);opacity:.7}.tap-editor-number{display:grid;place-items:center;min-width:31px;height:31px;border:1px solid #46535a;border-radius:8px;background:#111b21;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.5px}.brewery-item-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.brewery-item-fields .wide{grid-column:1/-1}.brewery-toggles{padding:9px 10px;border-radius:9px;background:#0f191e;border:1px solid #26353d}.brewery-preview-column{background:#0b1216}.tap-preview-live-dot{color:#62db70;font-size:7px;font-weight:900;letter-spacing:1px;white-space:nowrap}

/* Brewery preview canvas */
.tap-builder-preview{--board-gold:#ffc21c;--board-text:#f2f4f5;--board-muted:#9ba6ac;position:relative;min-height:405px;border-color:#36434a;background:#080d10;color:var(--board-text);box-shadow:inset 0 0 60px rgba(0,0,0,.24)}
.tap-builder-preview.tap-theme-modern{background:radial-gradient(circle at 88% 8%,rgba(255,194,28,.08),transparent 25%),#080d10;color:#f5f7f8}.tap-builder-preview.tap-theme-chalkboard{background:#142019;color:#f1ead6;font-family:Georgia,"Times New Roman",serif;border-color:#455348}.tap-builder-preview.tap-theme-industrial{background:linear-gradient(110deg,rgba(255,255,255,.025),transparent 25%),linear-gradient(180deg,#1a2125,#0d1215);color:#f1f3f4;border-color:#4b555a}
.tap-builder-preview.tap-bg-grain:after,.tap-display-mode.tap-bg-grain .tap-display-stage:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.035) 4px),repeating-linear-gradient(90deg,transparent 0 17px,rgba(0,0,0,.15) 18px)}.tap-builder-preview.tap-bg-steel:after,.tap-display-mode.tap-bg-steel .tap-display-stage:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(100deg,rgba(255,255,255,.13) 0 1px,transparent 1px 7px)}.tap-builder-preview>*{position:relative;z-index:1}
.tap-builder-preview-head{align-items:center;border-color:rgba(151,164,171,.28)}.tap-builder-preview-head>div{text-align:center;margin-left:auto}.tap-builder-preview-head>div small{color:var(--gold);font-weight:900}.tap-builder-preview-head>div b{font-size:14px;letter-spacing:.2px}.tap-builder-preview-foot{display:flex;justify-content:space-between;gap:12px;text-align:left;border-top:1px solid rgba(130,145,153,.22);color:var(--gold)}.tap-builder-preview-foot span:last-child{color:#87949b}
.tap-builder-preview-items{gap:4px}.tap-builder-preview.tap-layout-two .tap-builder-preview-items{grid-template-columns:1fr 1fr}.tap-builder-preview.tap-layout-grid .tap-builder-preview-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tap-builder-preview.tap-mode-cards .tap-builder-preview-items{align-content:stretch}.tap-builder-preview.tap-mode-cards.tap-layout-one .tap-builder-preview-items{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-builder-preview.tap-mode-cards.tap-layout-two .tap-builder-preview-items{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-builder-preview.tap-mode-cards.tap-layout-grid .tap-builder-preview-items{grid-template-columns:repeat(3,minmax(0,1fr))}
.tap-preview-item{grid-template-columns:24px minmax(0,1fr) minmax(90px,.62fr);gap:8px;align-items:center;padding:8px 5px;border-color:rgba(127,142,150,.2)}.tap-preview-identity{display:grid;grid-template-columns:32px minmax(0,1fr);gap:7px;align-items:center;min-width:0}.tap-preview-logo-wrap{position:relative;display:grid;place-items:center;width:30px;height:38px}.tap-preview-logo{position:absolute;inset:2px;width:26px;height:26px;object-fit:contain;border-radius:50%;background:#fff;z-index:3;padding:2px}.tap-preview-handle{position:relative;width:15px;height:30px;border-radius:4px 4px 6px 6px;background:linear-gradient(90deg,#2a3034,#d9dcdd 45%,#626a6e);border:1px solid #5f696e}.tap-preview-handle:before{content:"";position:absolute;top:-5px;left:4px;width:5px;height:7px;border-radius:2px;background:#111;border:1px solid #777}.tap-preview-handle i{position:absolute;left:2px;right:2px;bottom:3px;height:15px;border-radius:2px 2px 4px 4px;background:var(--preview-beer);box-shadow:inset 0 2px rgba(255,255,255,.2)}.tap-preview-copy{min-width:0}.tap-preview-eyebrow{display:flex;align-items:center;gap:5px;font-size:5.5px;letter-spacing:.6px;opacity:.72;white-space:nowrap;overflow:hidden}.tap-preview-copy strong{font-size:11px;line-height:1.05;margin:2px 0}.tap-preview-copy>small{font-size:6.5px;opacity:.7}.tap-preview-description{font-style:normal;font-size:5.4px;line-height:1.25;opacity:.52;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.tap-preview-meta{display:flex;gap:6px;margin-top:3px;font-size:5.7px;color:var(--gold)}.tap-preview-meta em{font-style:normal;opacity:1}.tap-beer-tag{display:inline-flex;align-items:center;min-height:14px;padding:0 5px;border-radius:999px;background:var(--gold);color:#111!important;font-size:6px!important;font-weight:950!important;letter-spacing:.6px;white-space:nowrap}.tap-beer-price{color:var(--gold);font-weight:950}
.tap-preview-level{position:relative;display:grid;gap:3px;min-width:0}.tap-preview-level-head{display:flex;justify-content:space-between;align-items:baseline}.tap-preview-level-head small{font-size:5px;letter-spacing:.8px;opacity:.55}.tap-preview-level-head strong{font-size:11px}.tap-preview-level>i{display:block;height:6px;border-radius:10px;background:rgba(117,135,145,.36);overflow:hidden}.tap-preview-level>i em{display:block;height:100%;border-radius:10px}.tap-preview-level>small{display:flex;gap:6px;justify-content:flex-end;font-size:5.7px;opacity:.65}.tap-preview-level .tap-low-badge{justify-self:end;margin-bottom:1px;background:#ff6b52;color:#fff;font-size:5.5px;padding:1px 4px;border-radius:99px;font-style:normal;font-weight:900}.tap-preview-item.is-low{background:linear-gradient(90deg,rgba(255,91,69,.05),transparent)}
.tap-builder-preview.tap-mode-cards .tap-preview-item{grid-template-columns:30px 1fr;grid-template-rows:auto auto;border:1px solid rgba(130,145,153,.24);border-radius:9px;padding:9px;background:rgba(5,9,11,.35)}.tap-builder-preview.tap-mode-cards .tap-preview-number{position:absolute;margin-top:-4px;margin-left:-2px;padding:2px 5px;border-radius:5px;background:var(--gold);color:#111;font-size:8px}.tap-builder-preview.tap-mode-cards .tap-preview-identity{grid-column:1/-1;grid-template-columns:40px 1fr}.tap-builder-preview.tap-mode-cards .tap-preview-logo-wrap{width:38px;height:46px}.tap-builder-preview.tap-mode-cards .tap-preview-handle{width:19px;height:37px}.tap-builder-preview.tap-mode-cards .tap-preview-logo{width:34px;height:34px}.tap-builder-preview.tap-mode-cards .tap-preview-copy strong{font-size:13px}.tap-builder-preview.tap-mode-cards .tap-preview-level{grid-column:1/-1}.tap-builder-preview.tap-mode-cards .tap-preview-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* Full-screen brewery board / Cast receiver */
body.tap-display-mode{background:#070b0e}.tap-display-stage{position:relative;height:100vh;min-height:100vh;padding:2.3vh 3vw 1.8vh;overflow:hidden;background:#070c0f;color:#f5f7f8}.tap-display-stage>*{position:relative;z-index:1}.tap-display-mode.tap-theme-modern .tap-display-stage{background:radial-gradient(circle at 85% 12%,rgba(255,194,28,.1),transparent 24%),linear-gradient(150deg,#080d10,#05090b);color:#f6f7f8}.tap-display-mode.tap-theme-chalkboard .tap-display-stage{background:#142019;color:#f2ebd8;font-family:Georgia,"Times New Roman",serif}.tap-display-mode.tap-theme-industrial .tap-display-stage{background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%),linear-gradient(180deg,#1b2327,#0b1013);color:#f5f6f6}.tap-display-mode.tap-bg-grain .tap-display-stage{box-shadow:inset 0 0 160px rgba(0,0,0,.38)}.tap-display-mode.tap-bg-steel .tap-display-stage{box-shadow:inset 0 0 140px rgba(0,0,0,.28)}
.tap-display-header{grid-template-columns:auto 1fr auto;gap:2.2vw;align-items:center;padding-bottom:1.6vh;border-color:rgba(137,151,158,.32)}.tap-display-title{text-align:center}.tap-display-title>span{display:block;color:var(--gold);font-size:clamp(8px,.7vw,13px);font-weight:950;letter-spacing:.28em}.tap-display-header h1{margin:.1vh 0;font-size:clamp(27px,3.2vw,58px);line-height:1;letter-spacing:-1.6px}.tap-display-header p{margin:0;font-size:clamp(7px,.65vw,12px);letter-spacing:.28em}.tap-display-live{padding:6px 10px;border:1px solid rgba(86,220,104,.34);border-radius:999px;background:rgba(61,170,76,.07)}
.tap-display-grid{display:grid;grid-template-columns:1fr;gap:0;padding:1.4vh 0;align-content:center;flex:1;min-height:0}.tap-display-mode.tap-layout-two .tap-display-grid{grid-template-columns:1fr 1fr;column-gap:2vw}.tap-display-mode.tap-layout-grid .tap-display-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2vw}.tap-display-beer{position:relative;display:grid;grid-template-columns:3.4vw 3.8vw minmax(180px,1fr) minmax(210px,.62fr);align-items:center;gap:1vw;padding:1.05vh .65vw;border-bottom:1px solid rgba(130,145,153,.19);min-width:0}.tap-number{font-size:clamp(19px,2vw,37px);font-weight:950;color:var(--gold);font-variant-numeric:tabular-nums}.tap-beer-logo-wrap{position:relative;display:grid;place-items:center;width:3.6vw;min-width:36px;height:4.5vw;min-height:48px}.tap-beer-logo{position:absolute;z-index:3;width:3.1vw;height:3.1vw;min-width:34px;min-height:34px;max-width:64px;max-height:64px;object-fit:contain;border-radius:50%;background:#fff;padding:.2vw;box-shadow:0 4px 15px rgba(0,0,0,.25)}.tap-handle-mark{position:relative;width:1.6vw;min-width:18px;height:3.7vw;min-height:44px;border-radius:.3vw .3vw .55vw .55vw;background:linear-gradient(90deg,#252a2d,#e2e4e5 45%,#62696c);border:2px solid #5d666a;box-shadow:0 .3vw .8vw rgba(0,0,0,.35)}.tap-handle-mark:before{content:"";position:absolute;top:-.55vw;left:31%;width:38%;height:.7vw;min-height:7px;border-radius:2px 2px 0 0;background:#0b0f11;border:1px solid #7f8689}.tap-handle-mark i{position:absolute;left:2px;right:2px;bottom:3px;height:55%;border-radius:2px 2px 5px 5px;background:var(--tap-beer);box-shadow:inset 0 3px rgba(255,255,255,.2)}.tap-handle-mark.has-logo{opacity:.25;transform:scale(.9)}
.tap-beer-copy{min-width:0}.tap-beer-eyebrow{display:flex;align-items:center;gap:.55vw;min-height:1.2em;color:#9ca8ae;font-size:clamp(7px,.62vw,11px);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tap-beer-copy h2{margin:.2vh 0 0;font-size:clamp(20px,2.2vw,41px);line-height:.98;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-beer-style{margin:.35vh 0 0!important;color:#c5ccd0!important;opacity:.74!important;font-size:clamp(9px,.85vw,15px)!important}.tap-beer-description{margin:.35vh 0 0!important;max-width:50vw;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#9aa6ac!important;opacity:.65!important;font-size:clamp(8px,.68vw,12px)!important}.tap-beer-meta{display:flex;flex-wrap:wrap;gap:.8vw;margin-top:.45vh;color:var(--gold);font-size:clamp(8px,.7vw,12px);font-weight:950}.tap-beer-meta span{display:inline-flex;align-items:baseline;gap:3px}.tap-beer-meta small{font-size:.7em;letter-spacing:.08em}.tap-beer-meta .tap-beer-price{padding-left:.7vw;border-left:1px solid rgba(255,194,28,.28)}
.tap-live-block{position:relative;min-width:0;padding:.55vw .7vw;border-radius:.7vw;background:rgba(255,255,255,.025);border:1px solid rgba(135,151,158,.16)}.tap-level-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1vw;margin-bottom:.35vh}.tap-level-heading>span{font-size:clamp(7px,.62vw,11px);letter-spacing:.16em;opacity:.55}.tap-level-heading strong{font-size:clamp(19px,1.8vw,34px);line-height:1}.tap-level-line{display:block}.tap-level-track{display:block;height:clamp(7px,.72vw,13px);border-radius:99px;background:rgba(109,125,133,.38);overflow:hidden}.tap-level-track i{display:block;height:100%;border-radius:99px;transition:width .45s ease}.tap-live-details{display:flex;justify-content:flex-end;gap:1vw;margin-top:.35vh;font-size:clamp(7px,.7vw,12px);opacity:.68}.tap-low-badge{position:absolute;right:.65vw;top:-1.3vh;padding:.25vh .55vw;border-radius:99px;background:#ff654d;color:#fff;font-size:clamp(6px,.55vw,10px);font-weight:950;letter-spacing:.08em;box-shadow:0 4px 15px rgba(255,74,50,.22)}.tap-display-beer.is-low{background:linear-gradient(90deg,rgba(255,82,58,.055),transparent 70%)}
.tap-display-footer{display:flex;justify-content:space-between;gap:2vw;padding-top:1.1vh;border-color:rgba(130,145,153,.23);font-size:clamp(7px,.65vw,11px);letter-spacing:.18em;text-transform:uppercase}.tap-display-footer span:first-child{color:var(--gold);font-weight:950}.tap-display-updated{color:#89969d}.tap-display-empty{font-size:clamp(18px,2vw,36px)}

/* Card-mode brewery display */
.tap-display-mode.tap-mode-cards .tap-display-grid{align-content:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2vw;padding:1.7vh 0}.tap-display-mode.tap-mode-cards.tap-layout-one .tap-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-display-mode.tap-mode-cards.tap-layout-two .tap-display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tap-display-mode.tap-mode-cards.tap-layout-grid .tap-display-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tap-display-mode.tap-mode-cards .tap-display-beer{grid-template-columns:4vw 1fr;grid-template-rows:auto 1fr auto;align-items:start;gap:.7vw 1vw;padding:1.15vw;border:1px solid rgba(139,153,160,.24);border-radius:1vw;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(0,0,0,.09));box-shadow:0 .8vw 2vw rgba(0,0,0,.16)}.tap-display-mode.tap-mode-cards .tap-number{position:absolute;right:1vw;top:.8vw;font-size:clamp(13px,1vw,20px);opacity:.55}.tap-display-mode.tap-mode-cards .tap-beer-logo-wrap{grid-row:1/3;width:4vw;height:5.8vw}.tap-display-mode.tap-mode-cards .tap-beer-logo{width:3.8vw;height:3.8vw}.tap-display-mode.tap-mode-cards .tap-handle-mark{width:1.9vw;height:4.7vw}.tap-display-mode.tap-mode-cards .tap-beer-copy{grid-column:2}.tap-display-mode.tap-mode-cards .tap-beer-copy h2{font-size:clamp(22px,2.1vw,38px)}.tap-display-mode.tap-mode-cards .tap-beer-description{-webkit-line-clamp:2;max-width:none}.tap-display-mode.tap-mode-cards .tap-live-block{grid-column:1/-1;padding:.65vw .8vw}.tap-display-mode.tap-mode-cards .tap-low-badge{top:-1vh}

/* Theme-specific brewery character */
.tap-theme-chalkboard .tap-beer-tag{background:#efe8d5}.tap-theme-chalkboard .tap-display-header p,.tap-theme-chalkboard .tap-number,.tap-theme-chalkboard .tap-beer-meta,.tap-theme-chalkboard .tap-display-footer span:first-child{color:#f0c96c}.tap-theme-chalkboard .tap-display-beer{border-color:rgba(239,232,213,.18)}.tap-theme-chalkboard .tap-live-block{border-color:rgba(239,232,213,.2);background:rgba(255,255,255,.025)}
.tap-theme-industrial .tap-display-header{border-bottom:3px solid var(--gold)}.tap-theme-industrial .tap-display-title>span{color:#111;background:var(--gold);display:inline-block;padding:.15vh .6vw;transform:skew(-6deg)}.tap-theme-industrial .tap-display-beer{border-color:rgba(255,255,255,.13)}.tap-theme-industrial .tap-number{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tap-theme-industrial .tap-live-block{background:rgba(0,0,0,.18);border-color:#4b565c}

@media(max-width:1450px){.tap-builder-brewery{grid-template-columns:260px minmax(390px,1fr)}.brewery-preview-column{grid-column:1/-1;position:static}.tap-builder-preview{max-width:1050px;margin:auto}}
@media(max-width:900px){.tap-builder-brewery{grid-template-columns:1fr}.brewery-item-fields{grid-template-columns:1fr 1fr}.tap-builder-preview.tap-layout-grid .tap-builder-preview-items,.tap-builder-preview.tap-mode-cards.tap-layout-grid .tap-builder-preview-items{grid-template-columns:1fr 1fr}.brewery-preview-column{position:static}}
@media(max-width:620px){.brewery-item-fields{grid-template-columns:1fr}.brewery-item-fields .wide{grid-column:auto}.tap-builder-preview{min-height:360px;aspect-ratio:auto}.tap-builder-preview.tap-layout-two .tap-builder-preview-items,.tap-builder-preview.tap-layout-grid .tap-builder-preview-items,.tap-builder-preview.tap-mode-cards.tap-layout-one .tap-builder-preview-items,.tap-builder-preview.tap-mode-cards.tap-layout-two .tap-builder-preview-items,.tap-builder-preview.tap-mode-cards.tap-layout-grid .tap-builder-preview-items{grid-template-columns:1fr}.tap-preview-item{grid-template-columns:22px 1fr}.tap-preview-level{grid-column:1/-1}.tap-preview-actions{flex-direction:column}}


/* Tap List Builder v2.4 — Readability & Two-Pane Editor */
.brewery-builder-page .portal-container-v2{width:min(1580px,96%);max-width:none}
.tap-builder-brewery{grid-template-columns:minmax(500px,.92fr) minmax(620px,1.18fr);gap:18px;align-items:start;margin-top:20px}
.tap-builder-commandbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:14px;position:sticky;top:74px;z-index:55;padding:12px 14px;border:1px solid #34444e;border-radius:14px;background:rgba(11,18,22,.96);box-shadow:0 16px 38px rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.tap-command-primary,.tap-command-secondary{display:flex;align-items:center;gap:9px;min-width:0}.tap-command-form{margin:0}.tap-command-device-form{display:flex;align-items:center;gap:8px;margin:0}.tap-command-device-form select{min-width:180px;max-width:260px;height:40px;border:1px solid #40515b;border-radius:9px;background:#080e12;color:#eef3f5;padding:0 10px;font-size:12px}.tap-command-device-form select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(255,194,28,.1)}.tap-commandbar .btn,.tap-builder-commandbar .tap-cast-control{min-height:40px;white-space:nowrap}.tap-command-add{padding-inline:18px!important}
.tap-builder-brewery>.tap-list-library{grid-column:1;grid-row:2;position:static;top:auto}.tap-builder-brewery>.tap-editor-column{grid-column:1;grid-row:3}.tap-builder-brewery>.tap-preview-column{grid-column:2;grid-row:2/span 2;position:sticky;top:150px}
.tap-list-library,.tap-editor-column,.tap-preview-column{border-color:#32414a;background:#0c1419}.tap-list-library{padding:19px}.tap-editor-column,.tap-preview-column{padding:20px}.tap-panel-head h2,.tap-editor-head h2,.tap-preview-toolbar h2{font-size:23px;line-height:1.15}.tap-editor-head p{font-size:12px;line-height:1.55;color:#a6b2b8;max-width:620px}.drag-hint{font-size:10px;color:#91a0a8;padding:5px 8px;border:1px solid #33434c;border-radius:999px;background:#0a1115}
.tap-list-choice{padding:13px 14px}.tap-list-choice strong{font-size:13px}.tap-list-choice small{font-size:10px;line-height:1.4}.tap-list-settings{margin-top:15px;padding-top:17px}.tap-list-settings label,.tap-field-grid label{display:grid;gap:7px;color:#c4ced3;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.62px}.tap-list-settings input,.tap-list-settings select,.tap-field-grid input,.tap-field-grid select,.tap-field-grid textarea{width:100%;min-height:43px;border:1px solid #40515b;border-radius:9px;background:#080f13;color:#f1f5f6;padding:10px 12px;font-size:13px;font-weight:550;text-transform:none;letter-spacing:0;outline:none}.tap-field-grid textarea{min-height:88px;resize:vertical;line-height:1.5}.tap-list-settings input:focus,.tap-list-settings select:focus,.tap-field-grid input:focus,.tap-field-grid select:focus,.tap-field-grid textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,194,28,.1)}.tap-settings-grid{gap:10px;margin-top:11px}.tap-setting-check{margin-top:12px!important;display:flex!important;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important}.tap-setting-check input{width:16px!important;min-height:auto!important;accent-color:var(--gold)}.tap-list-actions{margin-top:14px}.tap-sidebar-tip{margin-top:16px;padding:13px 14px;border:1px solid #2f4049;border-radius:11px;background:#091115}.tap-sidebar-tip strong{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.7px}.tap-sidebar-tip p{margin:5px 0 0;color:#91a0a8;font-size:11px;line-height:1.5}
.tap-item-editor-list{gap:12px}.tap-item-editor{padding:0;border-color:#34444d;border-radius:14px;background:#091115;overflow:hidden}.tap-item-editor:hover{border-color:#4a5c66}.tap-item-editor.is-collapsed{background:#0a1217}.tap-item-topline{display:flex;align-items:stretch;gap:0;margin:0;min-height:66px}.tap-drag-handle{display:grid;place-items:center;width:38px;flex:0 0 38px;color:#87969e;border-right:1px solid #2b3a42;background:#0b1418;cursor:grab;font-size:17px}.tap-editor-toggle{appearance:none;border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;text-align:left;cursor:pointer}.tap-editor-toggle:hover{background:rgba(255,255,255,.018)}.tap-editor-summary-main{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.tap-editor-number{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:rgba(255,194,28,.12);color:var(--gold);font-weight:950;font-size:12px}.tap-editor-summary-copy{min-width:0}.tap-editor-summary-copy strong,.tap-editor-summary-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tap-editor-summary-copy strong{color:#f4f6f7;font-size:14px;line-height:1.2}.tap-editor-summary-copy small{margin-top:4px;color:#8f9da5;font-size:10px}.tap-linked-state{margin-left:auto;flex:0 0 auto;font-size:8.5px}.tap-toggle-chevron{color:#a8b3b8;font-size:18px;line-height:1;transition:transform .18s ease}.tap-editor-toggle[aria-expanded="true"] .tap-toggle-chevron{transform:rotate(180deg)}.tap-item-editor.is-collapsed .tap-item-topline{min-height:60px}.tap-editor-body{padding:0 15px 15px;border-top:1px solid #2c3b43}.tap-editor-body[hidden]{display:none}.tap-editor-section{padding:16px 0;border-bottom:1px solid #26363e}.tap-editor-section:last-of-type{border-bottom:0}.tap-editor-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px}.tap-editor-section-head span{display:block;color:#f2f5f6;font-size:12px;font-weight:900;letter-spacing:.35px}.tap-editor-section-head small{display:block;margin-top:2px;color:#7f8e96;font-size:10px;line-height:1.4}.tap-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tap-field-grid .wide{grid-column:1/-1}.tap-field-grid input[type=color]{height:43px;padding:4px;cursor:pointer}.tap-editor-live-section{padding-bottom:15px}.brewery-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0}.brewery-toggles label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #31414a;border-radius:10px;background:#0b151a;color:#d1d9dd;font-size:10px;line-height:1.35}.brewery-toggles input{margin-top:2px;accent-color:var(--gold)}.brewery-toggles span{min-width:0}.brewery-toggles strong,.brewery-toggles small{display:block}.brewery-toggles strong{font-size:10px;color:#f0f4f5}.brewery-toggles small{margin-top:2px;color:#7f8e96;font-size:9px}.tap-item-actions{padding-top:14px;display:flex;gap:8px}.tap-item-actions .btn{min-height:39px;font-size:11px}.tap-item-actions .btn:first-child{min-width:120px}
.tap-preview-toolbar{padding-bottom:4px}.tap-preview-screen-hint{padding:5px 8px;border:1px solid #33434b;border-radius:999px;color:#829198;font-size:9px;font-weight:900;letter-spacing:.7px}.cast-receiver-note{margin:9px 0 12px;font-size:10px;line-height:1.45}.tap-builder-preview{aspect-ratio:16/10;min-height:520px;padding:22px;border-radius:14px}.tap-builder-preview-head>strong{font-size:17px}.tap-builder-preview-head b{font-size:16px}.tap-builder-preview-head small{font-size:8px}.tap-preview-item{grid-template-columns:28px 26px minmax(130px,1fr) minmax(145px,.9fr);gap:10px;padding:10px 0}.tap-preview-number{font-size:15px}.tap-preview-copy strong{font-size:15px}.tap-preview-copy small{font-size:9px}.tap-preview-copy em{font-size:8px;line-height:1.35}.tap-preview-level>strong{font-size:12px}.tap-preview-level>small{font-size:8px}.tap-builder-preview-foot{font-size:7.5px}.tap-preview-logo-wrap{width:25px;height:36px}.tap-preview-handle{width:14px;height:29px}
@media(max-width:1380px){.brewery-builder-page .portal-container-v2{width:min(1180px,95%)}.tap-builder-brewery{grid-template-columns:minmax(470px,.95fr) minmax(520px,1.05fr)}.tap-command-device-form select{max-width:210px}.tap-command-primary,.tap-command-secondary{flex-wrap:wrap}.tap-builder-preview{min-height:470px}}
@media(max-width:1100px){.tap-builder-commandbar{position:static;flex-direction:column;align-items:stretch}.tap-command-primary,.tap-command-secondary{justify-content:flex-start}.tap-builder-brewery{grid-template-columns:1fr}.tap-builder-brewery>.tap-list-library,.tap-builder-brewery>.tap-editor-column,.tap-builder-brewery>.tap-preview-column{grid-column:1;grid-row:auto}.tap-builder-brewery>.tap-preview-column{position:static}.tap-builder-preview{max-width:none;min-height:500px}.tap-command-device-form{flex:1}.tap-command-device-form select{flex:1;max-width:none}}
@media(max-width:720px){.brewery-builder-page .portal-container-v2{width:min(96%,680px)}.tap-command-primary,.tap-command-secondary{display:grid;grid-template-columns:1fr}.tap-command-device-form{display:grid;grid-template-columns:1fr}.tap-builder-commandbar .btn,.tap-builder-commandbar .tap-cast-control,.tap-command-device-form select{width:100%;max-width:none}.tap-settings-grid,.tap-field-grid,.brewery-toggles{grid-template-columns:1fr}.tap-field-grid .wide{grid-column:auto}.tap-editor-column,.tap-preview-column,.tap-list-library{padding:14px}.tap-builder-preview{min-height:400px;padding:14px;aspect-ratio:auto}.tap-preview-item{grid-template-columns:24px 1fr}.tap-preview-identity{grid-column:2}.tap-preview-level{grid-column:1/-1}.tap-item-actions{display:grid;grid-template-columns:1fr 1fr}.tap-item-actions .btn:first-child{grid-column:1/-1}.tap-linked-state{display:none}}


/* ============================================================
   KEGLEVEL V3 — STAINLESS / TRACK TODAY BRAND SYSTEM
   ============================================================ */
:root{
  --kl-yellow:#ffc400;
  --kl-yellow-hi:#ffd93d;
  --kl-black:#080a0b;
  --kl-charcoal:#111518;
  --kl-panel:#171d21;
  --kl-steel:#b7bec2;
  --kl-steel-dark:#5d676d;
  --kl-paper:#f7f7f5;
  --kl-white:#fff;
  --kl-ink:#101214;
  --kl-muted:#68737a;
  --kl-line:#d9dddf;
  --kl-radius:18px;
}
body{background:var(--kl-paper);color:var(--kl-ink);font-family:Arial,Helvetica,sans-serif}
.container{width:min(1360px,92%)}
.kl-brand-image{display:inline-flex;align-items:center;line-height:0}
.kl-brand-image img{display:block;width:auto;max-width:none;height:86px;object-fit:contain}
.kl-brand-image.is-compact img{height:74px;width:auto}
.brand-link-v3{overflow:visible}

/* Header */
.site-header-v3{position:sticky;top:0;z-index:130;background:rgba(255,255,255,.97);border-bottom:1px solid #e3e5e6;box-shadow:0 7px 28px rgba(12,14,15,.08);backdrop-filter:blur(16px)}
.nav-v3{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.menu-v3{display:flex;align-items:center;gap:28px;color:#17191a;font-size:14px;font-weight:800}
.menu-v3>a:not(.btn){position:relative;padding:37px 0 33px}
.menu-v3>a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:24px;height:3px;background:var(--kl-yellow);transition:.2s ease}
.menu-v3>a:not(.btn):hover:after{right:0}
.menu-v3 .nav-user{border-left:1px solid #d9dcdd;padding-left:24px}
.site-header-v3 .btn-dark{background:#111;color:#fff;border-color:#111}
.site-header-v3 .btn-gold{min-height:50px;padding:0 22px;border-radius:9px;background:var(--kl-yellow);border-color:#e4ad00;color:#0b0b0b!important;box-shadow:none}
.site-header-v3 .menu-toggle{color:#111}

/* Shared buttons */
.btn{border-radius:9px;font-weight:900;letter-spacing:.01em}
.btn-gold,.btn-primary,.portal-save-btn,.portal-add-btn{background:linear-gradient(180deg,var(--kl-yellow-hi),var(--kl-yellow));color:#0b0b0b!important;border-color:#dba900;box-shadow:0 8px 22px rgba(255,196,0,.19)}
.btn-gold:hover,.btn-primary:hover,.portal-save-btn:hover,.portal-add-btn:hover{background:#ffd22b;box-shadow:0 11px 26px rgba(255,196,0,.26)}
.btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(0,0,0,.1)}
.track-today-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border-radius:8px;background:var(--kl-yellow);color:#080808;font-weight:950;letter-spacing:.04em}

/* Homepage */
.home-v3{overflow:hidden;background:#fff}
.hero-v3{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 28%,rgba(255,194,0,.22),transparent 27%),linear-gradient(90deg,#060708 0%,#0c0d0e 48%,#17130d 100%);color:#fff}
.hero-v3:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.2));pointer-events:none}
.hero-v3-noise{position:absolute;inset:0;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.2) .65px,transparent .65px);background-size:7px 7px;mask-image:linear-gradient(90deg,transparent 0,#000 60%,#000 100%)}
.hero-v3-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;min-height:640px;padding:62px 0 50px}
.hero-kicker-v3,.section-kicker-v3{color:var(--kl-yellow);font-size:15px;font-weight:950;letter-spacing:.025em}
.hero-v3 h1{margin:12px 0 22px;font-size:clamp(60px,6.7vw,104px);line-height:.82;letter-spacing:-5px;text-transform:uppercase}
.hero-v3 h1 span,.hero-v3 h1 strong{display:block}
.hero-v3 h1 strong{color:var(--kl-yellow);font-size:.77em;letter-spacing:-3px;border-bottom:5px solid var(--kl-yellow);padding-bottom:8px;width:max-content;max-width:100%}
.hero-v3-copy>p{max-width:650px;margin:0;color:#f0f0f0;font-size:20px;line-height:1.42}
.hero-v3-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 34px}
.hero-v3 .btn-large{min-height:54px;padding:0 27px;font-size:15px}
.hero-trust-v3{display:flex;gap:0;border-top:1px solid rgba(255,255,255,.18);max-width:660px}
.hero-trust-v3 div{padding:17px 30px 0 0;margin-right:30px;border-right:1px solid rgba(255,255,255,.16)}
.hero-trust-v3 div:last-child{border-right:0}
.hero-trust-v3 b,.hero-trust-v3 span{display:block}.hero-trust-v3 b{color:var(--kl-yellow);font-size:11px;letter-spacing:.14em}.hero-trust-v3 span{font-size:11px;color:#bfc4c7;margin-top:3px}
.hero-v3-product{position:relative;min-height:530px;display:flex;align-items:center;justify-content:center}
.hero-v3-halo{position:absolute;width:570px;height:570px;border-radius:50%;background:radial-gradient(circle,rgba(255,195,0,.24),transparent 64%);filter:blur(10px)}
.product-keg-v3{position:absolute;left:23%;top:48px;width:315px;height:430px;filter:drop-shadow(0 35px 30px rgba(0,0,0,.55));z-index:4}
.product-keg-lid{position:absolute;z-index:6;left:50%;top:0;transform:translateX(-50%);width:70px;height:42px;background:linear-gradient(90deg,#555,#f4f4f4 48%,#676767);border:3px solid #3a3a3a;border-radius:50% 50% 7px 7px}
.product-keg-top{position:absolute;z-index:5;left:14px;right:14px;top:29px;height:89px;border-radius:48px 48px 18px 18px;background:linear-gradient(90deg,#4e5356,#f3f3f3 22%,#888e91 45%,#fff 67%,#62676a);border:4px solid #3e4346;box-shadow:inset 0 10px 10px rgba(255,255,255,.3),inset 0 -12px 12px rgba(0,0,0,.18)}
.product-keg-top i{position:absolute;top:31px;width:61px;height:25px;border-radius:10px;background:#0c0d0e;border:4px solid #585f62}.product-keg-top i:first-child{left:23px}.product-keg-top i:last-child{right:23px}
.product-keg-shell{position:absolute;top:96px;left:23px;right:23px;bottom:29px;overflow:hidden;border-radius:16px 16px 30px 30px;border:3px solid #494f52;background:linear-gradient(90deg,#62696d,#f6f6f6 17%,#909699 38%,#fff 55%,#8a9194 76%,#565c60);box-shadow:inset 0 0 27px rgba(0,0,0,.31)}
.product-keg-band{position:absolute;z-index:3;left:0;right:0;height:13px;background:linear-gradient(#eceeef,#767d80,#fafafa,#696f72);box-shadow:0 2px 6px rgba(0,0,0,.3)}.product-keg-band.b1{top:70px}.product-keg-band.b2{top:162px}.product-keg-band.b3{top:252px}
.product-keg-window{position:absolute;z-index:5;left:50%;top:48px;bottom:35px;transform:translateX(-50%);width:84px;border:8px solid #111;border-radius:22px;background:#fffdfa;overflow:hidden;box-shadow:0 0 0 3px #697074,0 12px 18px rgba(0,0,0,.33)}
.product-keg-fill{position:absolute;left:5px;right:5px;bottom:5px;height:64%;border-radius:7px 7px 11px 11px;background:linear-gradient(90deg,#e99100,#ffbd00 50%,#dd7900)}
.product-keg-fill span{position:absolute;left:0;right:0;top:-11px;height:24px;border-radius:50%;background:#fff7e8;box-shadow:0 6px 0 rgba(255,247,232,.9)}
.product-keg-fill:after{content:"·  ·\A  ·  ·\A · ·\A   ·  ·";white-space:pre;position:absolute;left:23px;top:42px;color:#fff6c9;font-size:18px;line-height:39px}
.product-keg-foot{position:absolute;z-index:5;left:30px;right:30px;bottom:4px;height:45px;border-radius:6px 6px 25px 25px;border:3px solid #444b4e;background:linear-gradient(90deg,#4e5457,#dce0e1 23%,#797f82 54%,#e4e6e7 78%,#454b4e)}
.scale-platform-v3{position:absolute;z-index:2;left:8%;right:8%;bottom:22px;height:112px;border-radius:50% 50% 20px 20px;background:linear-gradient(180deg,#17191a,#050606 65%);border:3px solid #35383a;box-shadow:0 27px 34px rgba(0,0,0,.6),inset 0 6px 10px rgba(255,255,255,.07)}
.scale-logo-v3{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-size:15px;font-weight:950;color:#fff;white-space:nowrap}.scale-logo-v3 b{color:var(--kl-yellow)}.scale-logo-v3 small{display:block;margin-top:2px;background:var(--kl-yellow);color:#080808;padding:1px 5px;border-radius:2px;font-size:7px;text-align:center}
.product-pint-v3{position:absolute;z-index:5;right:3%;bottom:37px;width:106px;height:245px;border:4px solid rgba(255,255,255,.5);border-top-width:7px;border-radius:4px 4px 15px 15px;overflow:hidden;box-shadow:0 28px 26px rgba(0,0,0,.43)}
.product-pint-beer{position:absolute;left:6px;right:6px;bottom:6px;height:77%;background:linear-gradient(90deg,#d37800,#ffb800 54%,#b35b00)}.product-pint-foam{position:absolute;z-index:2;left:6px;right:6px;top:36px;height:43px;background:#f8efdb;border-radius:8px 8px 45% 45%}.product-pint-v3 span{position:absolute;z-index:4;left:0;right:0;top:111px;text-align:center;font-weight:950;color:#0b0b0b;font-size:17px;line-height:.85;text-shadow:0 1px rgba(255,255,255,.35)}
.hero-script-v3{position:absolute;right:13%;top:86px;z-index:6;font-family:"Brush Script MT","Segoe Script",cursive;font-size:36px;line-height:1;color:#fff;transform:rotate(-7deg);text-shadow:0 2px 10px #000}.hero-script-v3:after{content:"";display:block;width:126px;height:4px;margin-top:8px;background:var(--kl-yellow);transform:rotate(-3deg)}

.feature-ribbon-v3{background:#0a0c0d;color:#fff;border-top:1px solid #24282a;border-bottom:1px solid #24282a}
.feature-ribbon-grid-v3{display:grid;grid-template-columns:repeat(4,1fr)}
.feature-ribbon-grid-v3 article{display:flex;align-items:center;gap:18px;min-height:85px;padding:0 30px;border-right:1px solid #25292b}.feature-ribbon-grid-v3 article:last-child{border-right:0}.feature-ribbon-grid-v3 article>span{color:var(--kl-yellow);font-size:27px}.feature-ribbon-grid-v3 b,.feature-ribbon-grid-v3 small{display:block}.feature-ribbon-grid-v3 b{font-size:13px}.feature-ribbon-grid-v3 small{margin-top:3px;color:#c6cbcd;font-size:11px}

.product-story-v3{background:#fff;padding:74px 0 82px}.product-story-v3-grid{display:grid;grid-template-columns:205px 1fr 1.25fr;gap:44px;align-items:center}.phone-product-v3{display:flex;justify-content:center}.phone-v3{width:170px;height:333px;background:#08090a;border:8px solid #272b2d;border-radius:34px;padding:9px;box-shadow:0 24px 40px rgba(0,0,0,.22)}.phone-notch-v3{width:54px;height:8px;border-radius:10px;background:#333;margin:0 auto 12px}.phone-screen-v3{height:280px;border-radius:20px;background:linear-gradient(#090c0e,#141b1f);display:flex;flex-direction:column;align-items:center;padding:16px 10px;color:#fff}.phone-brand-v3{font-weight:950;font-size:12px}.phone-brand-v3 span{color:var(--kl-yellow)}.phone-keg-v3{position:relative;margin:18px 0 10px;width:66px;height:112px;border:5px solid #aeb3b6;border-radius:13px;background:linear-gradient(90deg,#5e6568,#e9ebec 42%,#6a7174)}.phone-keg-v3:before{content:"";position:absolute;left:14px;right:14px;top:14px;bottom:11px;border:5px solid #0a0c0d;border-radius:7px;background:#fff}.phone-keg-v3 div{position:absolute;z-index:2;left:19px;right:19px;bottom:16px;height:62%;background:#f3a800;border-radius:4px}.phone-screen-v3 strong{font-size:32px}.phone-screen-v3 span{font-size:11px;color:#d5d9db}.phone-screen-v3 small{margin-top:6px;color:#6fe885;font-size:9px}
.story-copy-v3 h2{font-size:clamp(39px,4vw,60px);line-height:.88;letter-spacing:-2.5px;margin:10px 0 18px;color:#0c0d0e}.story-copy-v3 p{font-size:17px;color:#465158;max-width:620px}.story-benefits-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-benefits-v3 article{text-align:center;padding:26px 18px 24px;border-radius:16px;background:linear-gradient(180deg,#fafafa,#f0f0ee);border:1px solid #e3e4e3}.story-benefits-v3 article>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--kl-yellow);font-size:24px}.story-benefits-v3 h3{margin:0 0 9px;font-size:20px;line-height:1.03}.story-benefits-v3 p{margin:0;color:#525b60;font-size:13px;line-height:1.4}

.how-v3{padding:86px 0;background:#0a0c0d;color:#fff}.section-head-v3{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.section-head-v3>div>span{color:var(--kl-yellow);font-size:12px;font-weight:950;letter-spacing:.18em}.section-head-v3 h2{font-size:clamp(42px,4vw,64px);line-height:.9;letter-spacing:-2.6px;margin:10px 0 0}.section-head-v3>p{max-width:560px;color:#b6bec2;margin:0}.steps-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps-v3 article{position:relative;padding:31px;border:1px solid #2b3033;background:linear-gradient(145deg,#121719,#090b0c);border-radius:16px}.steps-v3 article>b{position:absolute;right:20px;top:14px;font-size:42px;color:#303538}.steps-v3 article>span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--kl-yellow);color:#080808;font-size:24px}.steps-v3 h3{margin:22px 0 9px;font-size:19px}.steps-v3 p{margin:0;color:#abb3b7;font-size:14px}

.dashboard-showcase-v3{padding:85px 0;background:#f5f5f3}.section-head-v3.light{color:#111}.section-head-v3.light p{color:#535c62}.dashboard-demo-v3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-card-v3{background:#0d1113;color:#fff;border:1px solid #262d31;border-radius:18px;padding:21px;box-shadow:0 20px 35px rgba(0,0,0,.12)}.demo-card-v3-head{display:flex;justify-content:space-between}.demo-card-v3-head h3{margin:0;font-size:18px}.demo-card-v3-head small{display:flex;align-items:center;gap:7px;color:#b4bdc1;margin-top:4px}.demo-card-v3-head small i{width:8px;height:8px;border-radius:50%;background:#46d870}.demo-card-v3-head>b{color:#7c878c}.demo-card-v3-body{display:grid;grid-template-columns:125px 1fr;gap:21px;align-items:center;margin-top:16px}.mini-keg-v3{position:relative;width:104px;height:184px;margin:auto;border:6px solid #6c7377;border-radius:17px;background:linear-gradient(90deg,#5d6468,#e1e4e5 29%,#787f82 58%,#e7e9ea 81%,#5b6266)}.mini-keg-v3:before,.mini-keg-v3:after{content:"";position:absolute;left:-3px;right:-3px;height:8px;background:#90979a;box-shadow:0 2px #e5e7e8}.mini-keg-v3:before{top:48px}.mini-keg-v3:after{bottom:46px}.mini-keg-window-v3{position:absolute;z-index:4;left:25px;right:25px;top:24px;bottom:21px;border:6px solid #0c0d0e;border-radius:12px;background:#fff;overflow:hidden}.mini-keg-window-v3 i{position:absolute;left:4px;right:4px;bottom:4px;background:linear-gradient(#ffbf00,#dd7e00);border-radius:5px}.demo-card-v3-data>strong{display:block;font-size:44px;line-height:.9}.demo-card-v3-data>span{display:block;color:var(--kl-yellow);font-size:10px;font-weight:950;letter-spacing:.17em;margin:4px 0 9px}.demo-card-v3-data>div{height:8px;border-radius:10px;background:#3b4448;overflow:hidden}.demo-card-v3-data>div i{display:block;height:100%;background:var(--kl-yellow)}.demo-card-v3-data p{margin:8px 0 0;color:#c1c8cb;font-size:12px}

.taplist-v3{padding:85px 0;background:#fff}.taplist-v3-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.taplist-v3-copy>span{color:#a87800;font-size:12px;font-weight:950;letter-spacing:.16em}.taplist-v3-copy h2{font-size:clamp(44px,4.3vw,68px);line-height:.87;letter-spacing:-2.8px;margin:11px 0 18px}.taplist-v3-copy p{font-size:17px;color:#4d575d}.tapboard-v3{padding:26px;border:1px solid #303639;border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(255,196,0,.08),transparent 25%),#0b0e0f;color:#fff;box-shadow:0 28px 50px rgba(0,0,0,.2)}.tapboard-v3 header{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #2c3235}.tapboard-v3 header strong{font-size:21px}.tapboard-v3 header strong b{color:var(--kl-yellow)}.tapboard-v3 header span{background:var(--kl-yellow);color:#090909;padding:5px 10px;border-radius:6px;font-size:9px;font-weight:950}.tapboard-row-v3{display:grid;grid-template-columns:42px 1fr 1fr 52px;gap:18px;align-items:center;padding:18px 2px;border-bottom:1px solid #252b2e}.tapboard-row-v3>b{font-size:15px;color:var(--kl-yellow)}.tapboard-row-v3>div strong,.tapboard-row-v3>div small{display:block}.tapboard-row-v3>div small{color:#8d989d;font-size:9px}.tapboard-row-v3>span{height:9px;border-radius:20px;background:#3a4347;overflow:hidden}.tapboard-row-v3>span i{display:block;height:100%;background:var(--kl-yellow)}.tapboard-row-v3>em{font-style:normal;font-weight:950}

.final-band-v3{background:linear-gradient(90deg,#050607,#13110b);color:#fff;padding:46px 0;border-top:1px solid #262a2c}.final-band-v3-grid{display:grid;grid-template-columns:1fr 1.25fr auto;gap:45px;align-items:center}.final-band-v3 h2{font-size:38px;line-height:.9;margin:4px 0 0}.script-v3{font-family:"Brush Script MT","Segoe Script",cursive;color:#fff;font-size:34px;transform:rotate(-4deg);display:inline-block}.final-band-benefits-v3{display:flex;align-items:center;justify-content:center;gap:38px}.final-band-benefits-v3 span{display:flex;align-items:center;gap:9px;color:var(--kl-yellow)}.final-band-benefits-v3 b{color:#fff;font-size:11px}

/* Auth / support */
.auth-shell-v2,.support-shell-v2{min-height:calc(100vh - 102px);background:linear-gradient(135deg,#f8f8f6 0,#ecefed 52%,#fff 100%);display:grid;grid-template-columns:1fr 1fr}
.auth-brand-panel,.support-brand-panel{position:relative;padding:90px max(7vw,50px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(255,196,0,.2),transparent 25%),linear-gradient(145deg,#080a0b,#15191b);color:#fff;overflow:hidden}
.auth-brand-panel:after,.support-brand-panel:after{content:"TRACK TODAY";position:absolute;left:max(7vw,50px);bottom:55px;padding:9px 15px;border-radius:8px;background:var(--kl-yellow);color:#080808;font-size:14px;font-weight:950;letter-spacing:.04em}
.auth-brand-panel h1,.support-brand-panel h1{font-size:clamp(50px,5vw,76px);line-height:.88;letter-spacing:-3px;margin:15px 0 22px}.auth-brand-panel h1 strong,.support-brand-panel h1 strong{color:var(--kl-yellow)}.auth-brand-panel p,.support-brand-panel p{max-width:590px;color:#c8ced1;font-size:17px}.auth-form-panel,.support-form-panel{display:flex;align-items:center;justify-content:center;padding:60px}.form-card-v2{width:min(560px,100%);background:#fff;color:#151719;border:1px solid #dfe2e3;border-radius:22px;padding:38px;box-shadow:0 26px 70px rgba(15,18,20,.12)}.form-card-v2 h2{font-size:40px;letter-spacing:-1.7px;margin:7px 0 4px}.form-card-v2>p{color:#687278}.field label{color:#24282a;font-weight:800}.field input,.field textarea,.field select,.form-card-v2 input,.form-card-v2 textarea{background:#f8f8f7!important;color:#131516!important;border:1px solid #cfd4d6!important;border-radius:10px!important}.field input:focus,.field textarea:focus,.form-card-v2 input:focus,.form-card-v2 textarea:focus{outline:3px solid rgba(255,196,0,.2)!important;border-color:#d6a400!important}.form-note,.form-note a{color:#667177}.form-note a{font-weight:900;text-decoration:underline;text-decoration-color:var(--kl-yellow);text-decoration-thickness:2px}.remember{color:#3f474b}

/* Portal / customer account */
.dashboard-page-v2,.tap-list-page{background:radial-gradient(circle at 85% 0,rgba(255,196,0,.08),transparent 23%),#090c0e;color:#edf0f1;min-height:calc(100vh - 102px);padding-bottom:80px}.portal-container-v2{padding-top:24px}.portal-subnav{display:flex;gap:8px;margin-bottom:30px}.portal-subnav a{padding:11px 16px;border-radius:9px;color:#bbc4c8;font-weight:850;font-size:13px;border:1px solid transparent}.portal-subnav a.active{background:var(--kl-yellow);color:#090909;border-color:#dca700}.portal-titlebar-v2 h1{font-size:clamp(43px,5vw,68px);letter-spacing:-2.8px;color:#fff}.portal-titlebar-v2 p{color:#aeb8bc}.my-kegs-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.keg-card-v2{background:linear-gradient(155deg,#151b1f,#0d1113);border:1px solid #2b3439;border-radius:20px;padding:21px;box-shadow:0 24px 50px rgba(0,0,0,.23)}.portal-card-head{padding-bottom:14px;border-bottom:1px solid #283137}.portal-card-head h2{color:#fff;font-size:20px}.device-id,.portal-mac{color:#707d83}.portal-status.online{color:#6ee88a}.portal-status.offline{color:#ff7777}.portal-status i{box-shadow:0 0 12px currentColor}.compact-keg-row{grid-template-columns:130px 1fr!important;gap:22px!important}.compact-corny{transform:scale(1.06);filter:drop-shadow(0 18px 18px rgba(0,0,0,.32))}.compact-corny-body{background:linear-gradient(90deg,#565d61,#e4e7e8 28%,var(--keg-color,#aeb6bb) 55%,#f5f6f6 78%,#596064)!important}.compact-window{border-color:#08090a!important;box-shadow:0 0 0 2px #727a7e,0 8px 15px rgba(0,0,0,.36)}.compact-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--beer-color) 78%,#9f4e00),var(--beer-color))!important}.keg-percent-v2 strong{font-size:48px;color:#fff}.keg-percent-v2 span{background:var(--kl-yellow);color:#080808;border-radius:5px;padding:3px 7px;font-weight:950}.keg-progress-v2{background:#3d474c}.keg-progress-v2 i{background:var(--kl-yellow)}.keg-mini-metrics>div{background:#11171a;border:1px solid #293237;border-radius:10px;padding:10px}.keg-mini-metrics span,.keg-last-v2{color:#849198}.keg-mini-metrics strong{color:#fff}.portal-card-menu summary{background:#171e22;border:1px solid #2b363c;color:#dfe4e6}.portal-card-menu-panel{background:#0d1316!important;border-color:#354047!important;box-shadow:0 25px 60px rgba(0,0,0,.55)!important;color:#eef1f2}.portal-card-menu-panel label,.appearance-field label{color:#cbd2d5}.portal-card-menu-panel input{background:#10171b!important;border-color:#354249!important;color:#fff!important}.color-swatch{box-shadow:0 0 0 2px #465158}.portal-save-btn{min-height:49px!important;font-size:14px!important}.device-diagnostics{border-top-color:#283238!important;border-bottom-color:#283238!important}.device-diagnostics span{color:#8e9aa0}.device-diagnostics strong{color:#fff}.text-button.danger{color:#ff6e71}.portal-add-panel{background:#101619!important;border-color:#2a3439!important}.empty-dashboard{background:#11171a!important;border-color:#2e393f!important}.empty-dashboard h2{color:#fff}

/* Tap List Builder */
.tap-builder-app{background:#0d1215;border-color:#2d373c!important;box-shadow:0 30px 80px rgba(0,0,0,.25)}.tap-builder-commandbar{position:sticky;top:112px;z-index:80;background:rgba(14,18,20,.96)!important;border:1px solid #30393e!important;backdrop-filter:blur(16px);box-shadow:0 13px 30px rgba(0,0,0,.2)}.tap-list-library,.tap-editor-column,.tap-preview-panel{background:#11171a!important;border-color:#2b353a!important}.tap-list-choice{border-color:#293439!important;background:#0c1113!important}.tap-list-choice.active{background:linear-gradient(90deg,rgba(255,196,0,.16),#11171a)!important;border-color:#d2a100!important}.tap-list-choice strong,.tap-panel-head h2{color:#fff}.tap-list-choice small,.tap-sidebar-tip,.tap-sidebar-tip p{color:#89969c}.tap-list-settings label,.tap-editor-column label{color:#c9d0d3}.tap-list-settings input,.tap-list-settings select,.tap-editor-column input,.tap-editor-column select,.tap-editor-column textarea{background:#0b1012!important;color:#fff!important;border-color:#344047!important}.tap-editor-card{background:#0b1012!important;border-color:#303b40!important}.tap-editor-card.is-collapsed{background:#0f1518!important}.tap-editor-summary strong{color:#fff}.tap-editor-summary small{color:#89959b}.tap-field-group{border-color:#2c363b!important}.tap-field-group-title{color:var(--kl-yellow)!important}.tap-cast-control{background:var(--kl-yellow)!important;color:#080808!important;border:1px solid #d9a500!important;border-radius:9px!important;font-weight:950!important}.tap-preview-panel{box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.tap-preview-shell,.tap-display-stage{background:radial-gradient(circle at 90% 0,rgba(255,196,0,.08),transparent 26%),#080b0c!important}.tap-preview-header,.tap-display-header{border-bottom:2px solid var(--kl-yellow)!important}.tap-preview-header .kl-brand-image img,.tap-display-header .kl-brand-image img{height:64px!important}.tap-preview-footer,.tap-display-footer{border-top-color:#3a4144!important}.tap-display-title span,.tap-beer-tag,.tap-preview-tag{background:var(--kl-yellow)!important;color:#080808!important}.tap-level-track i,.tap-preview-level i{background:var(--kl-yellow)}

/* Footer */
.site-footer-v3{background:#080a0b;color:#fff;border-top:1px solid #22282b;padding:42px 0 16px}.footer-v3-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.footer-brand-v3 .kl-brand-image img{height:105px}.footer-brand-v3 p{color:#929da2;margin:4px 0 0;max-width:330px}.footer-v3-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-v3-links>div{display:flex;flex-direction:column;gap:8px}.footer-v3-links strong{color:var(--kl-yellow);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.footer-v3-links a{color:#cbd1d4;font-size:13px}.footer-v3-links a:hover{color:#fff}.footer-bottom-v3{border-top:1px solid #242a2d;margin-top:32px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;color:#7f8b91;font-size:11px}

/* Responsive */
@media(max-width:1100px){
  .menu-v3{gap:17px}.menu-v3>a:not(.btn){padding-left:0;padding-right:0}
  .hero-v3-grid{grid-template-columns:1fr 1fr;gap:22px}.product-keg-v3{left:15%}.product-pint-v3{right:0}.hero-script-v3{right:4%}
  .product-story-v3-grid{grid-template-columns:170px 1fr}.story-benefits-v3{grid-column:1/-1}
  .my-kegs-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .final-band-v3-grid{grid-template-columns:1fr auto}.final-band-benefits-v3{grid-column:1/-1;grid-row:2}
}
@media(max-width:900px){
  .nav-v3{min-height:86px}.kl-brand-image.is-compact img{height:62px}.menu-toggle{display:block}.menu-v3{display:none;position:absolute;top:86px;left:0;right:0;flex-direction:column;align-items:stretch;padding:18px 4%;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 18px 30px rgba(0,0,0,.13)}.menu-v3.mobile-open{display:flex}.menu-v3>a:not(.btn){padding:10px 0}.menu-v3>a:not(.btn):after{display:none}.menu-v3 .nav-user{border-left:0;padding-left:0}
  .hero-v3-grid{grid-template-columns:1fr;padding-top:46px}.hero-v3 h1{font-size:clamp(56px,12vw,88px)}.hero-v3-product{min-height:540px}.product-keg-v3{left:50%;transform:translateX(-58%)}.product-pint-v3{right:9%}.hero-script-v3{right:11%}
  .feature-ribbon-grid-v3{grid-template-columns:repeat(2,1fr)}.feature-ribbon-grid-v3 article:nth-child(2){border-right:0}.feature-ribbon-grid-v3 article:nth-child(-n+2){border-bottom:1px solid #25292b}
  .product-story-v3-grid,.taplist-v3-grid{grid-template-columns:1fr}.phone-product-v3{display:none}.story-benefits-v3{grid-column:auto}.section-head-v3{align-items:flex-start;flex-direction:column}.dashboard-demo-v3{grid-template-columns:1fr}.auth-shell-v2,.support-shell-v2{grid-template-columns:1fr}.auth-brand-panel,.support-brand-panel{min-height:420px}.auth-brand-panel:after,.support-brand-panel:after{bottom:32px}.my-kegs-grid-v2{grid-template-columns:1fr}.tap-builder-commandbar{top:96px}
}
@media(max-width:650px){
  .container{width:min(94%,1360px)}.nav-v3{min-height:76px}.kl-brand-image.is-compact img{height:54px}.menu-v3{top:76px}
  .hero-v3-grid{min-height:auto;padding:36px 0 25px}.hero-v3 h1{letter-spacing:-3px}.hero-v3-copy>p{font-size:17px}.hero-trust-v3{display:grid;grid-template-columns:repeat(3,1fr)}.hero-trust-v3 div{padding-right:9px;margin-right:9px}.hero-v3-product{min-height:430px;transform:scale(.78);transform-origin:top center;margin-bottom:-82px}.product-keg-v3{top:20px}.hero-script-v3{top:60px}.feature-ribbon-grid-v3{grid-template-columns:1fr}.feature-ribbon-grid-v3 article{border-right:0!important;border-bottom:1px solid #25292b!important;min-height:68px;padding:0 18px}.product-story-v3{padding:55px 0}.story-benefits-v3{grid-template-columns:1fr}.steps-v3{grid-template-columns:1fr}.tapboard-row-v3{grid-template-columns:32px 1fr 58px}.tapboard-row-v3>span{display:none}.final-band-v3-grid{grid-template-columns:1fr}.final-band-benefits-v3{grid-column:auto;flex-direction:column;align-items:flex-start;gap:14px}.auth-form-panel,.support-form-panel{padding:28px 18px}.auth-brand-panel,.support-brand-panel{padding:58px 24px;min-height:360px}.auth-brand-panel:after,.support-brand-panel:after{left:24px}.form-card-v2{padding:26px}.compact-keg-row{grid-template-columns:105px 1fr!important}.tap-builder-commandbar{position:static}.footer-v3-main{grid-template-columns:1fr}.footer-v3-links{grid-template-columns:repeat(2,1fr)}.footer-bottom-v3{gap:15px;align-items:flex-start;flex-direction:column}
}
/* The supplied logo is optimized for light backgrounds; give it a clean light plaque on dark surfaces. */
.site-footer-v3 .kl-brand-image,.tap-display-header .kl-brand-image,.tap-preview-header .kl-brand-image{background:#fff;border-radius:9px;padding:4px 8px;box-shadow:0 5px 18px rgba(0,0,0,.2)}