/* "What are you trying to build?" bar and dialog, shared by the appentlygaming.com marketing pages. */
.ag-cta-bar{position:fixed; left:0; right:0; bottom:0; z-index:1500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:10px 18px;
  padding:12px 60px calc(12px + env(safe-area-inset-bottom,0px)) 20px; background:#161511; color:#f4f1ea; border-top:2px solid #c77800;
  font:500 15px/1.4 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; box-shadow:0 -10px 30px -18px rgba(0,0,0,.6); box-sizing:border-box}
.ag-cta-bar strong{font-size:19px; font-weight:900; letter-spacing:-.02em}
.ag-cta-bar .ag-cta-open{font:inherit; font-weight:700; background:#c77800; color:#fff; border:0; border-radius:10px; padding:9px 20px; cursor:pointer; min-height:40px}
.ag-cta-bar .ag-cta-open:hover{background:#e08a00}
.ag-cta-x{position:absolute; right:10px; top:50%; transform:translateY(-50%); width:40px; height:40px; border:0; background:transparent; color:#f4f1ea; font-size:24px; line-height:1; cursor:pointer; border-radius:8px}
.ag-cta-x:hover{background:rgba(255,255,255,.12)}
.ag-cta-bar button:focus-visible,.ag-cta-dialog :focus-visible{outline:3px solid #fcd34d; outline-offset:2px}
.ag-cta-shade{position:fixed; inset:0; z-index:1600; background:rgba(22,21,17,.6); display:flex; align-items:center; justify-content:center; padding:16px; box-sizing:border-box}
.ag-cta-dialog{position:relative; width:min(540px,100%); max-height:calc(100vh - 32px); overflow:auto; box-sizing:border-box; background:#f5f2ea; color:#141310; border-radius:14px; padding:28px 26px 24px;
  border-top:4px solid #c77800; box-shadow:0 30px 60px -20px rgba(0,0,0,.5); font:400 16px/1.55 'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; text-align:left}
.ag-cta-dialog .ag-cta-kick{display:block; font:600 12px/1 'IBM Plex Mono',ui-monospace,monospace; letter-spacing:.08em; text-transform:uppercase; color:#8f5700; margin:0 0 10px}
.ag-cta-dialog h2{margin:0 0 6px; padding-right:36px; font:900 30px/1.05 'Inter',system-ui,sans-serif; letter-spacing:-.03em; color:#141310}
.ag-cta-dialog p{margin:0 0 16px; color:#4d4a42}
.ag-cta-dialog label{display:block; font-size:13px; font-weight:700; margin:12px 0 5px; color:#141310}
.ag-cta-dialog input,.ag-cta-dialog textarea{width:100%; box-sizing:border-box; font:inherit; font-size:16px; color:#141310; background:#fff; border:1px solid #d8d3c6; border-radius:10px; padding:11px 13px; margin:0}
.ag-cta-dialog input:focus,.ag-cta-dialog textarea:focus{border-color:#c77800}
.ag-cta-dialog textarea{min-height:110px; resize:vertical}
.ag-cta-dialog .ag-cta-row{display:grid; grid-template-columns:1fr 1fr; gap:0 12px}
.ag-cta-dialog .ag-cta-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.ag-cta-dialog .ag-cta-send{margin-top:16px; font:inherit; font-weight:700; background:#c77800; color:#fff; border:0; border-radius:10px; padding:11px 24px; cursor:pointer; min-height:44px}
.ag-cta-dialog .ag-cta-send:hover{background:#e08a00}
.ag-cta-dialog .ag-cta-send[disabled]{opacity:.6; cursor:wait}
.ag-cta-dialog .ag-cta-note{margin:12px 0 0; font-size:14px; color:#9b2c2c}
.ag-cta-dialog .ag-cta-note a{color:inherit; text-decoration:underline}
.ag-cta-dialog .ag-cta-note.ok{color:#1f7a4d; font-weight:600}
.ag-cta-dialog .ag-cta-close{position:absolute; right:10px; top:10px; width:40px; height:40px; border:0; background:transparent; font-size:26px; line-height:1; cursor:pointer; color:#4d4a42; border-radius:8px}
.ag-cta-dialog .ag-cta-close:hover{background:rgba(20,19,16,.08)}
@media (max-width:560px){
  .ag-cta-dialog .ag-cta-row{grid-template-columns:1fr}
  .ag-cta-dialog{padding:24px 18px 20px}
  .ag-cta-dialog h2{font-size:25px}
  .ag-cta-bar{font-size:14px; padding-left:16px; gap:8px 12px}
  .ag-cta-bar strong{font-size:16px}
}