.orange-text{color:var(--orange)}.callback-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:start}.callback-grid h1{font-size:clamp(42px,4vw,60px)}.callback-note{background:var(--pale);border-left:3px solid var(--orange);padding:25px;margin:35px 0}.callback-note h2{font-size:24px;line-height:1.3}.callback-note p{font-size:16px}.callback-panel{background:var(--pale);padding:36px;border-top:3px solid var(--orange)}.callback-panel h2{font-size:32px}.callback-panel label{display:block;font-size:15px;font-weight:600;margin-bottom:20px;line-height:1.5}.callback-panel input:not([type=checkbox]):not([type=radio]),.callback-panel select,.callback-panel textarea{display:block;width:100%;border:1px solid #b7bec1;border-radius:3px;padding:13px 12px;background:#fff;color:var(--ink);font:16px/1.5 'DM Sans',Arial,sans-serif;margin-top:8px}.callback-panel textarea{resize:vertical}.callback-panel input:focus-visible,.callback-panel select:focus-visible,.callback-panel textarea:focus-visible{outline:2px solid var(--charcoal);outline-offset:2px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-help{font-size:14px;color:var(--charcoal);line-height:1.6}.callback-panel .form-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400}.form-consent input{width:18px;height:18px;margin-top:3px;flex-shrink:0;accent-color:var(--orange)}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.callback-panel button{cursor:pointer;font-family:inherit}.callback-panel button:disabled{opacity:.7;cursor:wait}#form-status,#service-status{margin-top:18px;font-size:16px;color:#a52e15}#request-reference,#service-reference{font-size:14px;color:var(--charcoal);overflow-wrap:anywhere}[hidden]{display:none!important}.phone-use-grid .btn{margin-top:15px}@media(max-width:900px){.callback-grid{gap:35px}.form-two{grid-template-columns:1fr;gap:0}}@media(max-width:650px){.callback-grid{grid-template-columns:1fr;gap:25px}.callback-panel{padding:25px}.callback-grid h1{font-size:43px}}

.support-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.support-hero-copy{min-width:0}.support-hero-copy h1{font-size:clamp(43px,4.5vw,67px)}.support-hero-art{overflow:hidden;aspect-ratio:1.1}.support-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right center;filter:none}.support-hero-copy .lead{font-size:20px}@media(max-width:1000px){.support-hero-grid{gap:35px}.support-hero-copy h1{font-size:48px}}@media(max-width:650px){.support-hero-grid{grid-template-columns:1fr;gap:30px}.support-hero-copy h1{font-size:43px}.support-hero-art{aspect-ratio:1.15;max-width:520px;width:100%;justify-self:center}.support-hero-copy .lead{font-size:18px}}

/* Blend the top and sides of the Support portrait, keeping the bottom edge crisp. */
.support-hero-art{
 -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 8%,#000 100%);
 mask-composite:intersect;
}

/* Keep the Support portrait anchored to the section's bottom edge. */
.phone-hero.support-hero{padding:65px 0 0}.support-hero .support-hero-grid{align-items:stretch}.support-hero .support-hero-copy{padding-bottom:65px;align-self:center}.support-hero .support-hero-art{align-self:end;margin-bottom:0}.support-hero .support-hero-art img{object-position:right bottom}
@media(max-width:650px){.phone-hero.support-hero{padding:40px 0 0}.support-hero .support-hero-copy{padding-bottom:0}}

/* Give the Support portrait a slightly larger share of the hero canvas. */
.support-hero .support-hero-grid{grid-template-columns:.9fr 1.1fr}
@media(max-width:650px){.support-hero .support-hero-grid{grid-template-columns:minmax(0,1fr)}.support-hero .support-hero-art{max-width:580px}}

/* After Salesforce returns, the confirmation section receives programmatic focus for
   screen readers. Suppress the browser's dark section outline, but retain visible
   focus indicators on links and buttons inside the confirmation. */
#callback-success:focus,
#callback-success:focus-visible,
#service-success:focus,
#service-success:focus-visible{outline:none}

/* The form receives focus on arrival for navigation, without a container outline. */
#callback-form:focus,#callback-form:focus-visible,#service-form:focus,#service-form:focus-visible{outline:none}
.customer-status{border:0;padding:0;margin:0 0 20px;min-width:0}
.customer-status legend{font-size:15px;font-weight:600;line-height:1.5;padding:0;margin-bottom:10px}
.customer-options{display:flex;flex-wrap:wrap;gap:12px 28px}
.callback-panel .customer-options label{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-size:16px;font-weight:400;cursor:pointer}
.callback-panel .customer-options input{width:20px;height:20px;margin:0;accent-color:var(--orange);flex-shrink:0}
.callback-panel .field-help{display:block;font-size:14px;font-weight:400;color:var(--charcoal);line-height:1.5;margin-top:8px}