.cs-hero-section{padding:6.5rem 0 3.5rem;position:relative;overflow:hidden}.cs-hero-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:900px;height:400px;background:radial-gradient(circle,rgba(168,85,247,0.15) 0,rgba(34,211,238,0.08) 40%,transparent 70%);filter:blur(60px);pointer-events:none;z-index:0}.cs-hero-content{position:relative;z-index:1;text-align:center;max-width:960px;margin:0 auto}.cs-eyebrow-badge{display:inline-flex;align-items:center;gap:0.6rem;padding:0.45rem 1.15rem;border-radius:var(--radius-full);background:rgba(168,85,247,0.12);border:1px solid rgba(168,85,247,0.35);font-family:var(--font-heading);font-size:0.8rem;font-weight:700;letter-spacing:0.08em;color:#d8b4fe;text-transform:uppercase;margin-bottom:1.5rem;box-shadow:0 0 20px rgba(168,85,247,0.2)}.cs-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#22d3ee;box-shadow:0 0 10px #22d3ee;animation:csPulse 2s infinite}@keyframes csPulse{0,100%{opacity:1;transform:scale(1)}50%{opacity:0.4;transform:scale(0.85)}}.cs-hero-title{font-size:clamp(2.3rem,5vw,3.8rem);font-weight:800;line-height:1.15;margin-bottom:1.25rem;letter-spacing:-0.03em}.cs-hero-subtitle{font-size:clamp(1.05rem,2vw,1.25rem);color:var(--text-muted);line-height:1.6;max-width:800px;margin:0 auto 2.5rem}.cs-telemetry-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:900px;margin:0 auto 3rem}.cs-telemetry-card{background:rgba(18,20,29,0.85);backdrop-filter:blur(16px);border-radius:var(--radius-xl);padding:1.5rem 1.15rem;text-align:center;position:relative;overflow:hidden;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease,border-color 0.3s ease;cursor:default}.cs-telemetry-pink{border:1px solid rgba(244,63,94,0.28);box-shadow:0 8px 24px rgba(244,63,94,0.08)}.cs-telemetry-pink::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f43f5e,#ec4899,#fb7185)}.cs-telemetry-pink:hover{transform:translateY(-5px);border-color:#f43f5e;box-shadow:0 16px 36px rgba(244,63,94,0.22),0 0 25px rgba(244,63,94,0.15)}.cs-value-pink{background:linear-gradient(135deg,#fb7185 0,#f43f5e 50%,#ec4899 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(244,63,94,0.45))}.cs-value-pink .cs-counter-suffix{color:#fb7185;-webkit-text-fill-color:#fb7185}.cs-telemetry-blue{border:1px solid rgba(59,130,246,0.28);box-shadow:0 8px 24px rgba(59,130,246,0.08)}.cs-telemetry-blue::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#38bdf8,#3b82f6,#6366f1)}.cs-telemetry-blue:hover{transform:translateY(-5px);border-color:#3b82f6;box-shadow:0 16px 36px rgba(59,130,246,0.22),0 0 25px rgba(59,130,246,0.15)}.cs-value-blue{background:linear-gradient(135deg,#38bdf8 0,#3b82f6 50%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(59,130,246,0.45))}.cs-value-blue .cs-counter-suffix{color:#38bdf8;-webkit-text-fill-color:#38bdf8}.cs-telemetry-green{border:1px solid rgba(52,211,153,0.28);box-shadow:0 8px 24px rgba(52,211,153,0.08)}.cs-telemetry-green::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#34d399,#10b981,#059669)}.cs-telemetry-green:hover{transform:translateY(-5px);border-color:#10b981;box-shadow:0 16px 36px rgba(16,185,129,0.22),0 0 25px rgba(52,211,153,0.15)}.cs-value-green{background:linear-gradient(135deg,#6ee7b7 0,#34d399 50%,#10b981 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(52,211,153,0.45))}.cs-value-green .cs-counter-suffix{color:#6ee7b7;-webkit-text-fill-color:#6ee7b7}.cs-telemetry-yellow{border:1px solid rgba(245,158,11,0.28);box-shadow:0 8px 24px rgba(245,158,11,0.08)}.cs-telemetry-yellow::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fde047,#f59e0b,#d97706)}.cs-telemetry-yellow:hover{transform:translateY(-5px);border-color:#f59e0b;box-shadow:0 16px 36px rgba(245,158,11,0.22),0 0 25px rgba(245,158,11,0.15)}.cs-value-yellow{background:linear-gradient(135deg,#fde047 0,#fbbf24 50%,#f59e0b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(245,158,11,0.45))}.cs-value-yellow .cs-counter-suffix{color:#fde047;-webkit-text-fill-color:#fde047}.cs-telemetry-value{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,2.65rem);font-weight:800;line-height:1.05;margin-bottom:0.45rem;display:inline-flex;align-items:baseline;justify-content:center;gap:1px}.cs-counter-suffix{font-size:clamp(1.4rem,3vw,1.85rem);font-weight:800;margin-left:2px}.cs-telemetry-label{font-size:0.78rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;line-height:1.35}.cs-marquee-wrapper{margin:0 auto 3.5rem;overflow:hidden;position:relative;width:100%;max-width:1200px;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.cs-marquee-track{display:flex;gap:0.75rem;width:max-content;animation:csMarquee 38s linear infinite}.cs-marquee-wrapper:hover .cs-marquee-track{animation-play-state:paused}@keyframes csMarquee{0{transform:translateX(0)}100%{transform:translateX(-50%)}}.cs-marquee-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.45rem 1rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-full);font-size:0.82rem;font-weight:600;color:var(--text-main);white-space:nowrap}#case-studies-app{min-height:600px;position:relative}.cs-top-progress-container{width:100%;height:4px;background:rgba(255,255,255,0.05);border-radius:4px;overflow:hidden;margin-bottom:1.5rem;position:relative}.cs-top-progress-bar{height:100%;width:100%;background:linear-gradient(90deg,#22d3ee,#a855f7,#ec4899,#22d3ee);background-size:200% 100%;box-shadow:0 0 14px rgba(34,211,238,0.85);animation:csProgressBarAnim 1.25s linear infinite}@keyframes csProgressBarAnim{0{transform:translateX(-100%)}50%{transform:translateX(0)}100%{transform:translateX(100%)}}.cs-controls-wrapper{background:rgba(18,20,29,0.75);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.09);border-radius:var(--radius-xl);padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 30px rgba(0,0,0,0.4)}.cs-controls-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem;align-items:center}.cs-search-input-box{position:relative;width:100%}.cs-search-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.cs-search-input{width:100%;padding:0.85rem 2.8rem 0.85rem 3rem;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);color:#FFFFFF;font-size:0.95rem;font-family:inherit;transition:all 0.25s ease}.cs-search-input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px rgba(34,211,238,0.2);background:rgba(0,0,0,0.6)}.cs-search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0.25rem;font-size:1.1rem;line-height:1}.cs-search-clear:hover{color:#FFFFFF}.cs-category-select-box{position:relative;width:100%}.cs-select-icon{position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none;z-index:2}.cs-category-select{width:100%;padding:0.85rem 2.8rem 0.85rem 2.85rem;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-lg);color:#FFFFFF;font-size:0.93rem;font-weight:600;font-family:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;transition:all 0.25s ease}.cs-category-select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px rgba(168,85,247,0.2);background:rgba(0,0,0,0.65)}.cs-category-select option{background:#0f121d;color:#FFFFFF;padding:0.75rem;font-size:0.92rem}.cs-select-chevron{position:absolute;right:1.15rem;top:50%;transform:translateY(-50%);color:#22d3ee;pointer-events:none;transition:transform 0.2s ease}.cs-active-filter-row{display:flex;align-items:center;gap:0.75rem;margin-top:1rem;padding-top:0.85rem;border-top:1px solid rgba(255,255,255,0.06);flex-wrap:wrap}.cs-active-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.35rem 0.85rem;border-radius:var(--radius-full);background:rgba(34,211,238,0.12);border:1px solid rgba(34,211,238,0.35);color:#22d3ee;font-size:0.8rem;font-weight:600}.cs-chip-remove{background:transparent;border:none;color:#22d3ee;cursor:pointer;padding:0 0 0 0.25rem;font-size:0.95rem;line-height:1}.cs-chip-remove:hover{color:#FFFFFF}height:4px}.cs-categories-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:4px}.cs-cat-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.55rem 1.15rem;border-radius:var(--radius-full);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.09);color:var(--text-muted);font-size:0.83rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all 0.2s cubic-bezier(0.16,1,0.3,1)}.cs-cat-btn:hover{background:rgba(255,255,255,0.08);color:#FFFFFF;border-color:rgba(255,255,255,0.2)}.cs-cat-btn.active{background:linear-gradient(135deg,rgba(34,211,238,0.2),rgba(168,85,247,0.25));color:#FFFFFF;border-color:#22d3ee;box-shadow:0 0 15px rgba(34,211,238,0.25)}.cs-cat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,0.1);font-size:0.72rem;font-weight:700}.cs-cat-btn.active .cs-cat-badge{background:#22d3ee;color:#0d1117}.cs-status-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 0.5rem;font-size:0.9rem;color:var(--text-muted)}.cs-status-highlight{color:#22d3ee;font-weight:700}.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3.5rem}.cs-card{background:rgba(18,20,29,0.8);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);padding:1.85rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.cs-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22d3ee,#a855f7,#ec4899);opacity:0.8}.cs-card:hover{transform:translateY(-6px);border-color:rgba(34,211,238,0.35);box-shadow:0 20px 40px rgba(0,0,0,0.6),0 0 25px rgba(34,211,238,0.15)}.cs-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:0.75rem;margin-bottom:1.15rem}.cs-category-tag{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#22d3ee}.cs-metric-pill{display:inline-flex;align-items:center;gap:0.35rem;padding:0.3rem 0.75rem;border-radius:var(--radius-full);background:rgba(52,211,153,0.12);border:1px solid rgba(52,211,153,0.3);color:#34d399;font-size:0.76rem;font-weight:700;white-space:nowrap}.cs-card-title{font-size:1.35rem;font-weight:700;line-height:1.35;color:#FFFFFF;margin-bottom:0.5rem}.cs-client-type{font-size:0.82rem;color:var(--text-muted);margin-bottom:1.35rem;display:flex;align-items:center;gap:0.4rem}.cs-framework-box{display:flex;flex-direction:column;gap:0.85rem;margin-bottom:1.5rem;flex:1}.cs-pillar{border-radius:var(--radius-md);padding:0.85rem 1rem;font-size:0.86rem;line-height:1.55}.cs-pillar-label{display:block;font-size:0.72rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.3rem}.cs-pillar-problem{background:rgba(239,68,68,0.08);border-left:3px solid #f87171;color:rgba(254,202,202,0.92)}.cs-pillar-problem .cs-pillar-label{color:#fca5a5}.cs-pillar-solution{background:rgba(34,211,238,0.08);border-left:3px solid #22d3ee;color:rgba(207,250,254,0.95)}.cs-pillar-solution .cs-pillar-label{color:#67e8f9}.cs-pillar-result{background:rgba(52,211,153,0.1);border-left:3px solid #34d399;color:#a7f3d0;font-weight:500}.cs-pillar-result .cs-pillar-label{color:#6ee7b7}.cs-tags-row{display:flex;flex-wrap:wrap;gap:0.45rem;margin-bottom:1.5rem}.cs-tech-badge{padding:0.28rem 0.65rem;border-radius:var(--radius-sm);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);color:var(--text-muted);font-size:0.74rem;font-weight:600}.cs-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,0.06);margin-top:auto}.cs-btn-details{display:inline-flex;align-items:center;gap:0.45rem;background:transparent;border:1px solid rgba(34,211,238,0.3);color:#22d3ee;padding:0.45rem 1rem;border-radius:var(--radius-md);font-size:0.82rem;font-weight:600;cursor:pointer;transition:all 0.2s ease}.cs-btn-details:hover{background:rgba(34,211,238,0.15);border-color:#22d3ee;transform:translateX(2px)}.cs-btn-consult{font-size:0.82rem;color:var(--text-muted);text-decoration:none;font-weight:600;transition:color 0.2s ease}.cs-btn-consult:hover{color:#FFFFFF}.cs-pagination-bar{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:2rem}.cs-page-btn{min-width:40px;height:40px;padding:0 0.85rem;border-radius:var(--radius-md);background:rgba(18,20,29,0.8);border:1px solid rgba(255,255,255,0.1);color:var(--text-main);font-size:0.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all 0.2s ease}.cs-page-btn:hover:not(:disabled){border-color:#22d3ee;background:rgba(34,211,238,0.12);color:#FFFFFF}.cs-page-btn.active{background:linear-gradient(135deg,#22d3ee,#a855f7);border-color:transparent;color:#0d1117;font-weight:700;box-shadow:0 0 15px rgba(34,211,238,0.35)}.cs-page-btn:disabled{opacity:0.35;cursor:not-allowed}.cs-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:csFadeIn 0.2s ease forwards}.cs-modal-content{background:#0f121d;border:1px solid rgba(34,211,238,0.35);border-radius:var(--radius-2xl);max-width:800px;width:100%;max-height:85vh;overflow-y:auto;padding:2.5rem;position:relative;box-shadow:0 25px 60px rgba(0,0,0,0.9),0 0 40px rgba(34,211,238,0.2)}.cs-modal-close{position:absolute;top:1.25rem;right:1.25rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.12);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#FFFFFF;cursor:pointer;font-size:1.25rem;transition:all 0.2s ease}.cs-modal-close:hover{background:#f43f5e;border-color:#f43f5e}@keyframes csFadeIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.cs-empty-state{text-align:center;padding:4rem 1.5rem;background:rgba(18,20,29,0.6);border-radius:var(--radius-xl);border:1px dashed rgba(255,255,255,0.15)}.cs-loader-wrap{text-align:center;padding:4.5rem 1.5rem;background:rgba(18,20,29,0.7);backdrop-filter:blur(16px);border-radius:var(--radius-2xl);border:1px solid rgba(34,211,238,0.25);box-shadow:0 15px 45px rgba(0,0,0,0.5),0 0 30px rgba(34,211,238,0.1);margin:1.5rem auto 3rem;max-width:650px}.cs-cyber-loader-anim{width:72px;height:72px;margin:0 auto 1.5rem;position:relative;display:flex;align-items:center;justify-content:center}.cs-loader-spinner-outer{position:absolute;width:72px;height:72px;border-radius:50%;border:3px solid transparent;border-top-color:#22d3ee;border-right-color:#a855f7;animation:csSpinClockwise 1.2s cubic-bezier(0.5,0,0.5,1) infinite}.cs-loader-spinner-inner{position:absolute;width:50px;height:50px;border-radius:50%;border:2px solid transparent;border-bottom-color:#ec4899;border-left-color:#22d3ee;animation:csSpinCounter 0.9s cubic-bezier(0.5,0,0.5,1) infinite}.cs-loader-core-dot{width:14px;height:14px;border-radius:50%;background:#22d3ee;box-shadow:0 0 16px #22d3ee,0 0 30px #a855f7;animation:csPulseDot 1.4s ease-in-out infinite}@keyframes csSpinClockwise{to{transform:rotate(360deg)}}@keyframes csSpinCounter{to{transform:rotate(-360deg)}}@keyframes csPulseDot{0,100%{transform:scale(0.85);opacity:0.7}50%{transform:scale(1.2);opacity:1}}.cs-loader-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#22d3ee,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0.5rem;line-height:1.2}.cs-loader-progress-track{width:280px;height:6px;background:rgba(255,255,255,0.08);border-radius:10px;margin:1.25rem auto 1rem;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,0.1)}.cs-loader-progress-fill{position:absolute;top:0;left:0;bottom:0;width:45%;background:linear-gradient(90deg,#22d3ee,#a855f7,#ec4899);border-radius:10px;box-shadow:0 0 10px #22d3ee;animation:csTrackSlide 1.35s ease-in-out infinite}@keyframes csTrackSlide{0{left:-45%;width:35%}50%{width:60%}100%{left:100%;width:35%}}.cs-loader-subtext{font-size:0.82rem;color:var(--text-muted);letter-spacing:0.03em}.cs-loading-spinner{width:48px;height:48px;border:3px solid rgba(34,211,238,0.15);border-top-color:#22d3ee;border-radius:50%;animation:csSpinClockwise 0.8s linear infinite;margin:3rem auto}@media (max-width:900px){.cs-telemetry-bar{grid-template-columns:repeat(2,1fr)}.cs-controls-grid{grid-template-columns:1fr;gap:0.85rem}}@media (max-width:600px){.cs-telemetry-bar{grid-template-columns:1fr 1fr;gap:0.75rem}.cs-grid{grid-template-columns:1fr}.cs-card{padding:1.35rem}.cs-modal-content{padding:1.5rem}.cs-controls-wrapper{padding:1.15rem}.cs-loader-wrap{padding:3rem 1rem}}