.brex-showcase{padding-top:48px}.brex-showcase-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:26px}.brex-showcase-head h2{font-size:clamp(38px,5.2vw,72px);line-height:.98;letter-spacing:-.05em;margin:10px 0}.brex-showcase-head p{max-width:620px;color:#8fa0b2;line-height:1.7}.brex-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.brex-visual-card{min-height:610px;border:1px solid rgba(255,255,255,.1);border-radius:34px;background:#05090d;position:relative;overflow:hidden;padding:38px}.brex-visual-card h3{font-size:34px;line-height:1.05;margin:0;max-width:460px}.brex-visual-card h3 span{display:block;color:#777f89;font-weight:500}.phone-stage{display:grid;place-items:center;height:480px;position:relative}.phone-hand{position:absolute;bottom:-145px;width:230px;height:440px;border-radius:120px 120px 40px 40px;background:linear-gradient(95deg,#895d45,#d9a17b 48%,#7e5039);transform:rotate(13deg);filter:drop-shadow(0 20px 26px #000)}.brex-phone{position:relative;z-index:2;width:248px;height:480px;border:7px solid #3b4046;border-radius:42px;background:#070b0d;box-shadow:0 30px 80px #000;overflow:hidden}.brex-phone:before{content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);width:82px;height:20px;background:#111619;border-radius:12px;z-index:4}.phone-screen{position:absolute;inset:0;padding:48px 18px 18px;background:radial-gradient(circle at 55% 25%,rgba(47,245,151,.19),transparent 28%),linear-gradient(#07100d,#050708)}.phone-logo{font-weight:900;font-size:22px}.phone-logo b{color:#3cf0a2}.phone-balance{margin-top:31px;padding:17px;border-radius:19px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.phone-balance small,.phone-strategy small{display:block;color:#819086}.phone-balance strong{display:block;font-size:30px;margin-top:5px}.phone-chart{height:130px;margin-top:19px}.phone-chart svg{width:100%;height:100%;overflow:visible}.phone-strategy{margin-top:8px;padding:14px;border-radius:17px;background:#f3faf6;color:#07100c}.phone-strategy b{display:block;margin-top:3px}.phone-pill{position:absolute;right:12px;top:12px;background:#39ed9f;color:#042114;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900}.phone-float{position:absolute;z-index:3;padding:11px 14px;border:1px solid rgba(69,244,163,.25);border-radius:14px;background:rgba(5,18,13,.82);backdrop-filter:blur(10px);color:#45eea3;font-weight:800;box-shadow:0 16px 38px #0008;animation:visualFloat 3s ease-in-out infinite alternate}.pf-capital{left:5%;top:34%}.pf-live{right:3%;bottom:22%;animation-delay:.8s}@keyframes visualFloat{to{transform:translateY(-14px)}}
.robot-stage{height:460px;position:relative;margin-top:15px}.ai-robot{position:absolute;left:7%;bottom:18px;width:210px;height:330px}.robot-head{position:absolute;left:60px;top:0;width:90px;height:82px;border:1px solid #69727b;border-radius:28px 28px 35px 35px;background:linear-gradient(140deg,#68717b,#171c21 62%);box-shadow:inset 0 0 0 7px #11161a}.robot-head:before,.robot-head:after{content:"";position:absolute;top:34px;width:12px;height:7px;background:#42f3a2;border-radius:999px;box-shadow:0 0 12px #42f3a2}.robot-head:before{left:23px}.robot-head:after{right:23px}.robot-body{position:absolute;left:35px;top:76px;width:140px;height:165px;border-radius:37px 37px 50px 50px;background:linear-gradient(145deg,#59636b,#171c21 58%);border:1px solid #68717b}.robot-core{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;border:2px solid #35ec9d;box-shadow:0 0 28px rgba(53,236,157,.35),inset 0 0 20px rgba(53,236,157,.12);display:grid;place-items:center;color:#43eea3;font-weight:900}.robot-arm{position:absolute;top:92px;width:37px;height:145px;border-radius:30px;background:linear-gradient(#565f67,#1a2025);border:1px solid #68717b;transform-origin:top}.ra-l{left:11px;transform:rotate(18deg)}.ra-r{right:11px;transform:rotate(-35deg);animation:robotTrade 3.8s ease-in-out infinite alternate}@keyframes robotTrade{to{transform:rotate(-63deg)}}.robot-leg{position:absolute;top:226px;width:48px;height:100px;border-radius:20px;background:#252c31;border:1px solid #68717b}.rl-l{left:48px}.rl-r{right:48px}.trade-panel{position:absolute;right:2%;top:30px;width:58%;height:360px;border-left:1px dashed rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,transparent,rgba(46,241,153,.025))}.trade-panel svg{width:100%;height:100%}.trade-line{stroke-dasharray:950;stroke-dashoffset:950;animation:drawTrade 6s linear infinite}.trade-area{opacity:.16}@keyframes drawTrade{0%{stroke-dashoffset:950}55%,100%{stroke-dashoffset:0}}.trade-tag{position:absolute;padding:8px 12px;border-radius:999px;font-weight:900;font-size:12px;box-shadow:0 12px 28px #0008;opacity:0;animation:tradeTag 6s infinite}.tag-buy{left:17%;top:48%;background:#36ef9f;color:#032415;animation-delay:1.1s}.tag-profit{left:44%;top:24%;background:#f5fbf8;color:#07110d;animation-delay:2.5s}.tag-sell{left:61%;top:64%;background:#56c9ff;color:#05141b;animation-delay:3.7s}.tag-profit2{right:2%;top:34%;background:#f5fbf8;color:#07110d;animation-delay:4.8s}@keyframes tradeTag{0%,12%{opacity:0;transform:translateY(8px)}18%,72%{opacity:1;transform:none}85%,100%{opacity:0}}.trade-status{position:absolute;right:3%;bottom:18px;color:#6f8178;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.trade-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39efa0;box-shadow:0 0 12px #39efa0;margin-right:6px}.brex-card-note{position:absolute;left:38px;right:38px;bottom:28px;color:#6f7c89;font-size:10px;line-height:1.5}
@media(max-width:1000px){.brex-showcase-grid{grid-template-columns:1fr}.brex-visual-card{min-height:570px}.trade-panel{width:62%}}@media(max-width:620px){.brex-showcase-head{display:block}.brex-visual-card{padding:24px;min-height:520px}.brex-visual-card h3{font-size:28px}.phone-stage{height:400px;transform:scale(.82);transform-origin:center top}.robot-stage{height:390px}.ai-robot{transform:scale(.72);transform-origin:left bottom;left:-4%}.trade-panel{width:72%;right:-4%;height:310px}.brex-card-note{left:24px;right:24px}.trade-tag{font-size:9px;padding:6px 8px}}