/* ══════════════════════════════════════════════════
   THREAT SECTION — Complete Styles
   ══════════════════════════════════════════════════ */
/* threat-section now uses global tokens from style.css */

/* ── SECTION ───────────────────────────────────── */
.threat{padding:clamp(40px,5vw,80px) 0 clamp(60px,7vw,100px);position:relative;overflow:hidden}
.threat-inner{max-width:1260px;margin:0 auto;padding:0}
.threat .section-stage-label{color:var(--danger)}

/* ── HEADER ────────────────────────────────────── */
.threat-tag{display:inline-block;font-size:clamp(9px,1.2vw,11px);letter-spacing:clamp(2px,0.3vw,4px);text-transform:uppercase;color:var(--danger);margin-bottom:clamp(12px,2vw,18px);font-weight:600}
.threat-header{text-align:center;margin-bottom:clamp(16px,3vw,24px);padding:0 clamp(20px,5vw,60px)}
.threat-header h2{font-size:clamp(20px,3.2vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.035em;margin-bottom:clamp(8px,1.5vw,12px);white-space:nowrap}
.threat-header h2 em{font-style:normal;color:var(--danger)}
.threat-header p{font-size:clamp(14px,2vw,17px);color:var(--text-secondary);max-width:clamp(600px,80vw,1200px);margin:0 auto;line-height:1.7;text-align:center}

/* ── TABS ──────────────────────────────────────── */
.threat-tabs{display:flex;justify-content:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(12px,3vw,20px);flex-wrap:wrap}
.threat-tab{padding:clamp(8px,1.5vw,12px) clamp(16px,3vw,24px);border-radius:100px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:clamp(11px,1.5vw,13px);font-weight:500;cursor:pointer;transition:all .25s;font-family:inherit;display:flex;align-items:center;gap:clamp(4px,1vw,8px)}
.threat-tab:hover{border-color:var(--danger-border);color:var(--text-primary)}
.threat-tab.active{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}
.threat-tab svg{width:clamp(12px,2vw,15px);height:clamp(12px,2vw,15px);stroke:currentColor;fill:none;stroke-width:1.8}

/* ── MONITOR FRAME ─────────────────────────────── */
.threat-monitor{background:linear-gradient(180deg,#14161c 0%,var(--bg) 100%);border:1px solid var(--border);border-radius:clamp(8px,1.5vw,16px);overflow:hidden;position:relative;box-shadow:0 0 clamp(40px,5vw,80px) var(--danger-bg),0 clamp(20px,3vw,40px) clamp(40px,5vw,80px) rgba(0,0,0,.5);max-height:clamp(400px,60vh,517px);width:100%;max-width:100%;margin:0 auto}
.threat-monitor-bar{height:clamp(24px,3vw,36px);background:rgba(255,255,255,.02);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 clamp(8px,2vw,14px);gap:clamp(4px,1vw,7px)}
.threat-monitor-bar .dot{width:clamp(6px,1vw,10px);height:clamp(6px,1vw,10px);border-radius:50%}
.threat-monitor-bar .dot.r{background:#ff5f57}.threat-monitor-bar .dot.y{background:#febc2e}.threat-monitor-bar .dot.g{background:#28c840}
.threat-monitor-bar .title{margin-left:clamp(8px,1.5vw,12px);font-size:clamp(9px,1.2vw,11px);color:var(--text-muted);font-weight:500}
.threat-screen{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0c10;max-height:clamp(350px,55vh,481px);width:100%}

/* ── SCENE VISIBILITY ──────────────────────────── */
.threat-scene{display:none;width:100%;height:100%;position:absolute;top:0;left:0}
.threat-scene.active{display:block}

/* ── SCAN LINES ────────────────────────────────── */
.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:49;opacity:.5}

/* ── CAPTURE BRACKETS ──────────────────────────── */
.capture-brackets{position:absolute;inset:0;z-index:40;pointer-events:none}
.capture-brackets .corner{position:absolute;width:clamp(20px,3vw,28px);height:clamp(20px,3vw,28px)}
.capture-brackets .corner::before,.capture-brackets .corner::after{content:'';position:absolute;background:var(--danger);opacity:.7}
.corner.tl{top:clamp(8px,1.5vw,12px);left:clamp(8px,1.5vw,12px)}.corner.tl::before{width:clamp(20px,3vw,28px);height:clamp(1px,0.2vw,2px)}.corner.tl::after{width:clamp(1px,0.2vw,2px);height:clamp(20px,3vw,28px)}
.corner.tr{top:clamp(8px,1.5vw,12px);right:clamp(8px,1.5vw,12px)}.corner.tr::before{width:clamp(20px,3vw,28px);height:clamp(1px,0.2vw,2px);right:0}.corner.tr::after{width:clamp(1px,0.2vw,2px);height:clamp(20px,3vw,28px);right:0}
.corner.bl{bottom:clamp(8px,1.5vw,12px);left:clamp(8px,1.5vw,12px)}.corner.bl::before{width:clamp(20px,3vw,28px);height:clamp(1px,0.2vw,2px);bottom:0}.corner.bl::after{width:clamp(1px,0.2vw,2px);height:clamp(20px,3vw,28px);bottom:0}
.corner.br{bottom:clamp(8px,1.5vw,12px);right:clamp(8px,1.5vw,12px)}.corner.br::before{width:clamp(20px,3vw,28px);height:clamp(1px,0.2vw,2px);right:0;bottom:0}.corner.br::after{width:clamp(1px,0.2vw,2px);height:clamp(20px,3vw,28px);right:0;bottom:0}
.rec-indicator{position:absolute;top:clamp(12px,2vw,18px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:clamp(4px,1vw,6px);font-size:clamp(8px,1.2vw,10px);color:var(--danger);font-weight:600;letter-spacing:clamp(0.5px,0.1vw,1px)}
.rec-indicator::before{content:'';width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);border-radius:50%;background:var(--danger);animation:recPulse 1s ease-in-out infinite}
@keyframes recPulse{0%,100%{opacity:1;box-shadow:0 0 6px var(--danger)}50%{opacity:.3;box-shadow:none}}

/* ── SCENE LABEL (bottom) ──────────────────────── */
.scene-label{position:absolute;bottom:0;left:0;right:0;z-index:45;background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:clamp(24px,5vw,48px) clamp(12px,3vw,24px) clamp(12px,3vw,20px);display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(8px,2vw,16px)}
.scene-label h3{font-size:clamp(14px,2.5vw,17px);font-weight:700;color:var(--text-primary);margin-bottom:clamp(2px,0.5vw,4px)}
.scene-label p{font-size:clamp(10px,1.5vw,12px);color:var(--text-muted);max-width:clamp(280px,50vw,420px);line-height:1.5}
.danger-badge{display:flex;align-items:center;gap:clamp(4px,1vw,6px);background:var(--danger-bg);border:1px solid var(--danger-border);padding:clamp(4px,1vw,6px) clamp(8px,2vw,14px);border-radius:clamp(6px,1vw,8px);font-size:clamp(9px,1.2vw,11px);color:var(--danger);font-weight:600;white-space:nowrap;flex-shrink:0}
.danger-badge svg{width:clamp(10px,1.5vw,14px);height:clamp(10px,1.5vw,14px);stroke:var(--danger);fill:none;stroke-width:2}

/* ── SHARED GLASS COMPONENTS ───────────────────── */
.glass-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(8px,1.5vw,12px)}
.glass-header>span:first-child{font-size:clamp(11px,1.5vw,13px);font-weight:600;color:var(--text-primary)}
.glass-btn{font-size:clamp(7px,1.2vw,9px);color:var(--text-muted);letter-spacing:.3px}
.badge-dot{width:clamp(4px,1vw,6px);height:clamp(4px,1vw,6px);border-radius:50%}
.badge-dot.green{background:var(--success);animation:recPulse 1.5s ease infinite}
.badge-dot.red{background:var(--danger);animation:recPulse 1s ease infinite}
.rec-pulse{width:clamp(14px,2vw,18px);height:clamp(14px,2vw,18px);border-radius:50%;background:var(--danger);display:flex;align-items:center;justify-content:center;animation:recPulse 1s ease-in-out infinite;flex-shrink:0}
.rec-pulse::after{content:'';width:clamp(4px,1vw,6px);height:clamp(4px,1vw,6px);border-radius:50%;background:#fff}

/* ── ANIMATIONS ────────────────────────────────── */
@keyframes floatIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}
@keyframes downloadProgress{0%{width:12%}50%{width:58%}100%{width:92%}}
@keyframes cursorMove{0%{opacity:0;top:42%;left:72%}8%{opacity:1}40%{top:46%;left:42%}52%{top:46%;left:42%;transform:scale(1)}56%{transform:scale(.82)}60%{transform:scale(1)}100%{opacity:1;top:46%;left:42%}}

.typing-cursor{display:inline-block;width:clamp(1px,0.2vw,2px);height:clamp(10px,1.5vw,14px);background:var(--danger);margin-left:clamp(1px,0.2vw,2px);animation:blink .6s step-end infinite;vertical-align:text-bottom}


/* ══════════════════════════════════════════════════
   SCENE 1 — TECHNICAL INTERVIEW
   ══════════════════════════════════════════════════ */

/* Video call */
.sc1-call{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;background:#0a0c10}
.sc1-call-bar{position:absolute;top:0;left:0;right:0;height:clamp(16px,2.5vw,22px);background:rgba(16,18,24,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;padding:0 clamp(6px,1.5vw,10px);z-index:32}
.sc1-call-bar::before{content:'';width:clamp(6px,1vw,8px);height:clamp(6px,1vw,8px);border-radius:50%;background:#ff5f57;box-shadow:clamp(10px,1.5vw,14px) 0 0 #febc2e,clamp(20px,3vw,28px) 0 0 #28c840}
.sc1-call-bar .meeting-name{font-size:clamp(9px,1.2vw,12px);color:var(--text-muted);font-weight:500}
.sc1-call-bar .meeting-time{font-size:clamp(9px,1.2vw,12px);color:var(--danger);font-variant-numeric:tabular-nums}
.sc1-participant{position:relative;background:#000;border-radius:clamp(2px,0.5vw,4px);overflow:hidden;display:flex;align-items:center;justify-content:center}
.sc1-avatar{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px);border-radius:50%;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2.5vw,24px);font-weight:700;color:rgba(255,255,255,.15)}
.sc1-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.18}
.sc1-participant:first-of-type .sc1-video{object-position:50% 8%}
.sc1-name{position:absolute;bottom:clamp(6px,1.5vw,10px);left:clamp(8px,1.5vw,12px);font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);display:flex;align-items:center;gap:clamp(3px,0.8vw,5px)}
.sc1-name svg{width:clamp(8px,1.5vw,12px);height:clamp(8px,1.5vw,12px);stroke:currentColor;fill:none;stroke-width:2}
.sc1-controls{position:absolute;bottom:clamp(8px,1.5vw,12px);left:50%;transform:translateX(-50%);height:auto;background:transparent;border-top:none;display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.5vw,10px);z-index:35;padding:0 clamp(4px,1vw,8px)}
.sc1-ctrl{width:clamp(24px,3.5vw,34px);height:clamp(24px,3.5vw,34px);border-radius:50%;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
.sc1-ctrl svg{width:clamp(10px,1.5vw,14px);height:clamp(10px,1.5vw,14px);stroke:var(--text-muted);fill:none;stroke-width:1.8}
.sc1-ctrl.end{background:var(--danger)}
.sc1-ctrl.end svg{stroke:#fff}

/* AI recording bar */
.sc1-rec-bar{position:absolute;top:clamp(36px,4vw,52px);left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:clamp(4px,1vw,8px);background:rgba(40,42,54,.88);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:clamp(4px,1vw,6px) clamp(8px,2vw,14px);animation:floatIn .8s ease-out .3s both;box-shadow:0 clamp(4px,1vw,8px) clamp(16px,2vw,32px) rgba(0,0,0,.4)}
.sc1-rec-bar .rec-wave{display:flex;align-items:center;gap:clamp(1px,0.2vw,1.5px)}
.sc1-rec-bar .rec-wave span{width:clamp(1px,0.2vw,2px);background:var(--text-muted);border-radius:1px;animation:wave 1s ease-in-out infinite}
.sc1-rec-bar .rec-wave span:nth-child(1){height:clamp(6px,1vw,8px);animation-delay:0s}
.sc1-rec-bar .rec-wave span:nth-child(2){height:clamp(10px,1.5vw,14px);animation-delay:.12s}
.sc1-rec-bar .rec-wave span:nth-child(3){height:clamp(6px,1vw,10px);animation-delay:.24s}
.sc1-rec-bar .rec-wave span:nth-child(4){height:clamp(10px,1.5vw,16px);animation-delay:.36s}
.sc1-rec-bar .rec-wave span:nth-child(5){height:clamp(6px,1vw,8px);animation-delay:.48s}
.sc1-rec-bar .rec-timer{font-size:clamp(9px,1.2vw,12px);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:500}
.sc1-rec-bar .rec-label{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted)}
.sc1-rec-bar .rec-sep{font-size:clamp(7px,1vw,9px);color:var(--text-dim);font-family:'JetBrains Mono',monospace}

/* AI Live Insights panel */
.sc1-insights{position:absolute;bottom:clamp(44px,6vw,64px);left:clamp(8px,2vw,14px);width:clamp(200px,25vw,270px);z-index:30;background:rgba(28,26,38,.84);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(10px,1.5vw,14px);padding:clamp(8px,2vw,14px);animation:slideUp .7s ease-out .6s both;box-shadow:0 clamp(12px,2vw,20px) clamp(30px,4vw,60px) rgba(0,0,0,.45)}
.insight-topic{margin-bottom:clamp(8px,1.5vw,12px)}
.insight-topic h5{font-size:clamp(9px,1.2vw,12px);font-weight:600;color:var(--text-secondary);margin-bottom:clamp(2px,0.5vw,3px)}
.insight-topic p{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);line-height:1.5}
.insight-transcript{background:rgba(0,0,0,.22);border-radius:clamp(6px,1vw,8px);padding:clamp(6px,1.5vw,10px);margin-bottom:clamp(8px,1.5vw,12px)}
.t-line{font-size:clamp(8px,1.2vw,10px);line-height:1.7;color:var(--text-muted)}
.t-speaker{color:var(--text-secondary);font-weight:600}
.t-hl{color:var(--warning);background:var(--warning-bg);padding:clamp(1px,0.2vw,3px) clamp(2px,0.5vw,3px);border-radius:clamp(1px,0.3vw,2px)}
.insight-actions{display:flex;flex-direction:column;gap:clamp(3px,0.8vw,5px)}
.i-action{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);padding:clamp(3px,0.8vw,5px) clamp(4px,1vw,8px);border-radius:clamp(4px,1vw,6px);background:rgba(255,255,255,.02);cursor:default}
.i-action.active{background:var(--danger-bg);color:var(--danger)}

/* AI Response panel */
.sc1-ai-panel{position:absolute;bottom:clamp(44px,6vw,64px);right:clamp(8px,2vw,14px);width:clamp(220px,28vw,290px);z-index:30;background:rgba(28,26,38,.84);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(10px,1.5vw,14px);padding:clamp(8px,2vw,14px);animation:slideUp .7s ease-out .9s both;box-shadow:0 clamp(12px,2vw,20px) clamp(30px,4vw,60px) rgba(0,0,0,.45)}
.ai-search-tag{font-size:clamp(7px,1.2vw,9px);color:var(--danger);background:var(--danger-bg);padding:clamp(2px,0.5vw,3px) clamp(4px,1vw,8px);border-radius:clamp(2px,0.5vw,4px);white-space:nowrap}
.ai-body{font-size:clamp(9px,1.5vw,11px);line-height:1.75;color:var(--text-secondary)}

/* Floating badges */
.sc1-badge{position:absolute;z-index:31;display:flex;align-items:center;gap:clamp(4px,1vw,6px);background:rgba(28,26,38,.85);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(6px,1vw,8px);padding:clamp(3px,0.8vw,5px) clamp(6px,1.5vw,11px);box-shadow:0 clamp(4px,1vw,8px) clamp(12px,2vw,24px) rgba(0,0,0,.3)}
.sc1-badge.right{animation:floatIn .6s ease-out 1.2s both}
.sc1-badge.left{animation:floatIn .6s ease-out 1.5s both}
.sc1-badge span{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);font-weight:500}


/* ══════════════════════════════════════════════════
   SCENE 2 — MCQ ASSESSMENT
   ══════════════════════════════════════════════════ */
.sc2-browser-bar{display:none}
.sc2-browser-bar .dot{width:10px;height:10px;border-radius:50%}
.sc2-browser-bar .dot.r{background:#ff5f57}.sc2-browser-bar .dot.y{background:#febc2e}.sc2-browser-bar .dot.g{background:#28c840}
.sc2-url{flex:1;margin:0 8px;background:var(--border-light);border-radius:6px;padding:4px 10px;font-size:10px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}
.sc2-url svg{width:11px;height:11px;stroke:var(--text-muted);fill:none;stroke-width:2}
.sc2-ext-icons{display:flex;gap:3px}
.ext-icon{font-size:13px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px}
.ext-icon.active{background:var(--danger-bg)}

.sc2-content{display:flex;height:100%;position:relative}
.sc2-content::before{content:'';position:absolute;top:0;left:0;right:0;height:22px;background:rgba(16,18,24,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05);z-index:32}
.sc2-content::after{content:'';position:absolute;top:7px;left:10px;width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:14px 0 0 #febc2e,28px 0 0 #28c840;z-index:33}
.sc2-ext-pill{position:absolute;top:3px;right:10px;z-index:34;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:9px;letter-spacing:.2px;color:var(--text-secondary)}
.sc2-ext-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}
.sc2-sidebar{width:clamp(160px,20vw,200px);background:#1a1d23;border-right:1px solid rgba(255,255,255,.1);padding:clamp(24px,4vw,38px) clamp(8px,1.5vw,12px) clamp(12px,2vw,16px);overflow:hidden}
.sb-title{font-size:clamp(9px,1.2vw,12px);font-weight:700;color:var(--text-primary);margin-bottom:clamp(10px,2vw,14px)}
.sb-item{padding:clamp(4px,1vw,6px) clamp(6px,1vw,8px);border-radius:clamp(3px,0.8vw,5px);font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);margin-bottom:clamp(2px,0.5vw,3px);display:flex;align-items:center;gap:clamp(5px,1vw,7px)}
.sb-item.current{background:rgba(255,255,255,.08);color:var(--text-primary);font-weight:600}
.sb-num{width:clamp(14px,2vw,18px);height:clamp(14px,2vw,18px);border-radius:50%;background:var(--border-light);display:flex;align-items:center;justify-content:center;font-size:clamp(6px,1vw,8px);font-weight:600;color:var(--text-muted);flex-shrink:0}
.sb-num.done{background:rgba(255,255,255,.12);color:var(--text-secondary)}
.sb-num.current{background:rgba(255,255,255,.15);color:var(--text-primary)}

.sc2-main{flex:1;padding:clamp(32px,4vw,46px) clamp(20px,3vw,32px) clamp(16px,2vw,24px);background:#0f1114;overflow:hidden}
.sc2-timer{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);margin-bottom:clamp(12px,3vw,20px);display:flex;align-items:center;gap:clamp(3px,0.8vw,5px)}
.sc2-timer svg{width:clamp(10px,1.5vw,13px);height:clamp(10px,1.5vw,13px);stroke:var(--text-muted);fill:none;stroke-width:2}
.sc2-qnum{font-size:clamp(8px,1.2vw,11px);color:#fff!important;font-weight:600;margin-bottom:clamp(4px,1vw,6px)}
.sc2-main .sc2-qnum{color:#fff!important}
.sc2-qtext{font-size:clamp(12px,2vw,15px);font-weight:600;color:var(--text-primary);line-height:1.45;margin-bottom:clamp(16px,3vw,22px)}
.sc2-opt{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);padding:clamp(8px,1.5vw,12px) clamp(10px,1.5vw,14px);background:rgba(255,255,255,.05);border:1px solid var(--border-light);border-radius:clamp(6px,1vw,10px);margin-bottom:clamp(4px,1vw,8px);font-size:clamp(10px,1.5vw,13px);color:var(--text-secondary);transition:all .3s}
.sc2-opt.clicked{border-color:var(--danger);background:rgba(255,71,87,.08)}
.sc2-opt.clicked .opt-l{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}

/* AI cursor */
.sc2-cursor{position:absolute;z-index:35;pointer-events:none;filter:drop-shadow(0 clamp(1px,0.3vw,2px) clamp(4px,1vw,6px) rgba(0,0,0,.4));animation:cursorMove 3.5s ease-in-out 1s forwards;opacity:0}
.sc2-cursor svg{width:clamp(14px,2vw,20px);height:clamp(16px,2.5vw,24px)}
.sc2-cursor-ai{position:absolute;top:clamp(-6px,1vw,-10px);left:clamp(8px,2vw,14px);padding:clamp(1px,0.3vw,2px) clamp(3px,0.8vw,5px);border-radius:clamp(2px,0.5vw,4px);background:rgba(255,71,87,.2);border:1px solid rgba(255,71,87,.45);font-size:clamp(6px,1vw,8px);font-weight:700;letter-spacing:.3px;color:#ff8f99}
.sc2-cursor.is-clicking{transform:scale(.82)}

/* Auto-Answer popup (glass, dark) */
.sc2-autofill{position:absolute;top:clamp(32px,4vw,46px);right:clamp(8px,2vw,14px);width:clamp(180px,25vw,230px);z-index:30;background:rgba(22,22,28,.92);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);border-radius:clamp(8px,1.5vw,12px);padding:clamp(8px,2vw,14px);animation:slideUp .6s ease-out 1.4s both;box-shadow:0 clamp(8px,2vw,16px) clamp(24px,3vw,48px) rgba(0,0,0,.5)}
.af-header{display:flex;align-items:center;gap:clamp(4px,1vw,8px);margin-bottom:clamp(8px,1.5vw,12px)}
.af-icon{width:clamp(16px,2.5vw,24px);height:clamp(16px,2.5vw,24px);border-radius:clamp(4px,1vw,6px);background:var(--danger);display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.5vw,13px)}
.af-header h4{font-size:clamp(9px,1.2vw,12px);font-weight:600;color:var(--text-primary);flex:1}
.af-close{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);cursor:pointer}
.af-status{display:flex;align-items:center;gap:clamp(4px,1vw,6px);margin-bottom:clamp(6px,1.5vw,10px);font-size:clamp(8px,1.2vw,10px);color:var(--text-muted)}
.af-spin{width:clamp(8px,1.5vw,12px);height:clamp(8px,1.5vw,12px);border:clamp(1px,0.2vw,2px) solid var(--border-light);border-top-color:var(--danger);border-radius:50%;animation:spin .8s linear infinite}
.af-result{background:rgba(255,255,255,.04);border-radius:clamp(6px,1vw,8px);padding:clamp(6px,1.5vw,10px);margin-bottom:clamp(6px,1.5vw,10px)}
.af-label{font-size:clamp(6px,1vw,8px);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:clamp(2px,0.5vw,4px)}
.af-value{font-size:clamp(10px,1.5vw,13px);font-weight:600;color:var(--text-primary)}
.af-conf{display:flex;align-items:center;gap:clamp(4px,1vw,8px);font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);margin-bottom:clamp(4px,1vw,8px)}
.af-bar{flex:1;height:clamp(2px,0.3vw,3px);background:rgba(255,255,255,.06);border-radius:clamp(1px,0.2vw,2px);overflow:hidden}
.af-bar-fill{height:100%;width:98%;background:rgba(255,255,255,.2);border-radius:clamp(1px,0.2vw,2px)}
.af-pct{color:var(--text-secondary);font-weight:600}
.af-reason{font-size:clamp(7px,1.2vw,9px);color:var(--text-muted);line-height:1.5}

/* capture badge */
.sc2-capture-badge{position:absolute;top:clamp(32px,4vw,46px);left:clamp(8px,2vw,14px);z-index:30;display:flex;align-items:center;gap:clamp(4px,1vw,6px);background:rgba(22,22,28,.88);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(6px,1vw,8px);padding:clamp(3px,0.8vw,5px) clamp(6px,1.5vw,11px);animation:floatIn .6s ease-out 1.8s both;box-shadow:0 clamp(4px,1vw,8px) clamp(12px,2vw,24px) rgba(0,0,0,.3)}
.sc2-capture-badge span{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);font-weight:500}


/* ══════════════════════════════════════════════════
   SCENE 3 — MOVIE SCREENER
   ══════════════════════════════════════════════════ */
.sc3-player{position:absolute;inset:0;display:flex;flex-direction:column}
.sc3-video-area{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative}
.sc3-video-area::before{content:'';position:absolute;top:0;left:0;right:0;height:22px;background:rgba(16,18,24,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05);z-index:32}
.sc3-video-area::after{content:'';position:absolute;top:7px;left:10px;width:8px;height:8px;border-radius:50%;background:#ff5f57;box-shadow:14px 0 0 #febc2e,28px 0 0 #28c840;z-index:33}
.sc3-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.18;transform:scale(1.1);transform-origin:center}
.sc3-poster{text-align:center}
.sc3-film-icon{margin:0 auto}
.sc3-film-icon svg{width:clamp(48px,6vw,72px);height:clamp(48px,6vw,72px)}
.sc3-leak{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(20px,4vw,64px);font-weight:900;color:var(--danger-bg);transform:rotate(-25deg);letter-spacing:clamp(4px,1vw,8px);text-transform:uppercase;white-space:nowrap;pointer-events:none;z-index:8}
.sc3-controls{height:clamp(32px,4vw,46px);background:rgba(0,0,0,.92);display:flex;align-items:center;padding:0 clamp(8px,2vw,16px);gap:clamp(6px,1.5vw,12px);border-top:1px solid rgba(255,255,255,.05)}
.sc3-prog{flex:1;height:clamp(2px,0.3vw,4px);background:rgba(255,255,255,.08);border-radius:clamp(1px,0.2vw,2px);overflow:hidden}
.sc3-prog-fill{height:100%;width:35%;background:var(--danger);border-radius:clamp(1px,0.2vw,2px)}
.sc3-time{font-size:clamp(8px,1.2vw,10px);color:var(--text-muted);font-variant-numeric:tabular-nums}

/* DRM Bypass tool */
.sc3-drm{position:absolute;bottom:clamp(80px,10vw,120px);right:clamp(8px,2vw,14px);width:clamp(180px,25vw,240px);z-index:30;background:rgba(18,14,24,.25);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--danger-border);border-radius:clamp(8px,1.5vw,12px);padding:clamp(8px,2vw,14px);animation:slideUp .7s ease-out .5s both;box-shadow:0 clamp(12px,2vw,20px) clamp(30px,4vw,60px) rgba(0,0,0,.5)}
.drm-header{display:flex;align-items:center;gap:clamp(4px,1vw,8px);margin-bottom:clamp(8px,1.5vw,12px)}
.drm-icon{width:clamp(20px,2.5vw,28px);height:clamp(20px,2.5vw,28px);border-radius:clamp(4px,1vw,6px);background:linear-gradient(135deg,var(--danger),#ff6b81);display:flex;align-items:center;justify-content:center;font-size:clamp(10px,1.5vw,15px)}
.drm-header h4{font-size:clamp(9px,1.2vw,12px);font-weight:600;color:var(--text-secondary)}
.drm-ver{font-size:clamp(7px,1vw,9px);color:var(--text-secondary)}
.drm-row{display:flex;align-items:center;justify-content:space-between;padding:clamp(3px,0.8vw,5px) 0;border-bottom:1px solid rgba(255,255,255,.03);font-size:clamp(8px,1.2vw,10px)}
.drm-row span:first-child{color:var(--text-secondary)}
.drm-row .val{color:var(--text-secondary);font-weight:500}
.drm-row .val.active{color:var(--text-secondary)}
.drm-row .val.warn{color:var(--text-secondary)}
.drm-status{margin-top:clamp(6px,1.5vw,10px);display:flex;align-items:center;gap:clamp(4px,1vw,6px);font-size:clamp(8px,1.2vw,10px);color:var(--text-secondary)}
.drm-spin{width:clamp(6px,1vw,10px);height:clamp(6px,1vw,10px);border:clamp(1px,0.2vw,2px) solid var(--danger-bg);border-top-color:var(--danger);border-radius:50%;animation:spin .8s linear infinite}

/* Video Downloader */
.sc3-downloader{position:absolute;bottom:clamp(40px,6vw,60px);right:clamp(8px,2vw,14px);width:clamp(200px,28vw,260px);z-index:30;background:rgba(20,22,30,.93);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(8px,1.5vw,12px);overflow:hidden;animation:slideUp .7s ease-out .8s both;box-shadow:0 clamp(12px,2vw,20px) clamp(30px,4vw,60px) rgba(0,0,0,.5)}
.dl-header{background:rgba(255,255,255,.03);padding:clamp(6px,1.5vw,10px) clamp(8px,2vw,14px);display:flex;align-items:center;gap:clamp(4px,1vw,8px);border-bottom:1px solid rgba(255,255,255,.04)}
.dl-icon{width:clamp(16px,2.5vw,24px);height:clamp(16px,2.5vw,24px);border-radius:clamp(3px,0.8vw,5px);background:linear-gradient(135deg,var(--danger),#ff6b81);display:flex;align-items:center;justify-content:center}
.dl-icon svg{width:clamp(8px,1.5vw,12px);height:clamp(8px,1.5vw,12px)}
.dl-header h4{font-size:clamp(8px,1.2vw,11px);font-weight:600;color:var(--text-primary);flex:1}
.dl-close{font-size:clamp(8px,1.2vw,10px);color:var(--text-dim);cursor:pointer}
.dl-body{padding:clamp(8px,2vw,12px) clamp(8px,2vw,14px)}
.dl-file{display:flex;align-items:center;gap:clamp(6px,1.5vw,10px);margin-bottom:clamp(8px,1.5vw,12px)}
.dl-file-icon{font-size:clamp(16px,2.5vw,24px)}
.dl-file h5{font-size:clamp(8px,1.2vw,10px);color:var(--text-secondary);font-weight:500;margin-bottom:clamp(1px,0.2vw,2px)}
.dl-file p{font-size:clamp(7px,1vw,9px);color:var(--text-dim)}
.dl-bar{height:clamp(2px,0.3vw,4px);background:rgba(255,255,255,.06);border-radius:clamp(1px,0.2vw,2px);overflow:hidden;margin-bottom:clamp(3px,0.8vw,5px)}
.dl-bar-fill{height:100%;background:linear-gradient(90deg,var(--danger),var(--danger-border));border-radius:clamp(1px,0.2vw,2px);animation:downloadProgress 12s linear infinite}
.dl-meta{display:flex;justify-content:space-between;font-size:clamp(7px,1vw,9px);color:var(--text-dim)}

/* Screen Recorder bar */
.sc3-recorder{position:absolute;bottom:clamp(40px,6vw,60px);right:clamp(8px,2vw,14px);z-index:30;display:flex;align-items:center;gap:clamp(4px,1vw,8px);background:rgba(20,22,30,.93);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.08);border-radius:clamp(6px,1.5vw,10px);padding:clamp(4px,1vw,8px) clamp(6px,1.5vw,12px);animation:slideUp .7s ease-out 1.1s both;box-shadow:0 clamp(6px,1.5vw,12px) clamp(18px,2.5vw,36px) rgba(0,0,0,.4)}
.rec-timer-lg{font-size:clamp(10px,1.5vw,14px);font-weight:600;color:var(--danger);font-variant-numeric:tabular-nums}
.rec-size{font-size:clamp(7px,1vw,9px);color:var(--text-dim)}
.rec-btns{display:flex;gap:clamp(2px,0.5vw,3px);margin-left:clamp(3px,0.8vw,6px)}
.rec-btn{width:clamp(18px,2.5vw,26px);height:clamp(18px,2.5vw,26px);border-radius:clamp(3px,0.8vw,5px);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center}
.rec-btn svg{width:clamp(10px,1.5vw,14px);height:clamp(10px,1.5vw,14px)}
.rec-btn.stop{background:var(--danger)}
.rec-btn.stop svg{width:clamp(6px,1vw,10px);height:clamp(6px,1vw,10px)}

/* Resolution badge */
.sc3-res-badge{position:absolute;top:clamp(8px,2vw,14px);right:clamp(8px,2vw,14px);z-index:30;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:clamp(6px,1vw,8px);padding:clamp(3px,0.8vw,5px) clamp(6px,1.5vw,10px);font-size:clamp(7px,1vw,9px);color:var(--text-muted);animation:floatIn .5s ease-out 1.4s both;font-family:'JetBrains Mono',monospace}


/* ══════════════════════════════════════════════════
   RESPONSIVE - MINIMAL OVERRIDES
   ══════════════════════════════════════════════════ */
@media(max-width:767px){
  .threat{padding:clamp(30px,5vw,60px) 0}
  .threat-header{padding:0 10px}
  .threat-header h2{font-size:clamp(22px,5vw,32px)}
  .threat-header p{font-size:clamp(13px,2.8vw,15px)}
  .threat-tab{padding:clamp(6px,1.2vw,10px) clamp(10px,2vw,18px);font-size:clamp(9px,2vw,11px)}
  .threat-monitor{max-height:clamp(280px,50vh,400px);border-radius:clamp(8px,2vw,12px)}
  .threat-screen{max-height:clamp(250px,45vh,370px)}
  .sc1-insights{display:none}
  .sc2-sidebar{display:none}
  .sc2-content::before{height:18px}
  .sc2-ext-pill{font-size:7px;padding:2px 6px}
  .sc2-main{padding:clamp(24px,4vw,32px) clamp(12px,2.5vw,20px) clamp(10px,2vw,16px)}
  .sc2-qtext{font-size:clamp(11px,2.5vw,14px);margin-bottom:clamp(12px,2.5vw,18px)}
  .sc2-qnum{font-size:clamp(8px,1.8vw,10px)}
  .sc2-timer{font-size:clamp(7px,1.5vw,9px)}
  .sc2-opt{padding:clamp(6px,1.2vw,10px) clamp(8px,1.5vw,12px);font-size:clamp(9px,2vw,12px);margin-bottom:clamp(3px,0.8vw,6px);border-radius:clamp(5px,1.2vw,8px)}
  .sc2-autofill{width:clamp(140px,38vw,200px);padding:clamp(6px,1.5vw,10px);border-radius:clamp(6px,1.5vw,10px)}
  .af-header h4{font-size:clamp(8px,1.8vw,10px)}
  .af-value{font-size:clamp(9px,2vw,12px)}
  .sc2-capture-badge{padding:clamp(2px,0.6vw,4px) clamp(4px,1vw,8px)}
  .sc2-capture-badge span{font-size:clamp(7px,1.5vw,9px)}
  .scene-label{padding:clamp(16px,3vw,32px) clamp(8px,2vw,16px) clamp(8px,2vw,14px)}
  .scene-label h3{font-size:clamp(12px,2.8vw,15px)}
  .scene-label p{font-size:clamp(9px,2vw,11px);max-width:clamp(200px,55vw,320px)}
  .danger-badge{padding:clamp(3px,0.8vw,5px) clamp(6px,1.2vw,10px);font-size:clamp(8px,1.5vw,10px)}
  .sc3-drm{width:clamp(140px,38vw,200px);padding:clamp(6px,1.5vw,10px)}
  .sc3-downloader{width:clamp(160px,42vw,220px);padding:clamp(6px,1.5vw,10px)}
  .sc3-recorder{padding:clamp(3px,0.8vw,6px) clamp(4px,1vw,10px)}
}