.cs-hero{padding:calc(var(--header-h) + 4rem) 0 3rem;background:var(--clr-bg);position:relative;overflow:hidden;text-align:center}.cs-hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(0,212,255,.08) 0,transparent 70%);pointer-events:none}.cs-hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--clr-blue);background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);padding:.35em 1em;border-radius:var(--radius-full);margin-bottom:1.5rem}.cs-hero-title{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 3.5rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:1.25rem}.cs-hero-desc{font-size:var(--fs-md);color:var(--clr-text-muted);max-width:580px;margin:0 auto 2.5rem;line-height:1.8}.cs-stats-row{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}.cs-stat{text-align:center}.cs-stat-num{font-family:var(--font-display);font-size:2rem;font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-stat-label{font-size:var(--fs-xs);color:var(--clr-text-dim);letter-spacing:.08em;text-transform:uppercase}.cs-filters{padding:2rem 0;border-bottom:1px solid var(--clr-border)}.cs-filter-inner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cs-filter-btn{font-size:var(--fs-xs);font-weight:600;padding:.4em 1.1em;border-radius:var(--radius-full);border:1px solid var(--clr-border);color:var(--clr-text-muted);background:0 0;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.04em}.cs-filter-btn.active,.cs-filter-btn:hover{border-color:var(--clr-blue);color:var(--clr-blue);background:rgba(0,212,255,.06)}.cs-grid-section{padding:4rem 0 6rem}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.cs-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .35s ease;display:flex;flex-direction:column;position:relative}.cs-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);background:var(--grad-glow);opacity:0;transition:opacity .35s ease;pointer-events:none}.cs-card:hover{border-color:rgba(0,212,255,.35);transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(0,212,255,.08)}.cs-card:hover::before{opacity:1}.cs-card-visual{position:relative;height:230px;overflow:hidden;background:linear-gradient(135deg,#080e1e 0,#0d1530 100%)}.cs-card-visual>div[style*="z-index:1"]{padding-top:3rem!important}.cs-card-visual-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.cs-card-mockup{width:85%;max-width:280px;background:rgba(10,18,38,.9);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-lg);padding:1rem;position:relative;z-index:1}.cs-card-mockup-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,212,255,.1)}.cs-mock-dot{width:8px;height:8px;border-radius:50%}.cs-mock-dot.red{background:#ff5f57}.cs-mock-dot.yellow{background:#febc2e}.cs-mock-dot.green{background:#28c840}.cs-mock-title{font-size:.65rem;color:var(--clr-text-dim);margin-left:.25rem}.cs-mock-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.cs-mock-label{font-size:.6rem;color:var(--clr-text-dim);width:50px;flex-shrink:0}.cs-mock-bar{height:4px;border-radius:2px;flex:1}.cs-mock-bar.blue{background:linear-gradient(90deg,#00d4ff,#7c3aed)}.cs-mock-bar.green{background:linear-gradient(90deg,#10b981,#00d4ff)}.cs-mock-bar.purple{background:linear-gradient(90deg,#7c3aed,#a855f7)}.cs-mock-val{font-size:.6rem;color:var(--clr-blue);font-weight:700;width:28px;text-align:right}.cs-mock-status{font-size:.55rem;margin-top:.5rem;padding:.2em .6em;border-radius:var(--radius-full);display:inline-block}.cs-mock-status.live{background:rgba(16,185,129,.15);color:#10b981;border:1px solid rgba(16,185,129,.3)}.cs-card-visual-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,212,255,.06) 0,transparent 70%)}.cs-card-cat-badge{position:absolute;top:.75rem;left:.75rem;max-width:calc(100% - 1.5rem);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;padding:.42em .75em;border-radius:var(--radius-full);background:rgba(0,212,255,.12);border:1px solid rgba(0,212,255,.25);color:var(--clr-blue);z-index:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cs-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.cs-card-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.3}.cs-card-summary{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7;margin-bottom:1.25rem;flex:1}.cs-card-metrics{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.cs-metric{display:flex;flex-direction:column;gap:.15rem}.cs-metric-val{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cs-metric-label{font-size:.65rem;color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.06em}.cs-card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.cs-tag{font-size:.65rem;font-weight:600;padding:.25em .7em;border-radius:var(--radius-full);background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);color:#a855f7}.cs-card-link{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:600;color:var(--clr-blue);text-decoration:none;transition:gap var(--transition-fast)}.cs-card-link:hover{gap:.65rem}.cs-card-link svg{width:16px;height:16px}.csp-hero{padding:calc(var(--header-h) + 3rem) 0 3rem;background:var(--clr-bg);position:relative;overflow:hidden}.csp-hero::before{content:'';position:absolute;top:-120px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.12) 0,transparent 70%);pointer-events:none}.csp-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,.08) 0,transparent 70%);pointer-events:none}.csp-breadcrumb{display:flex;align-items:center;gap:.4em;font-size:var(--fs-sm);color:var(--clr-text-dim);margin-bottom:1.5rem;flex-wrap:wrap}.csp-breadcrumb a{color:var(--clr-text-muted);text-decoration:none;transition:color var(--transition-fast)}.csp-breadcrumb a:hover{color:var(--clr-blue)}.csp-breadcrumb-sep{color:var(--clr-text-dim)}.csp-hero-inner{display:grid;grid-template-columns:1fr 400px;gap:3rem;align-items:center}.csp-cat-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.csp-cat{font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-blue);background:rgba(0,212,255,.08);border:1px solid rgba(0,212,255,.2);padding:.3em .9em;border-radius:var(--radius-full)}.csp-title{font-family:var(--font-display);font-size:clamp(1.8rem, 4vw, 3rem);font-weight:900;color:#fff;line-height:1.15;margin-bottom:1.25rem}.csp-summary{font-size:var(--fs-md);color:var(--clr-text-muted);line-height:1.8;margin-bottom:2rem}.csp-meta-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:1.25rem;background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg)}.csp-meta-item{display:flex;flex-direction:column;gap:.2rem}.csp-meta-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-text-dim)}.csp-meta-val{font-size:var(--fs-sm);font-weight:600;color:var(--clr-text)}.csp-hero-visual{position:relative}.csp-hero-card{background:rgba(8,14,30,.95);border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(0,212,255,.06)}.csp-hero-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,212,255,.1)}.csp-hero-card-dot{width:10px;height:10px;border-radius:50%}.csp-status-live{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);font-weight:700;color:#10b981;margin-left:auto}.csp-status-live::before{content:'';width:7px;height:7px;background:#10b981;border-radius:50%;animation:pulse-dot 2s infinite}.csp-section{padding:5rem 0;position:relative}.csp-section+.csp-section{border-top:1px solid var(--clr-border)}.csp-section-tag{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem}.csp-section-tag.blue{color:var(--clr-blue)}.csp-section-tag.purple{color:#a855f7}.csp-section-tag.green{color:#10b981}.csp-section-tag svg{width:14px;height:14px}.csp-section-title{font-family:var(--font-display);font-size:clamp(1.5rem, 3vw, 2.25rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem}.csp-section-desc{font-size:var(--fs-md);color:var(--clr-text-muted);line-height:1.8;max-width:680px;margin-bottom:2.5rem}.csp-challenge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.csp-challenge-card{background:rgba(255,59,59,.04);border:1px solid rgba(255,59,59,.15);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.csp-challenge-card:hover{border-color:rgba(255,59,59,.3);background:rgba(255,59,59,.07)}.csp-challenge-icon{width:42px;height:42px;background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#ff6b6b}.csp-challenge-icon svg{width:20px;height:20px}.csp-challenge-title{font-size:var(--fs-base);font-weight:700;color:#fff;margin-bottom:.5rem}.csp-challenge-desc{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7}.csp-solution-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.csp-solution-steps{display:flex;flex-direction:column;gap:1.25rem}.csp-step{display:flex;gap:1.25rem;align-items:flex-start}.csp-step-num{width:36px;height:36px;background:var(--grad-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:800;color:#fff;flex-shrink:0}.csp-step-title{font-size:var(--fs-base);font-weight:700;color:#fff;margin-bottom:.35rem}.csp-step-desc{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7}.csp-solution-panel{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:1.5rem;position:sticky;top:calc(var(--header-h) + 1rem)}.csp-panel-title{font-size:var(--fs-sm);font-weight:700;color:var(--clr-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-border)}.csp-panel-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(0,212,255,.05)}.csp-panel-item:last-child{border-bottom:none}.csp-panel-check{width:20px;height:20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#10b981}.csp-panel-check svg{width:11px;height:11px}.csp-panel-text{font-size:var(--fs-sm);color:var(--clr-text-muted)}.csp-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-bottom:2.5rem}.csp-result-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.csp-result-card::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--grad-primary)}.csp-result-card:hover{border-color:rgba(0,212,255,.3);transform:translateY(-3px)}.csp-result-icon{width:40px;height:40px;background:rgba(0,212,255,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:var(--clr-blue)}.csp-result-icon svg{width:20px;height:20px}.csp-result-num{font-family:var(--font-display);font-size:2rem;font-weight:900;background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.35rem}.csp-result-label{font-size:var(--fs-xs);color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.07em}.csp-stack-grid{display:flex;flex-wrap:wrap;gap:.75rem}.csp-stack-chip{display:flex;align-items:center;gap:.5rem;padding:.5em 1.1em;background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;color:var(--clr-text);transition:all var(--transition-fast)}.csp-stack-chip:hover{border-color:var(--clr-blue);color:var(--clr-blue);background:rgba(0,212,255,.05)}.csp-stack-dot{width:8px;height:8px;border-radius:50%;background:var(--grad-primary);flex-shrink:0}.csp-cta{background:linear-gradient(135deg,rgba(0,212,255,.06) 0,rgba(124,58,237,.06) 100%);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:3rem;text-align:center;position:relative;overflow:hidden}.csp-cta::before{content:'';position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(0,212,255,.1) 0,transparent 70%);pointer-events:none}.csp-cta-title{font-family:var(--font-display);font-size:clamp(1.5rem, 3vw, 2rem);font-weight:800;color:#fff;margin-bottom:.75rem}.csp-cta-desc{font-size:var(--fs-md);color:var(--clr-text-muted);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.csp-cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.csp-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.csp-nav-item{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;text-decoration:none;transition:all var(--transition-base);display:flex;flex-direction:column;gap:.35rem}.csp-nav-item:hover{border-color:rgba(0,212,255,.3);transform:translateY(-2px)}.csp-nav-dir{font-size:var(--fs-xs);color:var(--clr-text-dim);text-transform:uppercase;letter-spacing:.07em}.csp-nav-title{font-size:var(--fs-sm);font-weight:600;color:var(--clr-blue)}.csp-nav-item.next{text-align:right}.featured-cs{padding:var(--space-2xl) 0}.featured-cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.featured-cs-card{background:var(--clr-bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-xl);overflow:hidden;transition:all .35s ease;display:flex;flex-direction:column;text-decoration:none;position:relative}.featured-cs-card::after{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);border:1px solid transparent;background:var(--grad-primary) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .35s ease}.featured-cs-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 40px rgba(0,212,255,.08)}.featured-cs-card:hover::after{opacity:1}.featured-cs-top{height:170px;background:linear-gradient(135deg,#070d1f 0,#0d1530 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.featured-cs-icon{width:70px;height:70px;background:var(--grad-glow);border:1px solid var(--clr-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.featured-cs-icon svg{width:32px;height:32px;color:var(--clr-blue)}.featured-cs-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,255,.1) 0,transparent 70%)}.featured-cs-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}.featured-cs-cat{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--clr-blue);margin-bottom:.5rem}.featured-cs-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:#fff;margin-bottom:.65rem;line-height:1.3}.featured-cs-desc{font-size:var(--fs-sm);color:var(--clr-text-muted);line-height:1.7;margin-bottom:1.25rem;flex:1}.featured-cs-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.featured-cs-tag{font-size:.6rem;font-weight:600;padding:.2em .65em;border-radius:var(--radius-full);background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);color:#a855f7}.featured-cs-link{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:600;color:var(--clr-blue);transition:gap var(--transition-fast)}.featured-cs-link svg{width:15px;height:15px}.featured-cs-card:hover .featured-cs-link{gap:.65rem}.cs-view-all{text-align:center;margin-top:2.5rem}@media (max-width:1100px){.csp-hero-inner{grid-template-columns:1fr}.csp-hero-visual{display:none}.csp-solution-layout{grid-template-columns:1fr}.csp-solution-panel{position:static}.featured-cs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cs-grid{grid-template-columns:1fr}.csp-results-grid{grid-template-columns:repeat(2,1fr)}.csp-challenge-grid{grid-template-columns:1fr}.featured-cs-grid{grid-template-columns:1fr}.csp-nav{grid-template-columns:1fr}.csp-cta{padding:2rem 1.25rem}.cs-stats-row{gap:1.5rem}}@media (max-width:480px){.csp-results-grid{grid-template-columns:1fr}.csp-meta-row{flex-direction:column;gap:1rem}}.cs-card-title a{color:inherit;text-decoration:none;transition:color .2s ease}.cs-card-title a:hover{color:var(--clr-blue)}