.portfolio-hero[data-v-21daf499]{background:#0f172a;justify-content:center;align-items:center;min-height:480px;padding:5rem 1rem 7rem;display:flex;position:relative;overflow:hidden}@media (max-width:599px){.portfolio-hero[data-v-21daf499]{min-height:420px;padding:3.5rem 1rem 6rem}}.hero-bg-image[data-v-21daf499]{opacity:.85;filter:blur(3px);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(1.04)}.hero-overlay[data-v-21daf499]{background:linear-gradient(#0f172ab8 0%,#0f172ae0 100%);position:absolute;top:0;bottom:0;left:0;right:0}.hero-overlay[data-v-21daf499]:after{content:"";background:linear-gradient(#0000,#fff);height:80px;position:absolute;bottom:0;left:0;right:0}.hero-content[data-v-21daf499]{z-index:1;text-align:center;max-width:1000px;position:relative}.category-badge[data-v-21daf499]{color:#e0e7ff;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.6rem 1.4rem;font-size:.8rem;font-weight:700;display:inline-block}.hero-title[data-v-21daf499]{font-family:var(--p-heading-font);color:#fff;letter-spacing:-1.5px;text-shadow:0 2px 24px #00000059;margin:0 0 1.25rem;font-size:max(2.25rem,min(5vw,4.5rem));font-weight:800;line-height:1.1}.hero-description[data-v-21daf499]{color:#ffffffd9;text-shadow:0 1px 12px #0006;max-width:800px;margin:0 auto;font-size:max(1rem,min(1.6vw,1.25rem));line-height:1.7}.hero-actions[data-v-21daf499]{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;display:flex}.hero-btn[data-v-21daf499]{border-radius:50px}.yt-lite[data-v-abaaf427]{aspect-ratio:16/9;background:#0f172a;border-radius:16px;width:100%;position:relative;overflow:hidden}.yt-frame[data-v-abaaf427],.yt-poster[data-v-abaaf427]{border:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.yt-poster[data-v-abaaf427]{cursor:pointer;display:block}.yt-poster:hover .yt-play[data-v-abaaf427]{background:red;transform:translate(-50%,-50%)scale(1.08)}.yt-poster:focus-visible .yt-play[data-v-abaaf427]{background:red;transform:translate(-50%,-50%)scale(1.08)}.yt-poster[data-v-abaaf427]:focus-visible{outline:3px solid var(--p-accent-primary);outline-offset:-3px}.yt-thumb[data-v-abaaf427]{object-fit:cover;width:100%;height:100%}.yt-play[data-v-abaaf427]{color:#fff;background:#0f172abf;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000059}.portfolio-detail[data-v-2008b174]{background:#f8fafc;min-height:100vh;padding:4rem 0}.container[data-v-2008b174]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section-title[data-v-2008b174]{color:#0f172a;margin:0 0 2rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.summary-text[data-v-2008b174]{color:#64748b;max-width:900px;font-size:1.25rem;line-height:1.8}.problem-card[data-v-2008b174],.solution-card[data-v-2008b174],.info-card[data-v-2008b174],.metric-card[data-v-2008b174],.testimonial-card[data-v-2008b174],.screenshot-wrapper[data-v-2008b174]{background:#fff;border:1px solid #00000014;border-radius:20px;height:100%;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #0000000a}.problem-card[data-v-2008b174]:hover,.solution-card[data-v-2008b174]:hover,.info-card[data-v-2008b174]:hover,.metric-card[data-v-2008b174]:hover,.testimonial-card[data-v-2008b174]:hover,.screenshot-wrapper[data-v-2008b174]:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 12px 32px #6366f11f}.accent-problem[data-v-2008b174]{border-left:3px solid #ef4444b3}.accent-problem .icon-wrapper[data-v-2008b174]{color:#f87171;background:#ef44441f}.accent-problem[data-v-2008b174]:hover{border-left-color:#ef4444}.accent-solution[data-v-2008b174]{border-left:3px solid #10b981b3}.accent-solution .icon-wrapper[data-v-2008b174]{color:#34d399;background:#10b9811f}.accent-solution[data-v-2008b174]:hover{border-left-color:#10b981}.card-header[data-v-2008b174]{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.icon-wrapper[data-v-2008b174]{color:#6366f1;background:#6366f11f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-title[data-v-2008b174],.info-title[data-v-2008b174]{color:#0f172a;margin:0;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.card-text[data-v-2008b174],.info-value[data-v-2008b174]{color:#64748b;margin:0;font-size:1rem;line-height:1.7}.info-card[data-v-2008b174]{text-align:center}.info-card .info-icon-wrapper[data-v-2008b174]{color:#6366f1;background:#6366f11f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex}.info-card .info-title[data-v-2008b174]{text-align:center;margin-bottom:.5rem}.info-card .info-value[data-v-2008b174]{text-align:center;color:#0f172a;font-size:1.05rem;font-weight:500}.tech-badges[data-v-2008b174]{flex-wrap:wrap;gap:.75rem;display:flex}.tech-badge[data-v-2008b174]{color:#6366f1;background:#6366f11a;border:1px solid #6366f133;border-radius:50px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s}.tech-badge[data-v-2008b174]:hover{color:#fff;background:#6366f1;border-color:#6366f1}.metric-card[data-v-2008b174]{text-align:center;border-top:2px solid #6366f1}.metric-value[data-v-2008b174]{background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1.1}.metric-label[data-v-2008b174]{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.testimonial-card[data-v-2008b174]{background:linear-gradient(135deg,#2563eb0a 0%,#2563eb05 100%);position:relative}.testimonial-card[data-v-2008b174]:before{color:#2563eb14}.testimonial-quote[data-v-2008b174]{color:var(--p-text-primary);margin-bottom:2rem;font-size:1.5rem;font-style:italic;line-height:1.6}.author-name[data-v-2008b174]{color:var(--p-accent-secondary);font-weight:700}.author-position[data-v-2008b174]{color:var(--p-text-secondary)}.videos-grid[data-v-2008b174]{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.videos-grid .video-card.featured[data-v-2008b174]{grid-column:1/-1}.videos-grid.single[data-v-2008b174]{max-width:900px}@media (max-width:767px){.videos-grid[data-v-2008b174]{grid-template-columns:1fr}}.native-video[data-v-2008b174]{background:#0f172a;border-radius:16px;width:100%;display:block;box-shadow:0 12px 32px #0f172a1f}.video-meta[data-v-2008b174]{padding:1rem .25rem 0}.video-title[data-v-2008b174]{color:#0f172a;margin:0 0 .35rem;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.video-desc[data-v-2008b174]{color:#64748b;margin:0;line-height:1.6}.features-grid[data-v-2008b174]{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:1023px){.features-grid[data-v-2008b174]{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){.features-grid[data-v-2008b174]{grid-template-columns:1fr}}.feature-card[data-v-2008b174]{background:#fff;border:1px solid #00000014;border-radius:20px;padding:1.75rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 2px 8px #0000000a}.feature-card .icon-wrapper[data-v-2008b174]{margin-bottom:1rem}.feature-card .card-title[data-v-2008b174]{margin-bottom:.5rem}.feature-card[data-v-2008b174]:hover{border-color:#6366f133;transform:translateY(-4px);box-shadow:0 12px 32px #6366f11f}.product-cta[data-v-2008b174]{text-align:center;color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:28px;margin-top:4rem;padding:3.5rem 2rem;box-shadow:0 20px 48px #6366f14d}.cta-heading[data-v-2008b174]{margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:max(1.75rem,min(3.5vw,2.5rem));font-weight:800;line-height:1.2}.cta-text[data-v-2008b174]{opacity:.9;max-width:640px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.cta-actions[data-v-2008b174]{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2rem;display:flex}.cta-btn[data-v-2008b174]{border-radius:50px;padding:.5rem 2rem}.cta-link[data-v-2008b174]{color:#fff;text-underline-offset:4px;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:600;text-decoration:underline;display:inline-flex}.cta-link[data-v-2008b174]:hover{opacity:.85}