/* BN Social Proof Studio — Frontend */
.bnsp-wrap,.bnsp-tiktok-wrap{--bnsp-accent:#0f766e;--bnsp-radius:24px;--bnsp-font:16px;--bnsp-cards:3;--bnsp-cards-tablet:2;--bnsp-cards-mobile:1;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;color:#0f172a;position:relative;isolation:isolate}
.bnsp-wrap *,.bnsp-tiktok-wrap *{box-sizing:border-box}
.bnsp-shell{width:min(1280px,100%);margin:0 auto;padding:42px 28px}
.bnsp-head{text-align:center;max-width:780px;margin:0 auto 28px}
.bnsp-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--bnsp-accent);text-transform:uppercase;margin-bottom:11px}
.bnsp-kicker-dot{width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 0 6px color-mix(in srgb,var(--bnsp-accent) 12%,transparent)}
.bnsp-head h2{font-size:clamp(28px,4vw,48px)!important;line-height:1.06!important;letter-spacing:-.04em!important;margin:0!important;font-weight:820!important;color:inherit!important}
.bnsp-head>p{font-size:16px!important;line-height:1.7!important;margin:12px auto 0!important;color:#64748b!important;max-width:620px}
.bnsp-summary{margin:22px auto 0;display:inline-flex;align-items:center;gap:14px;padding:10px 14px 10px 12px;border:1px solid rgba(148,163,184,.2);border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 8px 30px rgba(15,23,42,.06);backdrop-filter:blur(14px)}
.bnsp-summary-score strong{font-size:24px;letter-spacing:-.04em}.bnsp-summary-score span{font-size:12px;color:#94a3b8}.bnsp-summary-stars{padding-right:12px;border-right:1px solid rgba(148,163,184,.25)}.bnsp-summary-copy{text-align:left;display:grid;gap:2px}.bnsp-summary-copy strong{font-size:12px}.bnsp-summary-copy span{font-size:10px;color:#94a3b8}
.bnsp-stars{display:inline-flex;gap:1px}.bnsp-star{font-size:15px;color:#d7dee8;line-height:1}.bnsp-star.is-on{color:#ffb800;text-shadow:0 2px 7px rgba(255,184,0,.2)}
.bnsp-stage{position:relative}.bnsp-track{display:grid;grid-template-columns:repeat(var(--bnsp-cards),minmax(0,1fr));gap:18px;align-items:stretch}
.bnsp-layout-slider .bnsp-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:3px 2px 12px}.bnsp-layout-slider .bnsp-track::-webkit-scrollbar{display:none}.bnsp-layout-slider .bnsp-card{flex:0 0 calc((100% - (var(--bnsp-cards) - 1)*18px)/var(--bnsp-cards));scroll-snap-align:start}
.bnsp-layout-masonry .bnsp-track{columns:var(--bnsp-cards);display:block}.bnsp-layout-masonry .bnsp-card{display:inline-block;width:100%;margin:0 0 18px;break-inside:avoid}
.bnsp-layout-spotlight .bnsp-track{grid-template-columns:1.25fr .75fr}.bnsp-layout-spotlight .bnsp-card:first-child{grid-row:span 2;min-height:360px}.bnsp-layout-spotlight .bnsp-card:first-child .bnsp-content{font-size:1.08em}
.bnsp-card{position:relative;overflow:hidden;border-radius:var(--bnsp-radius);padding:24px;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 42px rgba(15,23,42,.065);min-height:284px;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;font-size:var(--bnsp-font)}
.bnsp-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(15,23,42,.11);border-color:color-mix(in srgb,var(--bnsp-accent) 24%,rgba(148,163,184,.18))}
.bnsp-card-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bnsp-accent) 14%,transparent),transparent 70%);right:-80px;top:-95px;pointer-events:none}
.bnsp-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;position:relative;z-index:1}.bnsp-avatar{width:46px;height:46px;border-radius:15px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--bnsp-accent) 16%,#fff),color-mix(in srgb,var(--bnsp-accent) 34%,#fff));color:var(--bnsp-accent);font-weight:800;font-size:18px;border:1px solid color-mix(in srgb,var(--bnsp-accent) 12%,#fff)}.bnsp-avatar img{width:100%;height:100%;object-fit:cover;display:block}.bnsp-avatar span{width:100%;height:100%;place-items:center}
.bnsp-person{min-width:0}.bnsp-person>strong{font-size:14px;font-weight:800;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}.bnsp-meta{display:flex;align-items:center;gap:6px;margin-top:6px}.bnsp-verified{width:15px;height:15px;display:grid;place-items:center;border-radius:99px;background:#3b82f6;color:white;font-size:9px;font-weight:900}
.bnsp-platform{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid rgba(148,163,184,.18);box-shadow:0 6px 20px rgba(15,23,42,.06)}.bnsp-platform svg{width:18px;height:18px}.bnsp-google svg path:nth-child(1){fill:#4285f4}.bnsp-google svg path:nth-child(2){fill:#34a853}.bnsp-google svg path:nth-child(3){fill:#fbbc05}.bnsp-google svg path:nth-child(4){fill:#ea4335}.bnsp-facebook svg{fill:#1877f2}
.bnsp-quote{font-family:Georgia,serif;font-size:52px;line-height:.7;margin:24px 0 2px;color:color-mix(in srgb,var(--bnsp-accent) 30%,#cbd5e1);height:24px}.bnsp-content{font-size:1em;line-height:1.68;color:#334155;flex:1;word-break:break-word;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;transition:max-height .25s ease}.bnsp-card.is-open .bnsp-content{-webkit-line-clamp:unset;display:block;overflow:visible}.bnsp-card-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(148,163,184,.15)}.bnsp-foot-left{font-size:11px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.bnsp-readmore{appearance:none;border:0;background:transparent;color:var(--bnsp-accent);font-size:11px;font-weight:800;cursor:pointer;padding:5px 0}.bnsp-readmore span{display:inline-block;margin-left:3px;transition:transform .2s ease}.bnsp-readmore:hover span{transform:translate(2px,-2px)}.bnsp-card.is-open .bnsp-readmore{opacity:.72}.bnsp-reply{margin-top:14px;border-radius:15px;padding:12px 14px;background:color-mix(in srgb,var(--bnsp-accent) 6%,#f8fafc);border:1px solid color-mix(in srgb,var(--bnsp-accent) 9%,transparent)}.bnsp-reply span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--bnsp-accent)}.bnsp-reply p{font-size:12px!important;line-height:1.55!important;margin:5px 0 0!important;color:#64748b!important}.bnsp-quality{position:absolute;right:10px;bottom:7px;font-size:7px;color:transparent;pointer-events:none}
.bnsp-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(148,163,184,.18);border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(15,23,42,.12);color:#0f172a;font-size:26px;display:grid;place-items:center;cursor:pointer;transition:.2s}.bnsp-nav:hover{transform:translateY(-50%) scale(1.06);background:#fff}.bnsp-prev{left:-20px}.bnsp-next{right:-20px}.bnsp-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}.bnsp-dot{width:6px;height:6px;border-radius:99px;background:#cbd5e1;transition:.2s}.bnsp-dot.is-active{width:24px;background:var(--bnsp-accent)}
.bnsp-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:28px;border:1px dashed #cbd5e1;background:#f8fafc;text-align:center}.bnsp-empty>span{font-size:28px;color:var(--bnsp-accent)}.bnsp-empty strong{font-size:17px}.bnsp-empty small{color:#94a3b8}
/* Themes */
.bnsp-theme-aurora{background:radial-gradient(circle at 13% 10%,color-mix(in srgb,var(--bnsp-accent) 10%,transparent),transparent 31%),radial-gradient(circle at 90% 88%,rgba(59,130,246,.07),transparent 27%),linear-gradient(180deg,#fbfdff,#f7fafc)}
.bnsp-theme-aurora .bnsp-card{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.79));backdrop-filter:blur(16px)}
.bnsp-theme-minimal{background:#fff}.bnsp-theme-minimal .bnsp-card{box-shadow:none;border-color:#e8edf4}.bnsp-theme-minimal .bnsp-card-glow{display:none}.bnsp-theme-minimal .bnsp-summary{box-shadow:none;background:#fff}
.bnsp-theme-midnight{background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--bnsp-accent) 25%,#0b1220),transparent 32%),#080d17;color:#f8fafc}.bnsp-theme-midnight .bnsp-head>p{color:#94a3b8!important}.bnsp-theme-midnight .bnsp-card{background:linear-gradient(145deg,#121a29,#0d1421);border-color:rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.26)}.bnsp-theme-midnight .bnsp-person>strong,.bnsp-theme-midnight .bnsp-content{color:#eef2ff}.bnsp-theme-midnight .bnsp-card-foot{border-color:rgba(255,255,255,.08)}.bnsp-theme-midnight .bnsp-summary{background:rgba(15,23,42,.72);border-color:rgba(255,255,255,.09)}.bnsp-theme-midnight .bnsp-summary-copy span{color:#64748b}.bnsp-theme-midnight .bnsp-nav{background:#121a29;color:#fff;border-color:rgba(255,255,255,.08)}
.bnsp-theme-editorial{background:#f7f4ef;color:#241f1a}.bnsp-theme-editorial .bnsp-head h2{font-family:Georgia,"Times New Roman",serif!important;font-weight:500!important;letter-spacing:-.025em!important}.bnsp-theme-editorial .bnsp-card{border-radius:8px;background:#fffdf9;border-color:#e8e0d6;box-shadow:0 16px 34px rgba(79,60,42,.07)}.bnsp-theme-editorial .bnsp-avatar{border-radius:50%}.bnsp-theme-editorial .bnsp-content{font-family:Georgia,"Times New Roman",serif;color:#463d35}.bnsp-theme-editorial .bnsp-card-glow{display:none}.bnsp-theme-editorial .bnsp-summary{border-radius:8px}
/* TikTok */
.bnsp-tiktok-wrap{background:linear-gradient(180deg,#090b10,#111827);color:#fff}.bnsp-tiktok-head>p{color:#94a3b8!important}.bnsp-tiktok-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bnsp-tiktok-card{border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#151b28,#0d111a);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 60px rgba(0,0,0,.22)}.bnsp-tiktok-media{min-height:380px;display:grid;place-items:center;overflow:hidden}.bnsp-tiktok-media .tiktok-embed{margin:0!important;min-width:0!important;width:100%!important}.bnsp-tiktok-fallback{width:100%;height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;text-decoration:none;background:radial-gradient(circle at 30% 20%,rgba(37,244,238,.18),transparent 35%),radial-gradient(circle at 70% 80%,rgba(254,44,85,.17),transparent 35%)}.bnsp-tiktok-fallback span{font-size:52px}.bnsp-tiktok-caption{padding:18px 20px;font-size:13px;line-height:1.6;color:#cbd5e1;border-top:1px solid rgba(255,255,255,.06)}
@media(max-width:1024px){.bnsp-track{grid-template-columns:repeat(var(--bnsp-cards-tablet),minmax(0,1fr))}.bnsp-layout-slider .bnsp-card{flex-basis:calc((100% - (var(--bnsp-cards-tablet) - 1)*18px)/var(--bnsp-cards-tablet))}.bnsp-layout-masonry .bnsp-track{columns:var(--bnsp-cards-tablet)}.bnsp-tiktok-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bnsp-prev{left:-8px}.bnsp-next{right:-8px}}
@media(max-width:680px){.bnsp-shell{padding:30px 16px}.bnsp-head{margin-bottom:20px}.bnsp-summary{width:100%;justify-content:center;gap:9px}.bnsp-summary-copy span{display:none}.bnsp-track{grid-template-columns:repeat(var(--bnsp-cards-mobile),minmax(0,1fr));gap:12px}.bnsp-layout-slider .bnsp-card{flex-basis:calc((100% - (var(--bnsp-cards-mobile) - 1)*12px)/var(--bnsp-cards-mobile))}.bnsp-layout-masonry .bnsp-track{columns:var(--bnsp-cards-mobile)}.bnsp-layout-spotlight .bnsp-track{grid-template-columns:1fr}.bnsp-card{padding:20px;min-height:265px}.bnsp-nav{width:38px;height:38px}.bnsp-prev{left:-7px}.bnsp-next{right:-7px}.bnsp-tiktok-grid{grid-template-columns:1fr}.bnsp-tiktok-media{min-height:330px}}
