.page{--bg: #ffffff;--bg-alt: #f7f7f7;--fg: #111111;--fg2: #666666;--border: #e5e5e5;--tag-bg: #f0f0f0;min-height:100vh;background:var(--bg);color:var(--fg);transition:background .3s,color .3s}.page.dark{--bg: #0a0a0a;--bg-alt: #141414;--fg: #e5e5e5;--fg2: #888888;--border: #222222;--tag-bg: #1a1a1a}.page.dark .logo{filter:invert(1)}.theme-toggle .sun-icon,.page.dark .theme-toggle .moon-icon{display:none}.page.dark .theme-toggle .sun-icon{display:block}.site-header{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);transition:background .3s}.nav{max-width:800px;margin:0 auto;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.nav-name{font-family:var(--font-mono, monospace);font-weight:700;font-size:1.1rem;letter-spacing:-.04em}.nav-right{display:flex;align-items:center;gap:1rem}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:.4rem;cursor:pointer;color:var(--fg);display:flex;align-items:center;transition:border-color .2s}.theme-toggle:hover{border-color:var(--fg2)}.back-link{font-size:.85rem;font-weight:600;color:var(--fg2);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--fg)}.case-main{max-width:800px;margin:0 auto;padding:0 2rem}.case-hero{padding:4rem 0 3rem;border-bottom:1px solid var(--border)}.eyebrow{font-family:var(--font-mono, monospace);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg2);margin-bottom:1rem}.case-hero h1{font-size:3rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.hero-sub{font-size:1.15rem;color:var(--fg2);line-height:1.7;max-width:600px}.meta-row{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border)}.meta-item{display:flex;flex-direction:column;gap:.25rem}.meta-label{font-family:var(--font-mono, monospace);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg2)}.meta-value,.meta-link{font-size:.9rem;font-weight:600}.meta-link{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .2s}.meta-link:hover{border-color:var(--fg)}.case-section{padding:3rem 0;border-bottom:1px solid var(--border)}.case-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.case-section p{font-size:1rem;line-height:1.8;color:var(--fg);margin-bottom:1rem}.case-section p:last-child{margin-bottom:0}.case-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.case-list li{font-size:.95rem;line-height:1.7;display:flex;align-items:flex-start;gap:.75rem}.case-list li:before{content:"→";color:var(--fg2);font-weight:600;flex-shrink:0;margin-top:1px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin-top:1.5rem}.feature-item{background:var(--bg);padding:1.5rem}.feature-item h3{font-size:.9rem;font-weight:700;margin-bottom:.5rem}.feature-item p{font-size:.85rem;color:var(--fg2);line-height:1.6;margin-bottom:0}.reasons,.challenges{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.reason,.challenge{padding:1.5rem;background:var(--bg-alt);border-radius:8px;border:1px solid var(--border)}.reason h3,.challenge h3{font-size:1rem;font-weight:700;margin-bottom:.5rem}.reason p,.challenge p{font-size:.95rem;color:var(--fg2);line-height:1.7;margin-bottom:0}.case-cta{padding:4rem 0;text-align:center}.case-cta h2{font-size:1.75rem;font-weight:800;margin-bottom:.75rem}.case-cta p{color:var(--fg2);font-size:1rem;margin-bottom:2rem}.cta-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.btn-primary{background:var(--fg);color:var(--bg);padding:.7rem 1.5rem;border-radius:6px;font-weight:600;font-size:.9rem;text-decoration:none;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-secondary{color:var(--fg);font-weight:500;font-size:.9rem;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.btn-secondary:hover{border-color:var(--fg)}.site-footer{border-top:1px solid var(--border);padding:2.5rem 2rem;background:var(--bg);transition:background .3s}.footer-inner{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--fg2);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--fg)}.copy{text-align:center;color:var(--fg2);font-size:.8rem;margin-top:1.5rem}@media(max-width:768px){.case-hero h1{font-size:2rem}.meta-row{gap:1.5rem}.case-section{padding:2.5rem 0}.footer-inner{flex-direction:column;gap:1.5rem}}