/* contact: pen.dev "Page / Contact" */
.ct-hero .wrap{display:flex;align-items:flex-start;gap:64px}
.ct-tx{flex:none;width:500px;display:flex;flex-direction:column;gap:26px}
.ct-tx h1{font-size:60px;line-height:61px;letter-spacing:-3px}
.ct-tx .sub{font-size:18px;line-height:27px;color:var(--mut)}
.ct-tx .trust{justify-content:flex-start}
.ct-steps{display:flex;flex-direction:column;gap:12px}
.ct-steps>div{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px}
.ct-steps .ib{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:13px;background:var(--p);color:#fff}
.ct-steps .ib svg{width:26px;height:26px}
.ct-steps b{display:block;font-size:15px;font-weight:700}
.ct-steps small{display:block;font-size:13px;color:var(--mut)}
/* the enquiry form (form.form: v2-core.js validates and posts it to /contact.php) */
.ct-form{flex:1;min-width:0;display:flex;flex-direction:column;gap:22px;padding:36px;border-radius:28px;background:var(--glass);box-shadow:0 24px 60px #15123A1F;outline:1px solid #fff;outline-offset:-.5px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ct-form h2{font-size:26px;font-weight:700;letter-spacing:-.5px}
.form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld.full,.consent{grid-column:1/-1}
.fld label,.fld .lb{font-size:13px;font-weight:600}
.fld em{font-style:normal;font-weight:400;color:var(--mut)}
.fld input,.fld textarea{width:100%;height:52px;padding:14px 16px;border:0;border-radius:12px;background:#fff;outline:1px solid var(--line);outline-offset:-.5px;font:400 15px Inter,sans-serif;color:var(--ink);transition:outline-color .25s,box-shadow .25s}
.fld textarea{height:110px;min-height:110px;resize:vertical;display:block}
.fld input::placeholder,.fld textarea::placeholder{color:#A5A3C2}
.fld input:focus,.fld textarea:focus{outline-color:var(--p);box-shadow:0 0 0 4px #8B5CF61F}
.fld .msg,.consent .msg{display:none;font-size:12px;font-weight:600;color:#DC2626}
.fld.err .msg,.consent.err .msg{display:block}
.fld.err input,.fld.err textarea{outline:1.5px solid #DC2626;box-shadow:0 0 0 4px #DC262614}
.count{align-self:flex-end;margin-top:-4px;font:400 11px "JetBrains Mono",monospace;color:var(--mut)}
.chipsel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px}
.chipsel button{display:flex;align-items:center;justify-content:center;padding:10px 8px;border:0;border-radius:999px;background:#fff;outline:1px solid var(--line);outline-offset:-.5px;font:600 13px Inter,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .25s,color .25s,outline-color .25s}
.chipsel button:hover{outline-color:var(--p)}
.chipsel button.on{background:var(--p);color:#fff;outline-color:var(--p)}
.fld.fhint{display:block;margin:-8px 0 0;font-size:12px;line-height:18px;color:var(--mut)}
.fhint a{color:var(--p);font-weight:600}
.fhint a:hover{text-decoration:underline}
.consent{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:19px;color:var(--mut)}
.consent label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.consent input{flex:none;width:16px;height:16px;margin:2px 0 0;accent-color:var(--p)}
.consent .msg{padding-left:26px}
.fend{display:flex;flex-direction:column;align-items:center;gap:12px}
.send{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:18px;border:0;border-radius:12px;background:var(--p);color:#fff;font:700 16px Inter,sans-serif;cursor:pointer;transition:background .25s,box-shadow .4s var(--ease)}
.send:hover{background:#7C3AED;box-shadow:0 18px 40px #8B5CF64D}
.send:disabled{opacity:.7;cursor:progress}
.send svg{width:18px;height:18px}
.fend small{font-size:13px;color:var(--mut)}
.sentmsg{display:none;padding:56px 12px;text-align:center}
.sentmsg .ok{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--ok);color:#fff;font-size:28px;box-shadow:0 16px 40px #16A34A40}
.sentmsg h3{font-size:26px;letter-spacing:-.5px;margin-bottom:8px}
.sentmsg p{color:var(--mut)}
.form.sent>:not(.sentmsg){display:none}
.form.sent .sentmsg{display:block}
.failmsg{padding:18px 20px;border-radius:14px;background:#DB27770F;outline:1px solid #DB277766;outline-offset:-.5px}
.failmsg h3{font-size:18px;margin-bottom:6px}
.failmsg p{font-size:14px;color:var(--mut)}
.failmsg a{color:var(--p);font-weight:600}
/* other ways */
.sec.ct-ways{padding:0 0 100px}
.ct-ways .sh h2{font-size:52px;letter-spacing:-2px}
.ct-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ct-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;border-radius:24px;transition:box-shadow .5s}
a.ct-card:hover{box-shadow:var(--sh2)}
.ct-card .ib{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;background:var(--p);color:#fff}
.ct-card .ib svg{width:32px;height:32px}
.ct-card .k{font:600 12px "JetBrains Mono",monospace;letter-spacing:2px;color:var(--p)}
.ct-card b{font:700 20px Manrope,sans-serif;letter-spacing:-.4px;word-break:break-word}
.ct-card small{font-size:14px;color:var(--mut)}

@media (max-width:1180px){
  .ct-hero .wrap{flex-direction:column;align-items:stretch;gap:40px}
  .ct-tx{width:auto;max-width:640px}
}
@media (max-width:1024px){
  .ct-cards{grid-template-columns:1fr}
  .ct-ways .sh h2{font-size:40px}
}
@media (max-width:640px){
  .ct-tx{gap:20px}
  .ct-tx h1{font-size:40px;line-height:44px;letter-spacing:-1.6px}
  .ct-tx .sub{font-size:17px;line-height:25px}
  .ct-form{padding:22px 16px;border-radius:22px}
  .fgrid{grid-template-columns:1fr;gap:18px}
  .chipsel{grid-template-columns:1fr 1fr}
  .fld input,.fld textarea{font-size:16px}
  .sec.ct-ways{padding:0 0 64px}
  .ct-ways .sh h2{font-size:32px;letter-spacing:-1.2px}
  .ct-card{padding:24px}
}