.friends-hero .hero-copy{max-width:780px}.friends-hero .hero-sub{max-width:620px}
.step-tag{display:inline-block;padding:8px 13px;border-radius:5px;background:#153a40;color:#f5d594;font:700 12px/1.5 system-ui;letter-spacing:.12em;margin-bottom:16px}
.friend-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:28px}.code-grid{grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr)}
.game-figure{margin:0;text-align:center}.game-figure img{display:block;width:100%;max-width:320px;height:auto;margin:auto;border-radius:18px;border:6px solid #17272b;box-shadow:0 12px 30px #102a3324}.game-figure figcaption{font-size:14px;color:#50626b;margin-top:15px}
.chat-demo{border:1px solid #bccbc9;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #13372d12}.chat-top{background:#174a42;color:white;padding:16px;display:flex;gap:12px;align-items:center;font-weight:700}.chat-top small{display:block;font-size:12px;font-weight:400;color:#d3e6df}.chat-avatar{display:grid;place-items:center;width:42px;height:42px;background:#2d675b;border-radius:50%;color:#f4d493;font-size:25px}.chat-body{background:#e8e7de;padding:24px 15px}.chat-bubble{background:#d9f6d1;border-radius:12px 0 12px 12px;padding:20px;line-height:1.6;color:#172b24;font-size:16px;margin-left:18px;overflow-wrap:anywhere}.chat-link{color:#145b72}.example-code{display:inline-block;margin:7px 0;padding:6px 12px;background:#fff9de;border:1px dashed #936b26;color:#54400e;letter-spacing:.04em}
.recipient-heading{padding:35px 0 0;scroll-margin-top:100px}.code-steps{padding-left:24px;color:#364851;line-height:1.7}.code-steps li{padding:8px 0 8px 6px}.code-steps li::marker{color:#775623;font-weight:700}.reward-strip{display:flex;gap:14px;align-items:center;padding:24px 0;flex-wrap:wrap}.reward-strip span{background:#edf2ef;padding:16px;border-radius:8px;font-weight:600}.reward-strip b{color:#87672c}.friends-faq{max-width:860px;margin:60px auto 12px}.friends-faq summary{line-height:1.5}.friends-faq details p{margin-bottom:12px}
@media(max-width:700px){.friend-grid,.code-grid{grid-template-columns:1fr}.game-figure img{max-width:280px}.chat-bubble{margin-left:0}.reward-strip{flex-direction:column;align-items:stretch;text-align:center}.reward-strip b{transform:rotate(90deg)}.friends-hero .display{font-size:44px}.vip-jumps a{width:100%}}