/* ============================================================
   CodebyCarter — closer.css
   Three closing moves: trust-signals strip, comparison table,
   sticky "Book a call" CTA.
   ============================================================ */

/* ============================================================
   TRUST SIGNALS STRIP
   ============================================================ */
.trust{
  border-block:1px solid rgba(10,10,15,.08);
  background:#F2EEE6;
  padding:22px 0;
  position:relative;overflow:hidden;
}
.trust-row{
  display:flex;justify-content:space-around;flex-wrap:wrap;gap:18px 24px;
  font-family:'JetBrains Mono',monospace;font-size:12px;
  letter-spacing:.04em;color:#5A5A66;align-items:center;
}
.trust-item{
  display:inline-flex;align-items:center;gap:9px;
  font-weight:500;color:#5A5A66;
}
.trust-item svg{
  width:17px;height:17px;color:#84CC16;flex-shrink:0;
}
.trust-item b{color:#0A0A0F;font-weight:700;letter-spacing:-.005em}

@media (max-width:680px){
  .trust-row{justify-content:flex-start;font-size:11.5px}
}

/* ============================================================
   COMPARISON TABLE — Custom vs Squarespace vs Wix vs Freelancer
   ============================================================ */
.compare{position:relative;overflow:hidden}

.compare-wrap{
  margin-top:50px;border-radius:24px;
  background:rgba(15,15,20,.55);border:1px solid rgba(255,255,255,.10);
  overflow:hidden;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 30px 80px rgba(168,85,247,.12);
}
.compare-table{display:block;width:100%}

.compare-row{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
  align-items:stretch;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.compare-row:last-child{border-bottom:0}
.compare-cell{
  padding:18px 18px;font-size:13.5px;line-height:1.45;
  display:flex;align-items:center;gap:8px;color:#C0C0C8;
}
.compare-cell-feature{color:#F5F5F7;font-weight:500;letter-spacing:-.005em}

.compare-header{
  background:rgba(0,0,0,.30);font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9090A0;
  font-weight:700;
}
.compare-header .compare-cell{padding-top:18px;padding-bottom:18px;align-items:center}
.compare-header .compare-cell-cbc{color:#F5F5F7}

/* The Carter column gets a gradient highlight */
.compare-cell-cbc{
  background:linear-gradient(135deg,rgba(168,85,247,.14),rgba(236,72,153,.06) 50%,rgba(6,182,212,.06));
  position:relative;
}
.compare-cell-cbc::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#A855F7,#EC4899,#FB923C);
  background-size:200% 200%;animation:hue 6s linear infinite;
}
.compare-header .compare-cell-cbc::before{top:0}
.compare-row:last-child .compare-cell-cbc::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,#EC4899 50%,transparent);
}

.compare-yes{
  color:#84CC16;font-weight:700;font-size:18px;line-height:1;
}
.compare-no{color:#5A5A66;font-weight:400;font-size:16px}
.compare-meh{color:#FB923C;font-weight:600;font-size:15px}
.compare-text{font-family:'Space Grotesk',sans-serif;font-size:12.5px;color:#C0C0C8;font-weight:500}
.compare-cell-cbc .compare-text{color:#F5F5F7;font-weight:600}

.compare-note{
  margin-top:24px;text-align:center;font-size:12px;color:#9090A0;
  font-family:'JetBrains Mono',monospace;letter-spacing:.04em;line-height:1.55;
}

/* Mobile: horizontal scroll inside the table */
@media (max-width:780px){
  .compare-wrap{overflow-x:auto}
  .compare-table{min-width:780px}
}

/* ============================================================
   STICKY "BOOK A CALL" CTA
   ============================================================ */
.sticky-cta{
  position:fixed;bottom:24px;left:50%;
  transform:translateX(-50%) translateY(80px) scale(.92);
  z-index:155;
  display:inline-flex;align-items:center;gap:11px;
  padding:13px 22px 13px 16px;border-radius:99px;
  background:rgba(10,10,8,.94);
  backdrop-filter:blur(20px) saturate(1.3);
  -webkit-backdrop-filter:blur(20px) saturate(1.3);
  color:#F5EFE0;font-weight:600;font-size:13.5px;letter-spacing:-.005em;
  box-shadow:0 20px 50px -14px rgba(0,0,0,.55), 0 0 0 1px rgba(200,169,81,.15) inset;
  border:1px solid rgba(200,169,81,.30);
  opacity:0;pointer-events:none;
  transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .35s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
  cursor:none;text-decoration:none;
  font-family:'Space Grotesk',sans-serif;
}
.sticky-cta.show{transform:translateX(-50%) translateY(0) scale(1);opacity:1;pointer-events:auto}
.sticky-cta.hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(80px) scale(.92)}
.sticky-cta:hover{
  background:linear-gradient(135deg, #FFE8A0 0%, #D4A437 100%);
  color:#0A0A08;border-color:transparent;
  box-shadow:0 26px 60px -14px rgba(212,164,55,.55);
}
.sticky-cta-icon{
  display:inline-grid;place-items:center;
  width:24px;height:24px;border-radius:50%;
  background:rgba(200,169,81,.18);
  color:#FFE8A0;
  transition:background .25s ease, color .25s ease;
  flex-shrink:0;
}
.sticky-cta:hover .sticky-cta-icon{background:rgba(10,10,8,.18);color:#0A0A08}
.sticky-cta-text{white-space:nowrap}
.sticky-cta-arrow{transition:transform .35s cubic-bezier(.16,1,.3,1);opacity:.7}
.sticky-cta:hover .sticky-cta-arrow{transform:translate(3px,-3px) rotate(-45deg);opacity:1}

.sticky-cta-pulse{
  position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;
  background:#A3E635;border:2px solid #0A0A08;
  box-shadow:0 0 0 0 rgba(163,230,53,.5);
  animation:stickyPulse 2.2s ease-in-out infinite;
}
@keyframes stickyPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(163,230,53,.55)}
  50%{box-shadow:0 0 0 8px rgba(163,230,53,0)}
}

/* On mobile the chapter rail sits at bottom — hide sticky-cta to avoid stacking.
   The chrail "Get a quote" pill handles conversion on mobile. */
@media (max-width:900px){
  .sticky-cta{display:none !important}
}