/* guarantee.css: the homepage's triple guarantee (Evan 10/14: "we don't have the triple guarantee on the homepage" and the
   Why Choose visuals "kind of suck"; he picked one rebuilt section in the Compass / ad-page style). This is the
   /order-management guarantee band, its rules copied from page-set/pages/order-management/dist/page.css and scoped to
   .hg-guar; the markup is read from that page at build time. Tokens are literal here: the homepage has its own token set. */
.hg-guar{--accent:#fa5539;--accent-ink:#181b22;--font-mono:"Geist Mono",ui-monospace,monospace;--font-sans:"Geist",ui-sans-serif,system-ui,sans-serif;
  --h4:1.25rem;--h4-lh:1.2;--h4-w:600;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --t-body:16px;--t-hero:clamp(34px,3.5vw,50px);--w:1200px}
.hg-guar .pgo-wrap{max-width:var(--w);margin:0 auto;padding:0 24px;box-sizing:border-box}
.hg-guar .pgo-guar h2,.hg-guar .pgo-guar h3,.hg-guar .pgo-guar p{text-transform:none}

.hg-guar .pgo-guar{background:var(--accent);color:var(--accent-ink);padding-top:var(--s9);padding-bottom:var(--s9);}
.hg-guar .pgo-guar-in{max-width:880px;text-align:center;}
.hg-guar .pgo-guar-eyebrow{margin:0;font:400 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);}
.hg-guar .pgo-guar-h{margin:var(--s4) auto 0;max-width:15em;font:600 var(--t-hero)/1.04 var(--font-sans);letter-spacing:-.035em;color:var(--accent-ink);text-wrap:balance;}
.hg-guar .pgo-btn-ink{display:inline-flex;align-items:center;height:56px;padding:0 var(--s6);border-radius:999px;background:var(--accent-ink);color:#fff;font:500 var(--t-body)/1 var(--font-sans);text-decoration:none;transition:transform .12s ease,background .2s ease;}
.hg-guar .pgo-btn-ink:hover{background:#000;}
.hg-guar .pgo-btn-ink:active{transform:scale(.97);}
.hg-guar .pgo-btn-ink:focus-visible{outline:2px solid var(--accent-ink);outline-offset:3px;}
@media (max-width:767px){
  .hg-guar .pgo-guar{padding-top:var(--s8);padding-bottom:var(--s8);}}

.hg-guar .pgo-guar-in{max-width:1040px;}
.hg-guar .pgo-guar-h{max-width:none;text-wrap:nowrap;}
@media (max-width:1023px){.hg-guar .pgo-guar-h{text-wrap:balance;}}
@media (max-width:767px){.hg-guar .pgo-guar .pgo-btn-ink{display:flex;justify-content:center;width:100%;}}

.hg-guar .pgo-badges{list-style:none;margin:var(--s7) auto var(--s7);padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6);max-width:960px;}
.hg-guar .pgo-badge{display:flex;flex-direction:column;align-items:center;text-align:center;}
.hg-guar .pgo-seal{display:block;width:160px;height:160px;margin-bottom:var(--s5);}
.hg-guar .pgo-seal-rosette{fill:var(--accent-ink);}
.hg-guar .pgo-seal-in{fill:var(--accent);}
.hg-guar .pgo-seal-ring{font:500 12px/1 var(--font-mono);letter-spacing:.08em;fill:#fff;}
.hg-guar .pgo-seal-big{font:700 56px/1 var(--font-sans);fill:var(--accent-ink);}
.hg-guar .pgo-seal-num{font:700 40px/1 var(--font-sans);fill:var(--accent-ink);letter-spacing:-.02em;}
.hg-guar .pgo-seal-sm{font:500 12px/1 var(--font-mono);letter-spacing:.08em;fill:var(--accent-ink);}
.hg-guar .pgo-seal-check{fill:none;stroke:var(--accent-ink);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;}
.hg-guar .pgo-badge-h{margin:0;color:var(--accent-ink);font:var(--h4-w) var(--h4)/var(--h4-lh) var(--font-sans);letter-spacing:-.01em;}
.hg-guar .pgo-badge p{margin:var(--s2) 0 0;max-width:20em;font:500 var(--t-body)/1.5 var(--font-sans);color:var(--accent-ink);text-wrap:pretty;}
@media (max-width:767px){.hg-guar .pgo-badges{grid-template-columns:minmax(0,1fr);gap:var(--s7);margin:var(--s6) auto;}.hg-guar .pgo-seal{width:128px;height:128px;margin-bottom:var(--s4);}}
.hg-guar .pgo-seal-line{fill:none;stroke:var(--accent);stroke-width:1.5;}
.hg-guar .pgo-seal-big{font-size:44px;}
.hg-guar .pgo-seal-num{font-size:32px;}
.hg-guar .pgo-seal-sm{font-size:10px;}
.hg-guar .pgo-seal-check{stroke-width:8;}
.hg-guar .pgo-seal-ring{font-size:11px;letter-spacing:0;}
@media (max-width:767px){.hg-guar .pgo-badges{gap:var(--s5);text-align:left;}.hg-guar .pgo-badge{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:var(--s4);align-items:center;text-align:left;}.hg-guar .pgo-badge .pgo-seal{grid-row:1 / span 2;width:96px;height:96px;margin:0;}.hg-guar .pgo-badge-h{align-self:end;}.hg-guar .pgo-badge p{align-self:start;margin-top:var(--s1);}}

.hg-guar .pgo-seal-in{fill:var(--accent-ink);stroke:var(--accent);stroke-width:1.5;}
.hg-guar :is(.pgo-seal-big,.pgo-seal-num,.pgo-seal-sm){fill:var(--accent);}
.hg-guar .pgo-seal-check{stroke:var(--accent);}
.hg-guar .pgo-seal-num{font-size:28px;}
.hg-guar :is(.pgo-seal-ring,.pgo-seal-sm){font-size:12px;text-transform:uppercase;}
@media (max-width:767px){.hg-guar .pgo-guar-h{text-wrap:balance;}}
@media (max-width:767px){.hg-guar .pgo-badge{grid-template-columns:120px minmax(0,1fr);}.hg-guar .pgo-badge .pgo-seal{width:120px;height:120px;}.hg-guar .pgo-seal-ring{font-size:14px;}}
.hg-guar .pgo-guar .pgo-guar-eyebrow{text-transform:uppercase}
/* the band also sits on pages with their own link and heading rules (merge: legacy modernization, product engineering, AI) */
.hg-guar .pgo-guar a.pgo-btn-ink,.hg-guar .pgo-guar a.pgo-btn-ink:visited,.hg-guar .pgo-guar a.pgo-btn-ink:hover{color:#fff!important;text-decoration:none!important}
.hg-guar .pgo-guar .pgo-guar-h{margin:16px auto 0!important;color:#181b22!important}
.hg-guar .pgo-guar .pgo-badge-h,.hg-guar .pgo-guar .pgo-badge p{color:#181b22!important}