.preview-gate{--gate-ink:#25372d;--gate-muted:#5d6c61;--gate-gold:#f7bf3d;--gate-ease:cubic-bezier(.22,1,.36,1);position:relative;min-height:100vh;overflow:hidden;background:#f7f6f1;color:var(--gate-ink);font-family:Onest,Arial,sans-serif;scroll-behavior:smooth}
.preview-gate[hidden]{display:none}.preview-gate *{box-sizing:border-box}.preview-gate a{color:inherit;text-decoration:none}.preview-gate :focus-visible{outline:3px solid #a56b0a;outline-offset:3px}.gate-active #app{display:none}
.gate-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}.gate-ambient span{position:absolute;border-radius:50%;background:radial-gradient(circle,#f8e7b8 0,rgba(248,231,184,0) 70%);opacity:.72;animation:gate-glow 5s ease-in-out infinite alternate}.gate-ambient span:first-child{width:690px;height:690px;left:-250px;top:-270px}.gate-ambient span:nth-child(2){width:760px;height:760px;right:-330px;bottom:-350px;background:radial-gradient(circle,#dce9dd 0,rgba(220,233,221,0) 70%);animation-delay:-2.5s}.gate-ambient span:nth-child(3){width:340px;height:340px;right:20%;top:4%;opacity:.35;animation-delay:-1s}@keyframes gate-glow{from{transform:translate3d(0,0,0) scale(.96)}to{transform:translate3d(28px,-18px,0) scale(1.04)}}
.gate-header,.gate-main{position:relative;z-index:1;width:min(1310px,calc(100% - 64px));margin-inline:auto}.gate-header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px}.gate-brand img{display:block;width:120px;height:80px;object-fit:contain;mix-blend-mode:multiply}.gate-topnav{display:flex;align-items:center;gap:8px}.gate-topnav>a:not(.gate-back){display:grid;place-items:center;width:42px;height:42px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:800;color:#657267}.gate-topnav>a[aria-current=page]{border-color:#d7dfd2;background:#fffefa;color:#314437}.gate-back{margin-left:17px;font-size:13px;font-weight:700}.gate-back:hover,.gate-aside-bottom a:hover{text-decoration:underline}
.gate-main{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(24px,4vw,54px);align-items:start;padding:22px 0 96px}.gate-intro-column{position:sticky;top:24px;display:grid;gap:19px;min-width:0;animation:gate-rise .7s var(--gate-ease) both}.gate-card,.request-card{background:#fffefa;border:1px solid #e1e5dc;border-radius:25px;box-shadow:0 24px 68px rgba(35,49,38,.09)}.gate-card{padding:clamp(27px,3.3vw,46px)}.gate-icon,.request-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff0c7;color:#9c7116;font-size:27px}.gate-icon{margin-bottom:24px}.gate-eyebrow,.request-eyebrow,.gate-aside-label{font-size:11px;letter-spacing:.16em;font-weight:800;color:#946a16;margin:0 0 15px}.gate-card h1{font-size:clamp(32px,3vw,46px);letter-spacing:-.055em;line-height:1.09;margin:0 0 16px;max-width:490px}.gate-intro{font-size:15px;color:var(--gate-muted);line-height:1.68;margin:0 0 29px;max-width:480px}.gate-card label{display:block;font-size:12px;font-weight:800;margin-bottom:10px}.gate-code-row{display:flex;gap:9px}.gate-code-row input{min-width:0;flex:1;height:53px;border:1px solid #becbbf;border-radius:11px;padding:0 15px;background:#fff;color:var(--gate-ink);font:inherit;font-size:15px}.gate-code-row input:focus,.request-field input:focus,.request-field select:focus,.request-field textarea:focus{border-color:#a3761d;outline:3px solid #f8dc9b;outline-offset:1px}.gate-code-row input[aria-invalid=true]{border-color:#aa493c}.gate-code-row button,.request-submit{border:0;border-radius:11px;background:var(--gate-gold);color:#2d301e;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:transform .24s var(--gate-ease),box-shadow .24s var(--gate-ease),background-color .24s ease}.gate-code-row button{height:53px;min-width:155px;padding:0 16px}.gate-code-row button:hover,.request-submit:hover{background:#ffd05b;transform:translateY(-2px);box-shadow:0 11px 23px rgba(171,113,9,.2)}.gate-code-row button:active,.request-submit:active{transform:translateY(0)}.gate-code-row button:disabled{opacity:.72;cursor:wait;transform:none}.gate-code-row button span{margin-left:8px}.gate-error{font-size:12px;color:#a33d32;margin:10px 0 0}.gate-error[hidden]{display:none}.gate-request{border-top:1px solid #e4e9e1;margin-top:28px;padding-top:23px}.gate-request strong{font-size:14px}.gate-request p{color:#6f796f;font-size:12px;line-height:1.55;margin:6px 0 14px}.gate-request>a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:0 14px;border-radius:10px;border:1px solid #dfc57e;background:#fff8e6;color:#735415;font-size:12px;font-weight:800;transition:transform .24s var(--gate-ease),background-color .24s ease}.gate-request>a:hover{background:#ffedb7;transform:translateY(-2px)}
.gate-aside{position:relative;min-height:265px;padding:27px 32px;color:#f6f7ef;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 78% 16%,#496b53 0,transparent 45%),linear-gradient(145deg,#344d3d,#1c3027 80%);box-shadow:0 25px 57px rgba(31,51,42,.14)}.gate-aside:before,.gate-aside:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.11);border-radius:50%;top:-60px;right:-40px;pointer-events:none}.gate-aside:after{width:180px;height:180px;top:7px;right:24px;border-color:rgba(247,191,61,.24)}.gate-aside>*{position:relative;z-index:1}.gate-aside-label{display:block;color:#f7c85c;margin-bottom:24px}.gate-flow{display:flex;align-items:center;gap:12px;max-width:250px}.gate-flow span{display:grid;place-items:center;border-radius:50%;width:43px;height:43px;background:#f7bf3d;color:#332b13;font-size:12px;font-weight:800}.gate-flow span:last-child{background:rgba(255,255,255,.15);color:#fff}.gate-flow i{height:1px;flex:1;background:rgba(255,255,255,.4)}.gate-flow-captions{display:flex;justify-content:space-between;max-width:250px;font-size:11px;color:#e2e9df;margin-top:10px}.gate-aside-note{font-size:16px;letter-spacing:-.025em;font-weight:700;max-width:330px;margin:22px 0 27px}.gate-aside-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:15px;display:flex;flex-wrap:wrap;column-gap:19px;row-gap:8px}.gate-aside-bottom p{flex-basis:100%;font-size:10px;color:#c5d2c6;letter-spacing:.12em;text-transform:uppercase;margin:0}.gate-aside-bottom a{font-size:12px;font-weight:700}.gate-aside-bottom a:first-of-type{color:#f7c85c}
.request-card{scroll-margin-top:24px;padding:clamp(27px,3.4vw,47px);min-width:0;animation:gate-rise .75s .08s var(--gate-ease) both}.request-head{padding-bottom:24px;border-bottom:1px solid #e5e9e1;margin-bottom:23px}.request-symbol{margin-bottom:18px}.request-head h2{font-size:clamp(28px,2.6vw,37px);letter-spacing:-.05em;line-height:1.15;margin:0 0 9px}.request-head>p:last-child{font-size:13px;color:var(--gate-muted);line-height:1.6;margin:0;max-width:550px}.request-card fieldset{padding:0;border:0;margin:0 0 22px;min-width:0}.request-card legend{display:block;width:100%;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#86651d;margin:0 0 15px}.request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 13px}.request-field{min-width:0}.request-wide{grid-column:1/-1}.request-field label{display:block;font-size:12px;font-weight:800;margin-bottom:7px;color:#33483a}.request-field label span{font-weight:500;color:#7c897c}.request-field input,.request-field select,.request-field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #c8d2c7;border-radius:10px;background:#fff;color:#28382e;font:inherit;font-size:13px;resize:vertical}.request-field textarea{min-height:79px;line-height:1.5}.request-field input:hover,.request-field select:hover,.request-field textarea:hover{border-color:#91aa96}.request-field input:user-invalid,.request-field textarea:user-invalid{border-color:#ad4f42}.request-submit{width:100%;min-height:52px;margin-top:1px;padding:12px 19px;display:flex;align-items:center;justify-content:center;gap:15px}.request-submit span{font-size:18px}.request-delivery{font-size:11px;line-height:1.6;color:#66756a;margin:12px 0 0}.request-result{margin-top:22px;border-radius:15px;border:1px solid #c7d9c7;background:#edf5ed;padding:21px;animation:gate-rise .4s var(--gate-ease) both}.request-result[hidden]{display:none}.request-result h3{margin:0 0 7px;font-size:19px;letter-spacing:-.03em}.request-result p{font-size:12px;line-height:1.6;color:#506454;margin:0 0 12px}.request-result textarea{width:100%;padding:12px;border:1px solid #c6d4c3;border-radius:9px;background:#fff;color:#304336;font:inherit;font-size:12px;resize:vertical}.request-result-actions{display:flex;gap:9px;margin-top:11px}.request-result-actions a,.request-result-actions button{flex:1;min-height:44px;border-radius:9px;display:grid;place-items:center;text-align:center;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:9px 12px}.request-result-actions a{background:#253b2e;color:#fff}.request-result-actions button{background:#fff;border:1px solid #b9cdb8;color:#2a4632}.request-result-actions a:hover,.request-result-actions button:hover{transform:translateY(-2px)}@keyframes gate-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.gate-main{grid-template-columns:1fr;max-width:720px}.gate-intro-column{position:static}.gate-aside{min-height:245px}.request-card{scroll-margin-top:16px}}
@media(max-width:600px){.gate-header,.gate-main{width:calc(100% - 30px)}.gate-header{min-height:80px}.gate-brand img{width:100px;height:65px}.gate-topnav{gap:2px}.gate-topnav>a:not(.gate-back){width:34px;height:36px}.gate-back{margin-left:5px;font-size:11px}.gate-main{gap:17px;padding:9px 0 45px}.gate-card,.request-card{padding:25px 20px;border-radius:20px}.gate-card h1{font-size:34px}.gate-code-row{flex-direction:column}.gate-code-row button{width:100%}.gate-aside{padding:25px;min-height:235px}.gate-aside-note{font-size:15px}.request-fields{grid-template-columns:1fr}.request-wide{grid-column:auto}.request-result-actions{flex-direction:column}}
@media(hover:none){.gate-code-row button:hover,.request-submit:hover,.gate-request>a:hover,.request-result-actions a:hover,.request-result-actions button:hover{transform:none;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.preview-gate{scroll-behavior:auto}.gate-ambient span,.gate-intro-column,.request-card,.request-result{animation:none}.preview-gate *, .preview-gate *:before,.preview-gate *:after{transition-duration:.01ms!important}}