/* Sales sections: problem, moat, comparison, mobile CTA. Loaded after landing.css. */
.proof{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:28px 0 0}
.proof li{position:relative;padding-left:26px;font-size:15px;font-weight:500;color:var(--text)}
.proof li::before{content:'';position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%;background:var(--mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='%23164DFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

.problem{padding:130px 0 40px}
.problem-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:56px}
.pain{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 28px}
.pain h3{margin:0 0 12px;font:400 42px/.92 var(--display);text-transform:uppercase;color:var(--ink)}
.pain p{margin:0;font-size:17px;color:var(--text)}

.moat{padding:120px 0}
.moat-sub{max-width:52ch;margin:24px 0 0;font-size:19px;color:var(--text)}
.moat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:56px}
.moat-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 28px}
.moat-card h3{margin:0 0 12px;font:400 40px/.92 var(--display);text-transform:uppercase;color:var(--ink)}
.moat-card p{margin:0;font-size:16px;color:var(--text)}
.moat-card.wide{grid-column:span 2;background:var(--ink);border-color:var(--ink)}
.moat-card.wide h3{color:#fff}
.moat-card.wide p{color:rgba(255,255,255,.8);font-size:18px;max-width:52ch}

.compare{padding:120px 0;background:linear-gradient(var(--canvas),#E7EBF3)}
.table-wrap{overflow-x:auto;margin-top:56px;border-radius:22px;background:var(--paper);border:1px solid var(--line)}
.compare table{width:100%;border-collapse:collapse;min-width:640px}
.compare th,.compare td{padding:18px 22px;text-align:left;font-size:16px;border-bottom:1px solid var(--line-soft)}
.compare thead th{font-weight:700;color:var(--ink);font-size:15px}
.compare tbody th{font-weight:600;color:var(--ink)}
.compare tr:last-child>*{border-bottom:0}
.compare .us{background:var(--mist);color:var(--ink);font-weight:600}
.compare thead .us{color:var(--cobalt)}
.compare td:not(.us){color:var(--muted)}
.compare tbody tr:not(:last-child) th{border-bottom:1px solid var(--line-soft)}
.compare-note{margin:22px 0 0;font-size:15px;color:var(--muted)}

.final-note{margin:22px 0 0;font-size:14px;color:rgba(255,255,255,.55)}
.final-note a{color:rgba(255,255,255,.8)}

.sticky-cta{display:none}

@media (max-width:960px){
  .problem-grid,.moat-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .problem,.moat,.compare{padding:84px 0}
  .problem-grid,.moat-grid{grid-template-columns:1fr}
  .moat-card.wide{grid-column:auto}
  .moat-card.wide p{font-size:17px}
  .pain h3,.moat-card h3{font-size:36px}
  body{padding-bottom:88px}
  .sticky-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:60;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border-radius:18px;background:rgba(11,16,32,.95);box-shadow:0 20px 40px -18px rgba(0,0,0,.6)}
  .sticky-cta span{font-size:15px;font-weight:600;color:#fff}
  .sticky-cta .btn{height:44px}
  html.is-signed-in .sticky-cta span{display:none}
  .sticky-cta{transition:transform .3s ease,opacity .3s ease}
  .sticky-cta.is-away{transform:translateY(calc(100% + 24px));opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility 0s .3s}
}
@media (prefers-reduced-motion:reduce){.sticky-cta,.sticky-cta.is-away{transition:none}}