.katuna-hero-form{position:absolute;left:6.8%;right:7.3%;bottom:0;z-index:6;container-type:inline-size;color:#f7f6ed;font-family:Arial,Helvetica,sans-serif;text-align:left;line-height:1.25;isolation:isolate}
.katuna-loading .katuna-hero-form{visibility:hidden!important;pointer-events:none}
.katuna-hero-form .khf-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2cqw}
.katuna-hero-form .khf-field{display:block;min-width:0;color:inherit}
.katuna-hero-form .khf-heading{display:flex;align-items:center;gap:2.15cqw;white-space:nowrap;height:max(20px,5.53cqw);margin-bottom:max(4px,.79cqw)}
.katuna-hero-form .khf-number{display:inline-flex;flex:0 0 max(20px,5.53cqw);align-items:center;justify-content:center;width:max(20px,5.53cqw);height:max(20px,5.53cqw);border:1px solid #f7f6edda;border-radius:50%;font:300 max(10px,2.38cqw)/1 Arial,Helvetica,sans-serif;color:inherit}
.katuna-hero-form .khf-caption{font-size:max(8px,1.98cqw);font-weight:400;letter-spacing:.19em;color:#fffdf4}
.katuna-hero-form .khf-rule{display:block;flex:1;min-width:8px;height:1px;background:#f7f6ed94}
.katuna-hero-form .khf-field input{appearance:none;display:block;width:100%;height:max(36px,8.7cqw);margin:0;padding:0 4.55cqw;border:1px solid #f7f6ede0;border-radius:999px;outline:0;background:#131a141a;color:#fcfbf0;box-shadow:none;backdrop-filter:blur(1.5px);font:300 max(11px,2.38cqw)/1 Arial,Helvetica,sans-serif;letter-spacing:0;caret-color:#fffdf1;transition:border-color .18s,box-shadow .18s}
.katuna-hero-form .khf-field input::placeholder{color:#f7f6ede6;opacity:1;text-transform:none}
.katuna-hero-form .khf-field input:focus-visible{outline:none;border-color:#fffef5;box-shadow:0 0 0 2px #eeece233}
.katuna-hero-form .khf-field input[aria-invalid=true]{border-color:#f2c8ab;box-shadow:0 0 0 1px #f2c8ab55}
.katuna-hero-form input:-webkit-autofill{-webkit-text-fill-color:#f7f6ed;caret-color:#f7f6ed;transition:background-color 99999s ease-in-out 0s}
.katuna-hero-form .khf-action{display:grid;grid-template-columns:minmax(0,1fr) 12%;gap:2%;align-items:center;margin-top:max(12px,3.16cqw)}
.katuna-hero-form .khf-submit{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:max(40px,9.29cqw);padding:0 4cqw;border:1px solid #efeee3;border-radius:999px;background:#efeee3;color:#34382d;box-shadow:none;cursor:pointer;font-family:Arial,Helvetica,sans-serif;transition:background-color .18s,color .18s,border-color .18s}
.katuna-hero-form .khf-submit>span{font-size:max(9px,2.38cqw);font-weight:400;letter-spacing:.23em;white-space:nowrap;line-height:1.1}
.katuna-hero-form .khf-arrow{position:absolute;left:75%;top:50%;transform:translateY(-50%);width:5.15cqw;height:auto;max-width:26px;min-width:16px;flex:none}
.katuna-hero-form .khf-submit:hover{background:#f9f8f0;border-color:#f9f8f0;color:#22291c}
.katuna-hero-form .khf-submit:focus-visible{outline:1px solid #fffdf5;outline-offset:4px}
.katuna-hero-form .khf-submit:disabled{opacity:.7;cursor:wait}
.katuna-hero-form .khf-action-tail{display:flex;align-items:center;justify-content:space-between;gap:.4cqw;color:#f7f6ed}
.katuna-hero-form .khf-consent{display:flex;align-items:flex-start;gap:2cqw;padding:0 1.18cqw;margin-top:max(12px,3.16cqw);color:#f6f5ebe8;font:300 max(9px,2.1cqw)/1.25 Arial,Helvetica,sans-serif;text-shadow:0 1px 3px #0008;cursor:pointer}
.katuna-hero-form .khf-consent>input{appearance:none;display:grid;place-content:center;flex:0 0 max(12px,3.16cqw);width:max(12px,3.16cqw);height:max(12px,3.16cqw);padding:0;margin:0;border:0;border-radius:50%;background:#eeece24d;cursor:pointer}
.katuna-hero-form .khf-consent>input:before{content:'';display:block;width:max(5px,1.25cqw);height:max(3px,.65cqw);border-left:1.25px solid #fffff4;border-bottom:1.25px solid #fffff4;transform:translateY(-1px) rotate(-45deg) scale(0);transform-origin:center}
.katuna-hero-form .khf-consent>input:checked:before{transform:translateY(-1px) rotate(-45deg) scale(1)}
.katuna-hero-form .khf-consent>input:focus-visible{outline:1px solid #fffef5;outline-offset:3px}
.katuna-hero-form .khf-consent a{color:inherit;text-decoration:underline;text-decoration-thickness:.6px;text-underline-offset:2px}
.katuna-hero-form .khf-consent a:hover{color:#fffdf5}
.katuna-hero-form .khf-status{font:400 max(10px,2.1cqw)/1.4 Arial,Helvetica,sans-serif;color:#f7f6ed;margin-top:10px;padding:8px 10px;background:#182218d9;border:1px solid #eeece233;border-radius:5px;text-align:center;text-shadow:none}
.katuna-hero-form .khf-status:empty{display:none}
.katuna-hero-form .khf-status[data-state=error]{color:#ffe0c9}
.katuna-hero-form .khf-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media(max-width:760px){
 .katuna-hero-form{left:6.8%;right:7.3%;bottom:0}
 .katuna-hero-form .khf-fields{grid-template-columns:minmax(0,1fr);gap:12px}
 .katuna-hero-form .khf-heading{height:20px;gap:8px;margin-bottom:5px}
 .katuna-hero-form .khf-caption{font-size:9px;letter-spacing:.13em}
 .katuna-hero-form .khf-number{width:20px;height:20px;flex-basis:20px;font-size:10px}
 .katuna-hero-form .khf-field input{height:36px;font-size:12px;padding:0 14px}
 .katuna-hero-form .khf-action{grid-template-columns:minmax(0,1fr) 20px;gap:7px;margin-top:14px}
 .katuna-hero-form .khf-submit{height:44px;padding:0 25px 0 7px}
 .katuna-hero-form .khf-submit>span{font-size:9px;line-height:1.35;letter-spacing:.13em;white-space:normal;text-align:center}
 .katuna-hero-form .khf-arrow{left:auto;right:8px;width:15px;min-width:15px}
 .katuna-hero-form .khf-action-tail{gap:0}.katuna-hero-form .khf-action-tail>.khf-rule{display:none}
 .katuna-hero-form .khf-consent{font-size:9px;gap:6px;margin-top:12px;padding:0}
 .katuna-hero-form .khf-consent>input{width:12px;height:12px;flex-basis:12px}
 .katuna-hero-form .khf-status{font-size:10px;padding:6px;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.katuna-hero-form *{transition:none!important}}
@media(min-width:761px){@container(max-width:340px){.katuna-hero-form .khf-submit>span{font-size:8.5px;letter-spacing:.15em;margin-right:13px}.katuna-hero-form .khf-arrow{left:auto;right:12%}}}
@media(min-width:761px){.katuna-hero-form .khf-status{position:absolute;left:0;right:0;top:auto;bottom:calc(100% + 8px);margin:0;padding:6px 8px;font-size:max(10px,2.1cqw);line-height:1.3}@container(max-width:340px){.katuna-hero-form .khf-action-tail>.khf-rule{min-width:0}}}

/* The spacer equals the field-to-submit gap, measured inside this form. */
.katuna-hero-form::after{content:"";display:block;height:max(12px,3.16cqw);pointer-events:none}
@media(max-width:760px){.katuna-hero-form::after{height:14px}}

/* A single rightward hop for the submit arrow on each hover. */
.katuna-hero-form .khf-arrow{--khf-arrow-hop:8px}
.katuna-hero-form .khf-submit:not(:disabled):hover .khf-arrow{animation:katuna-form-arrow-hop .42s linear}
@keyframes katuna-form-arrow-hop{
 0%{translate:0 0;animation-timing-function:cubic-bezier(.22,1,.36,1)}
 40%{translate:var(--khf-arrow-hop) 0;animation-timing-function:cubic-bezier(.65,0,.35,1)}
 100%{translate:0 0}
}
@media(max-width:760px){.katuna-hero-form .khf-arrow{--khf-arrow-hop:4px}}
@media(prefers-reduced-motion:reduce){.katuna-hero-form .khf-arrow{animation:none!important}}
