.matl-gate.is-revealed:focus,.matl-gate.is-done:focus,.mat-gate.is-revealed:focus,.mat-gate.is-done:focus,.matl-gate__ok:focus,.mat-gate__ok:focus{outline:none}.matl-gate{--g-ink:var(--matl-ink);--g-ink-2:var(--matl-ink-2);--g-ink-3:var(--matl-ink-3);--g-ink-4:var(--matl-ink-4);--g-line:var(--matl-line);--g-line-2:var(--matl-line-2);--g-line-3:var(--matl-line-3);--g-card:var(--matl-card);--g-well:var(--matl-paper-200);--g-mark:var(--matl-ember-mark);--g-accent-ink:var(--matl-ember-ink);--g-error:var(--matl-ember-ink);--g-shadow:var(--matl-sh-2);--g-text:var(--matl-text);--g-mono:var(--matl-mono);--g-fast:var(--matl-fast);--g-ease:var(--matl-ease)}.mat-gate{--g-ink:var(--mat-paper);--g-ink-2:var(--mat-paper-2);--g-ink-3:var(--mat-paper-3);--g-ink-4:var(--mat-paper-4);--g-line:var(--mat-line);--g-line-2:var(--mat-line-2);--g-line-3:var(--mat-line-3);--g-card:var(--mat-ink-300);--g-well:var(--mat-ink-100);--g-mark:var(--mat-ember);--g-accent-ink:var(--mat-ember-lit);--g-error:#f2a79d;--g-shadow:inset 0 1px #ffffff14;--g-text:var(--mat-text);--g-mono:var(--mat-mono);--g-fast:var(--mat-fast);--g-ease:var(--mat-ease)}.matl-s--ink .matl-gate,.matl-hero--ink .matl-gate{--g-error:#f2a79d}.matl-gate,.mat-gate{width:100%;min-width:0;font-family:var(--g-text);color:var(--g-ink)}.matl-gate--pricing>.matl-gate__row,.mat-gate--pricing>.mat-gate__row{margin-top:clamp(26px,3.2vw,36px)}.matl-gate__row,.mat-gate__row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.matl-gate__note,.mat-gate__note{font-family:var(--g-mono);letter-spacing:0;color:var(--g-ink-4);margin-top:12px;font-size:12px;line-height:1.6}.matl-gate--demo>.matl-gate__panel,.mat-gate--demo>.mat-gate__panel,.matl-gate--demo>.matl-gate__done,.mat-gate--demo>.mat-gate__done{margin-top:0}.matl-gate__panel,.mat-gate__panel{box-sizing:border-box;border:1px solid var(--g-line-2);background:var(--g-card);width:100%;max-width:720px;box-shadow:var(--g-shadow);border-radius:14px;flex-direction:column;gap:18px;margin-top:clamp(26px,3.2vw,36px);padding:clamp(22px,3vw,32px);display:flex}.matl-gate__lede,.mat-gate__lede{letter-spacing:-.012em;color:var(--g-ink-2);max-width:58ch;font-size:16.5px;line-height:1.6}.matl-gate__fields,.mat-gate__fields{grid-template-columns:minmax(0,1fr);gap:16px 20px;display:grid}@media (min-width:640px){.matl-gate__fields,.mat-gate__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.matl-gate__field--wide,.mat-gate__field--wide{grid-column:1/-1}}.matl-gate__field,.mat-gate__field{flex-direction:column;gap:6px;min-width:0;display:flex}.matl-gate__field>label,.mat-gate__field>label{letter-spacing:-.008em;color:var(--g-ink-2);font-size:13.5px;font-weight:600;line-height:1.4}.matl-gate__field>label>span,.mat-gate__field>label>span{font-family:var(--g-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--g-ink-4);margin-left:6px;font-size:11px;font-weight:400}.matl-gate__input,.mat-gate__input{box-sizing:border-box;border:1px solid var(--g-line-3);background:var(--g-well);width:100%;min-width:0;min-height:44px;color:var(--g-ink);font-family:var(--g-text);letter-spacing:-.011em;-webkit-appearance:none;appearance:none;transition:border-color var(--g-fast) var(--g-ease);border-radius:8px;margin:0;padding:0 14px;font-size:15px;line-height:1.3}.matl-gate__input::placeholder,.mat-gate__input::placeholder{color:var(--g-ink-4);opacity:1}.matl-gate__input:focus,.mat-gate__input:focus{border-color:var(--g-accent-ink)}.matl-gate__input:disabled,.mat-gate__input:disabled{opacity:.7}.matl-gate__select,.mat-gate__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%238b95a2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:38px}.matl-gate__code,.mat-gate__code{letter-spacing:.4em;font-variant-numeric:tabular-nums}.matl-gate__verify,.mat-gate__verify{flex-direction:column;gap:10px;min-width:0;display:flex}.matl-gate__inline,.mat-gate__inline{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.matl-gate__inline>input,.mat-gate__inline>input{flex:200px}.matl-gate__inline>button,.mat-gate__inline>button{flex:none}.matl-gate__verify>div[id^=recaptcha-]:empty,.mat-gate__verify>div[id^=recaptcha-]:empty{display:none}.matl-gate__ok,.mat-gate__ok{border:1px solid var(--g-line-2);background:var(--g-well);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;padding:6px 6px 6px 14px;display:flex}.matl-gate__tick,.mat-gate__tick{border-right:1.8px solid var(--g-mark);border-bottom:1.8px solid var(--g-mark);flex:none;width:7px;height:12px;margin:0 4px 2px 0;transform:rotate(42deg)}.matl-gate__oktext,.mat-gate__oktext{color:var(--g-ink-2);word-break:break-word;flex:auto;font-size:14.5px;line-height:1.4}.matl-gate__oktext strong,.mat-gate__oktext strong{color:var(--g-ink);font-weight:600}.matl-gate__textbtn,.mat-gate__textbtn{min-height:44px;font-family:var(--g-mono);letter-spacing:.01em;color:var(--g-ink-3);cursor:pointer;box-shadow:inset 0 -1px var(--g-line-3);transition:color var(--g-fast) var(--g-ease), box-shadow var(--g-fast) var(--g-ease);background:0 0;border:0;align-items:center;margin:0;padding:0 10px;font-size:13px;display:inline-flex}.matl-gate__textbtn:hover,.mat-gate__textbtn:hover{color:var(--g-ink);box-shadow:inset 0 -1px var(--g-ink)}.matl-gate__textbtn:disabled,.mat-gate__textbtn:disabled{opacity:.6;cursor:default}.matl-gate__msg,.mat-gate__msg{color:var(--g-ink-4);font-size:13px;line-height:1.55}.matl-gate__err,.mat-gate__err{color:var(--g-error);font-size:13.5px;font-weight:500;line-height:1.55}.matl-gate__consent,.mat-gate__consent{color:var(--g-ink-3);max-width:62ch;font-size:13px;line-height:1.6}.matl-gate__actions,.mat-gate__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.matl-gate button.matl-btn:disabled,.mat-gate button.mat-btn:disabled{opacity:.6;cursor:not-allowed}.matl-gate__done,.mat-gate__done{box-sizing:border-box;border:1px solid var(--g-line-2);border-left:3px solid var(--g-mark);background:var(--g-card);width:100%;max-width:720px;box-shadow:var(--g-shadow);border-radius:14px;flex-direction:column;gap:8px;margin-top:clamp(26px,3.2vw,36px);padding:clamp(20px,2.6vw,26px) clamp(22px,3vw,32px);display:flex}.matl-gate__donehead,.mat-gate__donehead{letter-spacing:-.016em;color:var(--g-ink);font-size:18px;font-weight:600;line-height:1.4}.matl-gate__donebody,.mat-gate__donebody{color:var(--g-ink-3);font-size:14.5px;line-height:1.6}.matl-gate__hero,.mat-gate__hero{flex:100%;margin-top:2px}
