.capf-terminal{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.18);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 22px 60px rgba(0,0,0,0.22);
}
.capf-terminal__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  background: linear-gradient(180deg, rgba(45,56,86,0.65), rgba(45,56,86,0.35));
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
.capf-terminal__dots{display:flex; gap:6px; flex:0 0 auto;}
.capf-terminal__dots span{width:10px;height:10px;border-radius:50%;display:block;opacity:.9}
.capf-terminal__dots span:nth-child(1){background:#ff5b6a}
.capf-terminal__dots span:nth-child(2){background:#ffcc66}
.capf-terminal__dots span:nth-child(3){background:#4ddc87}
.capf-terminal__title{font-family:'Gilroy',sans-serif;font-weight:600;color:#fff;font-size:14px;letter-spacing:.2px;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capf-terminal__status{font-family:'Inter',sans-serif;color:#AEB3D1;font-size:12px;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.capf-live{width:8px;height:8px;border-radius:50%;background:#4ddc87;box-shadow:0 0 0 0 rgba(77,220,135,.6);animation:capfLive 1.6s ease-in-out infinite}
@keyframes capfLive{0%{box-shadow:0 0 0 0 rgba(77,220,135,.55)}70%{box-shadow:0 0 0 10px rgba(77,220,135,0)}100%{box-shadow:0 0 0 0 rgba(77,220,135,0)}}

.capf-terminal__body{display:grid;grid-template-columns: 1fr 160px;gap:12px;padding:14px}

.capf-terminal__chart{
  position:relative;
  min-height:240px;
  border-radius:14px;
  background: radial-gradient(80% 120% at 20% 10%, rgba(3,134,254,0.18), rgba(3,134,254,0) 55%),
              linear-gradient(180deg, rgba(30,39,70,0.55), rgba(30,39,70,0.35));
  border: 1px solid rgba(255,255,255,0.10);
  overflow:hidden;
}
.capf-terminal__grid{
  position:absolute; inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity:.55;
}

.capf-terminal__price{
  position:absolute; top:12px; left:12px;
  font-family:'DrukWide',sans-serif;
  font-weight:500;
  color:#fff;
  font-size:20px;
  letter-spacing:.4px;
}
.capf-terminal__price-dec{font-size:14px;opacity:.9}

.capf-terminal__spark{
  position:absolute;
  left:10px; right:10px; bottom:12px;
  height:120px;
  display:flex;
  align-items:flex-end;
  gap:6px;
}
.capf-terminal__spark .b{
  width:10px;
  border-radius:8px;
  background: linear-gradient(180deg, rgba(77,220,135,0.95), rgba(77,220,135,0.25));
  opacity:.9;
  animation: capfBar 1.8s ease-in-out infinite;
}
.capf-terminal__spark .b:nth-child(2){animation-delay:.12s}
.capf-terminal__spark .b:nth-child(3){animation-delay:.24s}
.capf-terminal__spark .b:nth-child(4){animation-delay:.36s}
.capf-terminal__spark .b:nth-child(5){animation-delay:.48s}
.capf-terminal__spark .b:nth-child(6){animation-delay:.60s}
.capf-terminal__spark .b:nth-child(7){animation-delay:.72s}
.capf-terminal__spark .b:nth-child(8){animation-delay:.84s}
.capf-terminal__spark .b:nth-child(9){animation-delay:.96s}
.capf-terminal__spark .b:nth-child(10){animation-delay:1.08s}
@keyframes capfBar{0%,100%{height:22px}50%{height:108px}}

.capf-terminal__crosshair{
  position:absolute; inset:0;
  background:
    linear-gradient(transparent 49%, rgba(255,255,255,0.16) 50%, transparent 51%),
    linear-gradient(90deg, transparent 49%, rgba(255,255,255,0.16) 50%, transparent 51%);
  background-size: 100% 100%, 100% 100%;
  opacity:0;
  transform: translate(0,0);
  animation: capfCross 5.5s ease-in-out infinite;
}
@keyframes capfCross{
  0%{opacity:0; transform: translate(10%,15%);}
  10%{opacity:.55}
  50%{opacity:.55; transform: translate(55%,45%);}
  90%{opacity:.0; transform: translate(75%,25%);}
  100%{opacity:0; transform: translate(10%,15%);}
}

.capf-terminal__mouse{
  position:absolute;
  width:14px;height:22px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,0.55);
  background: rgba(255,255,255,0.10);
  left:24px; top:64px;
  box-shadow: 0 10px 22px rgba(0,0,0,0.25);
  animation: capfMouse 5.5s ease-in-out infinite;
}
.capf-terminal__mouse::before{
  content:"";
  position:absolute; left:50%; top:5px;
  width:2px;height:6px;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.65);
  border-radius:2px;
  opacity:.9;
}
@keyframes capfMouse{
  0%{transform: translate(0,0); opacity:0}
  10%{opacity:1}
  50%{transform: translate(220px,90px);}
  90%{opacity:0; transform: translate(320px,40px);}
  100%{transform: translate(0,0); opacity:0}
}

.capf-terminal__side{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.capf-terminal__metric{
  border-radius:12px;
  padding:10px 10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
}
.capf-terminal__metric span{display:block;font-family:'Inter',sans-serif;color:#AEB3D1;font-size:11px;opacity:.9}
.capf-terminal__metric b{display:block;font-family:'Gilroy',sans-serif;color:#fff;font-weight:600;margin-top:2px;font-size:14px}

.capf-terminal__btns{margin-top:auto;display:grid;grid-template-columns:1fr;gap:8px}
.capf-terminal__btn{
  width:100%;
  border-radius:12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.06);
  color:#fff;
  font-family:'Gilroy',sans-serif;
  font-weight:600;
  letter-spacing:.3px;
  cursor: pointer;
}
.capf-terminal__btn--buy{background: linear-gradient(180deg, rgba(77,220,135,0.55), rgba(77,220,135,0.18)); border-color: rgba(77,220,135,0.60)}
.capf-terminal__btn--sell{background: linear-gradient(180deg, rgba(255,91,106,0.50), rgba(255,91,106,0.18)); border-color: rgba(255,91,106,0.60)}

@media (max-width: 768px){
  .capf-terminal__body{grid-template-columns: 1fr;}
  .capf-terminal__side{display:none;}
  .capf-terminal__chart{min-height:220px;}
}

@media (prefers-reduced-motion: reduce){
  .capf-live,
  .capf-terminal__spark .b,
  .capf-terminal__crosshair,
  .capf-terminal__mouse{animation:none !important;}
}

/* Click feedback */
.capf-terminal__btn.is-clicked{
  transform: translateY(1px) scale(0.99);
  filter: brightness(1.08);
}
.capf-terminal__price.is-pulse{
  animation: capfPricePulse 0.35s ease-in-out;
}
@keyframes capfPricePulse{
  0%{transform: scale(1); opacity:1}
  50%{transform: scale(1.04); opacity:1}
  100%{transform: scale(1); opacity:1}
}

/* Terminal mood by last action */
.capf-terminal.is-buy .capf-terminal__chart{
  border-color: rgba(77,220,135,0.35);
}
.capf-terminal.is-sell .capf-terminal__chart{
  border-color: rgba(255,91,106,0.35);
}

/* ensure terminal remains clickable inside decisions tab */
.capf-terminal, .capf-terminal * { pointer-events: auto; }

/* Brighter buttons on hover */
@media (min-width: 1024px){
  .capf-terminal__btn:hover{
    filter: brightness(1.12);
    transform: translateY(-1px);
  }
}

/* Quotes + tape + toast */
.capf-terminal__headerline{
  position:absolute;
  left:12px; right:12px; top:12px;
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
}
.capf-quote{
  display:flex;
  gap:6px;
  align-items:baseline;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(0,0,0,0.16);
  border: 1px solid rgba(255,255,255,0.10);
}
.capf-quote .k{font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.7px;color:#AEB3D1;opacity:.9}
.capf-quote .v{font-family:'Gilroy',sans-serif;font-weight:600;font-size:12px;color:#fff}
.capf-quote--bid .v{color:#4ddc87}
.capf-quote--ask .v{color:#ff5b6a}

/* move big price lower to make room */
.capf-terminal__price{ top:54px; }

.capf-terminal__tape{
  position:absolute;
  right:12px;
  top:54px;
  width:160px;
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px;
  border-radius:12px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}
.capf-tape__row{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center}
.capf-tape__row .t{font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.7px;color:#AEB3D1}
.capf-tape__row .p{font-family:'Gilroy',sans-serif;font-weight:600;font-size:12px;color:#fff}
.capf-tape__row .s{font-family:'Inter',sans-serif;font-size:11px;color:#AEB3D1;text-align:right}
.capf-tape__row:nth-child(1) .t{color:#4ddc87}
.capf-tape__row:nth-child(2) .t{color:#ff5b6a}

.capf-terminal__toast{
  position:absolute;
  left:14px;
  bottom:14px;
  padding:10px 12px;
  border-radius:12px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(255,255,255,0.12);
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:12px;
  opacity:0;
  transform: translateY(6px);
  pointer-events:none;
  transition: opacity .2s ease, transform .2s ease;
}
.capf-terminal__toast.is-show{opacity:1; transform: translateY(0)}

@media (max-width: 768px){
  .capf-terminal__tape{display:none;}
}

/* Make terminal larger and align better with text block */
.decisions__tab[data-name=brokerage-business] .decisions-tab__img{
  padding-top: 0;
}
.decisions__tab[data-name=brokerage-business] .capf-terminal{
  transform: translateY(14px);
}
.decisions__tab[data-name=brokerage-business] .capf-terminal__chart{
  min-height: 300px;
}

@media (max-width: 1024px){
  .decisions__tab[data-name=brokerage-business] .capf-terminal{transform:none;}
  .decisions__tab[data-name=brokerage-business] .decisions-tab__img{padding-top:0;}
}

/* Order book */
.capf-terminal__book{
  position:absolute;
  right:12px;
  top:54px;
  width:170px;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:10px;
  border-radius:12px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}
.capf-book__head{display:flex;justify-content:space-between;color:#AEB3D1;font-family:'Inter',sans-serif;font-size:10px;letter-spacing:.7px}
.capf-book__rows{display:flex;flex-direction:column;gap:6px}
.capf-book__row{display:flex;justify-content:space-between;font-family:'Gilroy',sans-serif;font-weight:600;font-size:12px}
.capf-book__row .bid{color:#4ddc87}
.capf-book__row .ask{color:#ff5b6a}

@media (max-width: 768px){
  .capf-terminal__book{display:none;}
}

/* Real press state */
.capf-terminal__btn:active{
  transform: translateY(1px) scale(0.98);
  filter: brightness(1.10);
}