:root{
    --pink:#f7c8d4; --pink-deep:#e88aa6; --pink-soft:#fdf1f5;
    --gold:#c9a86a; --gold-deep:#a8843f; --ink:#4a3f45; --gray:#8a7f85;
    --bg:#fffafc; --line:#f3dfe7;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Segoe UI','Helvetica Neue',Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;}
  .wrap{max-width:960px;margin:0 auto;padding:0 20px;}
  img{max-width:100%;height:auto;display:block;}

  /* Hero */
  .hero{background:linear-gradient(135deg,#fff 0%,var(--pink-soft) 55%,#fdeef2 100%);padding:48px 0 36px;text-align:center;border-bottom:1px solid var(--line);}
  .hero .img-holder{width:min(560px,100%);margin:0 auto 26px;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(232,138,166,.18);background:#fff;}
  .hero h1{font-size:clamp(22px,3.4vw,34px);font-weight:800;letter-spacing:.3px;color:var(--ink);padding:0 16px;}
  .hero .sub{color:var(--pink-deep);font-weight:700;letter-spacing:1.6px;text-transform:uppercase;font-size:13px;margin-top:10px;}
  .hero .intro{max-width:640px;margin:16px auto 0;color:var(--gray);font-size:15px;padding:0 20px;}

  /* Sections */
  section{padding:44px 0 8px;}
  h2.sec{font-size:clamp(19px,2.6vw,26px);font-weight:800;text-align:center;margin-bottom:6px;}
  .sec-line{width:56px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pink-deep),var(--gold));margin:10px auto 30px;}
  .sec-sub{text-align:center;color:var(--gray);font-size:14px;margin:-20px auto 26px;max-width:560px;padding:0 14px;}

  /* Feature cards */
  .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
  .card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 18px;text-align:center;transition:transform .2s,box-shadow .2s;}
  .card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(232,138,166,.14);}
  .card .ico{font-size:26px;margin-bottom:8px;}
  .card h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--ink);}
  .card p{font-size:13px;color:var(--gray);}

  /* Split image+text */
  .split{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;margin-bottom:34px;}
  .split img{border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);}
  .split .txt h3{font-size:18px;font-weight:800;margin-bottom:10px;}
  .split .txt p{font-size:14.5px;color:var(--gray);margin-bottom:10px;}
  .split .txt ul{margin:8px 0 0 18px;font-size:14px;color:var(--ink);}
  .split .txt li{margin-bottom:6px;}
  .split.rev .txt{order:-1;}

  /* Spec table */
  table.spec{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.05);}
  table.spec th,table.spec td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--line);text-align:left;}
  table.spec th{background:var(--pink-soft);color:var(--pink-deep);font-weight:700;width:38%;}
  table.spec tr:last-child th,table.spec tr:last-child td{border-bottom:none;}

  /* FAQ */
  .faq-list{margin-top:8px;}
  details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;}
  details summary{cursor:pointer;padding:15px 18px;font-weight:700;font-size:14.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--ink);}
  details summary::-webkit-details-marker{display:none;}
  details summary::after{content:"+";color:var(--pink-deep);font-size:20px;font-weight:700;transition:transform .2s;}
  details[open] summary::after{transform:rotate(45deg);}
  details .faq-a{padding:0 18px 16px;font-size:14px;color:var(--gray);border-top:1px dashed var(--line);padding-top:12px;}

  /* CTA */
  .cta{background:linear-gradient(120deg,var(--pink-soft),#fff8e6);border:1px solid var(--line);border-radius:16px;text-align:center;padding:30px 22px;margin:10px 0 44px;}
  .cta h3{font-size:19px;font-weight:800;margin-bottom:8px;}
  .cta p{font-size:14px;color:var(--gray);max-width:520px;margin:0 auto;}

  footer{background:var(--ink);color:#fff;text-align:center;padding:22px 14px;font-size:13px;opacity:.92;}

  @media (max-width:680px){
    .split{grid-template-columns:1fr;}
    .split.rev .txt{order:0;}
    .hero{padding:34px 0 26px;}
  }