/* Groundwork brand skin · overrides Zoho form.css · load AFTER form.css */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600&family=Inter:wght@400;500&display=swap');

:root{
  --slate:#2E3438; --copper:#B4713F; --copper-dark:#8F5730;
  --sand:#EFE9E1; --clay:#8A6552; --stone:#A8A29A; --paper:#FAF7F2;
  --ink:#262B2E; --ink-soft:#5C6468;
}

body.zf-backgroundBg{background:var(--paper)!important;font-family:'Inter',sans-serif!important;color:var(--ink)!important;margin:0}

/* page chrome */
.gw-nav{background:var(--slate);padding:16px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.gw-mark{font-family:'Archivo',sans-serif;font-weight:500;font-size:20px;color:var(--paper);text-decoration:none;letter-spacing:.02em}
.gw-mark span{display:inline-block;width:26px;height:3px;background:var(--copper);margin-left:8px;vertical-align:middle}
.gw-nav a.gw-back{color:#C8CCCE;text-decoration:none;font-size:15px}
.gw-nav a.gw-back:hover{color:var(--paper)}
.gw-intro{background:var(--slate);color:var(--paper);padding:56px 24px 60px;text-align:center}
.gw-intro h1{font-family:'Archivo',sans-serif;font-weight:500;font-size:clamp(28px,4.4vw,42px);line-height:1.15;margin:0 auto;max-width:20ch}
.gw-intro .rule{width:110px;height:4px;background:var(--copper);border:0;margin:22px auto}
.gw-intro p{color:#C8CCCE;max-width:60ch;margin:0 auto;font-size:17px;line-height:1.6}
.gw-foot{background:var(--slate);color:var(--stone);padding:40px 24px;font-size:13px;line-height:1.7;text-align:center}
.gw-foot p{max-width:78ch;margin:0 auto}

/* form container */
.zf-templateWidth{max-width:820px!important;width:100%!important;margin:-32px auto 56px!important;padding:0 20px!important;float:none!important}
.zf-templateWrapper{background:#fff!important;border:0!important;border-radius:12px!important;box-shadow:0 2px 24px rgba(46,52,56,.10)!important;padding:8px 0 0!important;max-width:100%!important;width:100%!important}
.zf-subContWrap{padding:8px 34px 0!important}
@media(max-width:640px){.zf-subContWrap{padding:8px 18px 0!important}}

/* kill zoho's own header, we supply our own */
.zf-tempHeadBdr{display:none!important}

/* labels */
.zf-tempFrmWrapper .zf-labelName,.zf-labelName{font-family:'Archivo',sans-serif!important;font-weight:500!important;font-size:16px!important;color:var(--ink)!important;line-height:1.45!important;padding-bottom:8px!important}
.zf-important{color:var(--copper)!important}
.zf-instruction,.zf-smallText{color:var(--clay)!important;font-size:13px!important}
.zf-name .zf-tempContDiv span label,.zf-phone .zf-tempContDiv span label,.zf-currency .zf-tempContDiv span label{color:var(--ink-soft)!important;font-size:12.5px!important;font-family:'Inter',sans-serif!important;font-weight:400!important}

/* spacing between fields */
.zf-tempFrmWrapper{padding:0 0 22px!important;width:100%!important;float:none!important}

/* inputs */
.zf-tempContDiv input[type="text"],.zf-tempContDiv textarea,.zf-form-sBox{
  font-family:'Inter',sans-serif!important;font-size:16px!important;color:var(--ink)!important;
  background:#fff!important;border:1.5px solid #D9D2C8!important;border-radius:6px!important;
  padding:12px 13px!important;height:auto!important;box-shadow:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
.zf-tempContDiv textarea{min-height:110px!important;line-height:1.55!important}
.zf-tempContDiv input[type="text"]:hover,.zf-tempContDiv textarea:hover,.zf-form-sBox:hover{border-color:var(--clay)!important}
.zf-tempContDiv input[type="text"]:focus,.zf-tempContDiv textarea:focus,.zf-form-sBox:focus{border-color:var(--copper)!important;outline:2px solid rgba(180,113,63,.22)!important;outline-offset:1px!important}
.zf-tempContDiv input::placeholder,.zf-tempContDiv textarea::placeholder{color:#A8A29A!important}
.zf-form-sBox{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--clay) 50%),linear-gradient(135deg,var(--clay) 50%,transparent 50%)!important;background-position:calc(100% - 20px) calc(50% + 2px),calc(100% - 14px) calc(50% + 2px)!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;padding-right:40px!important}

/* radios + checkbox */
.zf-radioBtnType,.zf-decesion input[type="checkbox"]{accent-color:var(--copper);width:17px;height:17px}
.zf-radio .zf-multiAttType label,.zf-decesion label{font-family:'Inter',sans-serif!important;font-weight:400!important;font-size:15.5px!important;color:var(--ink)!important;line-height:1.5!important}
.zf-decesion .zf-tempContDiv{background:var(--sand)!important;border-radius:8px!important;padding:16px 18px!important;display:flex;gap:12px;align-items:flex-start}
.zf-decesion .zf-tempContDiv input[type="checkbox"]{margin-top:3px;flex-shrink:0}

/* errors */
.zf-errorMessage{color:#B3261E!important;font-size:13px!important;font-family:'Inter',sans-serif!important;padding-top:6px!important}

/* submit */
.zf-fmFooter{text-align:left!important;padding:14px 34px 34px!important}
@media(max-width:640px){.zf-fmFooter{padding:14px 18px 28px!important}}
.zf-submitColor{
  font-family:'Archivo',sans-serif!important;font-weight:500!important;font-size:17px!important;
  background:var(--copper)!important;color:#FAF7F2!important;border:0!important;border-radius:6px!important;
  padding:15px 34px!important;cursor:pointer;box-shadow:none!important;transition:background .15s ease}
.zf-submitColor:hover{background:var(--copper-dark)!important}
.zf-submitColor:focus-visible{outline:3px solid var(--slate);outline-offset:3px}

/* section headings injected by our script */
.gw-section{font-family:'Archivo',sans-serif;font-weight:500;font-size:13px;letter-spacing:.13em;color:var(--clay);
  border-top:1px solid var(--sand);padding:26px 0 4px;margin:6px 0 18px}
.gw-section:first-of-type{border-top:0;padding-top:10px}

/* conditional hiding */
.gw-hidden{display:none!important}

/* phone: compact country code, wide number */
.zf-phwrapper span:first-child{width:88px!important;max-width:88px!important;margin-right:12px!important}
.zf-phwrapper span:first-child input{text-align:center!important}
.zf-phwrapper span:last-child{width:calc(100% - 104px)!important;max-width:calc(100% - 104px)!important}
@media(max-width:560px){
  .zf-phwrapper span:first-child{width:74px!important;max-width:74px!important;margin-right:8px!important}
  .zf-phwrapper span:last-child{width:calc(100% - 84px)!important;max-width:calc(100% - 84px)!important}
}