/* "Start a Trial" email popup. Loaded on every page next to /assets/trial-popup.js.
   Self-contained (own variables), because some pages (fable-51/proof) do not
   load site.css. Design lifted from Colin's reveal page modal (v3: blue-tint hero, tick list,
   one field, one button). Light only, LinkedIn blue, to match growlancer.ai. */
.gltp-scrim{--tp-blue:#0A66C2;--tp-blue-dark:#004182;--tp-blue-soft:#E7F0FA;--tp-tint:#F5F9FD;--tp-ink:#16191d;--tp-ink2:#39424b;--tp-muted:#5f6b76;--tp-line:#e1e5ea;--tp-red:#b42318;--tp-green:#0A8D48;
  --tp-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Helvetica,Arial,sans-serif;
  position:fixed;inset:0;z-index:2147483000;background:rgba(15,22,32,.58);display:flex;align-items:center;justify-content:center;padding:16px;
  font-family:var(--tp-font);color:var(--tp-ink);-webkit-font-smoothing:antialiased;opacity:0;transition:opacity .16s ease}
.gltp-scrim[hidden]{display:none}
.gltp-scrim.gltp-on{opacity:1}
.gltp-modal{position:relative;background:#fff;border-radius:18px;width:100%;max-width:460px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.3);text-align:left;transform:translateY(8px);transition:transform .16s ease}
.gltp-on .gltp-modal{transform:none}
.gltp-x{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:none;border-radius:10px;font:400 28px/1 var(--tp-font);color:var(--tp-muted);cursor:pointer;display:grid;place-items:center}
.gltp-x:hover{color:var(--tp-ink);background:var(--tp-tint)}
.gltp-hero{padding:26px 26px 14px;background:linear-gradient(180deg,var(--tp-tint),#fff);border-radius:18px 18px 0 0}
.gltp-k{display:block;font:700 12px/1 var(--tp-font);letter-spacing:.16em;text-transform:uppercase;color:var(--tp-blue);margin:0 0 10px}
.gltp-modal h2{font:800 25px/1.15 var(--tp-font);letter-spacing:-.025em;margin:0 44px 8px 0;color:var(--tp-ink)}
.gltp-hero p{margin:0;font-size:15.5px;line-height:1.5;color:var(--tp-ink2)}
.gltp-list{list-style:none;margin:0;padding:4px 26px 2px}
.gltp-list li{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:7px 0;font-size:14.5px;line-height:1.45;color:var(--tp-ink2);border-bottom:1px solid #eef1f4}
.gltp-list li:last-child{border-bottom:0}
.gltp-list li::before{content:"\2713";color:var(--tp-green);font-weight:800}
.gltp-form{padding:14px 26px 22px;display:flex;flex-direction:column;gap:8px;margin:0}
.gltp-form label{font:600 14px/1.2 var(--tp-font);color:var(--tp-ink)}
.gltp-form input[type=email]{width:100%;box-sizing:border-box;font:500 17px/1.2 var(--tp-font);min-height:52px;padding:14px 16px;border:2px solid var(--tp-line);border-radius:10px;color:var(--tp-ink);background:#fff;outline:none;-webkit-appearance:none;appearance:none}
.gltp-form input[type=email]:focus{border-color:var(--tp-blue);box-shadow:0 0 0 3px var(--tp-blue-soft)}
.gltp-form input[aria-invalid=true]{border-color:var(--tp-red)}
.gltp-err{margin:0;min-height:0;font-size:14px;line-height:1.45;color:var(--tp-red)}
.gltp-err:empty{display:none}
.gltp-err a{color:var(--tp-red);font-weight:700}
.gltp-go{min-height:52px;margin-top:4px;border:0;border-radius:10px;background:var(--tp-blue);color:#fff;font:700 17px/1.2 var(--tp-font);cursor:pointer;box-shadow:0 8px 22px rgba(10,102,194,.22);padding:15px 18px}
.gltp-go:hover{background:var(--tp-blue-dark)}
.gltp-go[disabled]{opacity:.7;cursor:progress}
.gltp-fine{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--tp-muted);text-align:center}
.gltp-fine a{color:var(--tp-muted);text-decoration:underline}
.gltp-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.gltp-scrim :focus-visible{outline:3px solid var(--tp-blue);outline-offset:2px}
html.gltp-lock,html.gltp-lock body{overflow:hidden}
@media (max-width:480px){
  .gltp-scrim{align-items:flex-end;padding:0}
  .gltp-modal{max-width:none;border-radius:18px 18px 0 0;max-height:94vh;max-height:94dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
  .gltp-hero{padding:24px 20px 12px}
  .gltp-list{padding:2px 20px 0}
  .gltp-form{padding:12px 20px 20px}
  .gltp-modal h2{font-size:23px}
}
@media (prefers-reduced-motion:reduce){.gltp-scrim,.gltp-modal{transition:none}}
/* The site-wide "Start a Trial" nav button: 44px tap target (site.css draws it at 42px). */
a.nav-cta[data-trial]{min-height:44px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}