/* BEIZ full-canvas enquiry sheet. Hobro composition adapted to BEIZ. */
.lead-dialog{--lead-ink:#fff;--lead-paper:var(--brand);--lead-muted:#ffffffcf;--lead-rule:#ffffff80;width:100%;height:100dvh;max-width:none;max-height:none;inset:0;margin:0;padding:0;border:0;border-radius:0;background:var(--lead-paper);color:var(--lead-ink);overflow:auto;overscroll-behavior:contain;box-shadow:none}
.lead-dialog::backdrop{background:#0009;transition:background .5s}.lead-dialog.is-closing::backdrop{background:#0000}.lead-dialog[open]{animation:lead-sheet-in .75s cubic-bezier(.34,0,.3,1) both}
.lead-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px;padding:20px 32px;border-bottom:1px solid var(--lead-rule);background:var(--lead-paper);position:sticky;top:0;z-index:3}
.lead-brand{display:flex;align-items:baseline;gap:9px;font:900 32px/1 'BEIZ Integral',Manrope,Arial,sans-serif;letter-spacing:-.035em}.lead-brand small{font:400 23px/1 'BEIZ Gramatika',Arial,sans-serif;letter-spacing:-.04em}.lead-location{font:12px/1.4 'IBM Plex Mono',monospace;margin-inline-start:auto}.lead-close{width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid var(--lead-rule);border-radius:50%;background:transparent;color:inherit;font:300 38px/1 Arial,sans-serif;transition:background .3s,color .3s,transform .5s}.lead-close:hover{background:white;color:var(--brand);transform:rotate(90deg)}
.lead-content{--lead-ink:#000;--lead-paper:#fff;--lead-muted:#505050;--lead-rule:#999;color:var(--lead-ink)}.lead-dialog .lead-content{--lead-ink:#fff;--lead-paper:var(--brand);--lead-muted:#ffffffcf;--lead-rule:#ffffff80;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:8%;row-gap:48px;min-height:calc(100dvh - 94px);padding:clamp(44px,5vw,88px) 32px 32px}
.lead-heading{min-width:0}.lead-eyebrow{display:block;font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.015em;color:var(--lead-muted)}.marketing-site .lead-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.4vw,132px);font-weight:750;line-height:.97;letter-spacing:-.055em;text-transform:uppercase;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance;max-width:9.5ch;margin:44px 0 32px}.lead-heading p{font-size:clamp(17px,1.4vw,21px);line-height:1.45;max-width:34ch;color:var(--lead-muted)}
.lead-form{display:grid;gap:30px;min-width:0;align-content:start}.lead-dialog .lead-form{grid-column:2;grid-row:1/3}.lead-field{min-width:0;border:0;padding:0;margin:0}.lead-field>label,.lead-field>legend{display:block;font-size:14px;font-weight:400;line-height:1.5;margin:0 0 12px;padding:0;color:var(--lead-muted)}.lead-field label small{font-size:11px;margin-inline-start:8px}.lead-field label small[hidden]{display:none}
.lead-field>input,.lead-field textarea{display:block;box-sizing:border-box;width:100%;min-height:50px;padding:3px 0 12px;background:transparent;border:0;border-bottom:1px solid var(--lead-rule);border-radius:0;color:var(--lead-ink);font:400 clamp(22px,2vw,32px)/1.3 Manrope,Arial,sans-serif;letter-spacing:-.025em;box-shadow:none}.lead-field input::placeholder,.lead-field textarea::placeholder{color:var(--lead-muted);opacity:.8}.lead-field textarea{resize:vertical;min-height:110px;font-size:20px}.lead-field input:focus-visible,.lead-field textarea:focus-visible{outline:2px solid var(--lead-ink);outline-offset:5px;border-color:var(--lead-ink)}
.lead-hint,.lead-field-error{font-size:12px;line-height:1.5;margin:8px 0 0;color:var(--lead-muted)}.lead-field-error{color:var(--lead-ink);font-weight:600}.lead-field-error::before{content:'! ';}.lead-field input[aria-invalid=true],.lead-field textarea[aria-invalid=true]{border-bottom-width:2px}
.lead-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead-choice{position:relative;min-width:0;cursor:pointer}.lead-choice input{position:absolute;opacity:0;width:1px;height:1px;inset-inline-start:12px;top:50%}.lead-choice>span{display:flex;align-items:center;min-height:48px;height:100%;padding:10px 14px;border:1px solid var(--lead-rule);border-radius:28px;font-size:13px;line-height:1.35;transition:background .25s,color .25s,border-color .25s}.lead-choice:hover>span{border-color:var(--lead-ink);background:#ffffff15}.lead-choice input:checked+span{background:var(--lead-ink);color:var(--lead-paper);border-color:var(--lead-ink)}.lead-choice input:focus-visible+span{outline:2px solid var(--lead-ink);outline-offset:3px}
.lead-extra{border-bottom:1px solid var(--lead-rule);padding-bottom:16px}.lead-extra summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;list-style:none;cursor:pointer;min-height:32px}.lead-extra summary::-webkit-details-marker{display:none}.lead-extra summary span{font-size:26px;transition:transform .3s}.lead-extra[open] summary span{transform:rotate(45deg)}.lead-extra .lead-field{margin-top:24px}
.lead-submit,.lead-done{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px;width:100%;padding:14px 0;border:0;border-block:1px solid var(--lead-rule);border-radius:0;background:transparent;color:var(--lead-ink);font:400 clamp(27px,3vw,48px)/1.12 Manrope,Arial,sans-serif;letter-spacing:-.045em;text-align:start;transition:padding .4s,background .4s,color .4s}.lead-submit svg{width:48px;height:48px;flex:none;transition:transform .4s}.lead-submit:hover,.lead-done:hover{padding-inline:20px;background:var(--lead-ink);color:var(--lead-paper)}.lead-submit:hover svg{transform:rotate(45deg)}.lead-submit:disabled{opacity:.65;cursor:wait}.lead-submit:focus-visible,.lead-done:focus-visible,.lead-close:focus-visible,.lead-extra summary:focus-visible{outline:2px solid var(--lead-ink);outline-offset:4px}
.lead-privacy{font-size:11px;line-height:1.6;color:var(--lead-muted);max-width:66ch;margin:-12px 0 0}.lead-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}.lead-submit-error{padding:18px;border:1px solid currentColor;color:var(--lead-ink);font-size:15px;line-height:1.5}
.lead-dialog .lead-success{grid-column:2;grid-row:1/3}.lead-success{border-top:1px solid var(--lead-rule);padding-top:30px}.lead-success-mark{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;border:1px solid currentColor;font-size:38px;margin-bottom:40px}.lead-success h3{font-size:clamp(36px,4.2vw,72px);line-height:1.02;letter-spacing:-.04em;font-weight:600;margin-bottom:24px}.lead-success p{font-size:18px;line-height:1.5;max-width:38ch}.lead-success .lead-reference{font:12px/1.5 'IBM Plex Mono',monospace;margin:40px 0}.lead-done{font-size:26px;min-height:74px}.lead-direct{display:block;width:fit-content;color:var(--lead-ink);font-size:18px;text-decoration:underline;text-underline-offset:6px;align-self:end}.lead-dialog .lead-direct{grid-column:1;grid-row:2}.lead-direct:hover{text-decoration-thickness:2px}
.lead-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lead-form[hidden],.lead-success[hidden],.lead-field-error[hidden],.lead-submit-error[hidden]{display:none!important}
.contact-page .lead-heading{display:none}.contact-page .lead-direct{margin-top:32px}.contact-page .brief-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}.marketing-site .contact-page .brief-intro h1{font-size:clamp(56px,7vw,112px);line-height:1;letter-spacing:-.03em}.contact-page .brief-intro p{font-size:18px;line-height:1.6;max-width:38ch}.contact-page .brief-direct{font-size:16px;gap:18px}
html[dir=rtl] .lead-eyebrow{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}html[dir=rtl] .lead-heading h2{font-family:Alexandria,sans-serif;font-size:clamp(48px,5.8vw,104px);line-height:1.4;letter-spacing:0;max-width:10ch}html[dir=rtl] :is(.lead-content,.lead-field>input,.lead-field textarea,.lead-submit,.lead-done){font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0}html[dir=rtl] .lead-submit svg{transform:scaleX(-1)}html[dir=rtl] .lead-submit:hover svg{transform:scaleX(-1) rotate(45deg)}
@keyframes lead-sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes lead-content-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.lead-dialog[open] .lead-heading,.lead-dialog[open] .lead-form{animation:lead-content-in .7s .2s both cubic-bezier(.22,1,.36,1)}.lead-dialog[open] .lead-form{animation-delay:.3s}}
@media(max-width:899px){.lead-dialog-top{min-height:76px;padding:12px 20px}.lead-brand{font-size:27px}.lead-brand small{font-size:19px}.lead-location{font-size:10px}.lead-close{width:48px;height:48px}.lead-dialog .lead-content{display:flex;flex-direction:column;gap:38px;padding:36px 20px 28px;min-height:calc(100dvh - 76px)}.marketing-site .lead-heading h2{font-size:clamp(48px,9vw,76px);max-width:11ch;margin:26px 0 20px}.lead-heading p{max-width:43ch;font-size:16px}.lead-form{gap:26px;width:100%}.lead-field>input{font-size:24px;min-height:48px}.lead-submit{font-size:32px;min-height:80px}.lead-direct{font-size:16px}.contact-page .brief-layout{display:block}.contact-page .lead-content{margin-top:42px}html[dir=rtl] .lead-heading h2{font-size:clamp(38px,7.5vw,64px);max-width:11ch;line-height:1.4}.lead-dialog .lead-direct{margin-bottom:env(safe-area-inset-bottom)}}
@media(max-width:480px){.lead-location{display:none}.lead-dialog-top{padding-inline:16px}.lead-dialog .lead-content{padding-inline:16px}.lead-eyebrow{font-size:10px}.lead-choice>span{font-size:12px;padding:11px 12px;min-height:52px}.lead-options{gap:8px}.lead-submit{font-size:28px}.lead-submit svg{width:38px;height:38px}}
@media(min-width:900px){.lead-dialog .lead-content{padding-top:clamp(40px,4vw,72px)}.lead-dialog .lead-form{gap:26px}}
@media(prefers-reduced-motion:reduce){.lead-dialog[open],.lead-dialog[open] .lead-heading,.lead-dialog[open] .lead-form{animation:none}.lead-close,.lead-submit,.lead-submit svg,.lead-extra summary span,.lead-choice>span,.lead-dialog::backdrop{transition:none}.lead-close:hover{transform:none}}

.lead-consent>label{display:flex;align-items:flex-start;gap:12px;margin:0;font-size:13px;line-height:1.6;cursor:pointer}.lead-consent input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--lead-ink)}.lead-consent a{text-decoration:underline;text-underline-offset:3px}.lead-consent input:focus-visible{outline:2px solid var(--lead-ink);outline-offset:4px}

@media(min-width:1440px){.lead-field>label,.lead-field>legend{font-size:16px}.lead-choice>span{font-size:15px;min-height:54px}.lead-hint{font-size:13px}.lead-consent>label{font-size:14px}}
html[dir=rtl] .lead-field>label,html[dir=rtl] .lead-field>legend{font-size:16px}html[dir=rtl] .lead-choice>span{font-size:16px;line-height:1.5}html[dir=rtl] .lead-hint{font-size:14px;line-height:1.6}html[dir=rtl] .lead-consent>label{font-size:15px;line-height:1.65}html[dir=rtl] .lead-privacy{font-size:13px;line-height:1.7}

.brand-art{display:block;height:.7em;width:calc(.7em * var(--mark-ratio));flex:none;overflow:visible}.mk-logo>.brand-art{display:block}.lead-brand{align-items:center}.lead-brand small .brand-art{height:1em;width:calc(1em * var(--mark-ratio))}.marketing-site .hb-wordmark{align-items:center;gap:.21em}.marketing-site .hb-wordmark>span{font-size:inherit;padding:0;top:0;line-height:0}.hb-wordmark .brand-art{height:.7em;width:calc(.7em * var(--mark-ratio))}.hb-wordmark i{line-height:0}.marketing-site .mk-logo:has(>.brand-art){min-width:max-content}
@media(max-width:1024px){.marketing-site .hb-wordmark{gap:.19em}}
