/* Funnel from the landing page: website field in the hero (design provided by the user, 2026-10-14). */
.hh-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hh-site{display:flex;flex-direction:column;gap:12px;max-width:540px;margin-top:12px;font-family:'DM Sans',system-ui,sans-serif}
.hh-site-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 2px;font-size:14px;font-weight:600;color:#344054}
.hh-site-lbl small{font-size:13px;font-weight:400;color:#667085}
.hh-field-box{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:#fff;border:1.5px solid #DDE1E7;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:border-color .15s ease,box-shadow .15s ease}
.hh-field-box:hover{border-color:#C3C9D2}
.hh-field-box:focus-within{border-color:#0B1220;box-shadow:0 0 0 4px rgba(11,18,32,.08)}
.hh-site.is-error .hh-field-box{border-color:#DC2626;box-shadow:0 0 0 4px rgba(220,38,38,.10)}
.hh-field-lead{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:none;color:#8A93A3}
.hh-field-box:focus-within .hh-field-lead{color:#0B1220}
.hh-site.is-valid .hh-field-lead{color:#15803D}
.hh-site.is-error .hh-field-lead{color:#DC2626}
.hh-ico-err,.hh-site.is-error .hh-ico-globe{display:none}
.hh-site.is-error .hh-ico-err{display:block}
.hh-site input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0;font-family:inherit;font-size:17px;font-weight:500;color:#0B1220}
.hh-site input::placeholder{color:#98A1AE;font-weight:400}
.hh-site.is-loading input{color:#667085}
.hh-field-ok{display:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#DCFCE7;color:#15803D;flex:none}
.hh-site.is-valid:not(.is-loading) .hh-field-ok{display:flex}
.hh-field-hint{display:flex;align-items:center;gap:8px;margin:8px 2px 0;min-height:18px;font-size:13px;line-height:1.4;color:#5B6472}
.hh-field-hint:empty,.hh-field-hint:has([data-site-hint]:empty){display:none}
.hh-site.is-valid .hh-field-hint{color:#15803D}
.hh-site.is-error .hh-field-hint{color:#B91C1C}
.hh-kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border:1px solid #CFE9D6;border-bottom-width:2px;border-radius:6px;font-size:11px;font-weight:600;color:#15803D;background:#F0FDF4}
.hh-kbd[hidden]{display:none}
.hh-site-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border:0;border-radius:12px;background:#0B1220;color:#fff;font-family:inherit;font-size:17px;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .15s ease,transform .1s ease}
.hh-site-cta:hover{background:#1F2937}
.hh-site-cta:active{transform:translateY(1px)}
.hh-site-cta:focus-visible{outline:3px solid #2563EB;outline-offset:3px}
.hh-site-cta .hh-arr{transition:transform .15s ease}
.hh-site-cta:hover .hh-arr{transform:translateX(3px)}
.hh-spin{display:none;width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:hh-spin .8s linear infinite}
@keyframes hh-spin{to{transform:rotate(360deg)}}
.hh-site.is-loading .hh-site-cta{background:#374151;cursor:progress}
.hh-site.is-loading .hh-spin{display:block}
.hh-site.is-loading .hh-arr{display:none}
.hh-trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-top:2px;font-size:13px;color:#475467}
.hh-trust span{display:flex;align-items:center;gap:6px}
@media(prefers-reduced-motion:reduce){.hh-spin{animation:none}.hh-site-cta .hh-arr{transition:none}}
@media(max-width:640px){.hh-site-lbl{flex-direction:column;gap:2px}.hh-site-cta{font-size:16px}}

/* Pricing: plan buttons wait for the plan to be attached. */
a.pr-btn[aria-disabled="true"]{opacity:.75;cursor:progress}
