
.market-hero.hero-b2b-reference{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0;height:auto;min-height:430px;margin:22px 0 36px;isolation:isolate}
.hero-b2b-reference:before{content:"";position:absolute;inset:0 42% 0 0;background:var(--barook-primary,#f05069);border-radius:32px;z-index:-1}
.hero-b2b-reference .hero-card{position:relative;inset:auto;grid-column:1;grid-row:1;width:auto;box-sizing:border-box;min-height:410px;margin:0 0 22px;padding:34px 36px;background:#fff;border-radius:32px;box-shadow:4px 5px 25px #245f4b1c;z-index:3}
.hero-b2b-reference .eyebrow{font-size:16px;color:var(--barook-green-dark,#2b7667)}.hero-b2b-reference h1{font-size:38px;line-height:1.6;margin:15px 0 18px;color:var(--barook-primary,#f05069);font-weight:800}.hero-b2b-reference h1 span{display:block;white-space:nowrap}.hero-b2b-reference .hero-card p{font-size:16px;line-height:1.9;color:var(--barook-ink,#404040);margin:0 0 28px;max-width:none;font-weight:500}.hero-b2b-reference .barook-cta{display:flex;width:100%;min-width:0;min-height:48px;padding:10px 20px;box-sizing:border-box;font-size:18px;font-weight:700;border-radius:16px;transform:none;transition:none}.hero-b2b-reference .barook-cta:before{display:none}
.hero-trade-visual{grid-column:2;grid-row:1;position:relative;min-width:0;margin:0;padding:8px 24px 20px;box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-trade-stage{position:relative;width:100%;height:352px;min-width:0}.hero-mint-circle{position:absolute;width:142px;height:142px;border-radius:50%;background:#afe0c4;top:28px;left:calc(50% - 118px);z-index:0}.hero-basket-asset{position:absolute;width:272px;height:272px;object-fit:contain;top:-10px;left:50%;transform:translateX(-50%);z-index:2}.hero-company-rays{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;opacity:.82}.hero-company-cards{position:absolute;top:238px;left:50%;transform:translateX(-50%);display:flex;direction:rtl;align-items:center;justify-content:center;gap:19px;z-index:2}
.hero-company-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:98px;height:120px;padding:10px 11px;border-radius:11px;background:#fff6e4;box-shadow:0 2px 5px #693e3b12}.hero-company-card.company-first{transform:rotate(7deg)}.hero-company-card.company-third{transform:rotate(-7deg)}.hero-company-icon{display:block;width:68px;height:49px;flex-shrink:0}.hero-company-label{font-size:13px;font-weight:700;line-height:1.7;color:#f05069;margin:3px 0 7px;white-space:nowrap}.hero-card-detail{display:flex;direction:ltr;gap:8px;align-items:center;width:100%;margin-top:auto}.hero-card-detail>span{display:grid;gap:6px;flex:1}.hero-card-detail i{height:3px;background:#a5b9a5;border-radius:3px;display:block}.hero-card-detail i:last-child{width:80%}.hero-card-detail svg{width:15px;height:15px;fill:none;stroke:#006449;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero-trade-visual figcaption{position:relative;margin:18px -9px 0;color:white;font-weight:700;font-size:19px;line-height:1.7;text-align:center;z-index:2}
.value-strip.hero-reference-values{margin:0 0 64px;gap:30px}.hero-reference-values article{display:block;text-align:center;min-width:0}.hero-reference-values .hero-feature-icon{display:inline-flex;width:52px;height:52px;border-radius:13px;background:#ffe0e5;color:var(--barook-primary,#f05069);align-items:center;justify-content:center}.hero-feature-icon svg{width:28px;height:28px}.hero-reference-values h2{font-size:18px;line-height:1.6;font-weight:700;margin:16px 0 10px}.hero-reference-values p{font-size:13px;line-height:1.9;color:var(--barook-ink,#404040);margin:0 auto;max-width:300px}
@media(max-width:1050px) and (min-width:701px){.hero-b2b-reference h1{font-size:32px}.hero-b2b-reference .hero-card{padding:30px 28px}.hero-company-cards{gap:13px}.hero-company-card{width:88px;height:113px;padding:9px}.hero-company-icon{width:60px;height:45px}.hero-trade-visual{padding-inline:15px}.hero-trade-visual figcaption{font-size:17px}}
@media(max-width:700px){.market-hero.hero-b2b-reference{display:flex;flex-direction:column;min-height:0;margin:18px 0 26px}.hero-b2b-reference:before{inset:20px 0 0;border-radius:28px}.hero-b2b-reference .hero-card{width:100%;min-height:0;margin:0;padding:27px 24px 29px;border-radius:27px}.hero-b2b-reference .eyebrow{font-size:14px}.hero-b2b-reference h1{font-size:32px;line-height:1.6;margin:12px 0 16px}.hero-b2b-reference .hero-card p{font-size:15px;line-height:1.9;margin-bottom:22px}.hero-b2b-reference .barook-cta{font-size:17px;min-height:48px}.hero-trade-visual{width:100%;padding:17px 20px 25px}.hero-trade-stage{height:330px}.hero-basket-asset{width:250px;height:250px;top:-12px}.hero-mint-circle{width:128px;height:128px;top:20px;left:calc(50% - 105px)}.hero-company-cards{top:220px;gap:12px}.hero-company-card{width:82px;height:108px;padding:8px}.hero-company-icon{width:56px;height:42px}.hero-company-label{font-size:12px;margin:3px 0 6px}.hero-card-detail{gap:6px}.hero-card-detail i{height:3px}.hero-trade-visual figcaption{font-size:15px;line-height:1.8;margin:16px 0 0}.value-strip.hero-reference-values{grid-template-columns:1fr;gap:12px;margin-bottom:44px}.hero-reference-values article{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;text-align:right;padding:18px;border:1px solid #f0e5e7;border-radius:17px}.hero-reference-values .hero-feature-icon{grid-row:1/3}.hero-reference-values h2{font-size:17px;margin:0 0 5px}.hero-reference-values p{font-size:13px;margin:0;max-width:none}}
@media(max-width:360px){.hero-b2b-reference h1{font-size:29px}.hero-b2b-reference .hero-card{padding-inline:20px}.hero-company-card{width:74px;height:103px}.hero-company-cards{gap:10px}.hero-company-label{font-size:11px}.hero-company-icon{width:51px}.hero-trade-visual{padding-inline:14px}}
