/* CyberMerge Open — daily brief signup (hero, story inline, sticky bar, /newsletter). Brand kit: coral #F06050, gold #F0A000, teal #00D0C0. */
.cmo { --cmo-coral:#F06050; --cmo-gold:#F0A000; --cmo-teal:#00D0C0; font-family: Inter, system-ui, sans-serif; color:#fff; }
.cmo *, .cmo *::before, .cmo *::after { box-sizing: border-box; }
.cmo-kicker { margin:0; font:700 11px/1.2 Inter, system-ui, sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--cmo-gold); display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.cmo-kicker .cmo-dot { width:7px; height:7px; border-radius:50%; background:var(--cmo-teal); box-shadow:0 0 0 3px rgba(0,208,192,.18); flex:0 0 auto; }
.cmo-kicker .cmo-time { color:#9ea2a9; font-weight:600; letter-spacing:.08em; }
.cmo-title { margin:6px 0 2px; font:700 20px/1.25 "Space Grotesk", Inter, sans-serif; color:#fff; }
.cmo-sub { margin:0; font-size:14px; line-height:1.5; color:#b4b7bd; }
.cmo-form { display:flex; gap:8px; margin-top:12px; width:100%; max-width:460px; }
.cmo-form input[type=email] {
  flex:1 1 auto; min-width:0; height:44px; padding:0 14px; border-radius:10px;
  border:1px solid #2a2c30; background:#0c0c0e; color:#fff; font-size:15px; outline:none;
  transition:border-color .15s, box-shadow .15s;
}
.cmo-form input[type=email]::placeholder { color:#6f737a; }
.cmo-form input[type=email]:focus { border-color:var(--cmo-teal); box-shadow:0 0 0 3px rgba(0,208,192,.18); }
.cmo-form button {
  flex:0 0 auto; height:44px; padding:0 18px; border-radius:10px; border:0; cursor:pointer;
  background:var(--cmo-coral); color:#000; font-weight:700; font-size:14.5px; letter-spacing:.01em; white-space:nowrap;
  transition:filter .15s, transform .05s;
}
.cmo-form button:hover { filter:brightness(1.08); }
.cmo-form button:active { transform:translateY(1px); }
.cmo-form button[disabled] { opacity:.6; cursor:progress; }
.cmo-hp { position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.cmo-msg { margin:8px 0 0; font-size:13px; line-height:1.45; min-height:1em; color:#9ea2a9; }
.cmo-msg[data-state=ok] { color:var(--cmo-teal); }
.cmo-msg[data-state=err] { color:var(--cmo-coral); }
.cmo-fine { margin:6px 0 0; font-size:11.5px; color:#6f737a; }
.cmo-fine a { color:#9ea2a9; text-decoration:underline; text-underline-offset:2px; }
.cmo.is-done .cmo-form { display:none; }

/* Hero variant (homepage) */
.cmo-hero { margin-top:22px; padding:14px 16px 12px; max-width:520px; border:1px solid #1f2023; border-radius:14px;
  background:linear-gradient(180deg, rgba(20,20,22,.92), rgba(10,10,12,.92)); position:relative; overflow:hidden; }
.cmo-hero::before { content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg, var(--cmo-coral) 0 33%, var(--cmo-gold) 33% 66%, var(--cmo-teal) 66% 100%); }
.cmo-hero .cmo-title { font-size:17px; }

/* Story inline block */
.cmo-inline { margin:36px 0 8px; padding:20px 20px 16px; border-radius:14px; border:1px solid #1f2023;
  background:radial-gradient(120% 140% at 0% 0%, rgba(240,96,80,.10), transparent 55%), #0d0d0f; position:relative; overflow:hidden; }
.cmo-inline::before { content:""; position:absolute; left:0; top:0; bottom:0; width:3px;
  background:linear-gradient(180deg, var(--cmo-coral), var(--cmo-gold), var(--cmo-teal)); }

/* Newsletter landing */
.cmo-page .cmo-form { max-width:520px; }
.cmo-page .cmo-form input[type=email], .cmo-page .cmo-form button { height:50px; font-size:16px; }

/* Sticky bar — slim, bottom, only after real scroll; dismissible */
.cmo-bar { position:fixed; left:0; right:0; bottom:0; z-index:70; transform:translateY(110%); transition:transform .28s ease;
  background:rgba(8,8,10,.96); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-top:1px solid #1f2023; }
.cmo-bar::before { content:""; position:absolute; inset:0 0 auto 0; height:2px;
  background:linear-gradient(90deg, var(--cmo-coral) 0 33%, var(--cmo-gold) 33% 66%, var(--cmo-teal) 66% 100%); }
.cmo-bar.is-on { transform:translateY(0); }
.cmo-bar-in { width:min(1280px, calc(100% - 40px)); margin:0 auto; display:flex; align-items:center; gap:16px; padding:9px 34px 9px 0; position:relative; }
.cmo-bar-copy { flex:0 1 auto; font-size:13.5px; line-height:1.3; color:#d5d8de; min-width:0; }
.cmo-bar-copy strong { color:#fff; }
.cmo-bar-copy .cmo-time { color:var(--cmo-gold); font-weight:600; }
.cmo-bar .cmo-form { margin:0 0 0 auto; max-width:400px; }
.cmo-bar .cmo-form input[type=email], .cmo-bar .cmo-form button { height:38px; font-size:14px; }
.cmo-bar .cmo-msg { margin:0; position:absolute; right:40px; bottom:100%; padding:4px 10px; background:#0d0d0f; border:1px solid #1f2023; border-radius:8px 8px 0 0; }
.cmo-bar .cmo-msg:empty { display:none; }
.cmo-x { position:absolute; right:0; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:8px; border:0; background:transparent;
  color:#8a8d92; font-size:20px; line-height:28px; cursor:pointer; }
.cmo-x:hover { color:#fff; background:#16171a; }
.cmo-bar.is-done .cmo-form { display:none; }
body.nav-open .cmo-bar { display:none; }

@media (max-width: 640px) {
  .cmo-form { flex-direction:row; }
  .cmo-form button { padding:0 14px; }
  .cmo-hero { padding:14px 14px 12px; }
  .cmo-inline { padding:18px 16px 14px; }
  .cmo-bar-in { flex-wrap:wrap; gap:6px; padding:8px 30px 10px 0; width:calc(100% - 24px); }
  .cmo-bar-copy { font-size:12.5px; width:100%; }
  .cmo-bar-copy .cmo-long { display:none; }
  .cmo-bar .cmo-form { margin:0; max-width:none; }
  .cmo-bar .cmo-msg { right:0; }
  .cmo-x { top:14px; }
}
@media (prefers-reduced-motion: reduce) { .cmo-bar { transition:none; } }
