.elementor-14899 .elementor-element.elementor-element-9a60998{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0c43b0d *//* ===== RESET & BASE ===== */
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{
	background:
		radial-gradient(ellipse at 20% 50%, rgba(0,240,255,.04) 0%, transparent 60%),
		radial-gradient(ellipse at 80% 50%, rgba(0,255,65,.03) 0%, transparent 60%),
		linear-gradient(180deg,#0a0e17 0%,#0d1525 50%,#0a0e17 100%);
	color:#c9d1d9;
	line-height:1.7;
	overflow-x:hidden}
a{color:#5eead4;text-decoration:none;transition:color .3s}
a:hover{color:#14b8a6}
h1,h2,h3,h4{font-family:'Share Tech Mono',monospace;color:#e6edf3;line-height:1.3}

/* ===== ANIMATIONS (30+ @keyframes) ===== */
@keyframes navSlideDown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes navPulse{0%,100%{opacity:1;box-shadow:0 0 4px #14b8a6}50%{opacity:.5;box-shadow:0 0 14px #14b8a6}}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-60px)}100%{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(60px)}100%{opacity:1;transform:translateX(0)}}
@keyframes dashboardLoad{0%{opacity:0;transform:scale(.92) translateY(20px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes dataFeedScroll{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes threatCardAppear{0%{opacity:0;transform:translateX(-30px) scale(.9)}60%{transform:translateX(4px) scale(1.01)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes vulnBarFill{0%{width:0}100%{width:var(--bar-width)}}
@keyframes iocPopulate{0%{opacity:0;transform:translateY(8px)}50%{opacity:.6}100%{opacity:1;transform:translateY(0)}}
@keyframes mapPinDrop{0%{opacity:0;transform:translateY(-30px) scale(0)}60%{transform:translateY(2px) scale(1.15)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes scanLine{0%{top:-2px}100%{top:100%}}
@keyframes dualUseToggle{0%,100%{background:rgba(20,184,166,.15);border-color:rgba(20,184,166,.4)}50%{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}}
@keyframes cardFlip{0%{transform:perspective(600px) rotateY(0deg)}25%{transform:perspective(600px) rotateY(90deg)}75%{transform:perspective(600px) rotateY(90deg)}100%{transform:perspective(600px) rotateY(0deg)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 5px rgba(20,184,166,.3),inset 0 0 5px rgba(20,184,166,.05)}50%{box-shadow:0 0 25px rgba(20,184,166,.6),0 0 50px rgba(94,234,212,.2),inset 0 0 15px rgba(20,184,166,.1)}}
@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}100%{clip-path:inset(0 0% 0 0)}}
@keyframes borderGlow{0%,100%{border-color:rgba(20,184,166,.2)}50%{border-color:rgba(94,234,212,.5)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes breathe{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(80px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes pulseRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.5);opacity:0}}
@keyframes scoreFill{0%{width:0}100%{width:var(--target-width)}}
@keyframes scoreCount{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}
@keyframes dataStream{0%{background-position:0% 0%}100%{background-position:0% 100%}}
@keyframes progressBar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes nodeAppear{0%{opacity:0;transform:scale(0);box-shadow:none}70%{transform:scale(1.1)}100%{opacity:1;transform:scale(1);box-shadow:0 0 15px rgba(20,184,166,.3)}}
@keyframes rotate360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes typewriter{0%{width:0}100%{width:100%}}
@keyframes blinkCursor{0%,100%{border-right-color:#14b8a6}50%{border-right-color:transparent}}
@keyframes threatMeterFill{0%{height:0}100%{height:var(--meter-height)}}
@keyframes alertFlash{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes feedLineIn{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
@keyframes dotBlink{0%,100%{opacity:.2}50%{opacity:1}}
@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(20,184,166,.4)}100%{box-shadow:0 0 0 20px rgba(20,184,166,0)}}
@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-15px) scale(.97)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes dualLabelSwap{0%,44%{opacity:1;transform:translateX(0)}50%,94%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}
@keyframes severityPulse{0%,100%{box-shadow:inset 0 0 4px rgba(239,68,68,.2)}50%{box-shadow:inset 0 0 12px rgba(239,68,68,.5)}}

/* ===== SECTION DEFAULTS ===== */
.section{padding:2rem 2rem 4rem;max-width:1200px;margin:0 auto}
.glass-card{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.15);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:2rem;animation:borderGlow 4s ease-in-out infinite}
.section-tag{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#14b8a6;border:1px solid rgba(20,184,166,.3);padding:.3rem .8rem;border-radius:4px;margin-bottom:1rem;background:rgba(20,184,166,.08)}
.section-title1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.5rem;background:linear-gradient(135deg,#e6edf3,#5eead4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.section-subtitle{color:#8b949e;font-size:.95rem;margin-bottom:2rem}

/* ===== HERO ===== */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}
.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.03) 1px,transparent 1px);background-size:60px 60px;animation:dataStream 8s linear infinite}
.hero-scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#14b8a6,transparent);animation:scanLine 4s linear infinite;opacity:.4;z-index:1}
.hero-badge{position:relative;z-index:2;font-family:'Share Tech Mono',monospace;font-size:.8rem;color:#14b8a6;letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;border:1px solid rgba(20,184,166,.3);padding:.5rem 1.5rem;border-radius:100px;background:rgba(20,184,166,.06);animation:fadeInUp .8s ease-out .2s both}
.hero h1{font-size:clamp(2rem,5.5vw,3.6rem);background:linear-gradient(135deg,#14b8a6,#5eead4,#14b8a6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s linear infinite,fadeInUp .8s ease-out .4s both;position:relative;z-index:2}
.hero-sub{font-size:clamp(1rem,2.5vw,1.25rem);color:#8b949e;max-width:720px;margin:1.5rem auto 0;animation:fadeInUp .8s ease-out .6s both;position:relative;z-index:2}
.hero-meta{display:flex;gap:2rem;justify-content:center;margin-top:2rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s both;position:relative;z-index:2}
.hero-meta-item{font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#58616b;letter-spacing:1px}
.hero-meta-item span{color:#5eead4}

/* ===== SIMULATION ===== */
.sim-container{position:relative;z-index:2;width:100%;max-width:1050px;margin:3rem auto 0;animation:slideInFromBottom 1s ease-out 1s both}
.sim-dashboard{background:rgba(10,10,15,.9);border:1px solid rgba(20,184,166,.2);border-radius:16px;overflow:hidden;animation:dashboardLoad 1.2s ease-out 1.2s both}
.sim-dash-header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.2rem;border-bottom:1px solid rgba(20,184,166,.15);background:rgba(20,184,166,.03)}
.sim-dash-header h4{font-size:.75rem;color:#14b8a6;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}
.sim-dash-dots{display:flex;gap:6px}
.sim-dash-dots span{width:8px;height:8px;border-radius:50%;animation:dotBlink 2s ease-in-out infinite}
.sim-dash-dots span:nth-child(1){background:#14b8a6;animation-delay:0s}
.sim-dash-dots span:nth-child(2){background:#f59e0b;animation-delay:.3s}
.sim-dash-dots span:nth-child(3){background:#ef4444;animation-delay:.6s}
.sim-dash-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;min-height:420px}
@media(max-width:768px){.sim-dash-body{grid-template-columns:1fr;min-height:auto}}

/* Dashboard Panel - Vulnerability Feeds */
.sim-panel{border-right:1px solid rgba(20,184,166,.1);padding:1rem;position:relative;overflow:hidden}
.sim-panel:last-child{border-right:none}
.sim-panel-title{font-family:'Share Tech Mono',monospace;font-size:.68rem;color:#14b8a6;letter-spacing:1px;text-transform:uppercase;margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}
.sim-panel-title::before{content:'';width:6px;height:6px;border-radius:50%;background:#14b8a6;animation:dotBlink 1.5s ease-in-out infinite}

/* Feed scrolling items */
.sim-feed{position:relative;height:100%;overflow:hidden}
.sim-feed-inner{animation:dataFeedScroll 18s linear infinite}
.sim-feed-item{padding:.5rem .6rem;border-radius:6px;margin-bottom:.4rem;font-size:.68rem;line-height:1.4;background:rgba(20,184,166,.04);border-left:2px solid rgba(20,184,166,.2);position:relative}
.sim-feed-item:nth-child(odd){border-left-color:rgba(94,234,212,.3)}
.sim-feed-item:nth-child(3n){border-left-color:rgba(239,68,68,.4);background:rgba(239,68,68,.04)}
.sim-feed-item:nth-child(3n) .feed-severity{color:#ef4444}
.sim-feed-label{color:#58616b;font-family:'Share Tech Mono',monospace;font-size:.6rem;display:block}
.sim-feed-value{color:#c9d1d9;display:block}
.feed-severity{font-family:'Share Tech Mono',monospace;font-size:.58rem;padding:.1rem .3rem;border-radius:3px;margin-top:.2rem;display:inline-block}
.sev-critical{background:rgba(239,68,68,.15);color:#ef4444}
.sev-high{background:rgba(245,158,11,.15);color:#f59e0b}
.sev-medium{background:rgba(20,184,166,.15);color:#14b8a6}
.sev-low{background:rgba(59,130,246,.15);color:#3b82f6}

/* Vulnerability severity bars */
.vuln-severity-bars{margin-top:.8rem}
.vuln-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}
.vuln-bar-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;color:#8b949e;min-width:20px}
.vuln-bar-track{flex:1;height:8px;background:rgba(255,255,255,.04);border-radius:4px;overflow:hidden}
.vuln-bar-fill{height:100%;border-radius:4px;animation:vulnBarFill 2.5s ease-out 2s both}
.vuln-bar-fill.critical{background:linear-gradient(90deg,#ef4444,#f87171);--bar-width:87%}
.vuln-bar-fill.high{background:linear-gradient(90deg,#f59e0b,#fbbf24);--bar-width:72%}
.vuln-bar-fill.medium{background:linear-gradient(90deg,#14b8a6,#5eead4);--bar-width:54%}
.vuln-bar-fill.low{background:linear-gradient(90deg,#3b82f6,#60a5fa);--bar-width:28%}

/* IOC List */
.ioc-list{position:relative}
.ioc-item{font-family:'Share Tech Mono',monospace;font-size:.62rem;padding:.35rem .5rem;border-radius:4px;margin-bottom:.3rem;background:rgba(20,184,166,.03);border:1px solid rgba(20,184,166,.08);display:flex;align-items:center;gap:.4rem;animation:iocPopulate .4s ease-out both}
.ioc-item:nth-child(1){animation-delay:2.2s}
.ioc-item:nth-child(2){animation-delay:2.5s}
.ioc-item:nth-child(3){animation-delay:2.8s}
.ioc-item:nth-child(4){animation-delay:3.1s}
.ioc-item:nth-child(5){animation-delay:3.4s}
.ioc-item:nth-child(6){animation-delay:3.7s}
.ioc-item:nth-child(7){animation-delay:4s}
.ioc-item:nth-child(8){animation-delay:4.3s}
.ioc-dot{width:4px;height:4px;border-radius:50%;flex-shrink:0}
.ioc-dot.ip{background:#ef4444}
.ioc-dot.hash{background:#f59e0b}
.ioc-dot.domain{background:#14b8a6}
.ioc-dot.url{background:#a855f7}
.ioc-type{color:#58616b;font-size:.55rem;min-width:28px;text-transform:uppercase}
.ioc-value{color:#c9d1d9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Map pins */
.sim-map{position:relative;height:180px;border-radius:10px;background:rgba(20,184,166,.03);border:1px solid rgba(20,184,166,.1);overflow:hidden;margin-top:.6rem}
.sim-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(20,184,166,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.05) 1px,transparent 1px);background-size:30px 30px}
.map-pin{position:absolute;display:flex;flex-direction:column;align-items:center;animation:mapPinDrop .6s ease-out both}
.map-pin-dot{width:8px;height:8px;border-radius:50%;background:#14b8a6;box-shadow:0 0 8px rgba(20,184,166,.6)}
.map-pin-dot.red{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}
.map-pin-label{font-family:'Share Tech Mono',monospace;font-size:.5rem;color:#8b949e;margin-top:2px;white-space:nowrap}
.pin-1{top:25%;left:30%;animation-delay:2s}
.pin-2{top:40%;left:55%;animation-delay:2.4s}
.pin-3{top:55%;left:70%;animation-delay:2.8s}
.pin-4{top:35%;left:20%;animation-delay:3.2s}
.pin-5{top:65%;left:40%;animation-delay:3.6s}
.pin-6{top:20%;left:75%;animation-delay:4s}

/* Dual-use toggle */
.sim-dual-use{margin-top:1.5rem;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}
@media(max-width:768px){.sim-dual-use{grid-template-columns:1fr;gap:.8rem}}
.dual-panel{padding:1.2rem;border-radius:12px;animation:dualUseToggle 8s ease-in-out infinite;position:relative;overflow:hidden}
.dual-panel.blue{border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.05)}
.dual-panel.red{border:1px solid rgba(239,68,68,.25);background:rgba(239,68,68,.05);animation-delay:4s}
.dual-panel-title{font-family:'Share Tech Mono',monospace;font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:.6rem;display:flex;align-items:center;gap:.4rem}
.dual-panel.blue .dual-panel-title{color:#60a5fa}
.dual-panel.red .dual-panel-title{color:#f87171}
.dual-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.dual-panel.blue .dual-icon{background:rgba(59,130,246,.15)}
.dual-panel.red .dual-icon{background:rgba(239,68,68,.15)}
.dual-item{font-size:.72rem;color:#8b949e;line-height:1.5;padding:.2rem 0;display:flex;align-items:flex-start;gap:.3rem}
.dual-item::before{content:'';width:4px;height:4px;border-radius:50%;margin-top:6px;flex-shrink:0}
.dual-panel.blue .dual-item::before{background:#60a5fa}
.dual-panel.red .dual-item::before{background:#f87171}
.dual-vs{font-family:'Share Tech Mono',monospace;font-size:.9rem;color:#58616b;display:flex;align-items:center;justify-content:center;padding:.5rem}

/* Scan overlay on simulation */
.sim-scan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}
.sim-scan-line-h{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(20,184,166,.3),transparent);animation:scanLine 5s linear infinite;opacity:.5}
.sim-scan-line-v{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(20,184,166,.3),transparent);animation:scanLineV 7s linear infinite;opacity:.4}
@keyframes scanLineV{0%{left:-2px}100%{left:100%}}

/* Flipping data card */
.flip-card{perspective:600px;margin:1rem 0;}
.flip-card-inner{position:relative;width:100%;min-height:100px;}
.flip-card-front,.flip-card-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:10px;padding:1rem;display:flex;flex-direction:column;justify-content:center;}
.flip-card-front{background:rgba(20,184,166,.06);border:1px solid rgba(20,184,166,.2);transform:rotateY(0deg);}
.flip-card-back{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2);transform:rotateY(180deg);}
.flip-card-inner:hover .flip-card-front{transform:rotateY(-180deg);}
.flip-card-inner:hover .flip-card-back{transform:rotateY(0deg);}
.flip-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:.3rem;}
.flip-card-front .flip-label{color:#14b8a6;}
.flip-card-back .flip-label{color:#ef4444;}
.flip-title{font-size:.85rem;color:#e6edf3;margin-bottom:.3rem;}
.flip-desc{font-size:.7rem;color:#8b949e;line-height:1.5;}

/* ===== WHY IT MATTERS ===== */
#why-it-matters{animation:fadeInUp .8s ease-out both}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:2rem 0}
.stat-card{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.12);border-radius:14px;padding:1.5rem;text-align:center;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(20,184,166,.15)}
.stat-card::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:2px;border-radius:0 0 4px 4px}
.stat-card:nth-child(1)::before{background:linear-gradient(90deg,transparent,#14b8a6,transparent)}
.stat-card:nth-child(2)::before{background:linear-gradient(90deg,transparent,#5eead4,transparent)}
.stat-card:nth-child(3)::before{background:linear-gradient(90deg,transparent,#f59e0b,transparent)}
.stat-card:nth-child(4)::before{background:linear-gradient(90deg,transparent,#ef4444,transparent)}
.stat-card:nth-child(5)::before{background:linear-gradient(90deg,transparent,#a855f7,transparent)}
.stat-number{font-size:2.4rem;font-family:'Share Tech Mono',monospace;font-weight:700;margin:.5rem 0 .2rem}
.stat-card:nth-child(1) .stat-number{color:#14b8a6}
.stat-card:nth-child(2) .stat-number{color:#5eead4}
.stat-card:nth-child(3) .stat-number{color:#f59e0b}
.stat-card:nth-child(4) .stat-number{color:#ef4444}
.stat-card:nth-child(5) .stat-number{color:#a855f7}
.stat-desc{font-size:.85rem;color:#8b949e;line-height:1.5}
.stat-source{font-size:.65rem;color:#4b5563;margin-top:.5rem;font-style:italic}
.why-text{font-size:.95rem;line-height:1.8;color:#c9d1d9;max-width:850px;margin:0 auto 2rem}
.why-text strong{color:#14b8a6}
.link-list{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}
.link-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:'Share Tech Mono',monospace;font-size:.72rem;color:#5eead4;border:1px solid rgba(20,184,166,.2);padding:.5rem 1rem;border-radius:8px;background:rgba(20,184,166,.04);transition:all .3s;letter-spacing:.5px}
.link-btn:hover{background:rgba(20,184,166,.1);border-color:rgba(20,184,166,.4);transform:translateY(-2px)}

/* ===== KEY TERMS ===== */
#key-terms{animation:fadeInUp .8s ease-out both}
.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
@media(max-width:768px){.terms-grid{grid-template-columns:1fr}}
.term-block{position:relative}
.term-block h3{font-size:1.1rem;color:#14b8a6;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.term-block h3::before{content:'';display:inline-block;width:4px;height:1.2rem;background:#14b8a6;border-radius:2px;animation:breathe 3s ease-in-out infinite}
.term-block p{font-size:.9rem;line-height:1.8;color:#c9d1d9}
.analogy-box{background:linear-gradient(135deg,rgba(94,234,212,.05),rgba(20,184,166,.05));border:1px solid rgba(94,234,212,.15);border-radius:14px;padding:2rem;margin-top:2rem;position:relative;overflow:hidden}
.analogy-box::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(94,234,212,.06),transparent 70%);animation:rotate360 20s linear infinite}
.analogy-box p{position:relative;z-index:1;font-size:.95rem;line-height:1.8;color:#c9d1d9}
.analogy-label{display:inline-block;font-family:'Share Tech Mono',monospace;font-size:.7rem;color:#5eead4;letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;background:rgba(94,234,212,.1);padding:.3rem .8rem;border-radius:4px}

/* ===== REAL-WORLD SCENARIO ===== */
#scenario{animation:fadeInUp .8s ease-out both}
.scenario-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}
.character-badge{display:flex;align-items:center;gap:.6rem;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.2);border-radius:100px;padding:.4rem 1rem .4rem .4rem}
.character-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#14b8a6,#5eead4);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#0a0a0f;font-family:'Share Tech Mono',monospace;animation:glowPulse 3s ease-in-out infinite}
.character-info{font-size:.8rem}
.character-info strong{display:block;color:#e6edf3;font-size:.85rem}
.character-info span{color:#8b949e;font-size:.7rem}
.scenario-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
@media(max-width:768px){.scenario-body{grid-template-columns:1fr}}
.scenario-before,.scenario-after{padding:2rem;border-radius:16px;position:relative;overflow:hidden}
.scenario-before{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.15)}
.scenario-before::before{content:'BEFORE';position:absolute;top:1rem;right:1rem;font-family:'Share Tech Mono',monospace;font-size:.65rem;color:#ef4444;letter-spacing:2px;padding:.2rem .6rem;border:1px solid rgba(239,68,68,.3);border-radius:4px}
.scenario-after{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.15)}
.scenario-after::before{content:'AFTER';position:absolute;top:1rem;right:1rem;font-family:'Share Tech Mono',monospace;font-size:.65rem;color:#14b8a6;letter-spacing:2px;padding:.2rem .6rem;border:1px solid rgba(20,184,166,.3);border-radius:4px}
.scenario-before h3,.scenario-after h3{font-size:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.scenario-before h3{color:#ef4444}
.scenario-after h3{color:#14b8a6}
.scenario-before p,.scenario-after p{font-size:.85rem;line-height:1.8;color:#c9d1d9}

/* ===== STEP BY STEP ===== */
#steps{animation:fadeInUp .8s ease-out both}
.steps-timeline{position:relative;max-width:900px;margin:2rem auto 0;padding-left:3rem}
.steps-timeline::before{content:'';position:absolute;left:.8rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#14b8a6,#5eead4,#14b8a6);animation:progressBar 3s ease-out both;transform-origin:top}
.step-item{position:relative;margin-bottom:2.5rem;padding-left:1.5rem}
.step-item::before{content:attr(data-step);position:absolute;left:-3rem;top:.15rem;width:1.8rem;height:1.8rem;border-radius:50%;background:rgba(20,184,166,.15);border:2px solid #14b8a6;display:flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:.7rem;color:#14b8a6;font-weight:700;animation:nodeAppear .4s ease-out both}
.step-item:nth-child(1)::before{animation-delay:.2s}
.step-item:nth-child(2)::before{animation-delay:.4s}
.step-item:nth-child(3)::before{animation-delay:.6s}
.step-item:nth-child(4)::before{animation-delay:.8s}
.step-item:nth-child(5)::before{animation-delay:1s}
.step-item:nth-child(6)::before{animation-delay:1.2s}
.step-item:nth-child(7)::before{animation-delay:1.4s}
.step-item h3{font-size:1rem;color:#e6edf3;margin-bottom:.5rem}
.step-item p{font-size:.88rem;color:#8b949e;line-height:1.7}
.step-sub{font-size:.82rem;color:#6e7681;line-height:1.6;margin-top:.4rem;padding-left:1rem;border-left:2px solid rgba(20,184,166,.15)}
.step-tag{display:inline-block;font-size:.65rem;font-family:'Share Tech Mono',monospace;padding:.15rem .5rem;border-radius:4px;margin-top:.5rem}
.tag-detect{background:rgba(94,234,212,.1);color:#5eead4;border:1px solid rgba(94,234,212,.2)}
.tag-prevent{background:rgba(20,184,166,.1);color:#14b8a6;border:1px solid rgba(20,184,166,.2)}
.tag-respond{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
.step-links{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}
.step-link{font-size:.65rem;font-family:'Share Tech Mono',monospace;color:#14b8a6;padding:.15rem .4rem;border-radius:3px;background:rgba(20,184,166,.06);border:1px solid rgba(20,184,166,.1);transition:all .2s}
.step-link:hover{background:rgba(20,184,166,.12);border-color:rgba(20,184,166,.3)}

/* ===== MISTAKES & BEST PRACTICES ===== */
#mistakes{animation:fadeInUp .8s ease-out both}
.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
@media(max-width:768px){.mb-grid{grid-template-columns:1fr}}
.mb-column h3{font-size:1.1rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}
.mb-column h3.bad{color:#ef4444}
.mb-column h3.bad::before{content:'✕';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);font-size:.7rem}
.mb-column h3.good{color:#14b8a6}
.mb-column h3.good::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(20,184,166,.15);border:1px solid rgba(20,184,166,.3);font-size:.7rem}
.mb-item{padding:1rem;border-radius:10px;margin-bottom:.8rem;font-size:.85rem;line-height:1.7;color:#c9d1d9;position:relative;transition:transform .2s}
.mb-item:hover{transform:translateX(4px)}
.mb-bad-item{background:rgba(239,68,68,.04);border-left:3px solid rgba(239,68,68,.3)}
.mb-good-item{background:rgba(20,184,166,.04);border-left:3px solid rgba(20,184,166,.3)}

/* ===== RED VS BLUE ===== */
#red-blue{animation:fadeInUp .8s ease-out both}
.rb-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}
@media(max-width:768px){.rb-container{grid-template-columns:1fr}}
.rb-panel{border-radius:16px;padding:2rem;position:relative;overflow:hidden}
.rb-red{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.15)}
.rb-blue{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.15)}
.rb-panel h3{font-size:1.1rem;margin-bottom:1.2rem;display:flex;align-items:center;gap:.6rem}
.rb-red h3{color:#ef4444}
.rb-blue h3{color:#14b8a6}
.rb-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem}
.rb-red .rb-icon{background:rgba(239,68,68,.15)}
.rb-blue .rb-icon{background:rgba(20,184,166,.15)}
.rb-item{display:flex;gap:.8rem;margin-bottom:1rem;font-size:.85rem;color:#c9d1d9;line-height:1.6}
.rb-bullet{width:6px;height:6px;border-radius:50%;margin-top:.5rem;flex-shrink:0}
.rb-red .rb-bullet{background:#ef4444}
.rb-blue .rb-bullet{background:#14b8a6}
.rb-connector{display:flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#8b949e;letter-spacing:1px}

/* ===== THREAT HUNTER ===== */
#threat-hunter{animation:fadeInUp .8s ease-out both}
.th-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}
.th-card{background:rgba(10,10,15,.6);border:1px solid rgba(20,184,166,.1);border-radius:14px;padding:1.5rem;transition:transform .3s,border-color .3s}
.th-card:hover{transform:translateY(-4px);border-color:rgba(20,184,166,.3)}
.th-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(20,184,166,.15),rgba(94,234,212,.15));display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:1rem}
.th-card h4{font-size:.9rem;color:#e6edf3;margin-bottom:.6rem}
.th-card p{font-size:.82rem;color:#8b949e;line-height:1.7}
.th-queries{margin-top:2rem;background:rgba(10,10,15,.6);border:1px solid rgba(94,234,212,.1);border-radius:14px;padding:1.5rem}
.th-queries h4{font-size:.9rem;color:#5eead4;margin-bottom:1rem;font-family:'Share Tech Mono',monospace}
.query-item{font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#14b8a6;background:rgba(20,184,166,.06);border:1px solid rgba(20,184,166,.12);padding:.6rem 1rem;border-radius:6px;margin-bottom:.6rem;word-break:break-all;line-height:1.5}

/* ===== CTA ===== */
#cta{animation:fadeInUp .8s ease-out both;text-align:center}
.cta-box{background:linear-gradient(135deg,rgba(20,184,166,.06),rgba(94,234,212,.06));border:1px solid rgba(20,184,166,.2);border-radius:20px;padding:3rem 2rem;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(20,184,166,.1),transparent 60%);pointer-events:none}
.cta-box h2{font-size:clamp(1.4rem,3.5vw,2rem);margin-bottom:1rem;position:relative;z-index:1}
.cta-box p{font-size:.95rem;color:#8b949e;max-width:600px;margin:0 auto 2rem;position:relative;z-index:1}
.sub-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:1}
.sub-link{display:inline-flex;align-items:center;gap:.6rem;padding:.8rem 1.5rem;border-radius:12px;font-family:'Share Tech Mono',monospace;font-size:.78rem;letter-spacing:.5px;transition:all .3s;position:relative;overflow:hidden}
.sub-link::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .3s}
.sub-link:hover::before{opacity:1}
.sub-link-1{color:#14b8a6;border:1px solid rgba(20,184,166,.3);background:rgba(20,184,166,.06)}
.sub-link-1::before{background:rgba(20,184,166,.1)}
.sub-link-1:hover{border-color:rgba(20,184,166,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(20,184,166,.2)}
.sub-link-2{color:#5eead4;border:1px solid rgba(94,234,212,.3);background:rgba(94,234,212,.06)}
.sub-link-2::before{background:rgba(94,234,212,.1)}
.sub-link-2:hover{border-color:rgba(94,234,212,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(94,234,212,.2)}
.sub-link-3{color:#a855f7;border:1px solid rgba(168,85,247,.3);background:rgba(168,85,247,.06)}
.sub-link-3::before{background:rgba(168,85,247,.1)}
.sub-link-3:hover{border-color:rgba(168,85,247,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(168,85,247,.2)}
.sub-link-4{color:#ef4444;border:1px solid rgba(239,68,68,.3);background:rgba(239,68,68,.06)}
.sub-link-4::before{background:rgba(239,68,68,.1)}
.sub-link-4:hover{border-color:rgba(239,68,68,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(239,68,68,.2)}
.sub-link-5{color:#f59e0b;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.06)}
.sub-link-5::before{background:rgba(245,158,11,.1)}
.sub-link-5:hover{border-color:rgba(245,158,11,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(245,158,11,.2)}
.sub-link-arrow{font-size:1rem;transition:transform .3s}
.sub-link:hover .sub-link-arrow{transform:translateX(4px)}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
  nav{padding:0 1rem}
  .nav-links{display:none}
  section{padding:4rem 1.2rem 3rem}
  .stats-grid{grid-template-columns:1fr}
  .scenario-body{grid-template-columns:1fr}
  .sub-links{flex-direction:column;align-items:center}
  .sim-dual-use{grid-template-columns:1fr}
  .dual-vs{justify-content:center}
  .dual-panel.red{animation-delay:0s}
}
@media(max-width:480px){
  .hero h1{font-size:1.8rem}
  .hero-meta{flex-direction:column;gap:.5rem;align-items:center}
  .stat-number{font-size:1.8rem}
  .terms-grid{grid-template-columns:1fr}
}

/* ===== DECORATIVE ELEMENTS ===== */
.deco-hex{position:absolute;width:40px;height:40px;border:1px solid rgba(20,184,166,.1);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:hexSpin 15s linear infinite}
@keyframes hexSpin{0%{transform:rotate(0deg)}100%{transform:rotate(60deg)}}
.deco-hex-1{top:20%;left:5%;animation-duration:18s}
.deco-hex-2{top:60%;right:8%;width:25px;height:25px;animation-duration:12s;animation-direction:reverse}
.deco-hex-3{bottom:15%;left:10%;width:55px;height:55px;animation-duration:22s}

/* ===== ALERT BANNER ===== */
.alert-banner{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-radius:10px;margin-bottom:2rem;font-size:.82rem;line-height:1.6}
.alert-banner.warning{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);color:#fbbf24}
.alert-banner.info{background:rgba(94,234,212,.06);border:1px solid rgba(94,234,212,.2);color:#5eead4}
.alert-icon{font-size:1.2rem;flex-shrink:0}

/* ===== VENDOR CARDS ===== */
.vendor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}
.vendor-card{padding:1rem;border-radius:10px;background:rgba(10,10,15,.6);border:1px solid rgba(20,184,166,.1);transition:all .3s;animation:panelSlideIn .6s ease-out both}
.vendor-card:hover{border-color:rgba(20,184,166,.3);transform:translateY(-3px)}
.vendor-card:nth-child(1){animation-delay:0s}
.vendor-card:nth-child(2){animation-delay:.1s}
.vendor-card:nth-child(3){animation-delay:.2s}
.vendor-card:nth-child(4){animation-delay:.3s}
.vendor-card:nth-child(5){animation-delay:.4s}
.vendor-card:nth-child(6){animation-delay:.5s}
.vendor-name{font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#5eead4;margin-bottom:.3rem}
.vendor-desc{font-size:.7rem;color:#6e7681;line-height:1.4}

/* ===== DUAL-USE PARADOX BOX ===== */
.paradox-box{background:linear-gradient(135deg,rgba(20,184,166,.05),rgba(239,68,68,.05));border:1px solid rgba(20,184,166,.2);border-radius:14px;padding:2rem;margin:2rem 0;position:relative;overflow:hidden}
.paradox-box::after{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent,rgba(239,68,68,.03));pointer-events:none}
.paradox-title{font-family:'Share Tech Mono',monospace;font-size:1rem;color:#f59e0b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}
.paradox-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:768px){.paradox-cols{grid-template-columns:1fr}}
.paradox-col{padding:1rem;border-radius:10px}
.paradox-col.defender{background:rgba(20,184,166,.04);border:1px solid rgba(20,184,166,.12)}
.paradox-col.attacker{background:rgba(239,68,68,.04);border:1px solid rgba(239,68,68,.12)}
.paradox-col h4{font-size:.8rem;margin-bottom:.6rem}
.paradox-col.defender h4{color:#14b8a6}
.paradox-col.attacker h4{color:#ef4444}
.paradox-col p{font-size:.78rem;color:#8b949e;line-height:1.6}

/* ===== DATA TYPE BADGES ===== */
.data-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.data-badge{font-family:'Share Tech Mono',monospace;font-size:.65rem;padding:.25rem .6rem;border-radius:4px;display:inline-flex;align-items:center;gap:.3rem}
.data-badge.vuln{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
.data-badge.ioc{background:rgba(245,158,11,.1);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.data-badge.malware{background:rgba(168,85,247,.1);color:#a855f7;border:1px solid rgba(168,85,247,.2)}
.data-badge.infra{background:rgba(20,184,166,.1);color:#14b8a6;border:1px solid rgba(20,184,166,.2)}
.data-badge.victim{background:rgba(59,130,246,.1);color:#3b82f6;border:1px solid rgba(59,130,246,.2)}

/* ===== THREAT ALERT CARDS ===== */
.threat-alert{padding:.6rem .8rem;border-radius:8px;margin-bottom:.5rem;font-size:.7rem;display:flex;align-items:flex-start;gap:.5rem;animation:threatCardAppear .5s ease-out both}
.threat-alert.critical{background:rgba(239,68,68,.06);border-left:3px solid #ef4444}
.threat-alert.high{background:rgba(245,158,11,.06);border-left:3px solid #f59e0b}
.threat-alert.medium{background:rgba(20,184,166,.06);border-left:3px solid #14b8a6}
.threat-alert:nth-child(1){animation-delay:1.5s}
.threat-alert:nth-child(2){animation-delay:2s}
.threat-alert:nth-child(3){animation-delay:2.5s}
.threat-alert:nth-child(4){animation-delay:3s}
.threat-alert-time{font-family:'Share Tech Mono',monospace;color:#4b5563;font-size:.6rem;white-space:nowrap}
.threat-alert-text{color:#c9d1d9;line-height:1.4}
.threat-alert-badge{font-family:'Share Tech Mono',monospace;font-size:.55rem;padding:.1rem .3rem;border-radius:3px;white-space:nowrap;margin-left:auto;flex-shrink:0}
.threat-alert.critical .threat-alert-badge{background:rgba(239,68,68,.15);color:#ef4444}
.threat-alert.high .threat-alert-badge{background:rgba(245,158,11,.15);color:#f59e0b}
.threat-alert.medium .threat-alert-badge{background:rgba(20,184,166,.15);color:#14b8a6}

/* ===== ORG EXPOSURE METER ===== */
.exposure-meter{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}
.meter-track{width:100%;height:12px;background:rgba(255,255,255,.04);border-radius:6px;overflow:hidden;position:relative}
.meter-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#14b8a6,#f59e0b,#ef4444);animation:vulnBarFill 3s ease-out 2s both;--bar-width:78%}
.meter-label{font-family:'Share Tech Mono',monospace;font-size:.7rem;color:#8b949e;display:flex;justify-content:space-between;width:100%}

/* ===== TIMELINE STRIP ===== */
.timeline-strip{display:flex;gap:0;margin:2rem 0;overflow-x:auto;padding-bottom:.5rem}
.timeline-phase{flex:1;min-width:140px;padding:.8rem .6rem;text-align:center;position:relative;border-top:3px solid rgba(20,184,166,.15);background:rgba(20,184,166,.02);transition:all .3s}
.timeline-phase:hover{border-top-color:#14b8a6;background:rgba(20,184,166,.06)}
.timeline-phase.active{border-top-color:#14b8a6;background:rgba(20,184,166,.08)}
.timeline-phase.phase-alert{border-top-color:#ef4444;background:rgba(239,68,68,.04)}
.timeline-phase-label{font-family:'Share Tech Mono',monospace;font-size:.6rem;color:#58616b;text-transform:uppercase;letter-spacing:1px}
.timeline-phase-name{font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#e6edf3;margin:.3rem 0}
.timeline-phase-desc{font-size:.65rem;color:#6e7681;line-height:1.4}
.timeline-phase-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-size:.7rem;color:#58616b;z-index:2}

/* ===== ACCESS METHOD CARDS ===== */
.access-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}
.access-card{padding:1rem;border-radius:10px;background:rgba(10,10,15,.5);border:1px solid rgba(20,184,166,.1);transition:all .3s;animation:panelSlideIn .6s ease-out both}
.access-card:hover{border-color:rgba(20,184,166,.3);transform:translateY(-2px)}
.access-card:nth-child(1){animation-delay:.1s}
.access-card:nth-child(2){animation-delay:.2s}
.access-card:nth-child(3){animation-delay:.3s}
.access-card:nth-child(4){animation-delay:.4s}
.access-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;margin-bottom:.6rem}
.access-card:nth-child(1) .access-card-icon{background:rgba(20,184,166,.12);color:#14b8a6}
.access-card:nth-child(2) .access-card-icon{background:rgba(239,68,68,.12);color:#ef4444}
.access-card:nth-child(3) .access-card-icon{background:rgba(245,158,11,.12);color:#f59e0b}
.access-card:nth-child(4) .access-card-icon{background:rgba(168,85,247,.12);color:#a855f7}
.access-card h4{font-size:.8rem;color:#e6edf3;margin-bottom:.3rem;font-family:'Share Tech Mono',monospace}
.access-card p{font-size:.72rem;color:#6e7681;line-height:1.5}
.access-risk{display:inline-block;font-size:.6rem;font-family:'Share Tech Mono',monospace;padding:.1rem .3rem;border-radius:3px;margin-top:.4rem}
.risk-high{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.2)}
.risk-medium{background:rgba(245,158,11,.12);color:#f59e0b;border:1px solid rgba(245,158,11,.2)}
.risk-low{background:rgba(20,184,166,.12);color:#14b8a6;border:1px solid rgba(20,184,166,.2)}

/* ===== COMPARISON TABLE ===== */
.compare-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;font-size:.78rem}
.compare-table th{font-family:'Share Tech Mono',monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;padding:.7rem .8rem;text-align:left;border-bottom:2px solid rgba(20,184,166,.2)}
.compare-table th:first-child{color:#58616b}
.compare-table th:nth-child(2){color:#14b8a6}
.compare-table th:nth-child(3){color:#ef4444}
.compare-table td{padding:.6rem .8rem;border-bottom:1px solid rgba(255,255,255,.04);color:#8b949e;line-height:1.5;vertical-align:top}
.compare-table tr:hover td{background:rgba(20,184,166,.02)}
.compare-table td:first-child{font-family:'Share Tech Mono',monospace;font-size:.72rem;color:#e6edf3;white-space:nowrap}/* End custom CSS */