/* M193: NoGood-inspired proof/FAQ rhythm and iPullRank-inspired footer
   composition, using Shenzhen Zhuima's own facts, palette and links. */
:root { --m193-ink:#151617; --m193-panel:#303133; --m193-paper:#f4f2ea; --m193-blue:#2454e8; --m193-yellow:#f3d66d; }
.m193-section-shell { width:min(1280px,calc(100% - 64px)); margin-inline:auto; }
.m193-kicker { margin:0 0 18px; color:#9aa9c6; font:600 11px/1.2 "Noto Sans SC","Microsoft YaHei",sans-serif; letter-spacing:.2em; text-transform:uppercase; }

/* Proof / testimonials: three rounded NoGood-like cards with an editorial lead-in. */
.m193-testimonials { position:relative; padding:clamp(100px,11vw,170px) 0 clamp(116px,13vw,190px); color:#f4f2ea; background:var(--m193-ink); overflow:hidden; }
.m193-testimonials::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.26; background:radial-gradient(circle at 14% 10%,rgba(108,78,255,.38),transparent 34%),radial-gradient(circle at 88% 92%,rgba(235,199,92,.16),transparent 32%); }
.m193-section-heading { position:relative; z-index:1; display:flex; align-items:end; justify-content:space-between; gap:42px; margin-bottom:58px; }
.m193-section-heading h2 { margin:0; max-width:690px; color:#f8f6ef; font-size:clamp(44px,6vw,82px); line-height:.95; letter-spacing:-.085em; font-weight:380; }
.m193-section-heading h2 strong { font-weight:780; }
.m193-section-heading > p { max-width:370px; margin:0 0 4px; color:rgba(242,240,231,.62); font-size:14px; line-height:1.8; }
.m193-testimonial-grid { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.m193-testimonial-card { display:flex; min-height:390px; flex-direction:column; padding:32px 30px 28px; color:#f9f7ef; border:1px solid rgba(255,255,255,.25); border-radius:23px; background:linear-gradient(145deg,#353638,#2b2c2e); box-shadow:0 20px 48px rgba(0,0,0,.16); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.m193-testimonial-card:hover,.m193-testimonial-card:focus-within { transform:translateY(-8px); border-color:rgba(246,214,109,.8); box-shadow:0 28px 58px rgba(0,0,0,.3); }
.m193-testimonial-card header { display:flex; align-items:center; gap:13px; }
.m193-client-mark { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border:1px solid rgba(255,255,255,.48); border-radius:50%; color:#171819; background:linear-gradient(145deg,#f8f3df,#d7c775); font-size:19px; font-weight:750; }
.m193-testimonial-card header strong { display:block; font-size:22px; letter-spacing:-.05em; }
.m193-testimonial-card header span { display:block; margin-top:4px; color:#dfc971; font-size:12px; }
.m193-testimonial-card blockquote { margin:60px 0 20px; color:#fffdf5; font-size:clamp(20px,2vw,28px); line-height:1.34; letter-spacing:-.04em; font-weight:720; }
.m193-testimonial-card p { margin:0; color:rgba(246,243,233,.66); font-size:14px; line-height:1.8; }
.m193-testimonial-card footer { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-top:auto; padding-top:25px; border-top:1px solid rgba(255,255,255,.17); color:rgba(246,243,233,.58); font-size:12px; }
.m193-text-cta { color:#efda83; text-decoration:none; white-space:nowrap; }
.m193-text-cta:hover,.m193-text-cta:focus-visible { color:#fff4bd; text-decoration:underline; outline:none; }
.m193-text-cta b { font-size:16px; font-weight:400; }

/* FAQ: centered heading plus large rounded accordion cards, following NoGood's cadence. */
.m193-faq { position:relative; padding:clamp(110px,12vw,180px) 0 clamp(124px,15vw,220px); color:#f7f5ee; background:linear-gradient(180deg,#1d1e20,#171819); overflow:hidden; }
.m193-faq::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(ellipse at 50% 8%,rgba(92,92,92,.21),transparent 45%); }
.m193-faq-shell { position:relative; z-index:1; width:min(900px,calc(100% - 44px)); margin-inline:auto; }
.m193-faq-heading { max-width:720px; margin:0 auto 66px; text-align:center; }
.m193-faq-heading .m193-kicker { color:#a8b3d0; }
.m193-faq-heading h2 { margin:0; font-size:clamp(50px,7vw,92px); line-height:.92; letter-spacing:-.09em; font-weight:400; }
.m193-faq-heading h2 strong { font-weight:780; }
.m193-faq-heading > p { max-width:440px; margin:28px auto 0; color:rgba(241,240,235,.62); font-size:15px; line-height:1.8; }
.m193-faq-cta { display:inline-flex; gap:26px; align-items:center; margin-top:28px; color:#171819; background:var(--m193-yellow); border:1px solid #0d0e11; box-shadow:5px 5px 0 #0d0e11; padding:14px 22px; font-size:14px; font-weight:700; text-decoration:none; transition:transform .25s ease,box-shadow .25s ease; }
.m193-faq-cta:hover,.m193-faq-cta:focus-visible { transform:translate(3px,3px); box-shadow:2px 2px 0 #0d0e11; outline:none; }
.m193-faq-list { display:grid; gap:13px; }
.m193-faq-item { overflow:hidden; border:1px solid rgba(255,255,255,.28); border-radius:21px; background:#333436; }
.m193-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:23px 24px; cursor:pointer; color:#fffdf5; font-size:clamp(16px,1.5vw,20px); font-weight:680; list-style:none; }
.m193-faq-item summary::-webkit-details-marker { display:none; }
.m193-faq-item summary::after { content:"+"; display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; color:#fff; font-size:25px; font-weight:300; transition:transform .25s ease; }
.m193-faq-item[open] summary::after { transform:rotate(45deg); }
.m193-faq-item p { margin:0; padding:0 24px 25px; max-width:780px; color:rgba(245,243,234,.7); font-size:14px; line-height:1.85; }

/* Footer: two clear actions followed by an iPullRank-like directory/footer band. */
.m193-footer { color:#12141a; background:var(--m193-blue); }
.m193-footer-contact { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding-top:clamp(60px,8vw,112px); padding-bottom:clamp(58px,8vw,110px); }
.m193-footer-card { position:relative; display:flex; min-height:350px; flex-direction:column; padding:36px 34px 32px; overflow:hidden; border-radius:0 0 52px 0; }
.m193-footer-card::after { content:""; position:absolute; right:25px; bottom:20px; width:130px; height:130px; border:1px solid currentColor; border-radius:50%; opacity:.12; }
.m193-footer-card-label { position:relative; z-index:1; font:600 11px/1.2 "Noto Sans SC","Microsoft YaHei",sans-serif; letter-spacing:.18em; }
.m193-footer-card h2 { position:relative; z-index:1; margin:66px 0 14px; font-size:clamp(34px,4vw,58px); line-height:.98; letter-spacing:-.075em; font-weight:390; }
.m193-footer-card h2 strong { font-weight:780; }
.m193-footer-card p { position:relative; z-index:1; max-width:470px; margin:0; font-size:15px; line-height:1.75; }
.m193-footer-card-light { color:#151719; background:#f7f6f0; border:1px solid rgba(10,13,20,.18); box-shadow:14px 14px 0 #f4d75e; }
.m193-footer-card-light p { color:#50555f; }
.m193-footer-card-dark { color:#f8f6ec; background:#151a34; border:1px solid rgba(255,255,255,.27); box-shadow:14px 14px 0 #f4d75e; }
.m193-footer-card-dark p { color:rgba(240,242,252,.68); }
.m193-footer-button { position:relative; z-index:1; display:inline-flex; align-items:center; align-self:flex-start; gap:24px; margin-top:auto; padding:15px 21px; text-decoration:none; font-size:14px; font-weight:750; border:1px solid currentColor; box-shadow:4px 4px 0 currentColor; transition:transform .25s ease,box-shadow .25s ease; }
.m193-footer-button:hover,.m193-footer-button:focus-visible { transform:translate(3px,3px); box-shadow:1px 1px 0 currentColor; outline:none; }
.m193-footer-button-dark { color:#f7f6ef; background:#17191d; }
.m193-footer-button-light { color:#151719; background:#f3d66d; }
.m193-footer-directory { padding:clamp(58px,8vw,100px) 0 28px; color:#f8f8f2; border-top:1px solid rgba(255,255,255,.25); background:#2454e8; }
.m193-footer-directory-grid { display:grid; grid-template-columns:1.6fr repeat(3,.75fr); gap:42px; }
.m193-footer-brand > a { color:#fff; font-size:30px; font-weight:780; letter-spacing:-.06em; text-decoration:none; }
.m193-footer-brand p { max-width:450px; margin:18px 0 24px; color:rgba(244,246,255,.78); font-size:14px; line-height:1.8; }
.m193-footer-phone { color:#f9e27d; font-size:20px; font-weight:700; text-decoration:none; }
.m193-footer-phone span { margin-left:8px; color:rgba(255,255,255,.78); font-size:12px; font-weight:400; }
.m193-footer-directory nav { display:flex; flex-direction:column; gap:11px; }
.m193-footer-directory nav h3 { margin:2px 0 10px; color:#f8e386; font-size:13px; letter-spacing:.1em; }
.m193-footer-directory nav a { color:rgba(255,255,255,.87); font-size:14px; text-decoration:none; }
.m193-footer-directory nav a:hover,.m193-footer-directory nav a:focus-visible { color:#fff4ad; text-decoration:underline; outline:none; }
.m193-footer-legal { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-top:72px; padding-top:20px; color:rgba(240,243,255,.65); border-top:1px solid rgba(255,255,255,.28); font-size:11px; }
.m193-footer-legal a { color:inherit; text-decoration:none; }
.m193-footer-legal a:hover,.m193-footer-legal a:focus-visible { color:#fff; text-decoration:underline; outline:none; }
.m193-footer-legal a:last-child { margin-left:auto; color:#f8e386; }

@media(max-width:900px){
  .m193-section-shell{width:min(100% - 44px,680px)}
  .m193-section-heading{display:block}.m193-section-heading>p{margin-top:22px}
  .m193-testimonial-grid{grid-template-columns:1fr}.m193-testimonial-card{min-height:320px}
  .m193-footer-contact{grid-template-columns:1fr}.m193-footer-card{min-height:310px}
  .m193-footer-directory-grid{grid-template-columns:1.3fr 1fr;gap:38px 26px}
}
@media(max-width:560px){
  .m193-section-shell{width:calc(100% - 36px)}
  .m193-testimonials{padding-top:82px}.m193-testimonial-card{padding:26px 22px}.m193-testimonial-card blockquote{margin-top:42px}
  .m193-faq-shell{width:calc(100% - 36px)}.m193-faq-item summary{padding:20px 18px}.m193-faq-item p{padding:0 18px 21px}
  .m193-footer-contact{width:calc(100% - 36px)}.m193-footer-card{padding:28px 22px;border-radius:0 0 32px 0}.m193-footer-card h2{margin-top:52px}
  .m193-footer-directory-grid{grid-template-columns:1fr}.m193-footer-legal{margin-top:50px}.m193-footer-legal a:last-child{margin-left:0}
}
@media(prefers-reduced-motion:reduce){.m193-testimonial-card,.m193-faq-cta,.m193-footer-button{transition:none!important}}

/* The reviewed site's legacy FAQ skin targets #m191-faq directly. Keep the
   NoGood-inspired M193 treatment authoritative when both skins are loaded. */
#m191-faq.m193-faq {
  color: #f7f5ee !important;
  background: linear-gradient(180deg, #1d1e20, #171819) !important;
}
#m191-faq.m193-faq .m193-faq-heading h2,
#m191-faq.m193-faq .m193-faq-heading > p,
#m191-faq.m193-faq .m193-faq-item summary,
#m191-faq.m193-faq .m193-faq-item p {
  color: inherit;
}
#m191-faq.m193-faq .m193-faq-heading h2 { color: #f7f5ee !important; }
#m191-faq.m193-faq .m193-faq-heading > p,
#m191-faq.m193-faq .m193-faq-item p { color: rgba(245,243,234,.7) !important; }
#m191-faq.m193-faq .m193-faq-item {
  background: #333436 !important;
  border-color: rgba(255,255,255,.28) !important;
}