.fxo-teaser{position:relative;overflow:hidden;color:#fff;font-family:'Karla',sans-serif;
  background:radial-gradient(circle at 82% 20%,rgba(96,120,255,.38),transparent 32rem),
  radial-gradient(circle at 10% 90%,rgba(29,0,199,.45),transparent 26rem),
  linear-gradient(135deg,#150E1F 0%,#140a4f 50%,#1D00C7 100%);}
.fxo-teaser *{box-sizing:border-box;}
.fxo-teaser__inner{max-width:1140px;margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 20px;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;}
.fxo-teaser .fxo-teaser__eyebrow{margin:0 0 1.1rem;font-family:'Rubik',sans-serif;font-size:13px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:#b9c2ff;}
.fxo-teaser .fxo-teaser__logo{display:block;width:min(260px,70%);height:auto;margin:0 0 1.6rem;}
.fxo-teaser .fxo-teaser__title{margin:0 0 1rem;font-family:'Rubik',sans-serif;font-weight:700;
  font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.15;letter-spacing:-.01em;color:#fff;}
.fxo-teaser .fxo-teaser__text{margin:0 0 1.5rem;font-size:17px;line-height:1.7;color:#dfe3ff;max-width:34rem;}
.fxo-teaser .fxo-teaser__list{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.6rem;}
.fxo-teaser .fxo-teaser__list li{position:relative;margin:0;padding-left:1.9rem;font-size:16px;line-height:1.5;color:#fff;}
.fxo-teaser .fxo-teaser__list li::before{content:"";position:absolute;left:0;top:.2em;width:1.15rem;height:1.15rem;border-radius:50%;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.6' fill='none' stroke='%231D00C7' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/80% no-repeat;}
.fxo-teaser .fxo-teaser__actions{display:flex;flex-wrap:wrap;gap:12px;}
.fxo-teaser a.fxo-btn{display:inline-flex;align-items:center;gap:.5rem;padding:15px 24px;border-radius:4px;
  font-family:'Inter',sans-serif;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;}
.fxo-teaser a.fxo-btn--primary{background:#fff;color:#1D00C7;border:2px solid #fff;}
.fxo-teaser a.fxo-btn--primary:hover,.fxo-teaser a.fxo-btn--primary:focus-visible{background:#e8e6ff;border-color:#e8e6ff;color:#1D00C7;}
.fxo-teaser a.fxo-btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55);}
.fxo-teaser a.fxo-btn--ghost:hover,.fxo-teaser a.fxo-btn--ghost:focus-visible{border-color:#fff;color:#fff;background:rgba(255,255,255,.08);}
.fxo-teaser a.fxo-btn:focus-visible{outline:3px solid #b9c2ff;outline-offset:3px;}
.fxo-teaser .fxo-teaser__media{display:grid;gap:14px;min-width:0;}
.fxo-teaser .fxo-tabs{display:flex;flex-wrap:wrap;gap:8px;}
.fxo-teaser button.fxo-tab{appearance:none;margin:0;display:inline-flex;align-items:center;gap:.45rem;padding:9px 14px;border-radius:999px;cursor:pointer;
  font-family:'Inter',sans-serif;font-size:14px;font-weight:600;line-height:1;text-transform:none;letter-spacing:0;
  background:rgba(255,255,255,.08);color:#dfe3ff;border:1px solid rgba(255,255,255,.22);box-shadow:none;transition:background-color .2s,color .2s;}
.fxo-teaser button.fxo-tab:hover{background:rgba(255,255,255,.16);color:#fff;}
.fxo-teaser button.fxo-tab[aria-selected="true"]{background:#fff;color:#1D00C7;border-color:#fff;}
.fxo-teaser button.fxo-tab:focus-visible{outline:3px solid #b9c2ff;outline-offset:2px;}
.fxo-teaser .fxo-tab small{font-size:11px;font-weight:600;opacity:.75;}
.fxo-teaser .fxo-window{border-radius:10px;overflow:hidden;background:#0b1220;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 30px 60px rgba(5,0,40,.55);}
.fxo-teaser .fxo-window__bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#141b2d;}
.fxo-teaser .fxo-window__bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22);}
.fxo-teaser .fxo-window__bar span{margin-left:10px;font-family:'Inter',sans-serif;font-size:12px;color:#93a0c4;}
.fxo-teaser .fxo-window video{cursor:pointer;display:block;width:100%;height:auto;aspect-ratio:16/10;background:#0b1220;}
@media (max-width:900px){
  .fxo-teaser__inner{grid-template-columns:1fr;padding:3.5rem 20px;}
}
@media (max-width:480px){
  .fxo-teaser .fxo-teaser__text{font-size:16px;line-height:1.6;}
  .fxo-teaser .fxo-teaser__actions a.fxo-btn{width:100%;justify-content:center;}
}