*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#140807;color:#2b1715;line-height:1.68}a{color:inherit}.hcbflare__header{position:sticky;top:0;z-index:20;background:rgba(28,7,5,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,122,36,.28)}.hcbflare__header-inner{max-width:1180px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:24px}.hcbflare__brand{display:flex;align-items:center;margin-right:auto}.hcbflare__logo{width:190px;max-height:70px;object-fit:contain}.hcbflare__nav{display:flex;gap:10px}.hcbflare__nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:10px}.hcbflare__nav a:hover{background:#ff5a1f}.hcbflare__menu-btn{display:none;background:#ff5a1f;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700}main{background:#fff5ee}.hcbflare__hero{background:radial-gradient(circle at 80% 20%,#ffad27 0,#ff6a1d 25%,#b8180d 55%,#300604 100%);color:#fff;padding:72px 20px 64px}
.hcbflare__hero-inner{max-width:1060px;margin:auto}.hcbflare__hero h1{font-size:clamp(34px,6vw,70px);line-height:1.02;max-width:900px;margin:8px 0 22px}
.hcbflare__hero p{max-width:860px;font-size:18px}.hcbflare__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#ffd76a}.hcbflare__play-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:14px;min-width:210px;padding:16px 32px;border-radius:999px;background:linear-gradient(135deg,#ffb200,#ff6500 48%,#df160c);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 12px 28px rgba(173,32,12,.35);transition:.2s}.hcbflare__play-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.hcbflare__play-btn--hot{border:2px solid #ffcf58}.hcbflare__demo,.hcbflare__section{max-width:1120px;margin:0 auto;padding:58px 20px}.hcbflare__demo-shell{border:10px solid #2e0b08;border-radius:24px;overflow:hidden;background:#000;box-shadow:0 20px 45px rgba(75,13,4,.22)}.hcbflare__demo-frame{display:block;width:100%;height:min(72vh,720px);border:0;background:#150604}.hcbflare__section-head span{display:inline-block;background:#ff6a1d;color:#fff;border-radius:999px;padding:5px 10px;font-weight:800}h2{font-size:clamp(28px,4vw,44px);line-height:1.1;color:#7f130d;margin:0 0 20px}h3{font-size:26px;color:#a32614;margin-top:38px}.hcbflare__table-scroll{overflow-x:auto;border-radius:20px;box-shadow:0 14px 30px rgba(105,31,10,.12);margin:24px 0}.hcbflare__table{width:100%;border-collapse:collapse;min-width:680px;background:#fff}.hcbflare__table th{background:linear-gradient(90deg,#7d130d,#e14417);color:#fff;text-align:left;padding:15px 18px}.hcbflare__table td{padding:14px 18px;border-bottom:1px solid #f0d9cf;vertical-align:top}.hcbflare__table tr:nth-child(even) td{background:#fff9f4}.hcbflare__cta-center{display:flex;justify-content:center;padding:8px 20px 34px}.hcbflare__section--accent{background:#2d0907;color:#fff;max-width:none;padding-left:max(20px,calc((100vw - 1080px)/2));padding-right:max(20px,calc((100vw - 1080px)/2))}.hcbflare__section--accent h2{color:#ffb43a}.hcbflare__steps,.hcbflare__feature-list,.hcbflare__tips{padding-left:24px}.hcbflare__steps li,.hcbflare__feature-list li,.hcbflare__tips li{margin:12px 0}.hcbflare__faq{display:grid;gap:12px}.hcbflare__faq-item{background:#fff;border:1px solid #f0cfc0;border-radius:16px;padding:0 18px}.hcbflare__faq-item summary{cursor:pointer;font-weight:800;padding:17px 0;color:#7f130d}.hcbflare__footer{background:#1c0705;color:#fff;padding:48px 20px 20px}.hcbflare__footer-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.hcbflare__footer-logo{width:210px;max-height:80px;object-fit:contain}.hcbflare__footer h2{color:#ffb43a;font-size:24px}.hcbflare__footer-links{columns:2;gap:30px;padding:0;list-style:none}.hcbflare__footer-links li{break-inside:avoid;margin:8px 0}.hcbflare__footer-links a{color:#ffe9d8;text-decoration:none}.hcbflare__footer-links a:hover{color:#ff9c32}.hcbflare__footer-bottom{max-width:1120px;margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between}
.hcbflare-payout-wrap {
  width: 100%;
  margin: 32px 0;
  overflow-x: auto;
  border-radius: 22px;
  box-shadow: 0 14px 38px rgba(90, 20, 8, 0.12);
}

.hcbflare-payout-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  background: #fff;
}

.hcbflare-payout-table thead {
  background: linear-gradient(135deg, #951b0b 0%, #d83a0c 55%, #ff7a00 100%);
  color: #fff;
}

.hcbflare-payout-table th {
  padding: 18px 20px;
  text-align: left;
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
}

.hcbflare-payout-table td {
  padding: 13px 20px;
  border-bottom: 1px solid #f1ddd5;
  color: #2e1711;
  font-size: 16px;
  vertical-align: middle;
}

.hcbflare-payout-table tbody tr:nth-child(even) {
  background: #fff8f4;
}

.hcbflare-payout-table tbody tr:hover {
  background: #fff0e7;
}

.hcbflare-payout-table tbody tr:last-child td {
  border-bottom: 0;
}

.hcbflare-symbol {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 210px;
  font-weight: 700;
}

.hcbflare-symbol img {
  width: 62px;
  height: 62px;
  object-fit: contain;
  flex-shrink: 0;
}

.hcbflare-symbol-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  flex-shrink: 0;
  font-size: 42px;
}

.hcbflare-payout-table__special {
  background: #fff1dc !important;
}

.hcbflare-payout-table__special td {
  font-weight: 700;
}


.hcbflare-lines {
  width: 100%;
  margin: 48px 0;
}

.hcbflare-lines__inner {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px;
  background: #202020;
  border-radius: 24px;
  color: #fff;
}

.hcbflare-lines__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  gap: 30px;
  align-items: center;
  margin-bottom: 24px;
}

.hcbflare-lines__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: #ffc400;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.hcbflare-lines__head h2 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(25px, 3vw, 36px);
  line-height: 1.15;
}

.hcbflare-lines__head p {
  margin: 0;
  color: #aaa;
  font-size: 15px;
  line-height: 1.6;
}

.hcbflare-lines__logo {
  display: block;
  width: 100%;
  max-width: 185px;
  max-height: 110px;
  object-fit: contain;
  margin-left: auto;
}

/* NAV */

.hcbflare-lines__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 5px 0 25px;
}

.hcbflare-lines__range {
  min-width: 150px;
  text-align: center;
  color: #aaa;
  font-size: 15px;
}

.hcbflare-lines__range strong {
  color: #ffc400;
}

.hcbflare-lines__arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  border: 1px solid #444;
  border-radius: 50%;

  background: #2e2e2e;
  color: #fff;

  font-size: 31px;
  line-height: 1;

  cursor: pointer;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease;
}

.hcbflare-lines__arrow:hover:not(:disabled) {
  background: #ffc400;
  border-color: #ffc400;
  color: #1c1c1c;
}

.hcbflare-lines__arrow:disabled {
  opacity: .3;
  cursor: default;
}

/* 5 COLUMNS = EXACTLY 3 ROWS */

.hcbflare-lines__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px 4px;
}

.hcbflare-line {
  min-width: 0;
}

.hcbflare-line__title {
  display: block;
  margin-bottom: 7px;
  color: #999;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.hcbflare-line__matrix {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);

  width: 100%;
  max-width: 125px;
  margin: 0 auto;

  aspect-ratio: 5 / 4;
  gap: 3px;
}

.hcbflare-line__cell {
  display: block;
  background: #4a4a4a;
  border-radius: 1px;
}

.hcbflare-line__cell.is-active {
  background: #ffc400;
}

@media (hover: hover) {
  .hcbflare-line:hover .hcbflare-line__cell.is-active {
    background: #ffdc42;
  }

  .hcbflare-line:hover .hcbflare-line__title {
    color: #fff;
  }
}

/* DOTS */

.hcbflare-lines__dots {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-top: 26px;
}

.hcbflare-lines__dot {
  width: 9px;
  height: 9px;
  padding: 0;

  border: 0;
  border-radius: 50%;

  background: #555;
  cursor: pointer;
}

.hcbflare-lines__dot.is-active {
  width: 27px;
  border-radius: 8px;
  background: #ffc400;
}

/* CTA */

.hcbflare-lines__cta {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  padding-top: 24px;
  border-top: 1px solid #383838;
}

.hcbflare-lines__play {
  display: inline-flex;
  justify-content: center;
  align-items: center;

  min-width: 180px;
  padding: 14px 27px;

  border: 2px solid #ffbd24;
  border-radius: 13px;

  background: linear-gradient(
    135deg,
    #ffb000 0%,
    #ff6500 45%,
    #e5150b 100%
  );

  color: #fff;

  font-size: 16px;
  font-weight: 800;
  text-decoration: none;

  transition:
    transform .2s ease,
    filter .2s ease;
}

.hcbflare-lines__play:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

/* TABLET */

@media (max-width: 900px) {
  .hcbflare-lines__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* MOBILE */

@media (max-width: 620px) {
  .hcbflare-lines__inner {
    width: calc(100% - 20px);
    padding: 20px 13px;
    border-radius: 18px;
  }

  .hcbflare-lines__head {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .hcbflare-lines__logo {
    max-width: 165px;
    margin: 0 auto;
  }

  .hcbflare-lines__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px 4px;
  }

  .hcbflare-line__title {
    font-size: 12px;
  }

  .hcbflare-line__matrix {
    gap: 2px;
  }

  .hcbflare-lines__arrow {
    width: 40px;
    height: 40px;
  }
}

@media (max-width: 420px) {
  .hcbflare-lines__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .hcbflare-payout-wrap {
    margin: 24px 0;
    border-radius: 16px;
  }

  .hcbflare-payout-table {
    min-width: 680px;
  }

  .hcbflare-payout-table th,
  .hcbflare-payout-table td {
    padding: 11px 14px;
    font-size: 14px;
  }

  .hcbflare-symbol {
    gap: 10px;
    min-width: 180px;
  }

  .hcbflare-symbol img,
  .hcbflare-symbol-fallback {
    width: 48px;
    height: 48px;
  }

  .hcbflare-symbol-fallback {
    font-size: 34px;
  }
}
@media(max-width:760px){.hcbflare__menu-btn{display:block}.hcbflare__nav{display:none;position:absolute;top:72px;left:12px;right:12px;background:#2b0907;border-radius:16px;padding:12px;flex-direction:column}.hcbflare__nav.is-open{display:flex}.hcbflare__hero{padding-top:54px}.hcbflare__logo{width:150px}.hcbflare__demo-frame{height:520px}.hcbflare__footer-grid{grid-template-columns:1fr}.hcbflare__footer-links{columns:1}}