:root{--callout-panel:#11110f;--callout-field:#171715}
.callout-page{background:#080807}.callout-page .site-header{position:fixed;padding-left:12vw;padding-right:12vw}.callout-page main{min-height:70vh}.callout-hero{padding:56px 12vw 58px;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:7vw;border-bottom:1px solid var(--line);background:#0b0b0a}.callout-hero h1{margin:10px 0 24px;font:800 clamp(48px,6.5vw,86px)/.93 Manrope,sans-serif;letter-spacing:-.075em}.callout-hero h1 span{color:var(--gold-light)}.callout-hero>div:first-child>p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.callout-aside{display:grid;gap:16px;align-self:start}.callout-time{border-left:4px solid var(--gold);padding:13px 0 13px 18px;display:grid;gap:4px}.callout-time span{color:var(--muted);font:800 11px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}.callout-time strong{font:800 23px Manrope,sans-serif}.callout-time small{margin-top:5px;color:#bbb5a9;line-height:1.4}
.callout-form{padding:62px 12vw 96px;display:grid;gap:24px}.callout-card{position:relative;display:grid;grid-template-columns:62px 260px minmax(0,1fr);gap:28px;padding:38px;border:1px solid var(--line);background:var(--callout-panel)}.section-number{color:var(--gold-light);font:800 13px Manrope,sans-serif;letter-spacing:.12em}.section-copy h2{margin:8px 0 0;font:800 clamp(27px,3vw,39px)/1 Manrope,sans-serif;letter-spacing:-.045em}.section-copy>p:last-child:not(.eyebrow){margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.callout-grid label{display:block}.callout-grid .wide{grid-column:1/-1}.callout-grid label>span{display:block;margin-bottom:8px;color:#cfc9be;font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}.callout-grid input,.callout-grid select,.callout-grid textarea{width:100%;padding:14px 15px;border:1px solid #34332f;border-radius:2px;background:var(--callout-field);color:var(--white);font:500 15px "DM Sans",sans-serif;outline:none}.callout-grid textarea{resize:vertical;min-height:88px}.callout-grid input:focus,.callout-grid select:focus,.callout-grid textarea:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px #d1a24d1f}.callout-grid select{appearance:auto}.callout-grid option{background:#171715}.callout-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.callout-grid input::placeholder,.callout-grid textarea::placeholder{color:#8e8a82;font:500 15px/1.5 "DM Sans",sans-serif;opacity:1}
.callout-help{padding:20px;border:1px solid #3a3934;background:#11110f}.callout-help>.eyebrow{margin-bottom:7px;font-size:10px}.callout-help h2{margin:0 0 8px;font:800 25px/1 Manrope,sans-serif;letter-spacing:-.045em}.callout-help>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.5}.callout-help-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.help-action{position:relative;min-height:76px;padding:12px 34px 12px 13px;display:flex;flex-direction:column;justify-content:center;border:1px solid #5c594f;color:#fff;text-decoration:none}.help-action.gold{border-color:var(--gold);background:var(--gold);color:#080706}.help-action span{font-size:10px;font-weight:700}.help-action strong{margin-top:3px;font:800 13px Manrope,sans-serif}.help-action .arrow-icon{position:absolute;right:12px;top:50%;width:14px;transform:translateY(-50%);fill:none;stroke:currentColor;stroke-width:1.8}.callout-help-qr{margin-top:14px;padding-top:14px;border-top:1px solid #34332f;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:12px;color:var(--muted);text-decoration:none;font-size:11px;line-height:1.4}.callout-help-qr img{width:72px;height:72px;padding:5px;background:#fff}.callout-help-qr strong{display:block;margin-bottom:4px;color:#fff;font:800 13px Manrope,sans-serif}
.upload-grid{grid-column:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.upload-box{position:relative;min-height:215px;border:1px dashed #57534a;background:#151513}.upload-box:hover,.upload-box:focus-within,.upload-box.has-file{border-color:var(--gold-light);background:#191813}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-picker{height:100%;min-height:213px;padding:20px;display:flex;flex-direction:column;cursor:pointer}.upload-icon{width:35px;height:35px;display:grid;place-items:center;margin-bottom:24px;border:1px solid var(--gold-light);color:var(--gold-light);font-size:22px}.upload-box strong{font:800 15px Manrope,sans-serif}.upload-box small{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.5}.upload-box em{margin-top:auto;padding-top:17px;color:var(--gold-light);font-size:12px;font-style:normal;font-weight:800;overflow-wrap:anywhere}.upload-remove{position:absolute;z-index:2;top:12px;right:12px;width:31px;height:31px;padding:0;border:1px solid var(--gold-light);border-radius:50%;background:#0d0d0b;color:var(--gold-light);font:500 23px/27px Arial,sans-serif;cursor:pointer}.upload-remove:hover,.upload-remove:focus-visible{background:var(--gold-light);color:#080706;outline:none}.upload-remove[hidden]{display:none}.upload-box.has-file .upload-icon{color:#080706;background:var(--gold-light)}.evidence-note{grid-column:3;margin:12px 0 0;color:var(--muted);font-size:12px}
.agreement-card{grid-template-columns:62px 260px minmax(0,1fr)}.agreement-list{display:grid;gap:10px}.agreement{display:flex;gap:14px;padding:18px;border:1px solid #34332f;background:#151513;cursor:pointer}.agreement:has(input:checked){border-color:var(--gold-light);background:#1b1811}.agreement input{flex:0 0 auto;width:21px;height:21px;margin-top:1px;accent-color:var(--gold)}.agreement span{display:grid;gap:6px}.agreement strong{font:700 14px/1.45 Manrope,sans-serif}.agreement small{color:var(--muted);font-size:12px;line-height:1.5}.inline-link{appearance:none;border:0;padding:0;background:transparent;color:var(--gold-light);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.privacy-line{grid-column:3;margin:17px 0 0;color:var(--muted);font-size:12px}.form-message{grid-column:3;margin-top:12px;padding:14px 16px;font-size:13px;line-height:1.45}.form-message.error{border-left:4px solid #c85747;background:#2a1512;color:#f1cbc5}.submit-callout{grid-column:3;justify-self:start;display:inline-flex;align-items:center;gap:13px;margin-top:18px;padding:17px 22px;border:1px solid var(--gold);background:var(--gold);color:#080706;font:800 13px Manrope,sans-serif;letter-spacing:.02em;cursor:pointer}.submit-callout:disabled{border-color:#393733;background:#252420;color:#74716a;cursor:not-allowed}.submit-callout:not(:disabled):hover{background:var(--gold-light)}.submit-callout .arrow-icon{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.agreement strong label{cursor:pointer}
.terms-agreement{cursor:pointer}
.terms-agreement .inline-link{cursor:pointer;outline:none}
.terms-agreement .inline-link:focus-visible{color:var(--white);text-decoration-thickness:2px}
.agreement input:focus{outline:none}.agreement input:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
.callout-success{max-width:980px;margin:70px auto 100px;padding:58px;border:1px solid var(--gold);border-left-width:7px;background:#11110f}.callout-success h2{margin:10px 0 24px;font:800 clamp(42px,6vw,70px)/.96 Manrope,sans-serif;letter-spacing:-.065em}.callout-success h2 span{color:var(--gold-light)}.callout-success>p:not(.eyebrow){max-width:700px;color:#c7c2b8;font-size:17px;line-height:1.65}.callout-success>p strong{color:var(--gold-light)}.success-actions{display:flex;gap:12px;margin-top:30px}.callout-success .button{width:auto}
.success-new-form{background:transparent;cursor:pointer;font-family:inherit}

/* Keep the Call-out page on the same base shade as the main Lock717 pages. */
.callout-page,.callout-hero{background:var(--bg)}
@media(max-width:1080px){.callout-hero{grid-template-columns:minmax(0,1fr) 350px;gap:5vw}.callout-card,.agreement-card{grid-template-columns:44px 220px minmax(0,1fr);gap:20px;padding:30px}.upload-grid{grid-template-columns:1fr}.upload-box{min-height:175px}.upload-picker{min-height:173px}.callout-form{padding-left:5vw;padding-right:5vw}}
@media(max-width:760px){.callout-page .site-header{padding-left:16px;padding-right:16px}.callout-page .site-header .brand{font-size:20px;gap:5px}.callout-page .site-header .brand img{width:38px;height:38px;margin-right:-4px}.callout-hero{padding:22px 24px 44px;grid-template-columns:1fr;gap:32px}.callout-aside{order:-1;display:flex;flex-direction:column}.callout-help{order:-1;padding:17px}.callout-help-qr{display:none}.callout-help-actions{margin-top:13px}.help-action{min-height:70px}.callout-time{padding-top:10px;padding-bottom:10px}.callout-hero h1{font-size:clamp(43px,13vw,62px)}.callout-hero>div:first-child>p:last-child{font-size:16px}.callout-form{padding:34px 16px 70px;gap:16px}.callout-card,.agreement-card{display:block;padding:26px 20px}.section-number{margin-bottom:18px}.section-copy{margin-bottom:25px}.section-copy h2{font-size:31px}.callout-grid{grid-template-columns:1fr}.callout-grid .wide{grid-column:auto}.upload-grid{display:grid}.upload-box{min-height:165px}.upload-picker{min-height:163px}.evidence-note,.privacy-line,.form-message,.submit-callout{grid-column:auto}.submit-callout{width:100%;justify-content:center}.agreement{padding:15px}.callout-success{margin:35px 16px 70px;padding:34px 25px}.success-actions{display:grid}.success-actions .button{width:100%}}
@media(max-width:390px){.callout-page .site-header{padding-left:10px;padding-right:10px}.callout-page .site-header .brand{font-size:18px}.callout-page .site-header .brand img{width:34px;height:34px}.help-action{padding-right:28px}.help-action .arrow-icon{right:9px}.help-action strong{font-size:12px}}

/* v345: compact homepage-style help controls and restored hero alignment. */
.callout-hero{align-items:center}
.callout-aside{gap:10px;align-self:center}
.callout-time{padding:8px 0 10px 18px;gap:3px}
.callout-time small{margin-top:3px}
.callout-grid label[hidden]{display:none}
.callout-grid select:invalid{color:#8e8a82}
.callout-grid option{color:var(--white)}
.callout-grid select{appearance:none;padding-right:46px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='m1 1 7 7 7-7' fill='none' stroke='%23dbb15a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:16px 10px}
.upload-box:focus-within:not(.has-file):not(:hover){border-color:#57534a;background:#151513}
.callout-help{padding:13px 14px 14px}
.callout-help-label{margin:0;color:var(--muted);font:800 11px Manrope,sans-serif!important;line-height:1.2!important;letter-spacing:.12em;text-transform:uppercase}
.callout-help-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:nowrap}
.callout-help-actions .button{flex:1;justify-content:space-between;gap:8px;padding:12px 13px;font-size:11px;white-space:nowrap}
.callout-help-actions .arrow-icon{width:14px;height:14px;flex-basis:14px}
.callout-help-qr{margin-top:11px;padding-top:11px;grid-template-columns:56px 1fr;gap:10px;line-height:1.35}
.callout-help-qr img{width:56px;height:56px;padding:4px}
.callout-help-qr strong{margin-bottom:3px;font-size:12px}
@media(max-width:760px){
  .callout-hero{padding-top:36px;gap:28px}
  .callout-aside{order:initial}
  .callout-help{order:initial;padding:13px 14px}
  .callout-help-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:10px}
  .callout-help-actions .button{width:100%}
  .callout-time{padding-top:8px;padding-bottom:8px}
}
@media(max-width:430px){.callout-help-actions{grid-template-columns:1fr}}

/* v346: no call-out QR or help panel; retain the original hero typography. */
.callout-aside{transform:translateY(-12px)}
.callout-time{padding:13px 0 13px 18px;gap:4px}
.callout-time small{margin-top:5px}
.callout-help{padding:0;border:0;background:transparent}
.callout-help-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px}
.callout-help-actions .button{width:100%;flex:none;justify-content:flex-start;gap:20px;padding:15px 18px;font-size:13px;white-space:normal}
@media(max-width:760px){
  .callout-aside{transform:none}
  .callout-time{padding:13px 0 13px 18px;gap:4px}
  .callout-time small{margin-top:5px}
  .callout-help{padding:0}
  .callout-help-actions{display:flex;flex-direction:column;align-items:stretch}
}

/* v349: restore the v336 hero proportions and size the help actions to its right column. */
.callout-hero{
  padding:76px 12vw 66px;
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:end;
  gap:8vw
}
.callout-aside{
  width:310px;
  gap:10px;
  align-self:end;
  transform:none
}
.callout-time{padding:16px 0 16px 22px;gap:5px}
.callout-time strong{font-size:25px}
.callout-time small{margin-top:7px;line-height:1.45}
.callout-help-actions{width:310px}
.callout-help-actions .button{
  width:310px;
  min-height:48px;
  justify-content:space-between;
  gap:12px;
  padding:14px 17px;
  white-space:nowrap
}
@media(max-width:1080px) and (min-width:761px){
  .callout-hero{grid-template-columns:minmax(0,1fr) 310px;gap:5vw}
}
@media(max-width:760px){
  .callout-hero{padding:48px 24px 44px;grid-template-columns:1fr;gap:35px}
  .callout-aside,.callout-help-actions{width:100%}
  .callout-help-actions .button{width:100%}
}

/* v352: top-align the time marker and use compact, equal help actions. */
@media(min-width:761px){
  .callout-hero{align-items:stretch}
  .callout-aside{align-self:stretch;display:flex;flex-direction:column}
  .callout-time{padding:8px 0 8px 22px}
  .callout-help{margin-top:auto}
  .callout-help-actions{width:var(--help-actions-width,270px)}
  .callout-help-actions .button{width:100%}
}
.callout-help-label{color:var(--white)!important}
.callout-grid input.is-invalid,.callout-grid select.is-invalid,.callout-grid textarea.is-invalid{border-color:#c85747;background:#211512;box-shadow:0 0 0 3px #c8574714}
.upload-box.is-invalid{border-color:#c85747;background:#211512;box-shadow:0 0 0 2px #c8574714}
.agreement.is-invalid{border-color:#c85747;background:#211512;box-shadow:0 0 0 2px #c8574714}
.form-message.error{position:relative;display:flex;align-items:center;gap:14px;padding-right:54px}.form-error-copy{min-width:0}.form-message.error.is-jumpable{cursor:pointer}.form-message.error.is-jumpable:focus-visible{outline:2px solid #e29a90;outline-offset:3px}.form-error-arrow{position:absolute;right:17px;top:50%;display:grid;place-items:center;transform:translateY(-50%);color:#f1cbc5;pointer-events:none}.form-error-arrow .arrow-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.form-message[hidden]{display:none!important}
@media(max-width:760px){
  .callout-help-actions{width:var(--help-actions-width,100%)}
  .callout-help-actions .button{width:100%}
  .callout-aside{gap:20px}
}

/* v375: compact aligned help actions and a mobile-only confirmation panel. */
.callout-help-actions{align-items:flex-start}
.callout-help-actions .button{display:flex;align-items:center}
.callout-help-actions .arrow-icon{margin-left:auto;flex:0 0 14px}

/* The Call and WhatsApp controls are intentionally the same height on every screen. */
.callout-help-actions .button{height:50px;min-height:50px}

/* Keep the call-out header brand exactly at the homepage size on phones too. */
@media(max-width:760px){
  .callout-page .site-header .brand{font-size:25px;gap:10px}
  .callout-page .site-header .brand img{width:42px;height:42px;margin-right:-6px;transform:translateY(-3px)}
}
@media(max-width:390px){
  .callout-page .site-header .brand{font-size:25px}
  .callout-page .site-header .brand img{width:42px;height:42px;margin-right:-6px;transform:translateY(-3px)}
}

/* Align the mobile header brand with the call-out hero's 24px content line. */
@media(max-width:760px){
  .callout-page .site-header{padding-left:24px;padding-right:24px}
}

/* Keep the full site navigation available from the form without crowding it. */
@media(min-width:901px){
  .callout-page .site-header{padding-left:5vw;padding-right:5vw}
}
.upload-box:not(.has-file):not(.is-choosing):not(.is-invalid){border-color:#57534a;background:#151513}
.upload-box input{position:absolute;inset:auto;width:1px;height:1px;margin:0;opacity:0}
.upload-picker{position:relative;z-index:0;pointer-events:auto;cursor:pointer}
.callout-grid textarea{overflow-y:auto;-webkit-overflow-scrolling:touch}

/* Submission view: keep the confirmation focused and the contact actions compact. */
.callout-page.callout-submitted .callout-hero,
.callout-page.callout-submitted #callout-form,
.callout-page.callout-submitted footer{display:none!important}
.success-actions{display:grid;width:min(100%,290px)}
.callout-success .success-actions .button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px}
.callout-success .success-actions .arrow-icon{width:14px;height:14px;flex:0 0 14px;margin-left:auto}

/* v432: a customer can keep their reference even when they leave email blank. */
.reference-save{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:16px 18px;border:1px solid #4d493f;background:#0d0d0c}
.reference-save div{display:grid;gap:3px}.reference-save span{color:var(--gold-light);font:800 10px Manrope,sans-serif;letter-spacing:.11em}.reference-save strong{color:var(--white);font:800 17px Manrope,sans-serif;letter-spacing:.02em}.reference-save small{color:var(--muted);font-size:11px;line-height:1.4}
.reference-save button{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;padding:11px 13px;border:1px solid var(--gold);background:transparent;color:var(--gold-light);font:800 11px Manrope,sans-serif;cursor:pointer}.reference-save button:hover,.reference-save button:focus-visible{background:var(--gold);color:#080706;outline:none}.reference-save .arrow-icon{width:14px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:560px){.reference-save{display:grid;gap:15px}.reference-save button{width:100%;justify-content:space-between}}

/* iPhone Safari zooms focused form controls below 16px. */
@media(max-width:760px){
  .callout-grid input,.callout-grid select,.callout-grid textarea{font-size:16px}
}

/* v459 — use the homepage mobile header geometry on the form too. */
@media(max-width:760px){
  .callout-page .site-header{padding-left:20px;padding-right:20px}
  .callout-page .site-header .brand{font-size:25px;gap:10px}
  .callout-page .site-header .brand img{width:47px;height:47px;margin-right:0;transform:none}
}
@media(max-width:390px){
  .callout-page .site-header{padding-left:20px;padding-right:20px}
  .callout-page .site-header .brand{font-size:25px;gap:10px}
  .callout-page .site-header .brand img{width:47px;height:47px;margin-right:0;transform:none}
}

/* Match the compact mobile Call/WhatsApp actions across the whole site. */
@media(max-width:760px){
  .callout-help-actions{width:min(100%,252px)}
}