body { margin:0; background:#0b0b0c; color:#f4f2ef; font-family:'Barlow',system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
a { color:#f5851f; text-decoration:none; }
a:hover { color:#ffa348; }
summary::-webkit-details-marker { display:none; }
summary::marker { content:''; }
details { transition: background .3s ease, border-color .3s ease; }
details:hover { border-color: rgba(245,133,31,.35) !important; }
details[open] summary span:last-child { transform:rotate(45deg); }
summary span:last-child { transition:transform .35s cubic-bezier(.22,1,.36,1); }
details[open] > div { animation: bbsDetail .42s cubic-bezier(.22,1,.36,1) both; }
details, aside, [data-reveal] { transition: border-color .3s ease, transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; }
a, img { transition: background .3s ease, color .3s ease, border-color .3s ease, box-shadow .4s ease, transform .5s cubic-bezier(.22,1,.36,1); }
[data-reveal] { animation: bbsIn .9s cubic-bezier(.22,1,.36,1) both; }
details[data-reveal]:nth-of-type(2) { animation-delay:.07s; }
details[data-reveal]:nth-of-type(3) { animation-delay:.14s; }
details[data-reveal]:nth-of-type(4) { animation-delay:.21s; }
details[data-reveal]:nth-of-type(n+5) { animation-delay:.28s; }
@keyframes bbsDetail { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
@keyframes bbsIn { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
@keyframes bbsGlow { 0%,100% { opacity:.75; transform:scale(.97); } 50% { opacity:1; transform:scale(1.03); } }
@keyframes bbsMarquee { from { transform:translateX(0); } to { transform:translateX(-33.333%); } }
@keyframes bbsPulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.8); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } [data-reveal] { opacity:1 !important; transform:none !important; } }

.hv-1:hover { background:#ffa348 !important; }
.hv-2:hover { border-color:#f5851f !important; color:#f5851f !important; }
.hv-3:hover { border-color:#f5851f !important; transform:translateY(-6px) !important; box-shadow:0 18px 44px rgba(245,133,31,.22) !important; }
.hv-4:hover { border-color:#f5851f !important; transform:translateY(-6px) !important; box-shadow:0 18px 44px rgba(245,133,31,.22) !important; }
.hv-5:hover { border-color:#f5851f !important; transform:translateY(-6px) !important; box-shadow:0 18px 44px rgba(245,133,31,.22) !important; }
.hv-6:hover { border-color:#f5851f !important; transform:translateY(-6px) !important; box-shadow:0 18px 44px rgba(245,133,31,.22) !important; }
.hv-7:hover { border-color:#f5851f !important; transform:translateY(-6px) !important; box-shadow:0 18px 44px rgba(245,133,31,.22) !important; }
.hv-8:hover { background:#ffa348 !important; color:#0b0b0c !important; }
.hv-9:hover { background:linear-gradient(180deg,#ffb14a,#ff9528) !important; }
.hv-10:hover { background:#0b0b0c !important; color:#f5851f !important; }

.bbs-hero { position:relative; padding:clamp(36px,7vw,64px) clamp(16px,4vw,24px) clamp(40px,7vw,72px); background-color:#0b0b0c; background-image:linear-gradient(180deg,rgba(11,11,12,.7) 0%,rgba(11,11,12,.55) 45%,#0b0b0c 100%),url('../images/background.png'); background-size:cover; background-position:center; }
.bbs-hero-grid { position:relative; max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:clamp(20px,4vw,32px); align-items:center; }
.bbs-hero-content { min-width:0; }
.bbs-badge { display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(245,133,31,.5); background:rgba(245,133,31,.1); padding:7px 14px; border-radius:100px; font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.16em; font-size:14px; text-transform:uppercase; color:#ffb066; animation:bbsIn .95s cubic-bezier(.22,1,.36,1) 0.05s both; }
.bbs-badge-dot { width:8px; height:8px; border-radius:50%; background:#ff3b30; animation:bbsPulse 1.6s ease-in-out infinite; }
.bbs-hero-title { margin:24px 0 0; animation:bbsIn .95s cubic-bezier(.22,1,.36,1) 0.16s both; }
.bbs-hero-logo { width:100%; max-width:min(560px,86vw); height:auto; display:block; }
.bbs-hero-desc { max-width:520px; font-size:clamp(16px,1.6vw,18px); line-height:1.6; color:#b9b4ad; margin:20px 0 0; text-wrap:pretty; animation:bbsIn .95s cubic-bezier(.22,1,.36,1) 0.28s both; }
.bbs-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; animation:bbsIn .95s cubic-bezier(.22,1,.36,1) 0.4s both; }
.bbs-btn-primary { display:inline-flex; align-items:center; justify-content:center; background:#f5851f; color:#0b0b0c; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(16px,1.8vw,19px); letter-spacing:.1em; text-transform:uppercase; padding:15px clamp(20px,3vw,30px); border-radius:10px; }
.bbs-btn-secondary { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.22); color:#f4f2ef; font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:clamp(16px,1.8vw,19px); letter-spacing:.1em; text-transform:uppercase; padding:15px clamp(20px,3vw,30px); border-radius:10px; }
.bbs-hero-stats { display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,28px); margin-top:32px; padding-top:24px; border-top:1px solid rgba(255,255,255,.1); animation:bbsIn .95s cubic-bezier(.22,1,.36,1) 0.5s both; }
.bbs-stat-value { font-family:'Anton',sans-serif; font-size:clamp(24px,3.4vw,30px); color:#f5851f; line-height:1; }
.bbs-stat-label { font-family:'Barlow Condensed',sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:13px; color:#8d8880; }
.bbs-hero-visual { min-width:0; display:flex; justify-content:center; align-items:center; position:relative; }
.bbs-hero-glow { position:absolute; width:80%; aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(245,133,31,.28) 0%,rgba(245,133,31,0) 68%); animation:bbsGlow 5.5s ease-in-out infinite; }
.bbs-hero-image { position:relative; width:min(106%,100%); max-width:1075px; height:auto; display:block; animation:bbsIn 1.2s cubic-bezier(.22,1,.36,1) .2s both; }

@media (min-width:641px) {
  .bbs-hero-grid { grid-template-columns:1fr 1.25fr; }
}

.bbs-infobar { background:#f5851f; color:#0b0b0c; }
.bbs-infobar-grid { max-width:1180px; margin:0 auto; padding:clamp(20px,4vw,26px) clamp(16px,4vw,24px); display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:clamp(14px,3vw,24px); }
.bbs-infobar-label { font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.18em; text-transform:uppercase; font-size:13px; opacity:.7; }
.bbs-infobar-value { font-family:'Anton',sans-serif; font-size:clamp(19px,2.4vw,24px); text-transform:uppercase; margin-top:4px; }
.bbs-infobar-sub { font-weight:600; font-size:14px; margin-top:2px; }

.bbs-buy { padding:0 clamp(16px,4vw,24px) clamp(40px,7vw,72px); background:#0b0b0c; }
.bbs-buy-card { max-width:1180px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:clamp(24px,4vw,44px); align-items:center; background:linear-gradient(135deg,rgba(245,133,31,.16) 0%,rgba(255,255,255,.03) 55%,rgba(255,255,255,.02) 100%); border:1px solid rgba(245,133,31,.28); border-radius:14px; padding:clamp(26px,5vw,52px) clamp(20px,4vw,44px); }
.bbs-buy-content { min-width:0; }
.bbs-buy-eyebrow { font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.22em; text-transform:uppercase; font-size:14px; color:#f5851f; }
.bbs-buy-title { font-family:'Anton',sans-serif; font-weight:400; font-size:clamp(32px,4.4vw,52px); line-height:1.02; text-transform:uppercase; margin:12px 0 0; }
.bbs-buy-desc { font-size:18px; line-height:1.6; color:#b9b4ad; margin:20px 0 0; text-wrap:pretty; }
.bbs-buy-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.bbs-buy-tag { display:flex; align-items:center; gap:8px; background:rgba(245,133,31,.12); border:1px solid rgba(245,133,31,.4); color:#ffb066; font-family:'Barlow Condensed',sans-serif; font-weight:700; letter-spacing:.12em; text-transform:uppercase; font-size:14px; padding:8px 14px; border-radius:100px; }
.bbs-buy-warning { display:flex; gap:16px; align-items:center; margin-top:24px; border-left:3px solid #ff3b30; background:rgba(255,59,48,.08); padding:20px 22px; border-radius:10px; }
.bbs-buy-warning-icon { flex:none; }
.bbs-buy-warning-text { font-size:clamp(15px,1.5vw,18px); line-height:1.4; color:#f4f2ef; font-weight:600; }
.bbs-buy-cta { display:inline-flex; align-items:center; justify-content:center; gap:12px; margin-top:26px; background:#f5851f; color:#0b0b0c; font-family:'Anton',sans-serif; font-size:clamp(17px,2.2vw,22px); letter-spacing:.04em; text-transform:uppercase; padding:16px clamp(20px,3.4vw,34px); border-radius:10px; box-shadow:0 12px 40px rgba(245,133,31,.28); }
.bbs-buy-note { font-family:'Barlow Condensed',sans-serif; letter-spacing:.14em; text-transform:uppercase; font-size:14px; color:#8d8880; margin-top:12px; }
.bbs-buy-image-wrap { min-width:0; }
.bbs-buy-image { width:100%; height:auto; display:block; }

@media (max-width:640px) {
  .bbs-hero-content { text-align:center; }
  .bbs-hero-actions { justify-content:center; }
  .bbs-hero-stats { justify-content:center; }
  .bbs-infobar-grid { text-align:center; justify-items:center; }
  .bbs-buy-content { text-align:center; }
  .bbs-buy-tags { justify-content:center; }
  .bbs-buy-warning { flex-direction:column; text-align:center; }
}