/* ============================================================
   WHY SELL TO US — dedicated trust/landing page template
   Scoped entirely under "wsu-" classes so it can't collide with
   or be affected by any other page's CSS. Reuses the site's core
   design tokens (base.css: --green/--ink/--line/etc, Poppins +
   Inter + IBM Plex Mono) rather than inventing a new palette.
   ============================================================ */

.wsu-wrap{max-width:1080px;margin:0 auto;padding:0 24px;}

.wsu-page section{padding:56px 0;}
@media(min-width:900px){ .wsu-page section{padding:96px 0;} }

/* ---------- Hero ---------- */
.wsu-hero{background:var(--bg-soft);text-align:center;}
.wsu-hero .wsu-wrap{max-width:720px;}
.wsu-eyebrow{
  display:inline-block;font-family:'Inter',sans-serif;font-size:.8rem;letter-spacing:.06em;
  color:var(--green-dark);text-transform:uppercase;margin-bottom:16px;font-weight:600;
}
.wsu-hero h1{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.18;color:var(--ink);margin:0 0 18px;}
.wsu-hero .wsu-lead{font-size:1.05rem;line-height:1.65;color:var(--ink-soft);max-width:56ch;margin:0 auto;}

/* ---------- Section headers (used by feature/timeline/story sections) ---------- */
.wsu-section-head{max-width:640px;margin:0 auto 40px;text-align:center;}
.wsu-section-head h2{font-size:clamp(1.5rem,3vw,1.9rem);color:var(--ink);margin:0;}

/* ---------- Trust stats ---------- */
.wsu-stats{background:var(--white);}
.wsu-stats-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:640px){ .wsu-stats-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1000px){ .wsu-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;} }

.wsu-stat-card{
  background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:30px 26px;
  transition:transform .15s ease, box-shadow .15s ease;
}
@media(min-width:900px){
  .wsu-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(25,28,25,.08);}
}
.wsu-stat-icon{
  width:42px;height:42px;border-radius:11px;background:rgba(95,138,30,.12);
  display:flex;align-items:center;justify-content:center;color:var(--green-dark);margin-bottom:18px;
}
.wsu-stat-icon svg{width:21px;height:21px;}
.wsu-stat-number{font-family:'Poppins';font-weight:700;font-size:1.9rem;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;}
.wsu-stat-card p{color:var(--ink-soft);font-size:.9rem;line-height:1.55;margin:0;}

/* ---------- Why sellers choose us (feature grid, larger icons) ---------- */
.wsu-features{background:var(--bg-soft);}
.wsu-features-grid{display:grid;grid-template-columns:1fr;gap:36px 28px;}
@media(min-width:640px){ .wsu-features-grid{grid-template-columns:repeat(2,1fr);} }
@media(min-width:1000px){ .wsu-features-grid{grid-template-columns:repeat(3,1fr);} }

.wsu-feature-icon{
  width:60px;height:60px;border-radius:50%;background:rgba(95,138,30,.12);
  display:flex;align-items:center;justify-content:center;color:var(--green-dark);margin-bottom:16px;
}
.wsu-feature-icon svg{width:28px;height:28px;}
.wsu-feature h3{font-size:1.05rem;margin:0 0 6px;color:var(--ink);}
.wsu-feature p{color:var(--ink-soft);font-size:.92rem;line-height:1.6;margin:0;}

/* ---------- How it works (connected timeline) ---------- */
.wsu-timeline{background:var(--white);}
.wsu-timeline-list{list-style:none;margin:0;padding:0;position:relative;}
.wsu-timeline-item{display:flex;gap:18px;align-items:flex-start;padding-bottom:32px;position:relative;}
.wsu-timeline-item:last-child{padding-bottom:0;}
.wsu-timeline-item:not(:last-child)::before{
  content:'';position:absolute;left:19px;top:40px;bottom:0;width:2px;background:var(--line);
}
.wsu-timeline-num{
  width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--green-bright);
  font-family:'IBM Plex Mono';font-weight:600;font-size:1rem;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;
}
.wsu-timeline-content h3{margin:6px 0 0;font-size:1.05rem;color:var(--ink);font-weight:600;font-family:'Poppins';}

@media(min-width:900px){
  .wsu-timeline-list{display:flex;justify-content:space-between;}
  .wsu-timeline-list::before{content:'';position:absolute;top:20px;left:20px;right:20px;height:2px;background:var(--line);}
  .wsu-timeline-item{flex-direction:column;align-items:center;text-align:center;padding-bottom:0;flex:1;padding:0 12px;}
  .wsu-timeline-item::before{display:none;}
  .wsu-timeline-content h3{margin-top:16px;}
}

/* ---------- Closing CTA ---------- */
.wsu-cta{background:var(--ink);text-align:center;}
.wsu-cta h2{font-size:clamp(1.6rem,3.4vw,2.1rem);color:#fff;margin:0 0 10px;}
.wsu-cta .wsu-cta-sub{color:rgba(255,255,255,.68);font-size:1.02rem;margin:0 0 28px;}
.wsu-cta-btn{
  display:inline-block;background:var(--green);color:var(--ink);text-decoration:none;
  font-weight:700;font-size:1.05rem;padding:16px 34px;border-radius:9px;
  transition:background .15s ease, transform .15s ease;
}
.wsu-cta-btn:hover{background:var(--green-bright);transform:translateY(-1px);}
@media(min-width:900px){
  .wsu-cta-btn{padding:20px 46px;font-size:1.15rem;box-shadow:0 10px 24px -6px rgba(143,194,42,.35);}
}

@media(max-width:520px){
  .wsu-stat-card{padding:24px 20px;}
}