/* ============================================================
   CodebyCarter — guarantee.css
   The bold no-risk promise. Onyx + warm gold palette.
   Designed to feel like a hand-signed craftsman's warranty.
   ============================================================ */

.guarantee{
  background:
    radial-gradient(900px 500px at 50% 25%, rgba(212,164,55,.22), transparent 60%),
    radial-gradient(700px 500px at 80% 80%, rgba(250,204,21,.10), transparent 60%),
    linear-gradient(170deg, #0E0E0C 0%, #1A1A14 50%, #0E0E0C 100%);
  color:#F5EFE0;
  padding:clamp(120px,14vw,200px) 0;
  position:relative;overflow:hidden;
  --g-gold:#D4A437;
  --g-yellow:#FACC15;
  --g-cream:#F5EFE0;
  --g-onyx:#0A0A08;
  --g-bronze:#8B6914;
}
.guarantee::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .03 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  opacity:.7;
}

/* Floating gold particles */
.guarantee-dot{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.22}
.guarantee-dot--1{width:340px;height:340px;background:var(--g-gold);top:10%;left:-3%;animation:gDrift1 24s ease-in-out infinite}
.guarantee-dot--2{width:260px;height:260px;background:var(--g-yellow);bottom:8%;right:-3%;animation:gDrift2 20s ease-in-out infinite}
@keyframes gDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(50px,30px)}}
@keyframes gDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,-30px)}}

.guarantee .shell{position:relative;z-index:2;text-align:center}

/* ============================================================
   GOLD SEAL BADGE
   ============================================================ */
.guarantee-seal{
  width:168px;height:168px;border-radius:50%;
  margin:0 auto 36px;
  border:2px solid var(--g-gold);
  display:grid;place-items:center;
  position:relative;
  background:radial-gradient(circle, rgba(212,164,55,.20), transparent 70%);
  animation:sealPulse 3.5s ease-in-out infinite;
}
@keyframes sealPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(212,164,55,.40), inset 0 0 30px rgba(212,164,55,.10)}
  50%{box-shadow:0 0 0 18px rgba(212,164,55,0), inset 0 0 50px rgba(212,164,55,.18)}
}
.guarantee-seal::before{
  content:"";position:absolute;inset:8px;border-radius:50%;
  border:1px solid rgba(212,164,55,.50);
}
.guarantee-seal-inner{
  width:124px;height:124px;border-radius:50%;
  background:linear-gradient(135deg, var(--g-gold), var(--g-yellow));
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  color:var(--g-onyx);
  box-shadow:0 12px 36px rgba(212,164,55,.40), inset 0 -8px 16px rgba(139,105,20,.30);
}
.guarantee-seal-c{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  font-size:64px;line-height:1;letter-spacing:-.06em;color:var(--g-onyx);
  margin-top:-4px;
}
.guarantee-seal-tag{
  font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;color:var(--g-onyx);margin-top:-2px;
}

/* ============================================================
   COPY
   ============================================================ */
.guarantee-eyebrow{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--g-gold);font-weight:700;
  margin-bottom:18px;display:inline-block;
}

.guarantee-h{
  font-size:clamp(40px,7vw,96px);line-height:1.04;letter-spacing:-.035em;font-weight:600;
  margin-bottom:28px;color:var(--g-cream);max-width:20ch;margin-left:auto;margin-right:auto;
}
.guarantee-h .ital{
  font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;
  background:linear-gradient(135deg, var(--g-gold), var(--g-yellow));
  background-size:200% 200%;animation:hue 6s linear infinite;
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.guarantee-sub{
  font-size:clamp(16px,1.7vw,21px);color:#D4C4A2;line-height:1.6;
  max-width:54ch;margin:0 auto 50px;
}
.guarantee-sub b{color:var(--g-cream);font-weight:600}

/* ============================================================
   PROMISE LIST
   ============================================================ */
.guarantee-list{
  list-style:none;display:flex;flex-direction:column;gap:12px;
  max-width:680px;margin:0 auto 50px;text-align:left;
}
.guarantee-list li{
  display:flex;gap:16px;align-items:flex-start;
  padding:20px 24px;border-radius:14px;
  background:rgba(212,164,55,.06);
  border:1px solid rgba(212,164,55,.25);
  color:var(--g-cream);font-size:15.5px;line-height:1.55;
  transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.guarantee-list li:hover{
  transform:translateX(4px);
  border-color:var(--g-gold);
  background:rgba(212,164,55,.12);
}
.guarantee-tick{
  flex:0 0 auto;width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg, var(--g-gold), var(--g-yellow));
  display:grid;place-items:center;color:var(--g-onyx);font-weight:700;font-size:14px;
}
.guarantee-list li b{
  color:var(--g-cream);font-weight:700;letter-spacing:-.005em;
}

/* ============================================================
   CTA
   ============================================================ */
.guarantee-foot{margin-top:8px}
.guarantee-cta{
  display:inline-flex;align-items:center;gap:10px;
  padding:18px 32px;border-radius:99px;
  background:linear-gradient(135deg, var(--g-gold), var(--g-yellow));
  color:var(--g-onyx);font-weight:700;font-size:16px;letter-spacing:-.005em;
  box-shadow:0 18px 50px rgba(212,164,55,.45);
  transition:transform .3s cubic-bezier(.16,1,.3,1);cursor:none;position:relative;overflow:visible;
}
.guarantee-cta::before{
  content:"";position:absolute;inset:-4px;border-radius:inherit;
  background:linear-gradient(135deg, var(--g-gold), var(--g-yellow));
  z-index:-1;filter:blur(20px);opacity:.55;
}
.guarantee-cta:hover{transform:translateY(-3px) scale(1.04)}
.guarantee-cta svg{transition:transform .35s ease}
.guarantee-cta:hover svg{transform:translate(4px,-4px) rotate(-45deg)}

.guarantee-sig{
  margin-top:24px;font-family:'Instrument Serif',serif;font-style:italic;
  font-size:22px;color:var(--g-gold);
  letter-spacing:-.005em;
}
.guarantee-sig::before{content:"—  "}

/* ============================================================
   Mobile
   ============================================================ */
@media (max-width:680px){
  .guarantee-seal{width:140px;height:140px}
  .guarantee-seal-inner{width:104px;height:104px}
  .guarantee-seal-c{font-size:52px}
  .guarantee-h{font-size:clamp(34px,9vw,60px)}
  .guarantee-list li{padding:16px 18px;font-size:14.5px}
}