/* ===== Momentum-style reskin (part 1: scope/header/buttons/hero/logos) ===== */
body.mm-body{
  --m-blue:#3FB8B0; --m-blue-dark:#2D9A92;
  --m-teal:#5ED4C9; --m-yellow:#F0B952; --m-red:#F07068;
  --m-purple:#B08EF8; --m-green:#4ECB8F;
  --m-heading:#E8ECF1; --m-text:#B8C4D0;
  --m-border:#242D3A; --m-soft:#131920;
  --accent:var(--m-blue); --accent-ink:var(--m-blue-dark); --accent-soft:rgba(63,184,176,.1);
  position:relative; background:linear-gradient(160deg,#0B0F14 0%,#111820 50%,#0E151C 100%); color:var(--m-text);
  font-family:'Inter','Poppins','Sarabun',system-ui,sans-serif;
}
body.mm-body.lp-body{animation:none; background:linear-gradient(160deg,#0B0F14 0%,#111820 50%,#0E151C 100%);}
body.mm-body h1,body.mm-body h2,body.mm-body h3,body.mm-body h4{color:var(--m-heading); letter-spacing:-.3px; text-shadow:0 1px 2px rgba(0,0,0,.3);}

.mm-nav{max-width:1140px; margin:0 auto; padding:0 24px; height:72px; display:flex; align-items:center; position:relative;}
.mm-header{background:rgba(11,15,20,.85) !important; backdrop-filter:blur(20px); border-bottom:1px solid rgba(63,184,176,.08);}
.mm-brand{display:flex; align-items:center; gap:10px; text-decoration:none;}
.mm-brand .mark{width:38px; height:38px; border-radius:11px; background:linear-gradient(135deg,#5ED4C9,#0E7C86); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px -4px rgba(63,184,176,.5);}
.mm-brand .mark svg{width:20px; height:20px;}
.mm-brand .name{font-weight:800; font-size:17px; color:var(--m-heading);}
.mm-links{display:flex; align-items:center; gap:8px; margin-inline-start:34px;}
.mm-links a{color:var(--ink-dim); text-decoration:none; font-weight:600; font-size:14px; padding:8px 16px; border-radius:8px; border:1px solid transparent; transition:all .2s ease;}
.mm-links a:hover{color:#5ED4C9; background:rgba(63,184,176,.08); border-color:rgba(63,184,176,.12);}
.mm-nav-right{margin-inline-start:auto; display:flex; align-items:center; gap:12px;}
.mm-lang{position:relative; display:inline-flex; align-items:center;}
.mm-lang select{appearance:none; -webkit-appearance:none; border:1px solid var(--m-border); background:rgba(255,255,255,.06); border-radius:8px; padding:8px 30px 8px 12px; font-size:13px; font-weight:600; color:var(--ink); cursor:pointer; backdrop-filter:blur(8px); transition:border-color .15s ease;}
.mm-lang select:hover{border-color:rgba(63,184,176,.25);}
.mm-lang select:focus{outline:none; border-color:#3FB8B0; box-shadow:0 0 0 3px rgba(63,184,176,.15);}
.mm-lang::after{content:""; position:absolute; inset-inline-end:11px; top:50%; width:7px; height:7px; pointer-events:none; border-right:1.6px solid var(--ink-faint); border-bottom:1.6px solid var(--ink-faint); transform:translateY(-65%) rotate(45deg);}
[dir="rtl"] .mm-lang select{padding:8px 12px 8px 30px;}
[dir="rtl"] .mm-lang::after{inset-inline-end:auto; inset-inline-start:11px;}
.mm-signin{font-weight:700; font-size:14px; color:var(--ink-dim); text-decoration:none; padding:8px 16px; border-radius:8px; transition:all .2s ease;}
.mm-signin:hover{color:#5ED4C9; background:rgba(63,184,176,.08);}
.mm-burger{display:none; width:42px; height:42px; border:1px solid var(--m-border); border-radius:10px; background:#fff; cursor:pointer; padding:11px 12px; flex-direction:column; justify-content:space-between;}
.mm-burger span{display:block; height:2.4px; border-radius:2px; background:var(--m-heading);}

.mm-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 26px; border-radius:11px; font-size:16px; font-weight:700; text-decoration:none; cursor:pointer; border:1.5px solid transparent; line-height:1.25; transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;}
.mm-btn svg{width:16px; height:16px;}
.mm-btn.primary{background:linear-gradient(135deg,#5ED4C9,#0E7C86); color:#fff !important; box-shadow:0 4px 20px -4px rgba(63,184,176,.45);}
.mm-btn.primary:hover{box-shadow:0 8px 28px -4px rgba(63,184,176,.55); transform:translateY(-2px);}
.mm-btn.primary:hover{background:var(--m-blue-dark); transform:translateY(-2px);}
.mm-btn.outline{background:rgba(255,255,255,.05); color:var(--m-heading); border-color:var(--m-border); backdrop-filter:blur(8px);}
.mm-btn.outline:hover{border-color:var(--m-blue); color:var(--m-blue); background:rgba(63,184,176,.08); transform:translateY(-2px);}
.mm-btn.sm{padding:8px 18px; font-size:13px; border-radius:8px; font-weight:700;}

.mm-hero-wrap{position:relative; overflow:hidden;}
.mm-pattern{position:absolute; pointer-events:none; opacity:.55;}
.mm-pattern-top{top:-40px; inset-inline-end:-60px; width:520px; height:420px; background-image:radial-gradient(#C9D4F5 1.6px, transparent 1.6px); background-size:22px 22px; -webkit-mask-image:radial-gradient(closest-side,#000,transparent); mask-image:radial-gradient(closest-side,#000,transparent);}
.mm-pattern-bottom{bottom:-80px; inset-inline-start:-90px; width:480px; height:400px; background-image:radial-gradient(#F3D9A8 1.8px, transparent 1.8px); background-size:24px 24px; -webkit-mask-image:radial-gradient(closest-side,#000,transparent); mask-image:radial-gradient(closest-side,#000,transparent);}

.mm-logos{padding:46px 0 58px; text-align:center;}
.mm-logos-title{font-size:16.5px; color:#8A93A8; margin:0 0 24px;}
.mm-logos-title b{color:var(--m-heading);}
.mm-logo-row{display:flex; flex-wrap:wrap; justify-content:center; gap:14px 36px;}
.mm-logo-item{font-weight:800; font-size:16px; color:#A6ADC0; letter-spacing:.2px; display:inline-flex; align-items:center; gap:8px; transition:color .15s ease;}
.mm-logo-item:hover{color:var(--m-heading);}
.mm-logo-item svg{width:19px; height:19px;}

/* ===== part 2: hero figure + sections recolor ===== */
.lp-hero{padding-top:56px; padding-bottom:80px;}
.mm-trust{margin-top:22px;}
.mm-rocket{position:relative; z-index:3;}
.mm-rocket::after{
  content:"🚀"; position:absolute; inset-inline-end:-14px; bottom:-20px;
  width:74px; height:74px; border-radius:20px; background:linear-gradient(150deg,#F5B940,#EFA028);
  display:flex; align-items:center; justify-content:center; font-size:32px;
  box-shadow:0 18px 34px -14px rgba(240,168,46,.75);
  animation:float-panel 6s ease-in-out infinite reverse;
}
@media (prefers-reduced-motion:reduce){ .mm-rocket::after{animation:none;} }

.mm-section{padding:84px 0;}
body.mm-body .lp-section-head{max-width:660px; margin-bottom:48px;}
body.mm-body .lp-section-head .kicker{font-size:14.5px; letter-spacing:1.2px;}
body.mm-body .lp-section-head h2{font-size:clamp(24px,3vw,32px); font-weight:800;}

/* feature cards: ไอคอนสลับสีแบบ Momentum */
body.mm-body .lp-feature{border-radius:18px; padding:30px 28px; border-color:var(--m-border); background:rgba(19,25,32,.5); backdrop-filter:blur(8px);}
body.mm-body .lp-feature .ic{width:54px; height:54px; border-radius:14px;}
body.mm-body .lp-feature h3{font-size:19px;}
body.mm-body .lp-feature:nth-child(6n+1) .ic{background:#EAF8F2; color:var(--m-teal); box-shadow:none;}
body.mm-body .lp-feature:nth-child(6n+2) .ic{background:#FEF5E1; color:var(--m-yellow); box-shadow:none;}
body.mm-body .lp-feature:nth-child(6n+3) .ic{background:#FDEEEA; color:var(--m-red); box-shadow:none;}
body.mm-body .lp-feature:nth-child(6n+4) .ic{background:#F3EEFE; color:var(--m-purple); box-shadow:none;}
body.mm-body .lp-feature:nth-child(6n+5) .ic{background:#EDF1FE; color:var(--m-blue); box-shadow:none;}
body.mm-body .lp-feature:nth-child(6n+6) .ic{background:#EAF7EC; color:var(--m-green); box-shadow:none;}
body.mm-body .lp-feature::before{background:linear-gradient(90deg,var(--accent),#8FB0FF);}

/* free tools band */
.mm-freeband-tint{background:var(--m-soft);}
body.mm-body .lp-chip{border-radius:12px; font-weight:600;}
body.mm-body .lp-free-note{font-size:15.5px;}

/* stats bar → กระดานสถิติสีแบบ data-grid */
body.mm-body .lp-stats-bar{background:transparent; border:none; box-shadow:none; gap:14px; padding:0;}
body.mm-body .lp-stat-item{
  background:var(--tile,rgba(63,184,176,.15)); color:#fff; border-radius:18px; padding:26px 16px;
  border:1px solid rgba(63,184,176,.15);
  box-shadow:0 8px 24px -8px rgba(0,0,0,.3);
}
body.mm-body .lp-stat-item:nth-child(1){--tile:#21B3A1;}
body.mm-body .lp-stat-item:nth-child(2){--tile:#181C27;}
body.mm-body .lp-stat-item:nth-child(3){--tile:#8B5CF6;}
body.mm-body .lp-stat-item:nth-child(4){--tile:#F0A82E;}
body.mm-body .lp-stat-item .num{color:#fff; font-size:28px;}
body.mm-body .lp-stat-item .label{color:rgba(255,255,255,.92);}
body.mm-body .lp-stats-wrap{padding-bottom:26px;}
body.mm-body .lp-stat-item + .lp-stat-item::before{display:none;}

/* roadmap */
body.mm-body .lp-roadmap-grid::before{background:linear-gradient(90deg,var(--m-border),var(--accent) 50%,var(--m-border));}
body.mm-body .lp-roadmap-item .node{background:linear-gradient(135deg,#5ED4C9,#0E7C86); box-shadow:0 4px 16px rgba(63,184,176,.3);}
body.mm-body .lp-roadmap-item h3{font-size:19px;}

/* pricing */
body.mm-body .lp-price-card{border-radius:20px; border-color:var(--m-border);}
body.mm-body .lp-price-card{background:rgba(19,25,32,.8); backdrop-filter:blur(12px); border-color:var(--m-border);}
body.mm-body .lp-price-card.featured{border-color:var(--m-blue); box-shadow:0 8px 40px -12px rgba(63,184,176,.3); background:rgba(63,184,176,.08);}

/* ===== part 3: faq/cta/footer/responsive ===== */
body.mm-body .lp-faq-item{border-radius:14px; border-color:var(--m-border); background:rgba(19,25,32,.5);}
body.mm-body .lp-faq-item summary{color:var(--m-heading);}
body.mm-body .lp-faq-item[open]{border-color:rgba(63,184,176,.3);}
body.mm-body .lp-faq-item summary{font-size:17.5px;}
body.mm-body .lp-faq-item[open]{border-color:var(--m-blue);}

/* CTA band แบบมืด */
.mm-dark-band{background:rgba(11,15,20,.6);}
body.mm-body .lp-cta-card{
  background:linear-gradient(135deg,rgba(63,184,176,.1),rgba(14,124,134,.05)); color:#fff;
  border:1px solid rgba(63,184,176,.15);
  border-radius:24px; padding:54px 46px; box-shadow:0 20px 50px -20px rgba(63,184,176,.2);
}
body.mm-body .lp-cta-card h2{color:#fff; font-size:clamp(22px,2.6vw,30px);}
body.mm-body .lp-cta-card p{color:#B7BECE;}
body.mm-body .lp-cta-card .lp-btn.ghost{background:linear-gradient(135deg,#5ED4C9,#0E7C86); color:#fff; border-color:transparent; box-shadow:0 4px 20px -4px rgba(63,184,176,.45);}

/* footer หลายคอลัมน์แบบ Momentum */
.mm-footer{background:rgba(11,15,20,.8); border-top:1px solid var(--m-border); padding:64px 0 0; backdrop-filter:blur(12px);}
.mm-footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px;}
@media (max-width:860px){ .mm-footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:520px){ .mm-footer-grid{grid-template-columns:1fr;} }
.mm-footer h4{font-size:15px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; color:var(--m-heading); margin-bottom:16px;}
.mm-footer-list{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:11px;}
.mm-footer-list a{color:var(--ink-faint); text-decoration:none; font-size:15px; transition:color .15s ease;}
.mm-footer-list a:hover{color:var(--m-blue);}
.mm-footer-about p{font-size:15px; line-height:1.7; max-width:34ch; margin:14px 0 18px;}
.mm-social{display:flex; gap:10px;}
.mm-social a{width:38px; height:38px; border-radius:10px; background:rgba(255,255,255,.05); border:1px solid var(--m-border); display:flex; align-items:center; justify-content:center; color:var(--ink-faint); transition:all .15s ease;}
.mm-social a:hover{background:linear-gradient(135deg,#5ED4C9,#0E7C86); border-color:transparent; color:#fff; transform:translateY(-2px); box-shadow:0 4px 16px rgba(63,184,176,.3);}
.mm-social svg{width:17px; height:17px;}
.mm-footer-sub{margin-top:48px; border-top:1px solid var(--m-border); padding:20px 0; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; font-size:14px; color:var(--ink-faint);}
.mm-footer-sub a{color:inherit; text-decoration:none;}
.mm-footer-sub a:hover{color:var(--m-blue);}

/* responsive nav + hero */
@media (max-width:992px){
  .mm-links{display:none;}
  .mm-burger{display:flex;}
  .mm-header.open .mm-links{
    display:flex; position:absolute; top:72px; left:0; right:0;
    flex-direction:column; align-items:stretch; gap:4px;
    background:#fff; padding:16px 24px 20px;
    border-bottom:1px solid var(--m-border);
    box-shadow:0 24px 40px -24px rgba(24,28,39,.25);
  }
  .mm-header.open .mm-links a{padding:10px 4px;}
}
@media (max-width:900px){
  body.mm-body .lp-hero{grid-template-columns:1fr; padding-top:26px; gap:52px;}
  .mm-hero-wrap .lp-hero .lead{max-width:none;}
}
@media (max-width:720px){
  body.mm-body .lp-stats-bar{grid-template-columns:repeat(2,1fr);}
  .mm-nav-right .mm-signin,.mm-nav-right .mm-lang{display:none;}
}


/* คอนเทนเนอร์กลาง (เดิมลืมนิยาม — ทำให้ footer ชิดขอบซ้าย) */
.mm-container{max-width:1140px; margin:0 auto; padding:0 24px;}