.page-case-studies{--bg-alt: #070910;--surface: #101418;--surface-2: #151530;--surface-3: #1c1c40;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--border-glow: rgba(14,165,233,.4);--text: #eeeef4;--text-2: rgba(255,255,255,.65);--text-3: rgba(255,255,255,.35);--text-4: rgba(255,255,255,.18);--indigo: #0284C7;--indigo-light: #38BDF8;--indigo-glow: rgba(14,165,233,.12);--cyan: #7DD3FC;--cyan-glow: rgba(125,211,252,.12);--green: #10B981;--green-glow: rgba(16,185,129,.12);--amber: #f59e0b;--rose: #f43f5e;--r: 14px;--r-lg: 20px;color:var(--text)}.page-case-studies a{color:var(--indigo-light);text-decoration:none;transition:color .2s}.page-case-studies a:hover{color:var(--cyan)}.page-case-studies .container{max-width:1000px;margin:0 auto;padding:0 24px}.page-case-studies .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .25s}.page-case-studies .btn:hover{transform:translateY(-2px)}.page-case-studies .btn-neon{background:var(--green);color:#0a0c10;box-shadow:0 0 20px #10b98140}.page-case-studies .btn-neon:hover{box-shadow:0 0 40px #10b98166}.page-case-studies .btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.page-case-studies .btn-ghost:hover{border-color:var(--indigo);background:var(--indigo-glow)}.page-case-studies .hero{min-height:0;display:block;padding:96px 24px 64px;text-align:center;position:relative;overflow:hidden}.page-case-studies .hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:900px;height:700px;background:radial-gradient(circle,rgba(14,165,233,.08) 0%,rgba(125,211,252,.04) 40%,transparent 70%);pointer-events:none;z-index:0}.page-case-studies .hero>*{position:relative;z-index:1}.page-case-studies .hero .eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--indigo-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;display:inline-block;border:1px solid var(--border);padding:6px 14px;border-radius:20px;background:var(--indigo-glow)}.page-case-studies .hero h1{font-size:clamp(40px,6vw,64px);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:20px;background:linear-gradient(135deg,#fff 20%,var(--indigo-light) 55%,var(--cyan) 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-case-studies .hero p{font-size:clamp(16px,2vw,19px);color:var(--text-2);max-width:640px;margin:0 auto;line-height:1.7}.page-case-studies .toc{padding:40px 0 20px}.page-case-studies .toc-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.page-case-studies .toc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:22px;transition:all .2s;cursor:pointer;color:var(--text)}.page-case-studies .toc-card:hover{border-color:var(--border-glow);transform:translateY(-2px);background:var(--surface-2)}.page-case-studies .toc-card .audience-badge{font-family:var(--mono);font-size:11px;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;display:block}.page-case-studies .toc-card h3{font-size:17px;font-weight:700;margin-bottom:8px;line-height:1.3}.page-case-studies .toc-card p{font-size:13px;color:var(--text-3);line-height:1.5}.page-case-studies .case{padding:80px 0;border-top:1px solid var(--border)}.page-case-studies .case-meta{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.page-case-studies .case-badge{font-family:var(--mono);font-size:11px;font-weight:600;padding:6px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--border)}.page-case-studies .badge-agency{background:var(--indigo-glow);color:var(--indigo-light);border-color:#0ea5e94d}.page-case-studies .badge-enterprise{background:#f43f5e14;color:var(--rose);border-color:#f43f5e4d}.page-case-studies .badge-solo{background:var(--green-glow);color:var(--green);border-color:#10b9814d}.page-case-studies .case-icon{font-size:22px}.page-case-studies .case h2{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:20px}.page-case-studies .case-lede{font-size:19px;color:var(--text-2);line-height:1.7;margin-bottom:40px;max-width:780px}.page-case-studies .case-section{margin-bottom:36px}.page-case-studies .case-section h3{font-size:13px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-family:var(--mono)}.page-case-studies .case-section p{font-size:16px;color:var(--text);line-height:1.75;margin-bottom:14px}.page-case-studies .case-section ul{list-style:none;padding:0;margin:0}.page-case-studies .case-section li{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:10px;font-size:15px;line-height:1.6;position:relative;padding:14px 18px 14px 44px}.page-case-studies .case-section li:before{content:"→";position:absolute;left:18px;top:14px;color:var(--indigo-light);font-weight:700;font-family:var(--mono)}.page-case-studies .case-section li strong{color:var(--text);font-weight:600}.page-case-studies .callout{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-left:3px solid var(--indigo);border-radius:var(--r);padding:28px 32px;margin:32px 0;position:relative}.page-case-studies .callout:before{content:"✦";position:absolute;top:24px;right:28px;color:var(--indigo-light);font-size:24px;opacity:.4}.page-case-studies .callout p{font-size:17px;color:var(--text);line-height:1.7;font-style:italic;margin:0}.page-case-studies .stack-swap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px;margin-top:16px}.page-case-studies .stack-swap-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:12px}.page-case-studies .stack-swap-row:last-child{margin-bottom:0}.page-case-studies .stack-col{display:flex;flex-wrap:wrap;gap:6px}.page-case-studies .stack-chip{font-family:var(--mono);font-size:12px;padding:4px 10px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.page-case-studies .stack-chip.out{color:var(--text-4);text-decoration:line-through}.page-case-studies .stack-chip.in{background:var(--indigo-glow);color:var(--indigo-light);border-color:#0ea5e94d}.page-case-studies .stack-arrow{color:var(--indigo);font-size:18px;font-family:var(--mono);font-weight:700}.page-case-studies .stack-label{font-family:var(--mono);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;display:block}.page-case-studies .final-cta{padding:96px 24px;text-align:center;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-alt) 100%);border-top:1px solid var(--border)}.page-case-studies .final-cta h2{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-1px;margin-bottom:16px;background:linear-gradient(135deg,#fff 20%,var(--cyan) 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-case-studies .final-cta p{font-size:17px;color:var(--text-2);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.page-case-studies .final-cta .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(max-width:640px){.page-case-studies .stack-swap-row{grid-template-columns:1fr;text-align:center}.page-case-studies .stack-arrow{transform:rotate(90deg)}}
