.mp-scope{
    --mp-cream:#F6F1E4;
    --mp-wash:#D2D7C8;
    --mp-ink:#064229;
    --mp-ink-soft:#426E58;
    --mp-line:#9BAE9D;
    --mp-gold:#A3763B;
    --mp-gold-wash:#F1E4CC;
    background:var(--mp-cream);
    color:var(--mp-ink);
    font-family:'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  .mp-scope *{box-sizing:border-box;}
  .mp-wrap{
    max-width:760px;
    margin:0 auto;
    padding:80px 24px 100px;
  }

  /* ---------- Hero ---------- */
  .mp-hero{
    position:relative;
    text-align:center;
    padding-bottom:64px;
    margin-bottom:64px;
    border-bottom:1px solid var(--mp-line);
  }
  .mp-logo{
    width:170px;
    height:auto;
    margin:0 auto 28px;
    display:block;
  }
  .mp-eyebrow{
    font-size:12px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--mp-ink-soft);
    margin:0 0 16px;
    font-weight:600;
  }
  .mp-h1{
    font-family:'Fraunces',Georgia,'Songti SC',serif;
    font-weight:500;
    font-size:clamp(34px,6vw,54px);
    line-height:1.08;
    letter-spacing:-0.01em;
    margin:0 0 20px;
  }
  .mp-lede{
    font-size:16px;
    line-height:1.65;
    color:var(--mp-ink-soft);
    max-width:500px;
    margin:0 auto;
  }

  /* ---------- Stage sections ---------- */
  .mp-stage{
    margin-bottom:68px;
  }
  .mp-stage-head{
    display:flex;
    align-items:baseline;
    gap:16px;
    margin-bottom:8px;
  }
  .mp-stage-num{
    font-family:'Fraunces',Georgia,serif;
    font-weight:300;
    font-size:14px;
    color:var(--mp-gold);
    letter-spacing:0.14em;
  }
  .mp-stage-title{
    font-family:'Fraunces',Georgia,'Songti SC',serif;
    font-weight:500;
    font-size:24px;
    letter-spacing:-0.01em;
    margin:0;
  }
  .mp-stage-intro{
    font-size:14.5px;
    color:var(--mp-ink-soft);
    margin:0 0 28px;
    max-width:520px;
    line-height:1.6;
  }

  .mp-step{
    display:grid;
    grid-template-columns:40px 1fr;
    gap:18px;
    padding:20px 0;
    border-top:1px solid var(--mp-line);
  }
  .mp-step:last-child{
    border-bottom:1px solid var(--mp-line);
  }
  .mp-step-tag{
    font-family:'Fraunces',Georgia,serif;
    font-size:13px;
    color:var(--mp-ink-soft);
    padding-top:2px;
  }
  .mp-step-name{
    font-weight:600;
    font-size:15px;
    margin:0 0 6px;
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
  }
  .mp-step-body{
    font-size:14px;
    line-height:1.6;
    color:var(--mp-ink-soft);
    margin:0;
  }

  /* ---------- Key control point seal ---------- */
  .mp-seal{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:10px;
    font-weight:600;
    letter-spacing:0.08em;
    text-transform:uppercase;
    color:var(--mp-gold);
    border:1px solid var(--mp-gold);
    border-radius:999px;
    padding:3px 10px 3px 8px;
    background:var(--mp-gold-wash);
  }
  .mp-seal svg{width:11px;height:11px;flex-shrink:0;}

  .mp-callout{
    margin-top:8px;
    font-size:13px;
    color:var(--mp-gold);
    font-weight:600;
  }

  /* ---------- Control panel ---------- */
  .mp-panel{
    background:var(--mp-wash);
    border-radius:4px;
    padding:32px 28px;
    margin-top:8px;
  }
  .mp-panel h3{
    font-family:'Fraunces',Georgia,'Songti SC',serif;
    font-weight:500;
    font-size:18px;
    margin:0 0 18px;
  }
  .mp-panel-row{
    display:flex;
    justify-content:space-between;
    gap:16px;
    padding:13px 0;
    border-top:1px solid rgba(32,48,31,0.14);
    font-size:13.5px;
  }
  .mp-panel-row:first-of-type{border-top:none;}
  .mp-panel-row span:first-child{color:var(--mp-ink-soft);}
  .mp-panel-row span:last-child{font-weight:600;text-align:right;}

  /* ---------- Footer ---------- */
  .mp-infographic{
    margin:0 0 68px;
  }
  .mp-infographic img{
    width:100%;
    height:auto;
    display:block;
    border-radius:4px;
  }

  .mp-foot{
    text-align:center;
    margin-top:80px;
    padding-top:36px;
    border-top:1px solid var(--mp-line);
    font-family:'Fraunces',Georgia,serif;
    font-style:italic;
    font-size:15px;
    color:var(--mp-ink-soft);
  }

  @media (max-width:520px){
    .mp-wrap{padding:56px 16px 80px;}
    .mp-step{grid-template-columns:28px 1fr;gap:12px;}
  }

  /* ---------- Product page: wider container ---------- */
  .mp-wrap{
    max-width:980px;
    padding:72px 32px 100px;
  }

  /* ---------- Product page: top (identity + specs, two columns) ---------- */
  .pp-top{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:56px;
    align-items:start;
    padding-bottom:56px;
    margin-bottom:56px;
    border-bottom:1px solid var(--mp-line);
  }
  .pp-logo{
    width:120px;
    height:auto;
    margin:0 0 28px;
    display:block;
  }
  .pp-eyebrow{
    font-size:12px;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--mp-gold);
    margin:0 0 16px;
    font-weight:600;
  }
  .pp-h1{
    font-family:'Fraunces',Georgia,'Songti SC',serif;
    font-weight:500;
    font-size:clamp(32px,4.2vw,48px);
    line-height:1.08;
    letter-spacing:-0.01em;
    margin:0 0 12px;
  }
  .pp-subtitle{
    font-size:14px;
    color:var(--mp-ink-soft);
    letter-spacing:0.03em;
    margin:0 0 28px;
  }
  .pp-quote{
    font-family:'Fraunces',Georgia,serif;
    font-style:italic;
    font-size:18px;
    line-height:1.55;
    color:var(--mp-ink);
    max-width:420px;
    margin:0;
    padding-left:18px;
    border-left:2px solid var(--mp-gold);
  }

  /* ---------- Product page: spec grid (right column) ---------- */
  .pp-specs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--mp-line);
    border:1px solid var(--mp-line);
  }
  .pp-spec{
    background:var(--mp-cream);
    padding:20px 22px;
  }
  .pp-spec-label{
    font-size:10.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--mp-ink-soft);
    margin:0 0 8px;
    font-weight:600;
  }
  .pp-spec-value{
    font-family:'Fraunces',Georgia,serif;
    font-size:17px;
    color:var(--mp-ink);
    margin:0;
  }

  /* ---------- Product page: description + best-for (two columns) ---------- */
  .pp-body{
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:56px;
    margin-bottom:48px;
  }
  .pp-desc{
    font-size:15.5px;
    line-height:1.8;
    color:var(--mp-ink-soft);
    margin:0;
  }
  .pp-section-label{
    font-size:11px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--mp-ink-soft);
    font-weight:600;
    margin:0 0 14px;
  }
  .pp-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-content:flex-start;
  }
  .pp-chip{
    font-size:13px;
    color:var(--mp-ink);
    border:1px solid var(--mp-line);
    border-radius:999px;
    padding:6px 14px;
    background:var(--mp-wash);
  }

  /* ---------- Product page: packaging + purity meta strip ---------- */
  .pp-meta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1px;
    background:var(--mp-line);
    border-top:1px solid var(--mp-line);
    border-bottom:1px solid var(--mp-line);
    margin-bottom:64px;
  }
  .pp-meta div{
    background:var(--mp-cream);
    padding:18px 22px;
  }
  .pp-meta div span:first-child{
    display:block;
    font-size:10.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--mp-ink-soft);
    margin-bottom:6px;
    font-weight:600;
  }
  .pp-meta div span:last-child{
    display:block;
    color:var(--mp-ink);
    font-weight:600;
    font-size:14.5px;
  }

  .pp-transition{
    text-align:center;
    margin-bottom:8px;
  }
  .pp-transition .pp-eyebrow{margin-bottom:8px;}
  .pp-transition p{
    font-size:14px;
    color:var(--mp-ink-soft);
    max-width:480px;
    margin:0 auto 8px;
  }

  /* ---------- Product page: flavor profile (open visual + copy) ---------- */
  .pp-flavor{
    margin-bottom:56px;
    padding:28px 0 32px;
    border-top:1px solid var(--mp-line);
    border-bottom:1px solid var(--mp-line);
  }
  .pp-flavor-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:0;
  }
  .pp-flavor-card{
    width:100%;
    max-width:920px;
    margin:0 auto;
    display:grid;
    grid-template-columns:minmax(260px,300px) minmax(0,520px);
    justify-content:center;
    grid-template-areas:
      "visual tag"
      "visual caption";
    column-gap:64px;
    row-gap:10px;
    align-items:center;
    text-align:left;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
  }
  .pp-flavor-visual{
    grid-area:visual;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    width:300px;
  }
  .pp-radar-frame{
    width:300px;
    height:300px;
    background:transparent;
    border:0;
    border-radius:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    box-sizing:border-box;
  }
  .pp-radar-frame img.pp-radar-img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }
  img.pp-powder-img{
    width:300px;
    height:110px;
    object-fit:contain;
    object-position:center;
    display:block;
    border-radius:0;
    border:0;
    margin-top:0;
  }
  .pp-flavor-tag{
    grid-area:tag;
    font-size:10.5px;
    letter-spacing:0.1em;
    text-transform:uppercase;
    color:var(--mp-gold);
    font-weight:600;
    margin:0;
  }
  .pp-flavor-caption{
    grid-area:caption;
    font-size:16px;
    line-height:1.65;
    color:var(--mp-ink-soft);
    margin:0;
    max-width:520px;
    text-wrap:pretty;
  }  /* ---------- Product page: lead sentence emphasis ---------- */
  .pp-desc strong{
    color:var(--mp-ink);
    font-weight:600;
  }

  @media (max-width:620px){
    .pp-top,.pp-body,.pp-meta{
      grid-template-columns:1fr;
    }
    .pp-quote{max-width:none;}
    .pp-flavor{
      padding:24px 0 28px;
    }
    .pp-flavor-card{
      grid-template-columns:1fr;
      grid-template-areas:
        "visual"
        "tag"
        "caption"
      justify-items:center;
      row-gap:12px;
      text-align:center;
    }
    .pp-flavor-visual{
      width:210px;
    }
    .pp-radar-frame{
      width:210px;
      height:210px;
    }
    img.pp-powder-img{
      width:210px;
      height:76px;
    }
    .pp-flavor-caption{
      max-width:340px;
    }
  }
  @media (max-width:520px){
    .mp-wrap{padding:56px 18px 80px;}
    .pp-specs{grid-template-columns:1fr;}
  }