.case-studies-shell{position:relative;width:100%;color:var(--foreground);padding-bottom:6rem}.case-studies-hero{padding-top:1rem;padding-bottom:2.5rem;text-align:center;position:relative;z-index:2}.case-studies-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:9999px;background:var(--accent-soft);border:1px solid var(--border);color:var(--primary);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;backdrop-filter:blur(16px);transition:all .25s ease}.case-studies-badge:hover{border-color:var(--primary);transform:translateY(-1px)}.badge-pulse-dot{width:6px;height:6px;border-radius:50%;background-color:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.case-studies-title{font-size:2.1rem;font-weight:800;line-height:1.15;letter-spacing:-.035em;margin-bottom:1.15rem;max-width:840px;margin-left:auto;margin-right:auto;color:var(--foreground)!important}@media (min-width:768px){.case-studies-title{font-size:2.85rem}}.title-gradient{background:linear-gradient(90deg,var(--foreground) 0,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}:root:not(.dark) .title-gradient{background:linear-gradient(90deg,var(--foreground) 10%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.case-studies-subtitle{font-size:1.05rem;line-height:1.65;color:var(--muted-foreground)!important;max-width:640px;margin-left:auto;margin-right:auto;margin-bottom:2.75rem;font-weight:400}.case-studies-stats{display:grid;grid-template-columns:1fr;gap:1rem;max-width:820px;margin-left:auto;margin-right:auto;margin-bottom:3rem}@media (min-width:768px){.case-studies-stats{grid-template-columns:repeat(3,1fr)}}.case-stat-card{position:relative;background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--radius,.75rem);padding:1.25rem 1rem;text-align:center;backdrop-filter:blur(16px);transition:all .25s ease;overflow:hidden}.case-stat-card:hover{transform:translateY(-2px);border-color:var(--primary)!important;box-shadow:0 12px 28px -8px color-mix(in srgb,var(--shadow-color) 40%,transparent)}.case-stat-val{font-size:clamp(1rem,2vw,1.45rem);font-weight:800;letter-spacing:-.02em;color:var(--primary)!important;line-height:1.1;margin-bottom:.35rem}.case-stat-label{font-size:.75rem;color:var(--muted-foreground)!important;font-weight:500;line-height:1.35}.case-filter-bar{display:flex;flex-wrap:wrap;justify-content:center;width:fit-content;max-width:100%;background:var(--surface-subtle);border:1px solid var(--border);padding:.35rem;border-radius:1rem;gap:.35rem;margin-bottom:3.5rem;margin-left:auto;margin-right:auto;backdrop-filter:blur(20px);box-shadow:0 6px 20px color-mix(in srgb,var(--shadow-color) 20%,transparent)}.case-filter-btn{padding:.5rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:600;border:none;background:transparent;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease;user-select:none;white-space:nowrap}.case-filter-btn:hover{color:var(--foreground)}.case-filter-btn.active{background:var(--primary);color:var(--primary-foreground);box-shadow:0 3px 12px color-mix(in srgb,var(--primary) 35%,transparent)}.teardown-list{display:flex;flex-direction:column;gap:4.5rem;max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;position:relative;z-index:2}.teardown-card{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:calc(var(--radius, .75rem) * 2);padding:2.25rem;box-shadow:0 20px 50px -15px color-mix(in srgb,var(--shadow-color) 40%,transparent);position:relative;overflow:hidden;backdrop-filter:blur(18px)}@media (max-width:768px){.teardown-card{padding:1.5rem}}.teardown-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0,var(--primary) 50%,transparent 100%);opacity:.6}.teardown-header{margin-bottom:2rem}.teardown-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.85rem}.teardown-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .75rem;border-radius:9999px;background:var(--accent-soft);color:var(--primary);border:1px solid var(--border)}.teardown-client{font-size:.8rem;color:var(--muted-foreground);font-weight:500}.teardown-title{font-size:1.55rem;font-weight:800;line-height:1.25;letter-spacing:-.025em;margin-bottom:.65rem;color:var(--foreground)!important}@media (min-width:768px){.teardown-title{font-size:1.95rem}}.teardown-summary{font-size:1rem;line-height:1.6;color:var(--muted-foreground)!important;max-width:880px}.teardown-bento-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.teardown-bento-grid{grid-template-columns:1.25fr .75fr}}.visual-stage-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius,.75rem);overflow:hidden;display:flex;flex-direction:column}.visual-viewport{position:relative;width:100%;aspect-ratio:16/10;background:var(--background);cursor:pointer;overflow:hidden}.visual-viewport img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.visual-viewport:hover img{transform:scale(1.025)}.visual-expand-pill{position:absolute;bottom:.85rem;right:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:9999px;background:color-mix(in srgb,var(--background) 80%,transparent);backdrop-filter:blur(10px);color:var(--foreground);font-size:.72rem;font-weight:600;border:1px solid var(--border);transition:all .2s ease}.visual-viewport:hover .visual-expand-pill{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.visual-caption-bar{padding:.85rem 1.15rem;font-size:.825rem;color:var(--foreground);font-weight:600;align-items:center;justify-content:space-between}.visual-caption-bar,.visual-thumbs-strip{border-top:1px solid var(--border);display:flex}.visual-thumbs-strip{gap:.5rem;padding:.75rem 1.15rem;background:color-mix(in srgb,var(--background) 50%,var(--surface-subtle));overflow-x:auto}.thumb-item-btn{display:flex;align-items:center;gap:.45rem;padding:.35rem .75rem;border-radius:var(--radius,.5rem);background:var(--card);border:1px solid var(--border);color:var(--muted-foreground);font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.thumb-item-btn:hover{color:var(--foreground);border-color:var(--primary)}.thumb-item-btn.active{background:var(--accent-soft);border-color:var(--primary);color:var(--primary)}.thumb-preview-mini{width:18px;height:18px;border-radius:3px;object-fit:cover}.bento-right-col{display:flex;flex-direction:column;gap:1.25rem}.bento-challenge-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius,.75rem);padding:1.35rem 1.5rem}.challenge-header{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.65rem}.challenge-text{font-size:.875rem;line-height:1.6;color:var(--foreground)}.bento-metrics-card{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius,.75rem);padding:1.35rem 1.5rem;flex-grow:1;display:flex;flex-direction:column}.metrics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.metrics-header h4{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--foreground)}.metrics-badge-verified{font-size:.68rem;font-weight:700;color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent);padding:.15rem .5rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.metrics-list{gap:.65rem}.metric-row,.metrics-list{display:flex;flex-direction:column}.metric-row{gap:.35rem;padding:.7rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius,.5rem)}.metric-row-top{display:flex;align-items:center;justify-content:space-between}.metric-name{font-weight:600;font-size:.8125rem;color:var(--foreground)}.metric-tag-delta{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:4px;background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.metric-comparison{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.metric-val-before{color:var(--muted-foreground);text-decoration:line-through;opacity:.65;font-size:.75rem}.metric-val-after{color:var(--success);font-weight:700;font-size:.8125rem}.bento-steps-card{margin-top:1.5rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius,.75rem);padding:1.75rem}@media (max-width:768px){.bento-steps-card{padding:1.25rem}}.steps-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--foreground);margin-bottom:1.25rem}.steps-grid{display:grid;grid-template-columns:1fr;gap:1.15rem}@media (min-width:768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}.step-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius,.5rem);padding:1rem 1.15rem;display:flex;gap:.85rem;align-items:flex-start;transition:all .2s ease}.step-card:hover{border-color:var(--primary);transform:translateY(-1px)}.step-badge-num{display:flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);font-weight:800;font-size:.78rem;flex-shrink:0;margin-top:.1rem;box-shadow:0 3px 10px color-mix(in srgb,var(--primary) 35%,transparent)}.step-content h5{font-size:.875rem;font-weight:700;color:var(--foreground);margin-bottom:.25rem}.step-content p{font-size:.8rem;line-height:1.55;color:var(--muted-foreground)}.deliverables-footer{margin-top:1.35rem;padding-top:1.15rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.85rem}.deliverables-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.deliverables-pills{display:flex;flex-wrap:wrap;gap:.45rem}.deliverable-chip{font-size:.72rem;font-family:monospace;padding:.25rem .65rem;border-radius:9999px;background:var(--card);border:1px solid var(--border);color:var(--foreground);font-weight:600}.case-studies-cta-container{max-width:960px;margin-left:auto;margin-right:auto;margin-top:5rem;padding-left:1.25rem;padding-right:1.25rem;position:relative;z-index:2}.case-studies-cta-card{position:relative;background:radial-gradient(circle at 50% 0,var(--accent-soft) 0,var(--card) 70%);border:1px solid var(--border);border-radius:calc(var(--radius, .75rem) * 2.5);padding:3.75rem 1.75rem;text-align:center;backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 24px 60px -20px color-mix(in srgb,var(--shadow-color) 50%,transparent)}.cta-headline{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.85rem;color:var(--foreground)!important}@media (min-width:768px){.cta-headline{font-size:2.35rem}}.cta-desc{font-size:.98rem;color:var(--muted-foreground)!important;max-width:560px;margin-left:auto;margin-right:auto;margin-bottom:2.25rem;line-height:1.6}.cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem}.apple-btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.85rem;border-radius:9999px;background:var(--primary)!important;color:var(--primary-foreground)!important;font-weight:700;font-size:.925rem;text-decoration:none;box-shadow:0 4px 18px color-mix(in srgb,var(--primary) 35%,transparent);transition:all .25s ease}.apple-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 26px color-mix(in srgb,var(--primary) 50%,transparent)}.apple-btn-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.85rem 1.65rem;border-radius:9999px;background:var(--surface-subtle);border:1px solid var(--border);color:var(--foreground);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease}.apple-btn-secondary:hover{background:var(--card);border-color:var(--primary)}.case-modal-overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:blur(16px);z-index:100000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modal-fade .2s cubic-bezier(.16,1,.3,1)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.case-modal-content{position:relative;max-width:960px;width:100%;background:var(--card);border-radius:var(--radius,1rem);overflow:hidden;border:1px solid var(--border);box-shadow:0 30px 90px color-mix(in srgb,var(--shadow-color) 80%,transparent)}.case-modal-content img{width:100%;height:auto;max-height:75vh;object-fit:contain;background:var(--background)}.case-modal-caption{padding:1.15rem 1.5rem;font-size:.9rem;color:var(--foreground);font-weight:600;background:var(--card);border-top:1px solid var(--border)}.case-modal-close{position:absolute;top:1rem;right:1rem;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--surface-subtle);color:var(--foreground);display:flex;align-items:center;justify-content:center;border:1px solid var(--border);cursor:pointer;z-index:10;transition:all .2s ease}.case-modal-close:hover{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);transform:rotate(90deg)}