@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,ital,wght@9..144,0,400;9..144,0,600;9..144,1,500;9..144,1,600&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

#pth-gate{
  /* These are overridden per-site by the plugin settings (inline style). */
  --green:#1d3a2c; --brass:#b3863a;
  --wiz-w:680px; --cal-w:100%; --cal-h:700px;

  --ink:#10221b; --paper:#f5f1e8; --card:#fffdf8; --line:#dcd6c5;
  --muted:#5d675f; --bad:#9a3b2f;
  --serif:'Fraunces',Georgia,serif; --sans:'Hanken Grotesk',-apple-system,sans-serif;
  font-family:var(--sans); color:var(--ink); max-width:var(--wiz-w); margin:0 auto;
  -webkit-font-smoothing:antialiased;
}
#pth-gate.pth-cal-mode{ max-width:var(--cal-w); }
#pth-gate *{box-sizing:border-box;}
#pth-gate .pth-shell{ background:var(--paper); border:1px solid var(--line); border-radius:18px;
  padding:34px 38px 32px; position:relative; overflow:hidden; min-height:340px; }
#pth-gate .pth-shell:before{ content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(120% 80% at 100% 0%, rgba(179,134,58,.07), transparent 55%); }

#pth-gate .pth-bar{ height:4px; background:#e7e0d0; border-radius:99px; overflow:hidden; margin:0 0 26px; }
#pth-gate .pth-bar i{ display:block; height:100%; background:var(--brass); border-radius:99px;
  width:14%; transition:width .35s cubic-bezier(.4,0,.2,1); }

#pth-gate .pth-step{ animation:pthIn .34s ease both; }
@keyframes pthIn{from{opacity:0;transform:translateX(14px);}to{opacity:1;transform:none;}}

#pth-gate .pth-kicker{ font:600 12px/1 var(--sans); letter-spacing:.22em; text-transform:uppercase;
  color:var(--brass); margin:0 0 12px; }
#pth-gate .pth-h1{ font:600 28px/1.14 var(--serif); margin:0 0 8px; letter-spacing:-.01em; }
#pth-gate .pth-h1 em{font-style:italic;color:var(--green);}
#pth-gate .pth-sub{ font:400 15px/1.5 var(--sans); color:var(--muted); margin:0 0 22px; max-width:50ch; }

#pth-gate .pth-opts{display:grid;gap:10px;}
#pth-gate .pth-opt{ display:flex;align-items:center;gap:13px; background:var(--card);
  border:1px solid var(--line); border-radius:12px; padding:15px 17px; cursor:pointer;
  font:500 15.5px/1.3 var(--sans); transition:border-color .15s,background .15s,transform .12s; }
#pth-gate .pth-opt:hover{border-color:var(--brass);transform:translateX(3px);}
#pth-gate .pth-opt .dot{ width:18px;height:18px;border-radius:50%;flex:0 0 auto;
  border:2px solid var(--line);transition:.15s;position:relative; }
#pth-gate .pth-opt.sel{border-color:var(--green);background:#f1f6f1;}
#pth-gate .pth-opt.sel .dot{border-color:var(--green);}
#pth-gate .pth-opt.sel .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--green);}
#pth-gate .pth-opt .arr{margin-left:auto;color:var(--line);font-size:18px;transition:.15s;}
#pth-gate .pth-opt:hover .arr{color:var(--brass);}

#pth-gate .pth-back{ background:none;border:0;cursor:pointer; font:600 14px/1 var(--sans); color:var(--muted);
  padding:8px 0;margin-top:22px;display:inline-flex;align-items:center;gap:7px;transition:.15s; }
#pth-gate .pth-back:hover{color:var(--green);}
#pth-gate .pth-back svg{width:15px;height:15px;stroke:currentColor;}

#pth-gate .pth-btn{ appearance:none;border:0;cursor:pointer;font:600 15px/1 var(--sans);
  background:var(--green);color:#fff;padding:15px 26px;border-radius:11px;transition:.15s; }
#pth-gate .pth-btn:hover{filter:brightness(.92);} #pth-gate .pth-btn:disabled{opacity:.4;cursor:not-allowed;}
#pth-gate .pth-btn.ghost{background:transparent;color:var(--green);padding:14px 0;}
#pth-gate .pth-btn.ghost:hover{color:var(--brass);filter:none;}
#pth-gate .pth-foot{margin-top:24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;}

#pth-gate .pth-field{margin:0 0 16px;}
#pth-gate .pth-field label{display:block;font:600 13px/1 var(--sans);margin:0 0 7px;}
#pth-gate .pth-field input,#pth-gate .pth-field textarea{ width:100%; font:400 15px/1.4 var(--sans); color:var(--ink);
  background:var(--card); border:1px solid var(--line); border-radius:10px; padding:12px 14px; transition:.15s; }
#pth-gate .pth-field input:focus,#pth-gate .pth-field textarea:focus{outline:0;border-color:var(--green);}
#pth-gate .pth-field textarea{resize:vertical;min-height:92px;}
#pth-gate .pth-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
#pth-gate .pth-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:520px){ #pth-gate .pth-shell{padding:26px 22px;} #pth-gate .pth-row{grid-template-columns:1fr;} #pth-gate .pth-h1{font-size:24px;} }

#pth-gate .pth-err{color:var(--bad);font:500 14px/1.4 var(--sans);margin:10px 0 0;min-height:1px;}
#pth-gate .pth-cal{min-width:320px;height:var(--cal-h);}
#pth-gate .pth-success{text-align:center;padding:14px 0 6px;}
#pth-gate .pth-check{ width:62px;height:62px;border-radius:50%;background:#f1f6f1;border:1px solid var(--green);
  display:grid;place-items:center;margin:0 auto 20px; }
#pth-gate .pth-check svg{width:28px;height:28px;stroke:var(--green);}