.contact-body{flex:auto;margin-block-start:40px;padding-block:64px 112px}.contact-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:40px 96px;display:grid}.contact-words{flex-direction:column;gap:20px;padding-block-start:64px;display:flex}.lp .contact-words h1{font-size:clamp(40px,5vw,64px);line-height:1.04}:lang(ar) .lp .contact-words h1{line-height:1.3}.contact-words .lp-lead{text-wrap:pretty}.contact-notes{flex-direction:column;gap:14px;margin-block-start:8px;display:flex}.lp .contact-notes li{align-items:flex-start;gap:12px;font-size:17px;display:flex}.contact-notes svg{color:var(--muted);flex:none;margin-block-start:1px}.contact-side{padding-block-start:64px;position:relative}.contact-peek{z-index:0;inline-size:104px;position:absolute;inset-block-start:0;inset-inline-end:48px}.contact-peek svg{block-size:auto;inline-size:100%;display:block;overflow:visible}.contact-peek .jobi-react:focus-visible{outline-offset:2px}.contact-card{z-index:1;background:var(--surface);border:1px solid var(--line);min-block-size:200px;box-shadow:0 1px 0 var(--line), 0 32px 56px -40px var(--lift);border-radius:24px;padding:32px;position:relative}.contact-card form{flex-direction:column;gap:20px;display:flex}.contact-topics{border:0;min-inline-size:0;margin:0;padding:0}.contact-topics legend{margin-block-end:10px;padding:0;font-weight:600}.contact-topics legend .muted{margin-inline-start:4px;font-weight:400}.contact-chips{flex-wrap:wrap;gap:8px;display:flex}.contact-card .contact-chip{border:1px solid var(--control);background:var(--surface);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-block-size:44px;margin:0;padding-inline:16px;font-weight:600;display:inline-flex;position:relative}.contact-chip input{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.contact-chip svg{display:none}.contact-chip:hover{background:var(--sunk)}.contact-chip:has(input:checked){border-color:var(--fg);box-shadow:inset 0 0 0 1px var(--fg);background:var(--sunk)}.contact-chip:has(input:checked) svg{display:block}.contact-chip:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.contact-pair{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px 16px;display:grid}.contact-field{min-inline-size:0}.contact-card .contact-field label{margin-block:0 6px}.contact-card textarea{resize:vertical;min-block-size:168px;line-height:1.5}.contact-card [aria-invalid=true]{border-color:var(--danger)}.contact-problem{color:var(--danger);margin:6px 0 0;font-size:15px}.contact-card .contact-error{margin:0;font-size:15px}.lp .contact-send{border-radius:12px;min-block-size:52px;inline-size:100%;font-size:17px}.contact-trap{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.contact-sent{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;min-block-size:360px;display:flex}.contact-tick{background:var(--sunk);block-size:56px;inline-size:56px;color:var(--fg);border-radius:50%;place-items:center;margin-block-end:8px;display:grid}.lp .contact-sent h2{font-size:clamp(26px,2.6vw,32px);line-height:1.15}:lang(ar) .lp .contact-sent h2{line-height:1.4}.contact-sent h2:focus{outline:none}.contact-sent button.link{min-block-size:44px;margin-block-start:4px}.contact .site-foot{margin-block-start:0}@media (max-width:900px){.contact-in{grid-template-columns:minmax(0,1fr)}.contact-words{padding-block-start:0}}@media (max-width:640px){.contact-body{padding-block:32px 88px}.contact-side{padding-block-start:50px}.contact-peek{inline-size:80px;inset-inline-end:24px}.contact-card{border-radius:20px;padding:20px}.contact-card .contact-chip{padding-inline:12px}.contact-sent{min-block-size:280px}}
