.video-page-hero{background:linear-gradient(180deg,var(--blue-navy) 0,var(--gray-900) 100%);padding:var(--space-2xl) 0 var(--space-xl);text-align:center}.video-page-hero h1{color:var(--white);font-size:var(--fs-h2);margin-bottom:var(--space-sm)}.video-page-hero .lead{color:rgba(var(--white-rgb),.8);font-size:var(--fs-lg);max-width:600px;margin:0 auto}.video-section{background:linear-gradient(180deg,var(--gray-900) 0,var(--blue-navy) 100%);padding:var(--space-xl) 0 var(--space-3xl)}.video-container{max-width:900px;margin:0 auto}.main-video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#000}.video-play-overlay.hidden{opacity:0;pointer-events:none}.caption-group{display:flex;align-items:center;gap:var(--space-sm)}.caption-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.quality-buttons{display:flex;gap:8px}.caption-btn,.quality-btn{padding:6px 12px;background:rgba(var(--white-rgb),.1);border:1px solid rgba(var(--white-rgb),.2);border-radius:var(--radius-sm);color:rgba(var(--white-rgb),.7);font-family:inherit;font-size:var(--fs-xs);cursor:pointer;transition:.2s}.caption-btn:hover,.quality-btn:hover{background:rgba(var(--white-rgb),.15);color:var(--white)}.caption-btn.active,.quality-btn.active{background:var(--green-text);border-color:var(--green-text);color:var(--white)}.caption-btn:focus-visible,.quality-btn:focus-visible{outline:2px solid var(--green-primary);outline-offset:2px}.video-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 80px rgba(var(--black-rgb),.5),0 0 0 1px rgba(var(--white-rgb),.1);background:var(--gray-900)}.video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(var(--black-rgb),.3);cursor:pointer;transition:.3s}.video-quality-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:rgba(var(--white-rgb),.05);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quality-label{color:rgba(var(--white-rgb),.6);font-size:var(--fs-sm);font-weight:500}.video-caption-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-md);padding:0 var(--space-sm) var(--space-sm)}.video-captions{position:absolute;left:50%;transform:translateX(-50%);width:min(92%,62ch);text-align:center;pointer-events:none;z-index:2;display:none;font-size:clamp(.85rem, 2.1vw, 1.25rem)}.cta-card{background:var(--white);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;transition:transform .3s,box-shadow .3s}.cta-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.cta-card p{color:var(--gray-600);font-size:var(--fs-md);margin-bottom:var(--space-md)}.cta-card .btn{width:100%}.video-captions.visible{display:block}.video-captions.cap-sm{font-size:clamp(var(--fs-2xs), 1.5vw, .95rem)}.video-captions.cap-md{font-size:clamp(.85rem, 2.1vw, 1.25rem)}.video-captions.cap-lg{font-size:clamp(1.05rem, 3vw, 1.8rem)}.video-captions span{display:inline-block;padding:.1em .45em;background:rgba(0,0,0,.78);color:var(--white);line-height:1.35;border-radius:2px}.play-button{background:0 0;border:none;cursor:pointer;transition:transform .3s}.play-button:hover{transform:scale(1.1)}.play-button circle{transition:fill .3s}.play-button:hover circle{fill:rgba(var(--green-accent-rgb),0.6)}.video-cta-section{padding:var(--space-2xl) 0;background:var(--gray-100)}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);max-width:900px;margin:0 auto}@media (max-width:768px){.caption-buttons{justify-content:center}}