.portfolio-page[data-v-31fdc6cd]{padding:80px 20px}.page-header[data-v-31fdc6cd]{text-align:center;margin-bottom:80px}.page-header h1[data-v-31fdc6cd]{margin-bottom:16px;font-size:3rem}.page-header p[data-v-31fdc6cd]{color:var(--text-secondary);font-size:1.25rem}.case-studies[data-v-31fdc6cd]{flex-direction:column;gap:80px;display:flex}.case-study-card[data-v-31fdc6cd]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden}.case-study-card[data-v-31fdc6cd]:hover{box-shadow:var(--shadow-md)}@media (width>=992px){.case-study-card[data-v-31fdc6cd]{flex-direction:row}.case-study-card[data-v-31fdc6cd]:nth-child(2n){flex-direction:row-reverse}}.case-study-content[data-v-31fdc6cd]{flex-direction:column;flex:1;justify-content:center;padding:48px;display:flex}.app-header[data-v-31fdc6cd]{align-items:center;gap:20px;margin-bottom:32px;display:flex}.app-logo[data-v-31fdc6cd]{border-radius:16px;box-shadow:0 4px 12px #00000014}.app-header h2[data-v-31fdc6cd]{margin:0;font-size:2rem}.case-section[data-v-31fdc6cd]{margin-bottom:24px}.case-section h3[data-v-31fdc6cd]{color:var(--accent-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:1.125rem}.case-section p[data-v-31fdc6cd]{color:var(--text-secondary);line-height:1.6}.case-action[data-v-31fdc6cd]{flex-wrap:wrap;gap:16px;margin-top:16px;display:flex}.case-study-visual[data-v-31fdc6cd]{background-color:var(--bg-alt);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.mockup-container[data-v-31fdc6cd]{border-radius:24px;width:100%;max-width:320px;transition:transform .5s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 20px 40px #0003}.fallback-mockup[data-v-31fdc6cd]{background-color:#fff;border-radius:32px;justify-content:center;align-items:center;padding:48px;display:flex}.case-study-card:hover .mockup-container[data-v-31fdc6cd]{transform:translateY(-8px)scale(1.02)}.mockup-image[data-v-31fdc6cd]{width:100%;height:auto;display:block}