.rb-case-studies-section{background:var(--rb-surface-dark,#0a0a0a);contain:layout style paint;padding:6rem 2rem;overflow:hidden}.rb-case-studies-wrapper{max-width:1400px;margin:0 auto}.rb-case-studies-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out fadeInUp}.rb-case-studies-title{font-family:var(--rb-font-heading,"Inter");color:#fff;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.rb-case-studies-subtitle{font-family:var(--rb-font-body,"Inter");color:var(--rb-gray-medium,#999);max-width:700px;margin:0 auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.rb-case-studies-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:3rem;display:grid}@media(min-width:1024px){.rb-case-studies-grid{grid-template-columns:repeat(2,1fr);gap:4rem}}@media(min-width:1400px){.rb-case-studies-grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.rb-case-study-card{background:var(--rb-surface-bg,#1a1a1a);border:1px solid var(--rb-border-color,#333);contain:content;border-radius:0;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@media(prefers-reduced-motion:no-preference){.rb-case-study-card:hover{border-color:var(--rb-accent-green,#00ff41);transform:translateY(-6px);box-shadow:0 12px 48px #00ff391f}.rb-case-study-card:hover .rb-case-study-code{border-left-color:var(--rb-accent-green,#00ff41)}}@media(max-width:767px){.rb-case-study-card{padding:1.5rem}}.rb-case-study-header{border-bottom:1px solid var(--rb-border-color,#333);padding-bottom:1rem}.rb-case-study-title{font-family:var(--rb-font-heading,"Inter");color:#fff;margin:0 0 .5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.rb-case-study-meta{font-family:var(--rb-font-accent,"Fira Code");letter-spacing:.05em;text-transform:uppercase;color:var(--rb-accent-green,#00ff41);margin:0;font-size:.75rem;display:inline-block}.rb-case-study-challenge,.rb-case-study-solution{flex:1}.rb-case-study-section-title{font-family:var(--rb-font-heading,"Inter");letter-spacing:.05em;text-transform:uppercase;color:var(--rb-accent-green,#00ff41);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.rb-case-study-challenge p,.rb-case-study-solution p{font-family:var(--rb-font-body,"Inter");color:var(--rb-text-muted,#ccc);margin:0;font-size:.95rem;line-height:1.6}.rb-case-study-code{border-left:4px solid #0000;transition:border-color .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.rb-case-study-code pre{border-radius:0;font-size:.875rem;line-height:1.5;overflow-x:auto;background:var(--rb-gray-darker-2,#0d0d0d)!important;margin:0!important;padding:1.25rem!important}.rb-case-study-code code{font-family:var(--rb-font-accent,"Fira Code")!important;color:var(--rb-text-bright,#e8e8e8)!important;font-size:.875rem!important}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#616161}.token.punctuation{color:var(--rb-text-bright,#e8e8e8)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#f07178}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#c3e88d}.token.operator,.token.entity,.token.url,.token.language-css .token.string,.token.style .token.string{color:#89ddff}.token.atrule,.token.attr-value,.token.keyword{color:#c792ea}.token.function,.token.class-name{color:#ffcb8b}.token.regex,.token.important,.token.variable{color:#f07178}.line-numbers .line-numbers-rows{border-right:1px solid #333}.line-numbers .line-numbers-row{color:#616161;font-family:var(--rb-font-accent,"Fira Code");padding-left:.5rem;padding-right:1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.rb-case-studies-header{animation:none}.rb-case-study-card{transition:none}}@media(max-width:640px){.rb-case-studies-section{padding:3rem 1rem}.rb-case-studies-header{margin-bottom:2rem}.rb-case-study-code pre{font-size:.8rem;padding:1rem!important}.rb-case-study-code code{font-size:.8rem!important}}