.elementor-13902 .elementor-element.elementor-element-8c3d88e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-6c4b520 *//* ===== RESET & BASE ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
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:#00f0ff;text-decoration:none;transition:color .3s}
a:hover{color:#10b981}
h1,h2,h3,h4{font-family:'Share Tech Mono',monospace;color:#e6edf3;line-height:1.3}

/* ===== ANIMATIONS (25+ @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 #10b981}50%{opacity:.5;box-shadow:0 0 12px #10b981}}
@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 cardFloat1{0%{opacity:0;transform:translate(-200px,-100px) rotate(-8deg) scale(.7)}60%{opacity:1;transform:translate(10px,5px) rotate(1deg) scale(1.02)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes cardFloat2{0%{opacity:0;transform:translate(200px,-80px) rotate(6deg) scale(.7)}60%{opacity:1;transform:translate(-10px,5px) rotate(-1deg) scale(1.02)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes cardFloat3{0%{opacity:0;transform:translate(-150px,100px) rotate(5deg) scale(.7)}60%{opacity:1;transform:translate(8px,-5px) rotate(-1deg) scale(1.02)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes cardFloat4{0%{opacity:0;transform:translate(180px,120px) rotate(-4deg) scale(.7)}60%{opacity:1;transform:translate(-8px,-3px) rotate(1deg) scale(1.02)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes orgChartBuild{0%{opacity:0;transform:scaleY(0);transform-origin:top}100%{opacity:1;transform:scaleY(1);transform-origin:top}}
@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(0,240,255,.3)}}
@keyframes connectLine{0%{stroke-dashoffset:200;opacity:0}100%{stroke-dashoffset:0;opacity:1}}
@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 glowPulse{0%,100%{box-shadow:0 0 5px rgba(16,185,129,.3),inset 0 0 5px rgba(16,185,129,.05)}50%{box-shadow:0 0 25px rgba(16,185,129,.6),0 0 50px rgba(0,240,255,.2),inset 0 0 15px rgba(16,185,129,.1)}}
@keyframes scanLine{0%{top:-2px}100%{top:100%}}
@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(16,185,129,.2)}50%{border-color:rgba(0,240,255,.5)}}
@keyframes typewriter{0%{width:0}100%{width:100%}}
@keyframes blinkCursor{0%,100%{border-right-color:#00f0ff}50%{border-right-color:transparent}}
@keyframes rotate360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes dataStream{0%{background-position:0% 0%}100%{background-position:0% 100%}}
@keyframes pulseRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.5);opacity:0}}
@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(80px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
@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 progressBar{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes hexSpin{0%{transform:rotate(0deg)}100%{transform:rotate(60deg)}}

/* ===== SECTION DEFAULTS ===== */
.section{padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto}
.glass-card{background:rgba(16,185,129,.04);border:1px solid rgba(16,185,129,.15);border-radius:16px;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:#10b981;border:1px solid rgba(16,185,129,.3);padding:.3rem .8rem;border-radius:4px;margin-bottom:1rem;background:rgba(16,185,129,.08)}
.section-title1{font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.5rem;background:linear-gradient(135deg,#e6edf3,#00f0ff);-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(16,185,129,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.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,#00f0ff,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:#10b981;letter-spacing:3px;text-transform:uppercase;margin-bottom:1rem;border:1px solid rgba(16,185,129,.3);padding:.5rem 1.5rem;border-radius:100px;background:rgba(16,185,129,.06);animation:fadeInUp .8s ease-out .2s both}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);background:linear-gradient(135deg,#10b981,#00f0ff,#10b981);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.3rem);color:#8b949e;max-width:700px;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:#00f0ff}

/* ===== SIMULATION CONTAINER ===== */
.sim-container{position:relative;z-index:2;width:100%;max-width:1000px;margin:3rem auto 0;animation:slideInFromBottom 1s ease-out 1s both}
.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
@media(max-width:768px){.sim-grid{grid-template-columns:1fr}}

/* Data cards */
.data-card{background:rgba(10,14,23,.8);border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:1.2rem;position:relative;overflow:hidden}
.data-card::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#00f0ff);animation:scanLine 3s linear infinite;opacity:.3}
.data-card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:.7rem}
.data-card-icon.loc{background:rgba(16,185,129,.15);color:#10b981}
.data-card-icon.bp{background:rgba(0,240,255,.15);color:#00f0ff}
.data-card-icon.hours{background:rgba(239,68,68,.15);color:#ef4444}
.data-card-icon.person{background:rgba(168,85,247,.15);color:#a855f7}
.data-card h4{font-size:.85rem;margin-bottom:.4rem}
.data-card p{font-size:.75rem;color:#6e7681;line-height:1.5}
.card-1{animation:cardFloat1 1.2s ease-out 1.4s both}
.card-2{animation:cardFloat2 1.2s ease-out 1.7s both}
.card-3{animation:cardFloat3 1.2s ease-out 2s both}
.card-4{animation:cardFloat4 1.2s ease-out 2.3s both}

/* Org chart */
.org-chart-box{background:rgba(10,14,23,.8);border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:1.5rem;animation:fadeInUp 1s ease-out 2.5s both}
.org-chart-box h4{font-size:.8rem;color:#10b981;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;text-align:center}
.org-visual{display:flex;flex-direction:column;align-items:center;gap:.3rem}
.org-node{padding:.3rem .8rem;border-radius:6px;font-size:.7rem;font-family:'Share Tech Mono',monospace;text-align:center;white-space:nowrap;position:relative}
.org-ceo{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(0,240,255,.2));border:1px solid rgba(16,185,129,.4);color:#e6edf3;animation:nodeAppear .6s ease-out 3s both}
.org-vp{background:rgba(0,240,255,.1);border:1px solid rgba(0,240,255,.25);color:#c9d1d9}
.vp1{animation:nodeAppear .5s ease-out 3.5s both}
.vp2{animation:nodeAppear .5s ease-out 3.7s both}
.vp3{animation:nodeAppear .5s ease-out 3.9s both}
.org-dir{background:rgba(168,85,247,.08);border:1px solid rgba(168,85,247,.2);color:#8b949e;font-size:.6rem}
.dir1{animation:nodeAppear .4s ease-out 4.2s both}
.dir2{animation:nodeAppear .4s ease-out 4.4s both}
.dir3{animation:nodeAppear .4s ease-out 4.6s both}
.dir4{animation:nodeAppear .4s ease-out 4.8s both}
.org-mgr{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);color:#6e7681;font-size:.55rem}
.mgr1{animation:nodeAppear .3s ease-out 5s both}
.mgr2{animation:nodeAppear .3s ease-out 5.2s both}
.mgr3{animation:nodeAppear .3s ease-out 5.4s both}
.org-level{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.org-connector{width:1px;height:8px;background:linear-gradient(to bottom,rgba(16,185,129,.5),rgba(0,240,255,.3));animation:orgChartBuild .5s ease-out 3.3s both}
.org-hline{height:1px;background:rgba(0,240,255,.3);animation:orgChartBuild .5s ease-out 4s both}

/* Score card */
.score-card{background:rgba(10,14,23,.8);border:1px solid rgba(16,185,129,.15);border-radius:12px;padding:1.5rem;animation:fadeInUp 1s ease-out 2.8s both;position:relative;overflow:hidden}
.score-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(16,185,129,.08),transparent 60%);pointer-events:none}
.score-card h4{font-size:.8rem;color:#10b981;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.2rem;text-align:center}
.score-row{margin-bottom:.8rem}
.score-label{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:.3rem;color:#8b949e}
.score-label span:last-child{color:#00f0ff;font-family:'Share Tech Mono',monospace}
.score-bar-bg{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.score-bar-fill{height:100%;border-radius:3px;animation:scoreFill 2s ease-out 3s both}
.score-fill-locations{background:linear-gradient(90deg,#10b981,#34d399);--target-width:92%}
.score-fill-relationships{background:linear-gradient(90deg,#00f0ff,#38bdf8);--target-width:85%}
.score-fill-tempo{background:linear-gradient(90deg,#a855f7,#c084fc);--target-width:78%}
.score-fill-roles{background:linear-gradient(90deg,#ef4444,#f87171);--target-width:95%}
.score-total{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}
.score-total-label{font-size:.7rem;color:#6e7681;text-transform:uppercase;letter-spacing:1px}
.score-total-value{font-size:2rem;font-family:'Share Tech Mono',monospace;color:#ef4444;animation:scoreCount 1s ease-out 3.5s both}

/* ===== 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(16,185,129,.04);border:1px solid rgba(16,185,129,.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(16,185,129,.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,#10b981,transparent)}
.stat-card:nth-child(2)::before{background:linear-gradient(90deg,transparent,#00f0ff,transparent)}
.stat-card:nth-child(3)::before{background:linear-gradient(90deg,transparent,#a855f7,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,#f59e0b,transparent)}
.stat-number{font-size:2.4rem;font-family:'Share Tech Mono',monospace;font-weight:700;margin:.5rem 0 .2rem}
.stat:nth-child(1) .stat-number{color:#10b981}
.stat:nth-child(2) .stat-number{color:#00f0ff}
.stat:nth-child(3) .stat-number{color:#a855f7}
.stat:nth-child(4) .stat-number{color:#ef4444}
.stat:nth-child(5) .stat-number{color:#f59e0b}
.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:800px;margin:0 auto 2rem}
.why-text strong{color:#10b981}
.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:#00f0ff;border:1px solid rgba(0,240,255,.2);padding:.5rem 1rem;border-radius:8px;background:rgba(0,240,255,.04);transition:all .3s;letter-spacing:.5px}
.link-btn:hover{background:rgba(0,240,255,.1);border-color:rgba(0,240,255,.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:#10b981;margin-bottom:.8rem;display:flex;align-items:center;gap:.6rem}
.term-block h3::before{content:'';display:inline-block;width:4px;height:1.2rem;background:#10b981;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(0,240,255,.05),rgba(16,185,129,.05));border:1px solid rgba(0,240,255,.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(0,240,255,.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:#00f0ff;letter-spacing:2px;text-transform:uppercase;margin-bottom:.8rem;background:rgba(0,240,255,.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(16,185,129,.08);border:1px solid rgba(16,185,129,.2);border-radius:100px;padding:.4rem 1rem .4rem .4rem}
.character-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#10b981,#00f0ff);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#0a0e17;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(16,185,129,.04);border:1px solid rgba(16,185,129,.15)}
.scenario-after::before{content:'AFTER';position:absolute;top:1rem;right:1rem;font-family:'Share Tech Mono',monospace;font-size:.65rem;color:#10b981;letter-spacing:2px;padding:.2rem .6rem;border:1px solid rgba(16,185,129,.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:#10b981}
.scenario-before p,.scenario-after p{font-size:.85rem;line-height:1.8;color:#c9d1d9}
.scenario-amount{font-family:'Share Tech Mono',monospace;font-size:1.6rem;color:#ef4444;text-align:center;margin-top:1rem;padding:.8rem;background:rgba(239,68,68,.06);border-radius:8px;border:1px dashed rgba(239,68,68,.2);animation:pulseRing 2s ease-out infinite}

/* ===== 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,#10b981,#00f0ff,#10b981);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(16,185,129,.15);border:2px solid #10b981;display:flex;align-items:center;justify-content:center;font-family:'Share Tech Mono',monospace;font-size:.7rem;color:#10b981;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-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(0,240,255,.1);color:#00f0ff;border:1px solid rgba(0,240,255,.2)}
.tag-prevent{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.2)}
.tag-respond{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.2)}

/* ===== 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:#10b981}
.mb-column h3.good::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.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(16,185,129,.04);border-left:3px solid rgba(16,185,129,.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(0,240,255,.04);border:1px solid rgba(0,240,255,.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:#00f0ff}
.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(0,240,255,.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:#00f0ff}
.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,14,23,.6);border:1px solid rgba(16,185,129,.1);border-radius:14px;padding:1.5rem;transition:transform .3s,border-color .3s}
.th-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.3)}
.th-card-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(0,240,255,.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,14,23,.6);border:1px solid rgba(0,240,255,.1);border-radius:14px;padding:1.5rem}
.th-queries h4{font-size:.9rem;color:#00f0ff;margin-bottom:1rem;font-family:'Share Tech Mono',monospace}
.query-item{font-family:'Share Tech Mono',monospace;font-size:.75rem;color:#10b981;background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.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(16,185,129,.06),rgba(0,240,255,.06));border:1px solid rgba(16,185,129,.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(16,185,129,.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:#10b981;border:1px solid rgba(16,185,129,.3);background:rgba(16,185,129,.06)}
.sub-link-1::before{background:rgba(16,185,129,.1)}
.sub-link-1:hover{border-color:rgba(16,185,129,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,.2)}
.sub-link-2{color:#00f0ff;border:1px solid rgba(0,240,255,.3);background:rgba(0,240,255,.06)}
.sub-link-2::before{background:rgba(0,240,255,.1)}
.sub-link-2:hover{border-color:rgba(0,240,255,.6);transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,240,255,.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-arrow{font-size:1rem;transition:transform .3s}
.sub-link:hover .sub-link-arrow{transform:translateX(4px)}

/* ===== FOOTER ===== */
footer{text-align:center;padding:3rem 2rem;border-top:1px solid rgba(16,185,129,.1);color:#4b5563;font-size:.75rem;font-family:'Share Tech Mono',monospace;letter-spacing:1px}
footer a{color:#10b981}

/* ===== RESPONSIVE ===== */
@media(max-width:640px){
  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}
}

/* ===== DECORATIVE ELEMENTS ===== */
.deco-hex{position:absolute;width:40px;height:40px;border:1px solid rgba(16,185,129,.1);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:hexSpin 15s linear infinite}
.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}/* End custom CSS */