/* Homepage teaser banner for the Tokenization landing page.
   Deliberately mirrors the typography and CTA button of the section right
   above it (.Bizionic-Startup-Funding-Initiative-section in biz-landing-main.css)
   so it reads as part of the same page instead of a bolted-on block. Only the
   background/badge are unique — text size/weight/font and the button reuse
   the page's own classes 1:1. */
.biz-tkz-teaser{
  position:relative;
  width:100%;
  min-height:420px;
  padding:70px 0;
  overflow:hidden;
  background:linear-gradient(105.06deg,#0b3b6a 7.44%,#011224 99.72%);
  color:#fff;
}
.biz-tkz-teaser-text-part{position:relative;z-index:2;}
.biz-tkz-teaser-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(39,165,222,0.12);
  border:1px solid rgba(39,165,222,0.35);
  padding:6px 16px;border-radius:100px;
  font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
  font-family:avenirmedium;
  color:#7dd3fc;margin-bottom:18px;
}
.biz-tkz-teaser-badge .dot{width:6px;height:6px;border-radius:50%;background:#27a5de;flex-shrink:0;}
.biz-tkz-teaser h2{
  color:#fff;
  font-size:50px;
  font-weight:500;
  line-height:1.2;
  margin-bottom:16px;
  font-family:"Financier Display";
}
.biz-tkz-teaser-text-part p{
  font-size:17px;
  line-height:1.8;
  font-weight:400;
  color:#fff;
  font-family:avenirmedium;
  margin-bottom:30px;
}
.biz-tkz-teaser .biz-main-landing-mainbtn{display:inline-block;text-decoration:none;}

/* Right-side token animation — reuses the exact markup/classes from the
   tokenization page's own hero (tokenization-landing-main.css), just scaled
   down to fit this narrower column. Wrapped in .tkz-page so the CSS custom
   properties (--tkz-navy, --tkz-blue-bright, etc.) that those rules depend
   on are defined; the wrapper itself is transparent here, not a full page. */
.biz-tkz-teaser-visual-col{align-items:center;justify-content:center;}
.biz-tkz-teaser-visual-wrap{background:transparent !important;overflow:visible !important;}
.biz-tkz-teaser-visual-wrap .tkz-hero-visual{width:360px;height:360px;}
.biz-tkz-teaser-visual-wrap .tkz-hero-visual::before{width:210px;height:210px;}
.biz-tkz-teaser-visual-wrap .tkz-ring-1{width:330px;height:330px;}
.biz-tkz-teaser-visual-wrap .tkz-ring-2{width:250px;height:250px;}
.biz-tkz-teaser-visual-wrap .tkz-ring-3{width:170px;height:170px;}
.biz-tkz-teaser-visual-wrap .tkz-token-core{width:126px;height:126px;}
.biz-tkz-teaser-visual-wrap .tkz-token-core .t-sym{font-size:32px;}
.biz-tkz-teaser-visual-wrap .tkz-token-core .t-name{font-size:9px;}
.biz-tkz-teaser-visual-wrap .tkz-float-card{transform:scale(0.82);}

@media(max-width:991px){
  .biz-tkz-teaser h2{font-size:32px;}
}
@media(max-width:576px){
  .biz-tkz-teaser{min-height:auto;padding:50px 0;}
  .biz-tkz-teaser h2{font-size:26px;}
  .biz-tkz-teaser-text-part p{font-size:15px;}
}