.pct{margin-top:10px;font-weight:700;font-size:15px;color:var(--purple-deep);font-variant-numeric:tabular-nums}

/* tidy 3-button action row */
.res-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.ract{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:14px;
  background:#fff;border:1px solid rgba(232,88,154,.14);cursor:pointer;
  font-weight:600;font-size:13px;color:#1c1418;transition:transform .15s,box-shadow .15s,border-color .15s}
.ract:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(140,40,120,.5);border-color:rgba(232,88,154,.4)}
.ract .ic{display:flex;align-items:center;justify-content:center}
.ract svg{width:20px;height:20px}
.res-img .expand{cursor:pointer}

/* fullscreen lightbox */
.lightbox{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
  background:rgba(20,12,18,.85);backdrop-filter:blur(6px);padding:24px}
.lightbox.show{display:flex}
.lightbox img{max-width:92vw;max-height:90vh;border-radius:16px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.lightbox .close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.15);color:#fff;border:none;cursor:pointer;font-size:22px;
  display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.lightbox .close:hover{background:rgba(255,255,255,.28)}


.seo-section{max-width:1000px;margin:0 auto;padding:64px 24px}
.seo-alt{background:rgba(232,88,154,.04);border-radius:28px}
.seo-h2{font-size:clamp(26px,4vw,36px);text-align:center;margin:0 0 14px}
.seo-lead{text-align:center;max-width:680px;margin:0 auto 40px;color:#5b5054;font-size:17px;line-height:1.6}

.seo-steps,.seo-benefits,.seo-cases{display:grid;gap:24px}
.seo-steps{grid-template-columns:repeat(3,1fr)}
.seo-benefits{grid-template-columns:repeat(4,1fr)}
.seo-cases{grid-template-columns:repeat(3,1fr)}
@media(max-width:780px){.seo-steps,.seo-benefits,.seo-cases{grid-template-columns:1fr}}

.seo-step,.seo-benefit,.seo-case{background:#fff;border:1px solid rgba(232,88,154,.12);border-radius:18px;padding:26px 22px;text-align:center}
.seo-step-num{width:40px;height:40px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;
  background:linear-gradient(100deg,#F7459B,#8B3FE8);color:#fff;font-weight:800;font-size:18px}
.seo-step h3,.seo-benefit h3,.seo-case h3{font-size:18px;margin:0 0 8px;color:#1c1418}
.seo-step p,.seo-benefit p,.seo-case p{color:#5b5054;font-size:14.5px;line-height:1.6;margin:0}
.seo-icon{font-size:32px;display:block;margin-bottom:10px}

.seo-faq{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.seo-faq details{background:#fff;border:1px solid rgba(232,88,154,.14);border-radius:14px;padding:4px 20px}
.seo-faq summary{cursor:pointer;font-weight:700;font-size:16px;color:#1c1418;padding:16px 0;list-style:none}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary::after{content:"+";float:right;color:#E8589A;font-size:22px;font-weight:400}
.seo-faq details[open] summary::after{content:"−"}
.seo-faq details p{color:#5b5054;font-size:14.5px;line-height:1.6;padding:0 0 16px;margin:0}