.vesper-hero-stage,
.vesper-hero-stage * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.vesper-hero-stage {
  --bg: #06090f;
  --card: #0e1623;
  --border: #1f304a;
  --border-hi: #2e4a70;
  --text: #f0f4ff;
  --sub: #8ba0c0;
  --dim: #3a5070;
  --blue: #5b9cf6;
  --green: #22c98a;
  --red: #f87171;
  --yellow: #fbbf24;
  --purple: #a78bfa;
  --orange: #fb923c;
}
.vesper-hero-stage::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 700px 500px at 25% 45%, rgba(91, 156, 246, 0.09) 0%, transparent 70%),
    radial-gradient(ellipse 500px 400px at 75% 60%, rgba(167, 139, 250, 0.07) 0%, transparent 70%);
  pointer-events: none;
}
.vesper-hero-stage .vesper-stage {
  width: 600px;
  height: 460px;
  position: relative;
}


.vesper-hero-stage .starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.vesper-hero-stage .star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d) ease-in-out infinite var(--dl)}
@keyframes twinkle{0%,100%{opacity:.04}50%{opacity:var(--op)}}


.vesper-hero-stage .vbadge{
  position:absolute;top:16px;left:50%;
  transform:translateX(-50%) translateY(-24px);
  background:var(--card);border:1px solid var(--border-hi);
  border-radius:999px;padding:6px 16px;
  font-size:10px;color:var(--sub);font-family:'DM Mono',monospace;
  display:flex;align-items:center;gap:8px;
  opacity:0;transition:all .5s cubic-bezier(.22,1,.36,1);
  white-space:nowrap;z-index:100;
  box-shadow:0 4px 20px rgba(0,0,0,.4);
}
.vesper-hero-stage .vbadge.v{opacity:1;transform:translateX(-50%) translateY(0)}
.vesper-hero-stage .vb-dot{width:6px;height:6px;border-radius:50%;background:var(--purple);animation:livep 2s infinite}
@keyframes livep{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,.6)}50%{box-shadow:0 0 0 6px rgba(167,139,250,0)}}
.vesper-hero-stage .vb-name{color:var(--text);font-weight:600}


.vesper-hero-stage .scene{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}


.vesper-hero-stage .s1-label{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--purple);font-family:'DM Mono',monospace;font-weight:500;
  display:flex;align-items:center;gap:10px;
  opacity:0;transform:translateY(8px);transition:all .6s ease;
}
.vesper-hero-stage .s1-label::before, .vesper-hero-stage .s1-label::after{content:'';width:32px;height:1px;background:rgba(167,139,250,.3)}
.vesper-hero-stage .s1-label.v{opacity:1;transform:translateY(0)}

.vesper-hero-stage .setup-card{
  background:var(--card);border:1px solid var(--border-hi);
  border-radius:16px;padding:6px 6px 8px;width:380px;
  opacity:0;transform:translateY(16px) scale(.97);
  transition:all .65s cubic-bezier(.22,1,.36,1);
  box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 80px rgba(167,139,250,.06);
}
.vesper-hero-stage .setup-card.v{opacity:1;transform:translateY(0) scale(1)}


.vesper-hero-stage .srow{
  display:flex;align-items:center;gap:10px;
  padding:9px 14px;border-radius:10px;
  opacity:0;transform:translateX(-10px);
  transition:all .5s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .srow.v{opacity:1;transform:translateX(0)}
.vesper-hero-stage .srow+.srow, .vesper-hero-stage .srow+.kw-block{border-top:1px solid rgba(255,255,255,.05)}
.vesper-hero-stage .srow-label{font-size:9px;color:var(--dim);font-family:'DM Mono',monospace;
  text-transform:uppercase;letter-spacing:.08em;width:68px;flex-shrink:0}
.vesper-hero-stage .srow-val{font-family:'DM Mono',monospace;font-size:13px;color:var(--text);font-weight:500}
.vesper-hero-stage .srow-val .dcursor{display:inline-block;width:2px;height:13px;background:var(--purple);
  margin-left:1px;animation:blink .85s infinite;vertical-align:middle}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}


.vesper-hero-stage .kw-block{
  padding:9px 14px;
  opacity:0;transform:translateX(-10px);
  transition:all .5s cubic-bezier(.22,1,.36,1) .1s;
}
.vesper-hero-stage .kw-block.v{opacity:1;transform:translateX(0)}
.vesper-hero-stage .kw-label{font-size:9px;color:var(--dim);font-family:'DM Mono',monospace;
  text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.vesper-hero-stage .kw-chips{display:flex;flex-wrap:wrap;gap:5px}
.vesper-hero-stage .kw-chip{
  background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.2);
  border-radius:6px;padding:4px 9px;
  font-size:10px;font-family:'DM Mono',monospace;color:var(--purple);
  opacity:0;transform:scale(.85);
  transition:opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .kw-chip.v{opacity:1;transform:scale(1)}
.vesper-hero-stage .kw-more{
  font-size:10px;font-family:'DM Mono',monospace;color:var(--dim);
  padding:4px 6px;
  opacity:0;transition:opacity .4s ease;
  align-self:center;
}
.vesper-hero-stage .kw-more.v{opacity:1}

.vesper-hero-stage .s1-meta{
  display:flex;gap:8px;
  opacity:0;transform:translateY(8px);transition:all .5s ease;
}
.vesper-hero-stage .s1-meta.v{opacity:1;transform:translateY(0)}
.vesper-hero-stage .mpill{
  background:rgba(255,255,255,.04);border:1px solid var(--border-hi);
  border-radius:999px;padding:7px 14px;
  font-size:11px;color:var(--sub);font-family:'DM Mono',monospace;
  display:flex;align-items:center;gap:6px;
}
.vesper-hero-stage .mpill b{color:var(--text);font-weight:600}

.vesper-hero-stage .s1-hint{font-size:12px;color:var(--sub);opacity:0;transition:opacity .5s ease}
.vesper-hero-stage .s1-hint.v{opacity:1}
.vesper-hero-stage .s1-hint strong{color:var(--text);font-weight:600}


.vesper-hero-stage .cron-badge{
  background:rgba(167,139,250,.08);border:1px solid rgba(167,139,250,.3);
  border-radius:999px;padding:6px 18px;
  font-size:11px;font-family:'DM Mono',monospace;
  color:var(--purple);letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;
  opacity:0;transform:translateY(10px);transition:all .6s ease;
}
.vesper-hero-stage .cron-badge.v{opacity:1;transform:translateY(0)}
.vesper-hero-stage .cron-dot{width:7px;height:7px;border-radius:50%;background:var(--purple);animation:pulp 1.5s infinite}
@keyframes pulp{0%,100%{box-shadow:0 0 0 0 rgba(167,139,250,.6)}50%{box-shadow:0 0 0 7px rgba(167,139,250,0)}}

.vesper-hero-stage .clock-num{
  font-family:'DM Mono',monospace;font-size:96px;font-weight:500;
  color:var(--text);letter-spacing:-.03em;line-height:1;
  text-shadow:0 0 120px rgba(167,139,250,.1);
  opacity:0;transition:opacity .5s ease .1s,color .3s ease,text-shadow .4s ease;
}
.vesper-hero-stage .clock-num.v{opacity:1}
.vesper-hero-stage .clock-num.fire{color:var(--purple);text-shadow:0 0 100px rgba(167,139,250,.7),0 0 40px rgba(167,139,250,.4)}

.vesper-hero-stage .clock-sub{
  font-size:12px;color:var(--sub);letter-spacing:.1em;text-transform:uppercase;
  font-family:'DM Mono',monospace;
  opacity:0;transition:opacity .5s ease .15s,color .3s ease;
}
.vesper-hero-stage .clock-sub.v{opacity:1}
.vesper-hero-stage .clock-sub.fire{color:var(--purple)}

.vesper-hero-stage .fires-box{
  background:var(--card);border:1.5px solid rgba(167,139,250,.35);
  border-radius:14px;padding:16px 24px;
  display:flex;align-items:center;gap:14px;
  opacity:0;transform:scale(.88) translateY(10px);
  transition:all .65s cubic-bezier(.22,1,.36,1);
  box-shadow:0 0 40px rgba(167,139,250,.1),0 16px 48px rgba(0,0,0,.4);
}
.vesper-hero-stage .fires-box.v{opacity:1;transform:scale(1) translateY(0)}
.vesper-hero-stage .fb-icon{font-size:26px}
.vesper-hero-stage .fb-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:3px}
.vesper-hero-stage .fb-sub{font-size:11px;color:var(--sub);font-family:'DM Mono',monospace}



.vesper-hero-stage .panel-wrap{
  width:480px;
  position:relative;
}


.vesper-hero-stage .panel-rankings{
  background:#fff;border-radius:12px;
  box-shadow:0 12px 48px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06);
  overflow:hidden;
  opacity:0;transform:translateY(20px) scale(.95);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .panel-rankings.v{opacity:1;transform:translateY(0) scale(1)}

.vesper-hero-stage .pr-chrome{
  background:linear-gradient(180deg,#f0f0f2,#e5e5e8);
  border-bottom:1px solid #c8c8cc;
  padding:8px 12px;display:flex;align-items:center;gap:8px;
}
.vesper-hero-stage .pr-dots{display:flex;gap:5px}
.vesper-hero-stage .pr-dot{width:10px;height:10px;border-radius:50%}
.vesper-hero-stage .pr-url{flex:1;background:#fff;border:1px solid #c8c8cc;border-radius:6px;
  padding:4px 10px;font-size:10px;color:#333;font-family:'DM Mono',monospace;font-weight:500}
.vesper-hero-stage .pr-geo{font-size:9px;background:#dbeafe;border:1px solid #93c5fd;
  border-radius:4px;padding:2px 7px;color:#1d4ed8;
  font-family:'DM Mono',monospace;font-weight:600;white-space:nowrap}

.vesper-hero-stage .pr-body{background:#fff;padding:14px 16px}


.vesper-hero-stage .google-bar{
  display:flex;align-items:center;gap:8px;
  background:#f8f9fa;border:1px solid #dfe1e5;border-radius:24px;
  padding:8px 16px;margin-bottom:14px;
  box-shadow:0 1px 6px rgba(32,33,36,.1);
}
.vesper-hero-stage .g-logo{font-size:13px;font-weight:800;letter-spacing:-.02em;font-family:'Sora',sans-serif}
.vesper-hero-stage .g-logo span:nth-child(1){color:#4285f4}
.vesper-hero-stage .g-logo span:nth-child(2){color:#ea4335}
.vesper-hero-stage .g-logo span:nth-child(3){color:#fbbc05}
.vesper-hero-stage .g-logo span:nth-child(4){color:#4285f4}
.vesper-hero-stage .g-logo span:nth-child(5){color:#34a853}
.vesper-hero-stage .g-logo span:nth-child(6){color:#ea4335}
.vesper-hero-stage .g-query{font-size:11px;color:#333;font-family:'Sora',sans-serif;flex:1}


.vesper-hero-stage .rank-table{width:100%;border-collapse:collapse}
.vesper-hero-stage .rank-table th{font-size:8.5px;text-transform:uppercase;letter-spacing:.07em;
  color:#9ca3af;padding:0 0 6px;font-weight:600;text-align:left;font-family:'DM Mono',monospace}
.vesper-hero-stage .rank-table th:last-child{text-align:right}
.vesper-hero-stage .rank-table td{padding:7px 0;border-top:1px solid #f3f4f6;font-size:11px}
.vesper-hero-stage .rt-kw{color:#111;font-weight:500;font-family:'Sora',sans-serif}
.vesper-hero-stage .rt-pos{font-family:'DM Mono',monospace;font-weight:700;color:#111;text-align:center}
.vesper-hero-stage .rt-delta{font-family:'DM Mono',monospace;font-size:11px;font-weight:700;text-align:right;white-space:nowrap}
.vesper-hero-stage .delta-up{color:#16a34a}
.vesper-hero-stage .delta-dn{color:#dc2626}
.vesper-hero-stage .delta-st{color:#9ca3af}

.vesper-hero-stage .rank-row{opacity:0;transform:translateX(-8px);transition:opacity .4s ease,transform .4s ease}
.vesper-hero-stage .rank-row.v{opacity:1;transform:translateX(0)}


.vesper-hero-stage .panel-aio{
  background:#fff;border-radius:12px;
  box-shadow:0 12px 48px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.06);
  overflow:hidden;
  opacity:0;transform:translateY(20px) scale(.95);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .panel-aio.v{opacity:1;transform:translateY(0) scale(1)}


.vesper-hero-stage .aio-browser-body{background:#fff;padding:12px 16px}
.vesper-hero-stage .aio-serp-query{font-size:10px;color:#555;font-family:'DM Mono',monospace;margin-bottom:10px}
.vesper-hero-stage .aio-box{
  background:linear-gradient(135deg,#f0f7ff,#e8f4fe);
  border:1.5px solid #93c5fd;border-radius:10px;
  padding:11px 13px;margin-bottom:10px;
  position:relative;
}
.vesper-hero-stage .aio-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.vesper-hero-stage .aio-gicon{width:18px;height:18px;border-radius:4px;
  background:linear-gradient(135deg,#4285f4,#34a853);
  display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}
.vesper-hero-stage .aio-title{font-size:10px;font-weight:700;color:#1a56db}
.vesper-hero-stage .aio-badge-ai{font-size:8px;background:#dbeafe;border:1px solid #93c5fd;
  border-radius:4px;padding:1px 6px;color:#1d4ed8;font-family:'DM Mono',monospace;
  font-weight:700;margin-left:auto}
.vesper-hero-stage .aio-text{font-size:10px;color:#374151;line-height:1.5;margin-bottom:9px}
.vesper-hero-stage .aio-text strong{color:#111}
.vesper-hero-stage .aio-cited-row{display:flex;align-items:center;gap:6px}
.vesper-hero-stage .aio-cited-label{font-size:9px;color:#6b7280;font-family:'DM Mono',monospace}
.vesper-hero-stage .aio-cited-chip{
  font-size:9px;font-family:'DM Mono',monospace;font-weight:700;
  padding:3px 8px;border-radius:5px;
}
.vesper-hero-stage .aio-cited-chip.bad{background:#fee2e2;border:1px solid #fca5a5;color:#dc2626}
.vesper-hero-stage .aio-cited-chip.good{background:#dcfce7;border:1px solid #86efac;color:#16a34a}


.vesper-hero-stage .aio-stamp{
  display:flex;align-items:center;gap:7px;
  padding:8px 12px;border-radius:9px;margin-top:8px;
  font-size:11px;font-weight:700;font-family:'DM Mono',monospace;
  letter-spacing:.05em;
  opacity:0;transform:translateY(6px);transition:all .55s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .aio-stamp.show{opacity:1;transform:translateY(0)}
.vesper-hero-stage .aio-bad{background:#fee2e2;border:1.5px solid #f87171;color:#991b1b}
.vesper-hero-stage .aio-good{background:#dcfce7;border:1.5px solid #4ade80;color:#166534}
.vesper-hero-stage .aio-stamp .stamp-detail{font-size:9px;font-weight:400;opacity:.8;margin-left:4px}


.vesper-hero-stage .panel-mentions{
  background:var(--card);border:1px solid var(--border-hi);
  border-radius:12px;padding:16px 18px;
  box-shadow:0 12px 48px rgba(0,0,0,.55);
  opacity:0;transform:translateY(20px) scale(.95);
  transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .panel-mentions.v{opacity:1;transform:translateY(0) scale(1)}

.vesper-hero-stage .pm-header{
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);
}
.vesper-hero-stage .pm-icon{font-size:18px}
.vesper-hero-stage .pm-title{font-size:13px;font-weight:700;color:var(--text)}
.vesper-hero-stage .pm-sub{font-size:10px;color:var(--sub);font-family:'DM Mono',monospace;margin-left:auto}

.vesper-hero-stage .mention-card{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);
  border-radius:10px;padding:11px 13px;margin-bottom:8px;
  display:flex;align-items:flex-start;gap:10px;
  opacity:0;transform:translateY(10px);transition:all .5s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .mention-card.v{opacity:1;transform:translateY(0)}
.vesper-hero-stage .mention-card:last-child{margin-bottom:0}

.vesper-hero-stage .mc-source{
  font-size:9px;font-family:'DM Mono',monospace;font-weight:700;
  padding:3px 8px;border-radius:5px;white-space:nowrap;
  flex-shrink:0;margin-top:1px;
}
.vesper-hero-stage .mc-src-reddit{background:rgba(255,69,0,.12);border:1px solid rgba(255,69,0,.3);color:#ff6b35}
.vesper-hero-stage .mc-src-hn{background:rgba(251,146,60,.12);border:1px solid rgba(251,146,60,.3);color:var(--orange)}

.vesper-hero-stage .mc-body{flex:1}
.vesper-hero-stage .mc-title{font-size:11px;font-weight:500;color:var(--text);margin-bottom:4px;line-height:1.4}
.vesper-hero-stage .mc-meta{display:flex;align-items:center;gap:8px}
.vesper-hero-stage .mc-sentiment{font-size:9px;font-family:'DM Mono',monospace;padding:2px 7px;border-radius:4px;font-weight:600}
.vesper-hero-stage .sent-pos{background:rgba(34,201,138,.1);border:1px solid rgba(34,201,138,.25);color:var(--green)}
.vesper-hero-stage .sent-neu{background:rgba(156,163,175,.1);border:1px solid rgba(156,163,175,.25);color:#9ca3af}
.vesper-hero-stage .mc-view{font-size:9px;color:var(--dim);font-family:'DM Mono',monospace}


.vesper-hero-stage .panel-caption{
  font-size:11px;color:var(--sub);font-family:'DM Mono',monospace;
  letter-spacing:.04em;text-align:center;
  opacity:0;transition:opacity .5s ease;
}
.vesper-hero-stage .panel-caption.v{opacity:1}
.vesper-hero-stage .cap-hi{color:var(--text);font-weight:500}


.vesper-hero-stage .step-label{
  font-size:10px;color:var(--dim);font-family:'DM Mono',monospace;
  letter-spacing:.08em;text-transform:uppercase;
  opacity:0;transition:opacity .4s ease;
  text-align:center;
}
.vesper-hero-stage .step-label.v{opacity:1}


.vesper-hero-stage .launch-wrap{
  position:relative;width:340px;height:220px;
  display:flex;align-items:center;justify-content:center;
}
.vesper-hero-stage .rdoc{
  width:76px;height:90px;
  background:var(--card);border:1.5px solid var(--border-hi);
  border-radius:12px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;
  box-shadow:0 20px 60px rgba(0,0,0,.5);
  position:relative;z-index:2;
  transition:box-shadow .5s ease;
}
.vesper-hero-stage .rdoc.glow{box-shadow:0 0 0 2px rgba(167,139,250,.4),0 0 60px rgba(167,139,250,.3),0 20px 60px rgba(0,0,0,.5)}
.vesper-hero-stage .rd-emoji{font-size:28px}
.vesper-hero-stage .rd-lines{width:46px;display:flex;flex-direction:column;gap:4px}
.vesper-hero-stage .rdl{height:4px;background:var(--dim);border-radius:2px}
.vesper-hero-stage .rdl:nth-child(1){width:100%}.vesper-hero-stage .rdl:nth-child(2){width:72%}.vesper-hero-stage .rdl:nth-child(3){width:50%}

.vesper-hero-stage .fly-item{
  position:absolute;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);
}
.vesper-hero-stage .fly-wa{top:50%;right:50%;transform:translate(10px,-50%)}
.vesper-hero-stage .fly-em{top:50%;left:50%;transform:translate(-10px,-50%)}
.vesper-hero-stage .fly-wa.go{opacity:1;transform:translate(-140px,-95px)}
.vesper-hero-stage .fly-em.go{opacity:1;transform:translate(140px,-95px)}
.vesper-hero-stage .fly-icon{width:54px;height:54px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  box-shadow:0 8px 28px rgba(0,0,0,.45)}
.vesper-hero-stage .fi-wa{background:linear-gradient(135deg,#25d366,#128c7e);border:1px solid rgba(37,211,102,.3)}
.vesper-hero-stage .fi-em{background:linear-gradient(135deg,#5b9cf6,#2563eb);border:1px solid rgba(91,156,246,.3)}
.vesper-hero-stage .fly-label{font-size:9.5px;color:var(--sub);font-family:'DM Mono',monospace;letter-spacing:.06em}


.vesper-hero-stage .phone-wrap{position:relative;filter:drop-shadow(0 24px 70px rgba(0,0,0,.75))}
.vesper-hero-stage .phone-glow{
  position:absolute;width:140px;height:50px;
  background:rgba(167,139,250,.2);border-radius:50%;
  bottom:-24px;left:50%;transform:translateX(-50%);
  filter:blur(22px);opacity:0;transition:opacity .7s ease;
}
.vesper-hero-stage .phone-glow.v{opacity:1}
.vesper-hero-stage .phone{
  width:172px;
  background:linear-gradient(180deg,#1c1c1e 0%,#111 100%);
  border-radius:30px;border:2px solid #2a2a2a;
  overflow:hidden;position:relative;
}
.vesper-hero-stage .phone::before{
  content:'';position:absolute;inset:0;border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.06) 0%,transparent 55%);
  pointer-events:none;z-index:10;
}
.vesper-hero-stage .phone-notch{width:60px;height:10px;background:#000;
  border-radius:0 0 12px 12px;margin:0 auto}
.vesper-hero-stage .phone-screen{background:#08080f;padding:10px 12px 20px}
.vesper-hero-stage .phone-time-row{font-size:9px;color:#444;text-align:right;
  margin-bottom:12px;font-family:'DM Mono',monospace}

.vesper-hero-stage .wa-notif{
  background:linear-gradient(135deg,rgba(18,26,44,.98),rgba(12,18,32,.98));
  border:1px solid rgba(167,139,250,.2);
  border-radius:16px;padding:12px 13px;
  opacity:0;transform:translateY(-18px) scale(.94);
  transition:all .7s cubic-bezier(.22,1,.36,1);
  box-shadow:0 6px 30px rgba(0,0,0,.5);
}
.vesper-hero-stage .wa-notif.v{opacity:1;transform:translateY(0) scale(1)}
.vesper-hero-stage .wn-header{display:flex;align-items:center;gap:7px;margin-bottom:9px}
.vesper-hero-stage .wn-app-icon{width:22px;height:22px;border-radius:7px;
  background:linear-gradient(135deg,#25d366,#128c7e);
  display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.vesper-hero-stage .wn-app{font-size:10px;font-weight:700;color:#ccc}
.vesper-hero-stage .wn-time{font-size:9px;color:#444;margin-left:auto;font-family:'DM Mono',monospace}
.vesper-hero-stage .wn-title{font-size:11.5px;font-weight:700;color:#eef2ff;margin-bottom:5px;line-height:1.3}
.vesper-hero-stage .wn-body{font-size:10px;color:#5a6888;line-height:1.5;margin-bottom:8px}
.vesper-hero-stage .wn-alert{
  background:rgba(248,113,113,.09);border:1px solid rgba(248,113,113,.28);
  border-radius:8px;padding:7px 10px;
  font-size:10px;color:var(--red);
  font-family:'DM Mono',monospace;font-weight:600;
  display:flex;align-items:center;gap:6px;
}
.vesper-hero-stage .wn-dot{width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0;
  animation:livep 1.8s infinite}

.vesper-hero-stage .tagline{
  font-size:14px;color:var(--sub);
  text-align:center;line-height:1.8;
  opacity:0;transform:translateY(10px);
  transition:all .65s ease;
}
.vesper-hero-stage .tagline.v{opacity:1;transform:translateY(0)}
.vesper-hero-stage .tagline strong{color:var(--text);font-weight:700;display:block;font-size:17px;margin-top:2px}

/* CloudyBot seo-monitor hero embed */
.vesper-hero-wrap {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.uc-hero-mock.vesper-hero-wrap {
  display: block;
  grid-template-columns: unset;
}
.vesper-hero-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 600 / 460;
  max-height: min(460px, 72vh);
  border-radius: 16px;
  overflow: hidden;
  background: #06090f;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(46, 74, 112, 0.2);
}
.vesper-hero-stage .vesper-stage {
  position: absolute;
  top: 0;
  left: 50%;
  width: 600px;
  height: 460px;
  transform: translateX(-50%);
  transform-origin: top center;
}
@media (max-width: 620px) {
  .vesper-hero-stage .vesper-stage {
    transform: translateX(-50%) scale(calc((100vw - 48px) / 600));
  }
}
@media (prefers-reduced-motion: reduce) {
  .vesper-hero-stage:not(.vesper-reduced-story) .vesper-stage .scene:not(#vesper-s5) {
    display: none !important;
  }
  .vesper-hero-stage:not(.vesper-reduced-story) .vesper-stage #vesper-s5 {
    opacity: 1 !important;
  }
  .vesper-hero-stage:not(.vesper-reduced-story) .vesper-stage * {
    animation: none !important;
    transition: none !important;
  }

  .vesper-hero-stage.vesper-reduced-story .vesper-stage * {
    animation: none !important;
    animation-duration: 0s !important;
  }
  .vesper-hero-stage.vesper-reduced-story .vesper-stage *,
  .vesper-hero-stage.vesper-reduced-story .vesper-stage *::before,
  .vesper-hero-stage.vesper-reduced-story .vesper-stage *::after {
    transition-property: opacity, transform, color, text-shadow, box-shadow, filter !important;
    transition-duration: 0.55s !important;
    transition-timing-function: ease !important;
  }
  .vesper-hero-stage.vesper-reduced-story .vesper-stage .scene {
    display: flex !important;
  }
  .vesper-hero-stage.vesper-reduced-story .vesper-stage .star {
    opacity: var(--op, 0.35) !important;
  }
}