/* The money-back guarantee under the plan cards (partials/_guarantee), loaded by the home
   page and /pricing, and the stamp's shared look, which the home hero's STOP stamp uses too.
   The hero's position, size, colour and ring stay in home-v2.css. */

/* The six home-page tokens this block reads, declared on the block so it renders the same
   on a page without home-v2.css (/pricing). Values are home-v2.css's .hv2 palette. */
.hv2-guarantee{
  --hv2-paper:#F7F5F0;
  --hv2-slate:#20262A;
  --hv2-clay:#C4744A;
  --hv2-soft:#6F7873;
  --hv2-display:'Bricolage Grotesque','DM Sans',sans-serif;
  --hv2-text:'DM Sans',sans-serif;
}

/* THE STAMP — one definition for the hero's STOP stamp and the guarantee's seal: the face,
   weight, case, radius and the worn-ink impression. The uneven pressure of a real stamp is
   a radial mask centred up and left, so the ink is solid at the top left and thins toward
   the bottom right; it masks the border and the ring as well as the letterforms. */
.hv2-stamp{
  border-radius:10px;
  font-family:var(--hv2-display);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:.88;
  mix-blend-mode:multiply;
  -webkit-mask-image:radial-gradient(120% 140% at 30% 20%,#000 62%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.5) 100%);
  mask-image:radial-gradient(120% 140% at 30% 20%,#000 62%,rgba(0,0,0,.72) 82%,rgba(0,0,0,.5) 100%);
  pointer-events:none;
}

/* The guarantee: a stamp beside three lines, centred; stacked and centred below 560px.
   It sits on the page's own background. Antialiased as the home page's text is. */
.hv2-guarantee{
  display:flex;justify-content:center;align-items:center;
  gap:26px;
  margin:32px 0 0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
/* The seal: the stamp above, with its own colour, ring and size. (0,2,0) so the hero's
   .hv2-stamp positioning in home-v2.css, including its sub-900px overrides, cannot reach it. */
.hv2-stamp.hv2-stamp--seal{
  position:static;
  flex:none;
  display:flex;flex-direction:column;align-items:center;
  transform:rotate(-6deg);
  border:3px solid var(--hv2-clay);
  border-radius:10px;
  color:var(--hv2-clay);
  padding:8px 16px;
  font-size:30px;line-height:1;
  box-shadow:inset 0 0 0 2px var(--hv2-paper),inset 0 0 0 3px rgba(196,116,74,.5);
}
.hv2-seal-big{font-size:30px;}
.hv2-seal-small{font-size:12.5px;letter-spacing:.06em;margin-top:4px;}
.hv2-guarantee-text{
  margin:0;
  max-width:38ch;
  font-family:var(--hv2-text);
  font-size:18px;line-height:1.5;
  color:var(--hv2-slate);
}
.hv2-guarantee-head{display:block;font-weight:700;}
.hv2-guarantee-muted{color:var(--hv2-soft);}
@media (max-width:560px){
  .hv2-guarantee{flex-direction:column;gap:18px;}
  .hv2-guarantee-text{text-align:center;}
}