/* Shared Gimbal product presentation. Scoped to avoid changing existing products. */
.gimbal-page { background:#fff; }
.gimbal { --gimbal-ink:#101c40; --gimbal-blue:#1285ed; --gimbal-teal:#207c89; color:#30353b; font-family:Arial,Helvetica,sans-serif; }
.gimbal *, .gimbal *::before, .gimbal *::after { box-sizing:border-box; }
.gimbal section { padding:0; }
.gimbal .gimbal-wrap { width:calc(100% - 80px); max-width:1200px; margin-inline:auto; }
.gimbal h1,.gimbal h2,.gimbal h3,.gimbal h4,.gimbal p { margin:0; font-family:inherit; }
.gimbal img { max-width:100%; height:auto; }
.gimbal h2 { color:#08090b; font-size:clamp(28px,3.8vw,48px); line-height:1.04; font-weight:700; }
.gimbal a:focus-visible { outline:3px solid var(--gimbal-blue); outline-offset:5px; }
.gimbal [id] { scroll-margin-top:110px; }
.gimbal .gimbal-hero { background:linear-gradient(115deg,#bcc2ce 0%,#dce0e5 60%,#c0c6d2 100%); padding:78px 0 42px; }
.gimbal-hero__grid { display:grid; grid-template-columns:38% 62%; align-items:center; min-height:430px; }
.gimbal .gimbal-hero__image { width:350px; height:390px; object-fit:contain; justify-self:center; mix-blend-mode:multiply; }
.gimbal-hero__copy { padding-left:18px; }
.gimbal h1 { color:#000; font-size:clamp(40px,5.9vw,72px); line-height:1.05; font-weight:750; letter-spacing:-1.6px; }
.gimbal .gimbal-subtitle { color:#30353b; font-size:clamp(18px,2.5vw,31px); line-height:1.35; margin:6px 0 30px; }
.gimbal-tools { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:20px; }
.gimbal-tools a,.gimbal-tools button { display:inline-flex; align-items:center; justify-content:center; gap:5px; border:1px solid #909ba7; padding:11px 15px; border-radius:4px; color:#34404f; background:transparent; font:inherit; font-size:14px; line-height:1.2; cursor:pointer; }
.gimbal-tool-play { display:inline-flex; align-items:center; justify-content:center; width:14px; height:14px; line-height:1; }
.gimbal-tools a:hover,.gimbal-tools button:hover { background:#ffffff60; }
.gimbal .gimbal-order { display:inline-block; border-radius:32px; padding:15px 25px; background:var(--gimbal-teal); color:white; font-size:14px; font-weight:700; text-decoration:none; transition:background .2s; }
.gimbal .gimbal-order:hover { background:#145864; }
.gimbal-nav { display:flex; flex-wrap:wrap; gap:0; margin-top:38px; }
.gimbal-nav a,.gimbal-nav button { color:#343c49; font:inherit; font-size:17px; padding:0 17px; line-height:1.1; border:0; background:none; cursor:pointer; }
.gimbal-nav a:first-child { padding-left:12px; }
.gimbal .gimbal-nav>*+* { border-left:1px solid #77808b; }
.gimbal .gimbal-nav button { text-transform:none; border:0!important; border-radius:0!important; }
.gimbal .gimbal-nav button:not(:first-child) { border-left:1px solid #77808b!important; }
.gimbal button:focus-visible { outline:3px solid var(--gimbal-blue); outline-offset:4px; }
.gimbal .gimbal-dialog h2 { font-size:24px; line-height:1.25; }
.gimbal .gimbal-dialog h3 { font-size:17px; margin:10px 0; font-weight:700; }
.gimbal .gimbal-dialog p { font-size:16px; line-height:1.6; }
.gimbal-dialog .modal-body p+h3 { margin-top:25px; }
.gimbal-dialog table { font-size:14px; min-width:540px; }
.gimbal .gimbal-dialog .close { background:none; color:#30353b; border:0; box-shadow:none; }
.gimbal .gimbal-dialog p { color:#434b56; }
.gimbal-story { position:relative; isolation:isolate; }
.gimbal-story picture { display:block; overflow:hidden; }
.gimbal-story picture img { display:block; width:100%; aspect-ratio:3/1; object-fit:cover; }
.gimbal .gimbal-story__copy { position:absolute; inset:0; width:calc(100% - 40px); max-width:none; display:flex; flex-direction:column; justify-content:center; }
.gimbal-story__copy h2 { max-width:53%; }
.gimbal-story__copy p { font-size:clamp(15px,1.8vw,22px); line-height:1.4; max-width:55%; margin-top:16px; }
.gimbal-story--performance .gimbal-story__copy p { max-width:min(45%,560px); }
.gimbal-story--tracking .gimbal-story__copy h2 { font-size:clamp(26px,3.6vw,44px); }
.gimbal-story--tracking h2::after { content:''; display:block; width:65px; height:4px; background:#458a98; margin-top:15px; }
.gimbal-story--tracking .gimbal-story__copy p { max-width:44%; font-size:clamp(14px,1.4vw,18px); }
.gimbal .gimbal-features { padding:20px 0 12px; }
.gimbal .gimbal-heading { text-align:center; color:var(--gimbal-ink); font-family:Poppins,Arial,sans-serif; font-size:clamp(29px,3.5vw,42px); font-weight:650; line-height:1.2; }
.gimbal-heading::after { content:''; display:block; width:88px; height:2px; background:#55a4ff; margin:14px auto; }
.gimbal-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.gimbal-feature { background:linear-gradient(120deg,#f7f8fc,#f0f2f8); border-radius:15px; padding:30px 24px; display:flex; gap:20px; align-items:center; min-height:126px; }
.gimbal-icon { flex:0 0 45px; width:45px; height:45px; color:var(--gimbal-blue); }
.gimbal-feature h3 { color:var(--gimbal-ink); font-family:Poppins,Arial,sans-serif; font-size:15px; font-weight:600; line-height:1.4; margin-bottom:5px; }
.gimbal-feature p { color:#626b83; font-family:Poppins,Arial,sans-serif; font-size:13px; line-height:1.5; }
@keyframes gimbal-enter { from { opacity:0; transform:translateY(-18px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:no-preference) {
 .gimbal-hero__image { animation:gimbal-enter .7s ease-out both; }
 .gimbal-hero__copy { animation:gimbal-enter .7s .12s ease-out both; }
 .gimbal.gimbal-motion-ready .gimbal-reveal { opacity:0; translate:0 -20px; transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1),transform .25s ease,box-shadow .25s ease; }
 .gimbal.gimbal-motion-ready .gimbal-reveal.is-visible { opacity:1; translate:0 0; }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .gimbal-story picture img { transition:transform .7s ease; }
 .gimbal-story:hover picture img { transform:scale(1.012); }
 .gimbal-feature,.gimbal-benefits article { transition:transform .25s ease,box-shadow .25s ease; }
 .gimbal-feature:hover,.gimbal-benefits article:hover { transform:translateY(-3px); box-shadow:0 10px 22px #324d811c; }
}
.gimbal .gimbal-integration { background:#eaf0fc url('/assets/images/gimbal/integration-bg.webp') center/cover; padding:35px 0 26px; color:var(--gimbal-ink); text-align:center; }
.gimbal .gimbal-integration .gimbal-wrap { max-width:1280px; width:calc(100% - 32px); }
.gimbal-integration .gimbal-heading { font-size:clamp(36px,4.8vw,58px); }
.gimbal-integration .gimbal-heading::after { margin:4px auto 10px; }
.gimbal-integration h3 { font-family:Poppins,Arial,sans-serif; font-size:clamp(20px,2.5vw,29px); font-weight:600; }
.gimbal .gimbal-integration__subtitle { font-family:Poppins,Arial,sans-serif; color:#67708b; margin-top:4px; font-size:18px; }
.gimbal-equation { display:grid; grid-template-columns:1fr 30px .8fr 30px 1fr 35px 1.5fr; align-items:center; gap:18px; max-width:1060px; margin:12px auto 25px; }
.gimbal-equation>img { width:100%; height:205px; object-fit:contain; }
.gimbal-equation>span { color:#188bff; font-size:42px; font-weight:300; }
.gimbal-qgc img { display:block; width:85px; height:85px; object-fit:contain; margin:0 auto 7px; }
.gimbal-qgc strong { font-size:18px; letter-spacing:-.7px; }
.gimbal-benefits { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; }
.gimbal-benefits article { background:linear-gradient(145deg,#ffffffbd,#f5f7fcaf); border:1px solid #ffffff80; border-radius:18px; padding:10px 8px; box-shadow:0 3px 8px #324d8110; }
.gimbal-benefits .gimbal-icon { width:34px; height:34px; margin-bottom:3px; }
.gimbal-benefits h4 { font-family:Poppins,Arial,sans-serif; font-size:12px; font-weight:600; line-height:1.2; margin-bottom:3px; }
.gimbal-benefits p { color:#65708d; font-size:11px; line-height:1.25; max-width:145px; margin:auto; }
.gimbal .gimbal-specs { padding:34px 0 16px; }
.gimbal-specs h2 { font-size:clamp(29px,3.6vw,43px); margin-bottom:12px; }
.gimbal-specs table { width:100%; border-collapse:collapse; font-size:19px; line-height:1.45; }
.gimbal-specs th,.gimbal-specs td { padding:22px 0; border-bottom:1px solid #247e90; text-align:left; vertical-align:top; font-weight:400; }
.gimbal-specs th { width:35%; padding-right:28px; }
.gimbal .section-sponsor { padding:60px 0; background:#fafafa; }
.gimbal .section-sponsor .sponsor-list { margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 16px; }
.gimbal .section-sponsor .sponsor-list a { display:flex; align-items:center; justify-content:center; width:120px; min-height:82px; margin:0!important; }
.gimbal .section-sponsor .sponsor-list img { width:88px; max-width:88px; height:auto; max-height:none; object-fit:contain; margin:0!important; }
.gimbal .section-supported { padding:80px 0; }
.gimbal .section-supported .supported-col-content img { width:auto; max-width:72px; max-height:58px; height:auto; object-fit:contain; }
.gimbal .gimbal-gallery { padding:30px 0 80px; }
.gimbal .gallery { padding:55px 0 75px; }
.gimbal .gallery .title { color:#25282d; font-size:32px; }
.gimbal .gallery-image { background-position:center; }
.gimbal .gallery-video-pending { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.5)); cursor:pointer; text-align:left; }
.gimbal .gallery-video-pending .ion-play { color:white; width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:2px solid white; border-radius:50%; position:absolute; left:16px; bottom:16px; font-size:23px; }
.gimbal-gallery h2 { font-size:30px; margin-bottom:20px; }
.gimbal-gallery__grid { display:grid; grid-template-columns:1fr 2fr; gap:24px; }
.gimbal-gallery__grid img { width:100%; height:340px; object-fit:cover; border-radius:2px; }
.gimbal-gallery__grid img:first-child { object-fit:contain; background:#f5f6f8; mix-blend-mode:multiply; }
@media(min-width:1600px){.gimbal-story picture img{max-height:580px}.gimbal-story__copy p{max-width:48%}}
@media(max-width:991px){
 .gimbal .gimbal-wrap{width:calc(100% - 48px)}
 .gimbal .gimbal-hero{padding-top:90px}.gimbal-hero__grid{min-height:320px}.gimbal .gimbal-hero__image{height:300px;width:280px}
 .gimbal-feature{padding:23px 18px;gap:14px;min-height:115px}.gimbal-feature-grid{gap:18px}.gimbal-feature h3{font-size:12px}.gimbal-feature p{font-size:11px}.gimbal-icon{width:37px;height:37px;flex-basis:37px}
 .gimbal-equation{gap:10px;grid-template-columns:1fr 20px .8fr 20px 1fr 25px 1.4fr}.gimbal-equation>img{height:160px}.gimbal-qgc strong{font-size:14px}.gimbal-qgc img{width:70px;height:70px}
 .gimbal-benefits article{padding:10px 8px;border-radius:18px}.gimbal-benefits .gimbal-icon{width:34px;height:34px;margin-bottom:3px}.gimbal-benefits h4{font-size:12px;line-height:1.2;margin-bottom:3px}.gimbal-benefits p{font-size:11px;line-height:1.25}.gimbal-specs table{font-size:17px}
}
@media(max-width:640px){
 .gimbal .gimbal-wrap{width:calc(100% - 36px)}
 .gimbal .gimbal-hero{padding:30px 0}.gimbal-hero__grid{grid-template-columns:1fr;text-align:center}.gimbal .gimbal-hero__image{height:260px;width:240px}.gimbal-hero__copy{padding:18px 0 0}.gimbal h1{font-size:42px}.gimbal .gimbal-subtitle{font-size:19px;margin:10px 0 20px}.gimbal-nav{justify-content:center;margin-top:25px;row-gap:14px}.gimbal-tools{justify-content:center}.gimbal-tools a,.gimbal-tools button{font-size:12px;padding:10px}.gimbal-nav a,.gimbal-nav button{font-size:13px;padding-inline:10px}
 .gimbal-story{display:flex;flex-direction:column;background:#e9edf5}.gimbal .gimbal-story__copy{position:static;order:-1;padding:28px 0 12px}.gimbal-story__copy h2,.gimbal-story--tracking .gimbal-story__copy h2{font-size:29px;max-width:100%}.gimbal-story__copy p,.gimbal-story--tracking .gimbal-story__copy p,.gimbal-story--performance .gimbal-story__copy p{max-width:100%;font-size:15px;margin-top:12px}.gimbal-story picture img{aspect-ratio:2.5/1;object-position:right center}
 .gimbal .gimbal-features{padding:28px 0}.gimbal-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gimbal-feature{padding:18px 14px;display:block}.gimbal-feature .gimbal-icon{margin-bottom:10px}.gimbal-feature h3{font-size:13px}.gimbal-feature p{font-size:12px}
 .gimbal-integration h3{font-size:19px}.gimbal .gimbal-integration__subtitle{font-size:14px}.gimbal-equation{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:3px;margin:18px 0}.gimbal-equation>img{height:130px}.gimbal-equation>span{font-size:27px}.gimbal-equation>span:nth-last-child(2){display:none}.gimbal-equation .gimbal-laptop{grid-column:1/-1;height:170px;margin-top:16px}.gimbal-qgc img{width:50px;height:50px}.gimbal-qgc strong{font-size:11px;letter-spacing:-.4px}.gimbal-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gimbal-benefits article:last-child{grid-column:1/-1}.gimbal-benefits h4{font-size:13px}
 .gimbal-specs table{font-size:14px}.gimbal-specs th{width:40%;padding-right:15px}.gimbal-specs th,.gimbal-specs td{padding-top:17px;padding-bottom:17px;overflow-wrap:anywhere}
 .gimbal .section-sponsor .title h4,.gimbal .section-supported .title h4{font-size:32px}.gimbal .section-sponsor .sponsor-list{gap:12px 8px;margin-top:32px}.gimbal .section-sponsor .sponsor-list a{width:92px;min-height:65px}.gimbal .section-sponsor .sponsor-list img{width:80px;max-width:80px}.gimbal .section-supported{padding:55px 0}.gimbal .supported-col{margin-bottom:30px}.gimbal .supported-col-content{margin-top:18px}.gimbal-gallery__grid{grid-template-columns:1fr}.gimbal-gallery__grid img{height:240px}
}
@media(prefers-reduced-motion:reduce){.gimbal *{animation:none!important;transition:none!important}}