.faq-section.faq-video{position:relative;isolation:isolate;max-width:none;width:100%;margin:0;padding:clamp(68px,8vw,136px) clamp(28px,6.4vw,124px);min-height:790px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#02121e;color:#f6fbff}
.faq-video__media{position:absolute;z-index:-2;inset:0 0 0 38%;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 20%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%)}
.faq-video__media video{width:100%;height:100%;object-fit:cover;object-position:center}
.faq-video::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#02121e 0%,#02121ef5 31%,#02121eb3 43%,#02121e18 65%,#02121e00 100%)}
.faq-video__content{width:46%;max-width:675px;position:relative}
.faq-video .eyebrow{color:#02e0eb;margin:0 0 29px;font-size:12px;letter-spacing:.15em}
.faq-video .eyebrow span{width:31px}
.faq-video h2{font-size:clamp(35px,3.6vw,62px);line-height:1.08;letter-spacing:-.048em;margin:0 0 48px;font-weight:750;color:#f7fbff}
.faq-video h2 em{font-style:normal;color:#04d8e6}
.faq-video details{padding:0;border-bottom:1px solid #4b7d91;flex-shrink:0}
.faq-video summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:25px 0;font-size:clamp(16px,1.38vw,23px);font-weight:500;line-height:1.4;color:#f4f8fd}
.faq-video summary::-webkit-details-marker{display:none}
.faq-video summary::marker{content:""}
.faq-video summary::after{content:"+";color:#00e3ed;font-size:35px;line-height:1;font-weight:300;flex-shrink:0;width:28px;text-align:center}
.faq-video details[open] summary::after{content:"−"}
.faq-video details p{color:#bbd2e1;line-height:1.75;font-size:15px;margin:0;padding:0 34px 23px 0;max-width:620px}
.faq-video__contact{margin-top:58px;color:#c1d1dd;font-size:16px}
.faq-video__contact p{margin:0 0 8px}
.faq-video__contact a{color:#03e0e9;text-decoration:underline;text-underline-offset:4px;font-weight:500;display:inline-flex;gap:13px;align-items:center}
.faq-video__toggle{position:absolute;right:32px;bottom:30px;width:52px;height:52px;border:1px solid #00dfed;border-radius:50%;display:grid;place-items:center;background:#02121e88;color:white;cursor:pointer;z-index:2}
.faq-video__toggle svg{width:22px;height:22px;fill:currentColor}
.faq-video__toggle[data-playing="true"] .faq-video__play,.faq-video__toggle:not([data-playing="true"]) .faq-video__pause{display:none}
.faq-video__toggle:hover{background:#083244}
.faq-video a:focus-visible,.faq-video button:focus-visible,.faq-video summary:focus-visible{outline:3px solid #00dfed;outline-offset:5px}
@media(min-width:1500px){.faq-section.faq-video{min-height:900px}}
@media(max-width:1000px) and (min-width:701px){.faq-video__content{width:55%}.faq-video__media{left:42%;right:-15%}.faq-video::after{background:linear-gradient(90deg,#02121e 5%,#02121ef5 35%,#02121e9c 57%,transparent)}.faq-video h2{font-size:38px}.faq-video summary{font-size:17px}}
@media(max-width:700px){.faq-section.faq-video{padding:55px 25px 370px;min-height:0;display:block}.faq-video__content{width:100%;max-width:none}.faq-video .eyebrow{font-size:10px;margin-bottom:23px}.faq-video h2{font-size:clamp(32px,8.2vw,44px);margin-bottom:28px}.faq-video summary{font-size:16px;padding:21px 0;gap:14px}.faq-video summary::after{font-size:29px}.faq-video details p{font-size:14px;padding-right:10px}.faq-video__contact{margin-top:32px;font-size:15px}.faq-video__media{inset:auto -8% 0;height:360px;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}.faq-video__media video{object-fit:cover}.faq-video::after{background:linear-gradient(180deg,#02121e 0%,#02121e00 85%)}.faq-video__toggle{width:46px;height:46px;right:22px;bottom:20px}}

/* Fit the closed FAQ and playback control within desktop viewport heights. */
@media(min-width:1101px){
 .faq-section.faq-video{min-height:100svh;padding-block:clamp(32px,5svh,64px)}
 .faq-video .eyebrow{margin-bottom:clamp(16px,2.5svh,29px)}
 .faq-video h2{font-size:clamp(35px,min(3.6vw,6.5svh),62px);margin-bottom:clamp(22px,4svh,48px)}
 .faq-video summary{padding-block:clamp(13px,2.5svh,25px);font-size:clamp(16px,min(1.38vw,2.6svh),23px)}
 .faq-video__contact{margin-top:clamp(22px,4.5svh,50px)}
 .faq-video__toggle{bottom:24px}
}
