/* ===== Memphis · 孟菲斯明快构成 · mp- ===== */
:root{
  --mp-bg:#fbf3e4;
  --mp-ink:#14110f;
  --mp-coral:#ff5a5f;
  --mp-teal:#15b8a6;
  --mp-yellow:#ffd23f;
  --mp-blue:#2d6cdf;
  --mp-surface:#ffffff;
  --mp-line:#14110f;
  --mp-radius:18px;
  --mp-shadow:6px 6px 0 var(--mp-ink);
  --mp-maxw:1120px;
  --mp-font:"Nunito","PingFang SC","Microsoft YaHei","Hiragano Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mp-ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--mp-font);
  background:var(--mp-bg);
  color:var(--mp-ink);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.mp-wrap{max-width:var(--mp-maxw);margin:0 auto;padding:0 24px}

/* floating shapes */
.mp-shapes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.mp-sh{position:absolute;display:block}
.mp-sh--circle{width:90px;height:90px;border-radius:50%;background:var(--mp-coral);top:18%;left:6%;animation:mpFloat 9s ease-in-out infinite}
.mp-sh--tri{width:0;height:0;border-left:46px solid transparent;border-right:46px solid transparent;border-bottom:80px solid var(--mp-blue);top:64%;left:12%;animation:mpFloat 11s ease-in-out infinite reverse}
.mp-sh--sq{width:70px;height:70px;background:var(--mp-yellow);top:30%;right:8%;transform:rotate(18deg);animation:mpFloat 10s ease-in-out infinite}
.mp-sh--zig{width:120px;height:40px;top:78%;right:14%;
  background:repeating-linear-gradient(135deg,var(--mp-teal) 0 12px,transparent 12px 24px);
  animation:mpFloat 12s ease-in-out infinite}
.mp-sh--dot{width:54px;height:54px;border-radius:50%;background:radial-gradient(var(--mp-ink) 28%,transparent 30%);background-size:14px 14px;top:12%;right:30%;animation:mpFloat 8s ease-in-out infinite}
.mp-sh--ring{width:80px;height:80px;border-radius:50%;border:10px solid var(--mp-coral);top:48%;left:46%;animation:mpSpin 18s linear infinite}
@keyframes mpFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-26px) rotate(12deg)}}
@keyframes mpSpin{to{transform:rotate(360deg)}}

/* header */
.mp-head{position:sticky;top:0;z-index:50;background:var(--mp-bg);border-bottom:3px solid var(--mp-ink)}
.mp-bar{max-width:var(--mp-maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mp-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:.5px}
.mp-brand-dot{width:18px;height:18px;border-radius:50%;background:var(--mp-coral);border:3px solid var(--mp-ink)}
.mp-brandtext em{font-style:normal;font-size:11px;background:var(--mp-blue);color:#fff;padding:2px 7px;border-radius:20px;margin-left:6px;vertical-align:middle}
.mp-nav{display:flex;gap:26px;font-weight:800}
.mp-nav a{position:relative;padding:4px 0}
.mp-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:4px;background:var(--mp-coral);transition:width .25s var(--mp-ease)}
.mp-nav a:hover::after{width:100%}
.mp-burger{display:none;flex-direction:column;gap:5px;background:none;border:3px solid var(--mp-ink);border-radius:8px;padding:8px;cursor:pointer}
.mp-burger span{width:22px;height:3px;background:var(--mp-ink);display:block}

/* hero */
.mp-hero{position:relative;z-index:1;padding:96px 0 72px}
.mp-hero-in{max-width:760px}
.mp-tag{display:inline-block;background:var(--mp-yellow);border:3px solid var(--mp-ink);border-radius:30px;padding:6px 16px;font-weight:800;font-size:13px;margin-bottom:22px}
.mp-h1{font-size:clamp(40px,7vw,76px);line-height:1.05;font-weight:900;letter-spacing:-1px}
.mp-h1 br{display:block}
.mp-lead{margin-top:24px;font-size:clamp(16px,2vw,19px);max-width:620px}
.mp-cta{margin-top:34px;display:flex;gap:16px;flex-wrap:wrap}
.mp-btn{display:inline-flex;align-items:center;gap:8px;font-weight:900;border:3px solid var(--mp-ink);padding:13px 26px;border-radius:40px;transition:transform .2s var(--mp-ease),box-shadow .2s var(--mp-ease)}
.mp-btn-solid{background:var(--mp-coral);color:#fff;box-shadow:var(--mp-shadow)}
.mp-btn-solid:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--mp-ink)}
.mp-btn-ghost{background:var(--mp-surface)}
.mp-btn-ghost:hover{transform:translate(-3px,-3px);box-shadow:var(--mp-shadow)}
.mp-arr{transition:transform .2s var(--mp-ease)}
.mp-btn:hover .mp-arr{transform:translateX(4px)}

/* sections */
.mp-sec{position:relative;z-index:1;padding:72px 0}
.mp-sec-alt{background:rgba(255,255,255,.55);border-top:3px solid var(--mp-ink);border-bottom:3px solid var(--mp-ink)}
.mp-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
.mp-no{font-size:14px;font-weight:900;background:var(--mp-ink);color:var(--mp-yellow);padding:4px 10px;border-radius:8px}
.mp-sec-head h2{font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.5px}
.mp-lead-c{font-size:17px;max-width:720px;margin-bottom:30px}

/* cards2 */
.mp-cards2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mp-card{background:var(--mp-surface);border:3px solid var(--mp-ink);border-radius:var(--mp-radius);padding:26px;box-shadow:var(--mp-shadow);transition:transform .22s var(--mp-ease)}
.mp-card:hover{transform:rotate(-1.5deg) scale(1.02)}
.mp-card .mp-ic{font-size:26px;display:inline-block;margin-bottom:8px}
.mp-card h3{font-size:20px;font-weight:900;margin-bottom:8px}
.mp-card p{font-size:15px}
.mp-card--coral{border-top:10px solid var(--mp-coral)}
.mp-card--teal{border-top:10px solid var(--mp-teal)}
.mp-card--blue{border-top:10px solid var(--mp-blue)}
.mp-card--yellow{border-top:10px solid var(--mp-yellow)}
.mp-card--ink{}

/* list */
.mp-list{display:flex;flex-direction:column;gap:14px}
.mp-row{display:flex;align-items:center;gap:18px;background:var(--mp-surface);border:3px solid var(--mp-ink);border-radius:14px;padding:18px 22px;box-shadow:var(--mp-shadow);transition:transform .2s var(--mp-ease)}
.mp-row:hover{transform:translateX(8px)}
.mp-row p{font-size:15px}
.mp-pill{font-weight:900;color:#fff;padding:8px 14px;border-radius:30px;white-space:nowrap;border:3px solid var(--mp-ink)}
.mp-pill--blue{background:var(--mp-blue)}
.mp-pill--yellow{background:var(--mp-yellow);color:var(--mp-ink)}
.mp-pill--coral{background:var(--mp-coral)}
.mp-pill--teal{background:var(--mp-teal)}
.mp-pill--ink{background:var(--mp-ink)}

/* grid4 */
.mp-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* steps */
.mp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mp-step{background:var(--mp-surface);border:3px solid var(--mp-ink);border-radius:14px;padding:22px;box-shadow:var(--mp-shadow);position:relative;overflow:hidden}
.mp-step-no{font-size:34px;font-weight:900;color:var(--mp-coral);display:block;line-height:1}
.mp-step b{font-size:18px;display:block;margin:8px 0 4px}
.mp-step span{font-size:14px}

/* faq */
.mp-faq{display:flex;flex-direction:column;gap:14px}
.mp-item{background:var(--mp-surface);border:3px solid var(--mp-ink);border-radius:14px;padding:0;box-shadow:var(--mp-shadow);overflow:hidden}
.mp-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:900;font-size:17px;display:flex;justify-content:space-between;align-items:center}
.mp-item summary::-webkit-details-marker{display:none}
.mp-chev{font-style:normal;font-size:24px;font-weight:900;transition:transform .25s var(--mp-ease)}
.mp-item[open] .mp-chev{transform:rotate(45deg)}
.mp-item p{padding:0 22px 20px;font-size:15px}

/* footer */
.mp-foot{position:relative;z-index:1;border-top:3px solid var(--mp-ink);background:var(--mp-ink);color:var(--mp-bg)}
.mp-foot-in{display:flex;justify-content:space-between;align-items:center;padding:26px 24px;flex-wrap:wrap;gap:10px;font-weight:800}
.mp-foot-r{background:var(--mp-yellow);color:var(--mp-ink);padding:6px 14px;border-radius:20px;font-size:13px}

/* top */
.mp-top{position:fixed;right:22px;bottom:22px;z-index:60;width:48px;height:48px;border-radius:50%;background:var(--mp-coral);color:#fff;border:3px solid var(--mp-ink);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;box-shadow:var(--mp-shadow);opacity:0;pointer-events:none;transition:opacity .3s}
.mp-top.show{opacity:1;pointer-events:auto}

/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--mp-ease),transform .6s var(--mp-ease)}
.reveal.in{opacity:1;transform:none}

/* responsive */
@media(max-width:900px){
  .mp-grid4,.mp-steps{grid-template-columns:repeat(2,1fr)}
  .mp-cards2{grid-template-columns:1fr}
}
@media(max-width:680px){
  .mp-nav{position:fixed;top:64px;right:0;flex-direction:column;background:var(--mp-bg);border:3px solid var(--mp-ink);border-radius:0 0 0 18px;padding:18px 26px;gap:16px;transform:translateX(120%);transition:transform .3s var(--mp-ease);z-index:49}
  .mp-nav.open{transform:none}
  .mp-burger{display:flex}
  .mp-grid4,.mp-steps{grid-template-columns:1fr}
  .mp-row{flex-direction:column;align-items:flex-start;gap:10px}
  .mp-hero{padding:60px 0 48px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
}