/* Reversible visual layer: social proof blue, hygiene green, and gold premium cues. */
.beast-builder__step { border-radius: .45rem; border-color: #d8dce2; background: rgba(255,253,248,.72); box-shadow: 0 5px 18px rgba(23,23,20,.045); }
.beast-builder legend { color: #171714; }.beast-builder legend span { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; background: #1877f2; color: #fff; font-size: .78rem; }
.beast-package { overflow: hidden; border-radius: .4rem; border-color: #d8dce2; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }.beast-package:hover,.beast-package.is-selected { border-color: #1877f2; box-shadow: 0 8px 20px rgba(24,119,242,.16); transform: translateY(-2px); }.beast-package em { top: 0; right: 0; padding: .35rem .55rem; background: #c99a3d; color: #171714; font-size: .56rem; }.beast-package--featured { border: 2px solid #c99a3d; }
.beast-builder__bonus { border-radius: .35rem; background: #3d7f39; }.beast-value-promise { border-left: 4px solid #3d7f39; border-radius: .25rem; }.beast-portion-promise { padding-left: .75rem; border-left: 3px solid #c99a3d; }
.beast-summary { border-radius: .55rem; box-shadow: 0 12px 34px rgba(23,23,20,.2); }.beast-summary__deposit { border-radius: .3rem; }.beast-whatsapp-button { border-radius: .3rem; box-shadow: 0 5px 13px rgba(37,211,102,.2); }.beast-summary .beast__button { border-radius: .3rem; }
.beast-social-reviews__heading h3 { color: #1877f2; }.beast-social-card { border-top: 3px solid #1877f2; }.beast-social-card small { color: #1877f2; }.beast-social-avatar { box-shadow: 0 2px 7px rgba(23,23,20,.16); }
.beast__trust>div p { border-top-width: 4px; border-radius: .25rem; background: #fffdf8; padding: 1rem; box-shadow: 0 4px 14px rgba(23,23,20,.05); }.beast-cafe-proof span { border-radius: 999px; background: rgba(255,253,248,.08); }
.beast__faq details { background: #fffdf8; padding: 1rem; border: 1px solid #ddd5c8; border-radius: .3rem; margin-bottom: .55rem; }.beast__faq details[open] { border-left: 4px solid #1877f2; }
@media (max-width:800px) { .beast-builder__step { border-radius: .35rem; }.beast-package { box-shadow: 0 4px 12px rgba(23,23,20,.06); }.beast__trust>div p { padding: .9rem; } }

/* Gold is the site-wide progress and premium accent. Facebook blue stays Facebook-only. */
.beast-builder legend span { background: #c99a3d; color: #171714; }
.beast-package:hover,.beast-package.is-selected { border-color: #c99a3d; box-shadow: 0 8px 20px rgba(201,154,61,.2); }
.beast-social-reviews__heading h3,.beast-social-card small { color: #806022; }
.beast-social-card { border-top-color: #c99a3d; }
.beast__faq details[open] { border-left-color: #c99a3d; }

.beast-hero-cta { width: min(100%, 25rem); padding: 1rem 1.1rem; border-radius: .45rem; background: #c99a3d; color: #171714; box-shadow: 0 9px 22px rgba(0,0,0,.22); transition: transform .18s ease, box-shadow .18s ease; }
.beast-hero-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.28); }
.beast-hero-cta span { display: grid; place-items: center; width: 1.65rem; height: 1.65rem; margin-left: auto; border-radius: 50%; background: #171714; color: #fffdf8; font-size: 1.1rem; line-height: 1; }