/* CreatorsUGC homepage intro (server-rendered, below the discovery feed). Scoped: does not use .hp-about (content.ma layout hooks). */
.cu-about{background:#f7f7f7;border-top:1px solid #ebebeb;padding:48px 48px 110px;color:#222;box-sizing:border-box}
.cu-about>*{max-width:1040px;margin-left:auto;margin-right:auto}
.cu-kicker{font-size:12px;letter-spacing:.06em;color:#717171;font-weight:600;margin-bottom:8px}
.cu-about h1{font-size:28px;line-height:1.2;font-weight:700;margin-top:0;margin-bottom:14px;color:#222}
.cu-about>p:not(.cu-kicker){color:#555;line-height:1.7;font-size:16px;margin-bottom:10px}
.cu-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;margin-bottom:28px}
.cu-steps>div{background:#fff;border:1px solid #ebebeb;border-radius:16px;padding:18px 20px}
.cu-steps b{font-size:15px;color:#222}
.cu-steps p{color:#717171;font-size:14.5px;line-height:1.6;margin:6px 0 0}
.cu-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.cu-links a{display:inline-flex;align-items:center;height:42px;padding:0 18px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#222;font-size:15px;font-weight:500;text-decoration:none}
.cu-links a:hover{border-color:#222}
.cu-links a:first-child{background:#7c3aed;border-color:#7c3aed;color:#fff}
.cu-about details{padding:16px 0;border-bottom:1px solid #e4e4e4}
.cu-about summary{cursor:pointer;font-weight:600}
.cu-about details p{color:#666;font-size:15px;line-height:1.7;margin-top:8px}
@media(max-width:768px){.cu-about{padding:32px 20px 120px}.cu-about h1{font-size:23px}.cu-steps{grid-template-columns:1fr;gap:12px}.cu-links a{flex:1 1 100%;justify-content:center}}