*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --teal:     #00e5ff;
  --teal-dim: #0099bb;
  --orange:   #ff6d00;
  --orange2:  #ff9100;
  --red:      #e53935;
  --dark:     #020810;
  --panel:    rgba(2,8,16,0.82);
  --border:   rgba(0,229,255,0.18);
  --glow:     0 0 20px rgba(0,229,255,0.4);
}

html, body {
  width:100%; height:100%;
  overflow:hidden;
  background:var(--dark);
  font-family:'Rajdhani', sans-serif;
  color:#fff;
}

.cursor {
  position:fixed; width:12px; height:12px;
  background:var(--teal); border-radius:50%;
  pointer-events:none; z-index:99999;
  transform:translate(-50%,-50%);
  transition:transform .1s, opacity .2s;
  mix-blend-mode:screen;
}
.cursor-ring {
  position:fixed; width:36px; height:36px;
  border:1.5px solid rgba(0,229,255,0.5);
  border-radius:50%;
  pointer-events:none; z-index:99998;
  transform:translate(-50%,-50%);
  transition:transform .18s ease, width .2s, height .2s;
}
.cursor.click { transform:translate(-50%,-50%) scale(2); opacity:0; }
.cursor-ring.hover { width:56px; height:56px; border-color:var(--orange); }

.video-bg {
  position:fixed; inset:0;
  width:100%; height:100%;
  object-fit:cover; z-index:0;
}

.overlay-gradient {
  position:fixed; inset:0; z-index:1;
  background:
    linear-gradient(to bottom, rgba(2,8,16,0.85) 0%, rgba(2,8,16,0.3) 40%, rgba(2,8,16,0.75) 100%),
    linear-gradient(135deg, rgba(0,60,90,0.3) 0%, transparent 60%);
}
.overlay-scanlines {
  position:fixed; inset:0; z-index:2;
  background: repeating-linear-gradient(
    0deg, transparent, transparent 2px,
    rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 4px
  );
  pointer-events:none;
}
.overlay-vignette {
  position:fixed; inset:0; z-index:3;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.8) 100%);
  pointer-events:none;
}

#particles {
  position:fixed; inset:0; z-index:4;
  pointer-events:none;
}

.ticker-bar {
  position:fixed; top:0; left:0; right:0;
  height:36px; z-index:100;
  background:linear-gradient(90deg, #000 0%, rgba(0,30,40,0.95) 50%, #000 100%);
  border-bottom:1px solid var(--border);
  display:flex; align-items:center;
  overflow:hidden;
}
.ticker-bar::before {
  content:''; position:absolute; left:0; top:0; bottom:0;
  width:4px; background:var(--teal); box-shadow: 0 0 12px var(--teal);
}
.ticker-inner {
  display:flex; align-items:center; gap:60px;
  animation: tickerScroll 22s linear infinite;
  white-space:nowrap; padding-left:100%;
}
.ticker-item {
  font-family:'Share Tech Mono', monospace;
  font-size:11px; letter-spacing:2px;
  color:var(--teal); text-transform:uppercase;
  display:flex; align-items:center; gap:10px;
}
.ticker-item span.dot {
  display:inline-block; width:6px; height:6px;
  background:var(--orange); border-radius:50%;
  animation: pulseDot 1s ease infinite;
}
@keyframes tickerScroll { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes pulseDot { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.6)} }

.hud-corner {
  position:fixed; z-index:20; width:60px; height:60px;
  pointer-events:none;
}
.hud-tl { top:44px; left:0; border-top:2px solid var(--teal); border-left:2px solid var(--teal); }
.hud-tr { top:44px; right:0; border-top:2px solid var(--teal); border-right:2px solid var(--teal); }
.hud-bl { bottom:0; left:0; border-bottom:2px solid var(--teal); border-left:2px solid var(--teal); }
.hud-br { bottom:0; right:0; border-bottom:2px solid var(--teal); border-right:2px solid var(--teal); }

.stage {
  position:fixed; inset:0;
  padding-top:36px;
  z-index:10;
  display:grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 1fr;
  height:100%;
  overflow:hidden;
}

.header {
  padding: 14px 40px 0;
  display:flex; flex-direction:column; align-items:center;
  animation: fadeDown .8s ease both;
}
@keyframes fadeDown { from{opacity:0;transform:translateY(-20px)} to{opacity:1;transform:translateY(0)} }

.logo-wrap { position:relative; display:inline-block; }
.logo {
  height:64px; max-width:260px;
  object-fit:contain;
  filter: drop-shadow(0 0 18px rgba(0,229,255,0.6));
}

.editorial-badge {
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(229,57,53,0.15); border:1px solid rgba(229,57,53,0.4);
  padding:3px 10px; border-radius:2px;
  font-family:'Share Tech Mono', monospace;
  font-size:10px; letter-spacing:2px; color:#ff5252;
  margin-top:6px; text-transform:uppercase;
}
.editorial-badge::before {
  content:''; display:block; width:6px; height:6px;
  background:#ff5252; border-radius:50%;
  animation: blink 1.2s step-end infinite;
}
@keyframes blink { 0%,100%{opacity:1} 50%{opacity:0} }

.headline {
  font-family:'Bebas Neue', sans-serif;
  font-size: clamp(26px, 3.8vw, 48px);
  font-weight: 400;
  letter-spacing: 4px;
  line-height: 1.0;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  color: #ffffff;
  text-shadow:
    0 0 40px rgba(0,229,255,0.25),
    0 2px 0 rgba(0,0,0,0.8);
  animation: fadeDown .9s .15s ease both;
  max-width: 92vw;
}
.headline em {
  font-style: normal;
  color: var(--teal);
  position: relative;
  display: inline-block;
  text-shadow:
    0 0 30px rgba(0,229,255,0.8),
    0 0 60px rgba(0,229,255,0.3),
    0 2px 0 rgba(0,0,0,0.8);
  animation: tealglow 2.8s ease-in-out infinite;
}
@keyframes tealglow {
  0%,100% { text-shadow: 0 0 25px rgba(0,229,255,0.7), 0 0 50px rgba(0,229,255,0.25); }
  50%     { text-shadow: 0 0 50px rgba(0,229,255,1),   0 0 100px rgba(0,229,255,0.5), 0 0 160px rgba(0,229,255,0.15); }
}
.headline em::after {
  content:''; position:absolute; bottom:-4px; left:0; right:0;
  height:3px;
  background: linear-gradient(90deg, transparent, var(--teal), rgba(0,229,255,0.5), var(--teal), transparent);
  box-shadow: 0 0 12px var(--teal);
  animation: lineGrow .6s .8s ease both;
  transform-origin:left;
}
@keyframes lineGrow { from{transform:scaleX(0)} to{transform:scaleX(1)} }
.headline.glitch::before, .headline.glitch::after {
  content:attr(data-text);
  position:absolute; inset:0;
  pointer-events:none;
}
.headline.glitch { position:relative; }
.headline.glitch::before {
  color:var(--teal); opacity:0;
  clip-path:polygon(0 20%, 100% 20%, 100% 40%, 0 40%);
  transform:translateX(-3px);
  animation:glitchA 6s 2s infinite;
}
.headline.glitch::after {
  color:var(--orange); opacity:0;
  clip-path:polygon(0 60%, 100% 60%, 100% 80%, 0 80%);
  transform:translateX(3px);
  animation:glitchB 6s 2.1s infinite;
}
@keyframes glitchA {
  0%,92%,100%{opacity:0} 93%,97%{opacity:0.8}
  94%{transform:translateX(-6px)} 96%{transform:translateX(2px)}
}
@keyframes glitchB {
  0%,92%,100%{opacity:0} 93%,97%{opacity:0.8}
  94%{transform:translateX(6px)} 96%{transform:translateX(-2px)}
}

.social-proof {
  display:flex; align-items:center; gap:20px;
  margin-top:8px;
  font-family:'Share Tech Mono', monospace;
  font-size:11px; letter-spacing:1.5px;
  color:rgba(255,255,255,0.55);
  animation: fadeDown 1s .3s ease both;
}
.social-proof .stars { color:var(--orange); font-size:13px; }
.social-proof .divider { color:var(--border); }
.player-count { color:var(--teal); font-weight:600; }

.operators-zone {
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  padding:0 20px;
  animation: fadeUp .9s .2s ease both;
}
@keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }

.choose-label {
  font-family:'Share Tech Mono', monospace;
  font-size:11px; letter-spacing:4px; color:var(--teal);
  text-transform:uppercase; margin-bottom:14px;
  opacity:0.7;
}

.operators {
  display:flex; justify-content:center;
  gap:clamp(12px,2vw,30px);
  flex-wrap:nowrap;
}

.operator-card {
  position:relative;
  width:clamp(130px,16vw,210px);
  border:1px solid var(--border);
  background:var(--panel);
  cursor:pointer;
  overflow:hidden;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s;
  animation: cardEntrance .6s calc(var(--i, 0) * 0.15s + 0.4s) ease both;
  transform-style: preserve-3d;
}
@keyframes cardEntrance {
  from { opacity:0; transform:scale(0.85) translateY(20px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}
.operator-card:hover {
  transform: translateY(-6px) scale(1.04);
  border-color:var(--teal);
  box-shadow: 0 0 30px rgba(0,229,255,0.25), inset 0 0 20px rgba(0,229,255,0.06);
}
.operator-card.active {
  border-color:var(--orange);
  box-shadow: 0 0 40px rgba(255,109,0,0.4);
}

.card-corner {
  position:absolute; top:6px; right:6px; z-index:3;
  width:18px; height:18px;
  border-top:2px solid var(--teal); border-right:2px solid var(--teal);
}

.operator-img {
  width:100%; aspect-ratio:3/4;
  object-fit:cover; object-position:top center;
  display:block;
  transition: transform .4s ease;
}
.operator-card:hover .operator-img { transform:scale(1.06); }

.card-overlay {
  position:absolute; inset:0;
  background:linear-gradient(to top, rgba(2,8,16,0.95) 0%, transparent 55%);
}

.card-info {
  position:absolute; bottom:0; left:0; right:0;
  padding:12px 10px 10px;
}
.card-name {
  font-family:'Oxanium', sans-serif;
  font-size:clamp(11px,1.2vw,14px);
  font-weight:700; letter-spacing:1px;
  color:#fff; line-height:1.2;
}
.card-role {
  font-family:'Share Tech Mono', monospace;
  font-size:9px; letter-spacing:2px;
  color:var(--teal); margin-top:3px;
  text-transform:uppercase;
}
.card-select-hint {
  display:flex; align-items:center; gap:5px;
  margin-top:6px;
  font-size:9px; letter-spacing:2px; text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  font-family:'Share Tech Mono', monospace;
  transition:color .3s;
}
.operator-card:hover .card-select-hint { color:var(--orange); }
.card-select-hint::before {
  content:'▶'; font-size:7px; color:var(--orange);
  animation: arrowPulse 1s ease infinite;
}
@keyframes arrowPulse { 0%,100%{transform:translateX(0)} 50%{transform:translateX(3px)} }

.cta-zone {
  padding:12px 20px 16px;
  display:flex; flex-direction:column; align-items:center;
  gap:10px;
  animation:fadeUp .9s .5s ease both;
}

.cta-wrap {
  position:relative; display:inline-block;
}
.cta-wrap::before {
  content:''; position:absolute;
  inset:-8px; border-radius:6px;
  border:2px solid var(--orange);
  animation:ringPulse 2s ease infinite;
  pointer-events:none;
}
.cta-wrap::after {
  content:''; position:absolute;
  inset:-16px; border-radius:8px;
  border:1px solid rgba(255,109,0,0.3);
  animation:ringPulse 2s .4s ease infinite;
  pointer-events:none;
}
@keyframes ringPulse {
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:0.3;transform:scale(1.04)}
}

.cta-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 0 44px;
  height: 64px;
  background: linear-gradient(135deg, #cc5500 0%, #ff6d00 30%, #ff9100 60%, #ff6d00 100%);
  background-size: 200% 100%;
  color: #fff;
  text-decoration: none;
  font-family: 'Bebas Neue', sans-serif;
  font-size: clamp(22px, 3.2vw, 38px);
  letter-spacing: 6px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
  animation: ctaShimmer 2.5s ease infinite, ctaGlow 2s ease-in-out infinite;
  transition: transform .15s, box-shadow .2s;
  white-space: nowrap;
  border-top: 3px solid var(--teal);
  overflow: hidden;
}
.cta-btn::before {
  content: '';
  position: absolute;
  top: 0; bottom: 0;
  width: 90px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  animation: btnSweep 2s ease-in-out infinite;
  left: -90px;
}
@keyframes btnSweep {
  0%   { left: -90px; }
  100% { left: calc(100% + 90px); }
}
.cta-btn::after {
  content: '';
  position: absolute;
  top: -1px; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--teal), rgba(0,229,255,0.5), var(--teal), transparent);
  box-shadow: 0 0 16px var(--teal), 0 0 32px rgba(0,229,255,0.4);
  animation: edgePulse 2s ease-in-out infinite;
}
@keyframes edgePulse {
  0%,100% { opacity: 0.7; filter: brightness(1); }
  50%     { opacity: 1;   filter: brightness(2); }
}
@keyframes ctaShimmer {
  0%   { background-position: 0% 0%; }
  50%  { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}
@keyframes ctaGlow {
  0%,100% {
    box-shadow:
      0 0 30px rgba(255,109,0,0.55),
      0 0 70px rgba(255,109,0,0.22),
      0 0 120px rgba(255,109,0,0.08),
      inset 0 1px 0 rgba(255,255,255,0.15);
  }
  50% {
    box-shadow:
      0 0 55px rgba(255,145,0,0.9),
      0 0 110px rgba(255,109,0,0.45),
      0 0 180px rgba(255,109,0,0.15),
      inset 0 1px 0 rgba(255,255,255,0.2);
  }
}
.cta-btn:hover {
  transform: scale(1.05) translateY(-2px);
}

.cta-arrow {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1;
  animation: arrowBounce 1s ease infinite;
  opacity: 0.85;
}
@keyframes arrowBounce {
  0%,100%{transform:translateX(0)} 50%{transform:translateX(6px)}
}

.cta-sub {
  display:flex; align-items:center; gap:16px;
  font-family:'Share Tech Mono', monospace;
  font-size:10px; letter-spacing:1.5px;
  color:rgba(255,255,255,0.45); text-transform:uppercase;
}
.cta-sub span { display:flex; align-items:center; gap:5px; }
.cta-sub span::before { content:'✓'; color:var(--teal); font-size:10px; }

.modal-backdrop {
  position:fixed; inset:0; z-index:200;
  background:rgba(2,8,16,0.92);
  backdrop-filter:blur(10px);
  display:none; align-items:center; justify-content:center;
  padding:36px 20px 20px;
  animation:modalIn .25s ease;
}
.modal-backdrop.open { display:flex; }
@keyframes modalIn { from{opacity:0} to{opacity:1} }

.modal {
  position:relative;
  width:min(720px,95vw);
  max-height:calc(100vh - 80px);
  background:var(--panel);
  border:1px solid var(--border);
  overflow:hidden;
  display:grid;
  grid-template-columns:1fr 1.2fr;
  clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
  animation:modalSlide .3s cubic-bezier(.2,.8,.2,1);
}
@keyframes modalSlide {
  from{transform:scale(0.92) translateY(20px); opacity:0}
  to{transform:scale(1) translateY(0); opacity:1}
}
.modal::before {
  content:''; position:absolute; top:0; right:0;
  width:40px; height:40px;
  border-top:2px solid var(--teal); border-right:2px solid var(--teal);
  pointer-events:none; z-index:2;
}
.modal::after {
  content:''; position:absolute; bottom:0; left:0;
  width:40px; height:40px;
  border-bottom:2px solid var(--teal); border-left:2px solid var(--teal);
  pointer-events:none; z-index:2;
}
.modal-img-col { position:relative; overflow:hidden; }
.modal-img { width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.modal-img-col::after {
  content:''; position:absolute; inset:0;
  background:linear-gradient(to right, transparent 70%, var(--panel));
}
.modal-content {
  padding:28px 24px 22px 14px;
  display:flex; flex-direction:column; justify-content:space-between;
  overflow:hidden;
}
.modal-faction {
  font-family:'Share Tech Mono', monospace;
  font-size:10px; letter-spacing:3px; color:var(--teal);
  text-transform:uppercase; margin-bottom:8px;
}
.modal-name {
  font-family:'Oxanium', sans-serif;
  font-size:clamp(20px,3vw,30px); font-weight:800;
  line-height:1.1; letter-spacing:1px; color:#fff;
  text-shadow: 0 0 20px rgba(0,229,255,0.3);
}
.modal-role-badge {
  display:inline-block; margin-top:8px;
  padding:3px 10px;
  background:rgba(0,229,255,0.1);
  border:1px solid rgba(0,229,255,0.3);
  font-family:'Share Tech Mono', monospace;
  font-size:9px; letter-spacing:2px; color:var(--teal);
  text-transform:uppercase;
}
.modal-divider { height:1px; background:var(--border); margin:14px 0; }
.modal-stats {
  display:grid; grid-template-columns:1fr 1fr;
  gap:8px; margin-bottom:14px;
}
.stat-item {
  background:rgba(0,229,255,0.04);
  border:1px solid var(--border);
  padding:8px 10px;
  clip-path:polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%);
}
.stat-label {
  font-family:'Share Tech Mono', monospace;
  font-size:8px; letter-spacing:2px; color:var(--teal);
  text-transform:uppercase; opacity:0.7;
}
.stat-val { font-family:'Oxanium', sans-serif; font-size:16px; font-weight:700; color:#fff; margin-top:2px; }
.stat-bar-wrap { height:3px; background:rgba(255,255,255,0.1); border-radius:2px; margin-top:4px; overflow:hidden; }
.stat-bar {
  height:100%; background:var(--teal);
  box-shadow:0 0 6px var(--teal); border-radius:2px;
  animation:barGrow .6s ease both;
}
@keyframes barGrow { from{width:0} }
.modal-desc {
  font-size:13px; line-height:1.6;
  color:rgba(255,255,255,0.7);
  font-family:'Rajdhani', sans-serif;
  flex:1; overflow:hidden; margin-bottom:14px;
}
.modal-cta {
  position:relative;
  display:flex; align-items:center; justify-content:center;
  gap:10px; padding:0 20px; height:50px;
  background:linear-gradient(135deg, #ff6d00, #ff9100);
  color:#fff; text-decoration:none;
  font-family:'Bebas Neue', sans-serif;
  font-size:20px; font-weight:400; letter-spacing:4px;
  text-transform:uppercase; cursor:pointer;
  clip-path:polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  box-shadow:0 0 30px rgba(255,109,0,0.5);
  animation:ctaShimmer 3s ease infinite;
  transition:transform .15s;
}
.modal-cta:hover { transform:scale(1.03); }
.modal-close {
  position:absolute; top:10px; right:14px; z-index:10;
  background:none; border:1px solid var(--border);
  color:rgba(255,255,255,0.5); cursor:pointer;
  width:30px; height:30px;
  font-size:14px; display:flex; align-items:center; justify-content:center;
  transition:color .2s, border-color .2s;
}
.modal-close:hover { color:var(--teal); border-color:var(--teal); }

.exit-overlay {
  position:fixed; inset:0; z-index:300;
  background:rgba(2,8,16,0.96);
  backdrop-filter:blur(20px);
  display:none; align-items:center; justify-content:center;
}
.exit-overlay.open { display:flex; }
.exit-box {
  text-align:center; padding:50px 40px; max-width:480px;
  border:1px solid var(--border); background:var(--panel);
  position:relative;
  clip-path:polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
  animation:modalSlide .3s ease;
}
.exit-box::before {
  content:''; position:absolute; top:0; right:0;
  width:50px; height:50px;
  border-top:2px solid var(--orange); border-right:2px solid var(--orange);
}
.exit-box::after {
  content:''; position:absolute; bottom:0; left:0;
  width:50px; height:50px;
  border-bottom:2px solid var(--orange); border-left:2px solid var(--orange);
}
.exit-logo { height:50px; object-fit:contain; margin-bottom:20px; filter:drop-shadow(0 0 12px rgba(0,229,255,0.5)); }
.exit-headline { font-family:'Oxanium', sans-serif; font-size:26px; font-weight:800; color:#fff; margin-bottom:10px; }
.exit-headline span { color:var(--orange); }
.exit-sub { font-size:14px; color:rgba(255,255,255,0.6); line-height:1.5; margin-bottom:28px; }
.exit-cta {
  display:block; padding:16px 32px;
  background:linear-gradient(135deg, #ff6d00, #ff9100);
  color:#fff; text-decoration:none;
  font-family:'Oxanium', sans-serif; font-size:16px; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; cursor:pointer;
  clip-path:polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
  box-shadow:0 0 30px rgba(255,109,0,0.5);
  margin:0 auto; transition:transform .15s;
}
.exit-cta:hover { transform:scale(1.03); }
.exit-dismiss {
  margin-top:14px; display:block;
  font-family:'Share Tech Mono', monospace;
  font-size:10px; letter-spacing:2px;
  color:rgba(255,255,255,0.3); cursor:pointer;
  background:none; border:none;
  text-transform:uppercase; transition:color .2s;
}
.exit-dismiss:hover { color:rgba(255,255,255,0.6); }

.side-hud {
  position:fixed; z-index:20;
  font-family:'Share Tech Mono', monospace;
  font-size:9px; letter-spacing:2px;
  color:rgba(0,229,255,0.3); text-transform:uppercase;
  pointer-events:none;
}
.side-hud-left { left:14px; top:50%; transform:translateY(-50%) rotate(-90deg); transform-origin:center center; }
.side-hud-right { right:14px; top:50%; transform:translateY(-50%) rotate(90deg); transform-origin:center center; }

@media (max-width:600px) {
  .modal { grid-template-columns:1fr; }
  .modal-img-col { display:none; }
  .headline { font-size: clamp(28px, 9vw, 54px); letter-spacing:2px; }
  .logo { height:48px; }
  .cta-btn { height:54px; font-size:clamp(18px,6vw,28px); padding:0 28px; letter-spacing:3px; }
  .hud-corner, .side-hud { display:none; }
  .operators { gap:10px; }
  .operator-card { width:clamp(110px, 38vw, 160px); }
}
@media (max-height:600px) {
  .logo { height:40px; }
  .headline { font-size: clamp(28px, 5.5vw, 58px); margin-top:4px; }
  .social-proof { display:none; }
  .choose-label { margin-bottom:6px; }
  .operators { gap:10px; }
  .cta-zone { padding:8px 20px 10px; }
}