/* ============================================================
   Momentum — landing page sections (momentum.php only)
   ============================================================ */

/* ---------- Hero ---------- */
.hero{ padding-top:0; padding-bottom:clamp(28px,4vw,56px); }
.hero .wrap{ width:100%; }
.hero-panel{
  position:relative;border-radius:0;overflow:hidden;background:#140A1E;
  box-shadow:var(--shadow-lg);padding:clamp(18px,2.4vw,34px) clamp(28px,4vw,56px);
}
.hero-media{ background-image:url("../pics/d.jpg"); }
.hero-scrim{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(105deg,rgba(14,7,20,.90) 0%,rgba(24,11,34,.74) 34%,rgba(120,40,120,.42) 70%,rgba(139,92,246,.34) 100%);
}
.cta-scrim{
  position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(120deg,rgba(14,7,20,.82) 0%,rgba(90,30,90,.62) 50%,rgba(139,92,246,.5) 100%);
}
.hero-lines{ position:absolute;inset:0;z-index:1;opacity:.14;pointer-events:none;
  background-image:repeating-linear-gradient(-58deg,rgba(255,255,255,.35) 0 2px,transparent 2px 26px);
  animation:linesDrift 22s linear infinite;
}
@keyframes linesDrift{ from{background-position:0 0;} to{background-position:520px 0;} }
.hero-glow{ position:absolute;z-index:1;border-radius:50%;filter:blur(60px);pointer-events:none; }
.hero-glow.a{ width:340px;height:340px;top:-120px;left:-80px;background:rgba(249,169,75,.55); }
.hero-glow.b{ width:300px;height:300px;bottom:-120px;right:8%;background:rgba(139,92,246,.5); }
.hero-inner{ position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,56px);align-items:center; }
.hero-card-panel{
  position:relative;border-radius:var(--r-md);background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(4px);padding:clamp(28px,3vw,40px);min-height:211px;
}
.hero h1{ font-size:clamp(2.6rem,6.4vw,4.6rem);color:var(--paper);margin-bottom:1.3rem; }
.hero h1 .accent{ -webkit-text-fill-color:transparent;background:linear-gradient(92deg,#FFE7B0,#FFD1DC 60%,#FFC9EC); -webkit-background-clip:text;background-clip:text; }
.hero-sub{ color:rgba(255,255,255,.92);font-size:clamp(1.02rem,1.6vw,1.2rem);max-width:34ch;margin-bottom:2rem;font-weight:500; }
.hero-cta{ display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.2rem; }
.hero-trust{ display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;color:#fff; }
.hero-trust .avatars{ display:flex; }
.hero-trust .av{ width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.9);margin-left:-12px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.8rem; }
.hero-trust .av:first-child{ margin-left:0; }
.hero-trust small{ display:block;color:rgba(255,255,255,.8);font-weight:500; }
.hero-trust b{ font-family:"Bricolage Grotesque";font-size:1.05rem; }

/* floating listing cards */
.f-card{ position:absolute;background:#fff;border-radius:var(--r-sm);box-shadow:var(--shadow-md);padding:.9rem;width:210px;animation:float 6s ease-in-out infinite; }
.f-card .thumb{ height:112px;border-radius:12px;margin-bottom:.7rem;position:relative;overflow:hidden;background:#eee; }
.f-card .thumb img{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .6s ease; }
.f-card .thumb img.show{ opacity:1; }
.f-card .row{ display:flex;align-items:center;justify-content:space-between; }
.f-card .name{ font-weight:700;font-size:.92rem; }
.f-card .tag{ font-family:"JetBrains Mono";font-size:.72rem;color:var(--ink-soft); }
.f-card .price{ font-family:"JetBrains Mono";font-weight:700;color:var(--magenta);font-size:.92rem; }
.f-card .badge-v{ font-size:.66rem;background:#EAF7EE;color:#1F9254;padding:.2rem .5rem;border-radius:20px;font-weight:700; }
.f-card.one{ top:6%;left:2%;animation-delay:0s; }
.f-card.two{ top:40%;right:-4%;width:230px;animation-delay:1.2s; }
.f-card.three{ bottom:2%;left:16%;width:200px;animation-delay:2.4s; }
@keyframes float{ 0%,100%{ transform:translateY(0) rotate(-1deg);} 50%{ transform:translateY(-16px) rotate(1deg);} }
.f-meta{ transition:opacity .35s ease,transform .35s ease; }
.f-card.swapping .f-meta{ opacity:0; transform:translateY(6px); }
.hero-toggle{ position:absolute;top:24px;right:26px;display:flex;gap:1.4rem;z-index:3; }
.hero-toggle span{ color:rgba(255,255,255,.65);font-weight:700;font-size:.95rem;cursor:default; }
.hero-toggle span.on{ color:#fff;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px; }

/* ---------- Marquee strip ---------- */
.strip{ background:var(--ink);color:#fff;padding:1.1rem 0;overflow:hidden; }
.marquee{ display:flex;gap:3rem;white-space:nowrap;animation:scroll 26s linear infinite;width:max-content; }
.marquee span{ font-family:"Bricolage Grotesque";font-weight:700;font-size:1.05rem;opacity:.85;display:inline-flex;align-items:center;gap:.7rem; }
.marquee span i{ color:var(--coral); }
@keyframes scroll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ---------- Stats ---------- */
.stats{ background:var(--cream-2); }
.stats-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem; }
.stat-card{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:2rem 1.6rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s; }
.stat-card:hover{ transform:translateY(-6px);box-shadow:var(--shadow-md); }
.stat-card::before{ content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:var(--grad-accent); }
.stat-num{ font-family:"Bricolage Grotesque";font-weight:800;font-size:clamp(2.2rem,4vw,2.9rem);line-height:1;letter-spacing:-.02em; }
.stat-num .suf{ color:var(--magenta); }
.stat-label{ color:var(--ink-soft);font-weight:600;margin-top:.5rem;font-size:.98rem; }

/* ---------- Section heads ---------- */
.sec-head{ max-width:640px; }
.sec-head.center{ margin-inline:auto;text-align:center; }
.sec-head h2{ font-family:"Bricolage Grotesque";font-weight:800;font-size:clamp(2rem,4.5vw,3.2rem);letter-spacing:-.02em;line-height:1.02;margin:.4rem 0 1rem; }
.sec-head p{ color:var(--ink-soft);font-size:clamp(1rem,1.5vw,1.14rem); }

/* ---------- Steps ---------- */
.steps{ background:var(--cream); }
.steps-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem; }
.step{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:2.2rem 1.9rem;position:relative;transition:transform .3s,box-shadow .3s; }
.step:hover{ transform:translateY(-6px);box-shadow:var(--shadow-md); }
.step-n{ font-family:"JetBrains Mono";font-weight:700;font-size:.9rem;color:#fff;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--grad-warm);margin-bottom:1.4rem;box-shadow:0 8px 18px rgba(217,69,155,.32); }
.step h3{ font-family:"Bricolage Grotesque";font-weight:700;font-size:1.35rem;margin-bottom:.6rem; }
.step p{ color:var(--ink-soft);margin:0;font-size:.98rem; }
.step-line{ position:absolute;top:2.9rem;right:-1.4rem;color:var(--coral);font-size:1.4rem;z-index:2; }

/* ---------- Split ---------- */
.split-row{ display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center; }
.split-row.rev .visual{ order:2; }
.split-visual{ border-radius:var(--r-lg);padding:clamp(26px,3vw,44px);min-height:420px;position:relative;overflow:hidden;box-shadow:var(--shadow-md);background:#140A1E; }
.split-media-seller{ background-image:url("../pics/image.jpg"); }
.split-media-buyer{ background-image:url("../pics/istockphoto-2157040201-612x612.webp"); }
.split-scrim{ position:absolute;inset:0;z-index:1;pointer-events:none; }
.split-visual.seller .split-scrim{ background:linear-gradient(150deg,rgba(18,9,26,.86),rgba(75,42,107,.66) 60%,rgba(139,92,246,.52)); }
.split-visual.buyer .split-scrim{ background:linear-gradient(150deg,rgba(28,10,10,.84),rgba(180,60,40,.55) 50%,rgba(139,92,246,.46));background-size:180% 180%;animation:gradShift 16s ease infinite; }
.mini-lines {
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: .4;
    /* background-image: repeating-linear-gradient(-58deg, rgba(255, 255, 255, .28) 0 2px, transparent 2px 24px); */
}
.glass-card{ position:relative;z-index:2;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);border-radius:var(--r-md);padding:1.4rem;backdrop-filter:blur(4px);color:#fff; }
.glass-card + .glass-card{ margin-top:1rem; }
.glass-card .gc-top{ display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem; }
.glass-card .gc-title{ font-weight:700; }
.glass-card .gc-sub{ font-size:.82rem;color:rgba(255,255,255,.75); }
.glass-card .gc-val{ font-family:"JetBrains Mono";font-weight:700;font-size:1.2rem; }
.glass-card .bar{ height:8px;border-radius:8px;background:rgba(255,255,255,.22);overflow:hidden; }
.glass-card .bar i{ display:block;height:100%;border-radius:8px;background:#fff; }
.chip{ display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#fff;padding:.4rem .8rem;border-radius:100px;font-size:.82rem;font-weight:600;margin:.25rem .25rem 0 0; }
.split-list{ list-style:none;padding:0;margin:1.4rem 0 2rem; }
.split-list li{ display:flex;gap:.8rem;align-items:flex-start;margin-bottom:.9rem;font-weight:500; }
.split-list li i{ color:#fff;background:var(--grad-accent);width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:.85rem;margin-top:2px; }

/* ---------- Features ---------- */
.features{ background:var(--cream-2); }
.feat-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem; }
.feat{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:2rem 1.8rem;transition:transform .3s,box-shadow .3s,border-color .3s; }
.feat:hover{ transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent; }
.feat-ic{ width:52px;height:52px;border-radius:15px;display:grid;place-items:center;font-size:1.3rem;color:#fff;background:var(--grad-warm);margin-bottom:1.2rem;box-shadow:0 10px 20px rgba(217,69,155,.28); }
.feat h3{ font-family:"Bricolage Grotesque";font-weight:700;font-size:1.2rem;margin-bottom:.5rem; }
.feat p{ color:var(--ink-soft);margin:0;font-size:.96rem; }

/* ---------- Testimonials ---------- */
.testi{ background:var(--cream); }
.testi-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3rem; }
.t-card{ background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1.2rem;transition:transform .3s,box-shadow .3s; }
.t-card:hover{ transform:translateY(-6px);box-shadow:var(--shadow-md); }
.t-stars{ color:var(--amber);font-size:1rem; }
.t-quote{ font-family:"Fraunces",serif;font-style:italic;font-size:1.1rem;line-height:1.5;color:var(--ink); }
.t-who{ display:flex;align-items:center;gap:.8rem;margin-top:auto; }
.t-av{ width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.9rem;flex:none; }
.t-name{ font-weight:700;font-size:.96rem; }
.t-role{ color:var(--ink-soft);font-size:.85rem; }

/* ---------- Final CTA ---------- */
.cta{ padding-bottom:clamp(64px,9vw,120px); }
.cta-panel{ position:relative;overflow:hidden;border-radius:var(--r-lg);background:#140A1E;padding:clamp(44px,6vw,84px) clamp(28px,5vw,64px);text-align:center;color:#fff;box-shadow:var(--shadow-lg); }
.cta-media{ background-image:url("../pics/dddd.jpg"); }
.cta-panel h2{ font-family:"Bricolage Grotesque";font-weight:800;font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.02em;line-height:1.02;margin-bottom:1rem; }
.cta-panel h2 .accent{ -webkit-text-fill-color:transparent;background:linear-gradient(92deg,#FFE7B0,#FFD1DC);-webkit-background-clip:text;background-clip:text; }
.cta-panel p{ color:rgba(255,255,255,.92);font-size:clamp(1rem,1.6vw,1.2rem);max-width:52ch;margin:0 auto 2rem; }
.cta-btns{ display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap; }

/* ---------- Responsive (landing) ---------- */
@media (max-width:991px){
  .hero-inner{ grid-template-columns:1fr;gap:2rem; }
  .hero-card-panel{ min-height:202px; }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .steps-grid,.feat-grid,.testi-grid{ grid-template-columns:1fr 1fr; }
  .step-line{ display:none; }
  .split-row,.split-row.rev .visual{ grid-template-columns:1fr;order:0; }
  .split-row .visual{ order:-1; }
}
@media (max-width:640px){
  .stats-grid,.steps-grid,.feat-grid,.testi-grid{ grid-template-columns:1fr; }
  .hero-cta .btn-pill,.cta-btns .btn-pill{ width:100%;justify-content:center; }
  .hero-card-panel{ min-height:173px; }
  .f-card{ width:180px; }
  .f-card.two{ width:190px;right:0; }
  .hero-toggle{ top:16px;right:18px; }
  .hero-trust{ gap:.8rem; }
}