.case-study-page{min-height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937}.hero-section{background:linear-gradient(135deg,#fef7f5,#fdf2f8 50%,#f0f9ff);padding:120px 0 140px;overflow:hidden;position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ef4444' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50%/60px 60px;pointer-events:none}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;position:relative;z-index:1}.hero-headline{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#1f2937;line-height:1.1;margin-bottom:2rem;letter-spacing:-.02em}.hero-subheadline{font-size:clamp(1.125rem,2.5vw,1.375rem);color:#6b7280;line-height:1.6;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.hero-cta-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:18px 36px;border-radius:12px;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 8px 32px rgba(239,68,68,.3);border:none;cursor:pointer}.hero-cta-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 12px 40px rgba(239,68,68,.4);color:#fff;text-decoration:none}.hero-cta-button:focus{outline:3px solid rgba(239,68,68,.5);outline-offset:2px}.stats-section{padding:100px 0;background:#f9fafb;border-top:1px solid #f3f4f6}.stats-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.stats-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1f2937;margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:3rem;gap:3rem;max-width:900px;margin:0 auto}.stat-item{background:#fff;padding:3rem 2rem;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f3f4f6;transition:all .3s ease}.stat-item:hover{transform:translateY(-8px);box-shadow:0 8px 40px rgba(0,0,0,.12)}.stat-number{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1;margin-bottom:1rem}.stat-label{font-size:1.25rem;font-weight:600;color:#6b7280}.problem-solution-section{padding:120px 0;background:#fff}.ps-container{max-width:1200px;margin:0 auto;padding:0 2rem}.ps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));grid-gap:4rem;gap:4rem;align-items:start}.problem-card,.solution-card{padding:3rem;border-radius:20px;position:relative}.problem-card{background:linear-gradient(135deg,#fef2f2,#fce7e7);border:2px solid #fecaca}.solution-card{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0}.ps-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;margin-bottom:2rem;color:#1f2937}.ps-conclusion,.ps-description,.ps-intro{font-size:1.125rem;line-height:1.7;margin-bottom:2rem;color:#4b5563}.problem-list,.solution-list{margin:2rem 0;padding:0;list-style:none}.problem-list li,.solution-list li{font-size:1.125rem;line-height:1.7;margin-bottom:1rem;color:#4b5563;padding-left:1.5rem;position:relative}.problem-list li:before{content:"•";color:#ef4444;font-weight:700;position:absolute;left:0;top:0}.solution-list li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0;top:0}.solution-quote{background:hsla(0,0%,100%,.7);border-left:4px solid #10b981;padding:2rem;margin:2rem 0;border-radius:12px;font-style:italic;font-size:1.125rem;line-height:1.6;color:#1f2937}.video-demo-section{padding:120px 0;background:linear-gradient(135deg,#f9fafb,#f3f4f6);position:relative;overflow:hidden}.video-demo-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ef4444' fill-opacity='0.02'%3E%3Cpath d='M20 20l8-8v16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50%/40px 40px;pointer-events:none}.video-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.video-title-wrapper{text-align:center;margin-bottom:4rem;transition:all .4s ease;z-index:5;position:relative}.video-title-wrapper.hidden-during-playback{opacity:0;pointer-events:none;transform:translateY(-20px)}.video-section-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:#1f2937;margin-bottom:1rem;letter-spacing:-.02em}.video-section-subtitle{font-size:clamp(1.125rem,2.5vw,1.375rem);color:#6b7280;max-width:700px;margin:0 auto;line-height:1.6}.video-wrapper{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.15);transition:all .4s ease;background:#000;margin:0 auto;max-width:1000px}.video-wrapper:hover{box-shadow:0 35px 100px rgba(0,0,0,.2)}.video-container-inner{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1f2937,#374151);display:flex;align-items:center;justify-content:center}.shotvu-video{width:100%;height:100%;object-fit:cover;border-radius:24px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.video-wrapper.playing{box-shadow:0 30px 90px rgba(239,68,68,.25);z-index:50;position:relative;transform:scale(1.02);margin:2rem auto;max-width:min(90vw,1000px);isolation:isolate;flex-shrink:0;align-self:center;contain:layout style}.video-wrapper.playing .shotvu-video{border-radius:20px;cursor:default}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(31,41,55,.85),rgba(55,65,81,.9));display:flex;align-items:center;justify-content:center;transition:all .4s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:24px;z-index:20}.video-overlay.hidden{opacity:0;pointer-events:none;transform:scale(.95);visibility:hidden}.video-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.video-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(239,68,68,.9);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:2rem;box-shadow:0 4px 20px rgba(239,68,68,.3)}.live-indicator{color:#fef2f2;animation:pulse 2s infinite}.video-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.video-description{font-size:1.25rem;opacity:.9;margin-bottom:3rem;line-height:1.5}.custom-play-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:16px;padding:1.5rem 2.5rem;color:#fff;font-weight:600;font-size:1.125rem;cursor:pointer;display:inline-flex;align-items:center;gap:1rem;transition:all .3s ease;box-shadow:0 8px 32px rgba(239,68,68,.4);margin-bottom:3rem}.custom-play-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 12px 40px rgba(239,68,68,.5);transform:translateY(-2px)}.custom-play-button:focus{outline:3px solid hsla(0,0%,100%,.5);outline-offset:2px}.play-button-inner{background:hsla(0,0%,100%,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.play-text{font-weight:600}.video-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:400px;margin:0 auto}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:#ef4444;margin-bottom:.25rem}.stat-label{font-size:.875rem;opacity:.8;text-transform:uppercase;letter-spacing:.05em}.video-progress-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:hsla(0,0%,100%,.2);border-radius:0 0 20px 20px;z-index:30;transition:all .3s ease}.progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#dc2626);transition:width .3s ease;border-radius:0 0 20px 20px}.video-wrapper.playing .video-progress-bar{height:6px;background:rgba(0,0,0,.4)}.video-features{position:absolute;top:2rem;left:2rem;right:2rem;pointer-events:none;z-index:15;transition:all .3s ease}.feature-tag{position:absolute;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:600;color:#1f2937;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;align-items:center;gap:.5rem}.feature-tag:first-child{top:0;left:0}.feature-tag:nth-child(2){top:0;right:0}.feature-tag.bottom{bottom:-120px;left:50%;transform:translateX(-50%)}.feature-icon{font-size:1rem}.pulse-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:3px solid rgba(239,68,68,.5);border-radius:50%;z-index:5}.hidden-during-playback,.pulse-ring{pointer-events:none}.video-demo-section .video-container{position:relative;z-index:1;transition:all .4s ease;display:flex;flex-direction:column;align-items:center}.video-demo-section:has(.video-wrapper.playing){background:rgba(0,0,0,.1)}.video-demo-section:has(.video-wrapper.playing) .video-container{position:relative;z-index:100;justify-content:center}.video-wrapper{transition:transform .4s ease,box-shadow .4s ease;will-change:transform}.video-demo-section:has(.video-wrapper.playing){padding:120px 0 140px}.video-wrapper.playing+.video-cta{opacity:0;pointer-events:none;transform:translateY(20px)}.video-cta{text-align:center;margin-top:4rem;padding:3rem 2rem;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid hsla(0,0%,100%,.2);transition:all .4s ease;z-index:5;position:relative}.video-cta.hidden-during-playback{opacity:0;pointer-events:none;transform:translateY(20px);visibility:hidden}.video-cta-text{font-size:1.25rem;color:#4b5563;margin-bottom:2rem;font-weight:500}.video-cta-button{background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 20px rgba(31,41,55,.3)}.video-cta-button:hover{background:linear-gradient(135deg,#374151,#4b5563);transform:translateY(-2px);box-shadow:0 8px 30px rgba(31,41,55,.4);color:#fff;text-decoration:none}.video-cta-button svg{transition:transform .3s ease}.video-cta-button:hover svg{transform:translateX(4px)}@media (max-width:768px){.video-demo-section{padding:80px 0}.video-title-wrapper{margin-bottom:3rem}.video-stats{grid-template-columns:1fr;gap:1.5rem}.feature-tag{position:static;margin:.5rem;display:inline-flex}.video-features{position:static;display:flex;flex-wrap:wrap;justify-content:center;margin-top:2rem;padding:0 1rem}.feature-tag.bottom{position:static;transform:none}.video-content{padding:1.5rem}.custom-play-button{padding:1.25rem 2rem;font-size:1rem}.video-cta{margin-top:3rem;padding:2rem 1.5rem}.video-wrapper.playing{transform:scale(1.01);margin:0 auto;max-width:min(95vw,600px)}}@media (max-width:480px){.shotvu-video,.video-overlay,.video-wrapper{border-radius:16px}.video-badge{font-size:.75rem;padding:.375rem .75rem}.custom-play-button{padding:1rem 1.5rem;gap:.75rem}.play-button-inner{width:32px;height:32px}.video-cta-button{padding:.875rem 1.5rem;font-size:1rem}}.testimonial-section{padding:120px 0;background:#fff}.testimonial-container{max-width:1000px;margin:0 auto;padding:0 2rem;text-align:center}.testimonial-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1f2937;margin-bottom:4rem}.testimonial-slider{position:relative;min-height:300px}.testimonial-slider:focus{outline:2px solid #ef4444;outline-offset:4px;border-radius:12px}.testimonial-content{background:#f9fafb;padding:3rem;border-radius:20px;border:1px solid #f3f4f6;margin-bottom:2rem}.testimonial-quote{font-size:clamp(1.25rem,2.5vw,1.5rem);line-height:1.6;color:#1f2937;font-style:italic;margin-bottom:2rem}.testimonial-author{font-size:1.125rem;font-weight:600;color:#6b7280;font-style:normal}.testimonial-role{display:block;font-weight:400;font-size:1rem;opacity:.8;margin-top:.25rem}.testimonial-controls{gap:2rem}.testimonial-controls,.testimonial-nav-button{display:flex;align-items:center;justify-content:center}.testimonial-nav-button{background:#ef4444;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.testimonial-nav-button:hover{background:#dc2626;transform:scale(1.1)}.testimonial-nav-button:focus{outline:3px solid rgba(239,68,68,.5);outline-offset:2px}.testimonial-indicators{display:flex;gap:.75rem}.testimonial-indicator{width:12px;height:12px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:all .3s ease}.testimonial-indicator.active{background:#ef4444;transform:scale(1.2)}.testimonial-indicator:hover{background:#9ca3af}.testimonial-indicator:focus{outline:2px solid #ef4444;outline-offset:2px}.faq-section{padding:120px 0;background:#f9fafb}.faq-container{max-width:1000px;margin:0 auto;padding:0 2rem}.faq-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1f2937;margin-bottom:4rem;text-align:center}.faq-list{list-style:none;padding:0}.faq-item{background:#fff;border-radius:16px;margin-bottom:1.5rem;border:1px solid #f3f4f6;overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 32px rgba(0,0,0,.08)}.faq-question{width:100%;padding:2rem;background:none;border:none;text-align:left;font-size:1.25rem;font-weight:600;color:#1f2937;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{background:#f9fafb}.faq-question:focus{outline:2px solid #ef4444;outline-offset:-2px;background:#f9fafb}.faq-icon{font-size:2rem;font-weight:300;color:#ef4444;transition:transform .3s ease;flex-shrink:0;margin-left:1rem}.faq-icon.open{transform:rotate(45deg)}.faq-answer{overflow:hidden}.faq-answer-content{padding:0 2rem 2rem;font-size:1.125rem;line-height:1.7;color:#4b5563}.faq-link{color:#ef4444;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.faq-link:hover{color:#dc2626;text-decoration:none;border-bottom:1px solid #ef4444;transform:translateY(-1px)}.faq-link:focus{outline:2px solid rgba(239,68,68,.5);outline-offset:2px;border-radius:2px}.cta-section{padding:120px 0;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M50 50l25-25v50z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") 50%/100px 100px;pointer-events:none}.cta-container{max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.cta-headline{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:2rem;letter-spacing:-.02em}.cta-subheadline{font-size:clamp(1.125rem,2.5vw,1.375rem);line-height:1.6;margin-bottom:3rem;opacity:.9;max-width:800px;margin-left:auto;margin-right:auto}.cta-button{background:linear-gradient(135deg,#ef4444,#dc2626);padding:20px 40px;border-radius:12px;font-size:1.375rem;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 8px 32px rgba(239,68,68,.3);border:none;cursor:pointer}.cta-button,.cta-button:hover{color:#fff;text-decoration:none}.cta-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 12px 40px rgba(239,68,68,.4)}.cta-button:focus{outline:3px solid hsla(0,0%,100%,.5);outline-offset:2px}.cta-note{margin-top:2rem;font-size:1.125rem;opacity:.8;color:#d1d5db}@media (max-width:768px){.hero-section{padding:80px 0 100px}.cta-section,.faq-section,.problem-solution-section,.stats-section,.testimonial-section,.video-demo-section{padding:80px 0}.ps-grid{grid-template-columns:1fr;gap:2rem}.problem-card,.solution-card,.testimonial-content{padding:2rem}.testimonial-controls{gap:1rem}.testimonial-nav-button{width:40px;height:40px;font-size:1rem}.faq-question{padding:1.5rem;font-size:1.125rem}.faq-answer-content{padding:0 1.5rem 1.5rem}}@media (max-width:480px){.cta-container,.faq-container,.hero-content,.ps-container,.stats-container,.testimonial-container,.video-container{padding:0 1rem}.stats-grid{grid-template-columns:1fr;gap:2rem}.stat-item{padding:2rem 1.5rem}.ps-grid{grid-template-columns:1fr}.testimonial-content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.hero-section{background:#fff}.faq-section,.stats-section{background:#f9fafb}.cta-section{background:#000}.cta-button,.hero-cta-button,.testimonial-nav-button{background:#000;border:2px solid #fff}}@media print{.play-button,.testimonial-controls{display:none}.case-study-page,.cta-section,.faq-section,.hero-section,.stats-section,.testimonial-section,.video-demo-section{color:#000;background:#fff}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.stat-number{animation:pulse 2s ease-in-out}:focus{scroll-margin-top:100px}html{scroll-behavior:smooth}.cta-button:focus,.faq-question:focus,.hero-cta-button:focus,.testimonial-indicator:focus,.testimonial-nav-button:focus{box-shadow:0 0 0 3px rgba(59,130,246,.5)}