/* One geometric opening; loaded only on the NL to SQL sample. */
.nl-sql-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:30px;padding:40px 0 48px;min-height:560px}
.research-page .nl-sql-opening .page-head{padding:0;margin:0;border:0;min-width:0}
.nl-sql-opening .breadcrumb{margin-bottom:32px}
.research-page .nl-sql-opening h1{font-size:clamp(40px,4.2vw,64px);line-height:1.06;letter-spacing:-.035em;margin:0 0 22px;font-weight:600}
.research-page .nl-sql-opening .page-head>p:not(.tech-intro){font-size:23px;line-height:1.5;letter-spacing:-.02em;color:#17212e;max-width:25ch;margin:0 0 14px;text-wrap:balance}
.research-page .nl-sql-opening .tech-intro{font-size:16px;line-height:1.8;max-width:54ch;margin:0}
.nl-sql-opening .buttons{margin-top:26px}
.qm-opening{margin:0;min-width:0;color:#17212e;align-self:center}
.qm-motion-stage{position:relative;aspect-ratio:5/4;isolation:isolate;contain:layout paint}
.qm-motion-poster,.qm-motion-canvas{display:block;width:100%;height:100%}
.qm-motion-canvas{position:absolute;inset:0}
.qm-opening [hidden]{display:none!important}
.qm-opening figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-top:1px solid #e3e8ee;padding:10px 0 0}
.qm-opening figcaption p{margin:0;font-size:14px;line-height:22px;color:#465c77;min-height:22px}
.qm-motion-controls{display:flex;gap:6px;flex-shrink:0}
.qm-motion-controls button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:4px;font:inherit;font-size:12px;line-height:18px;color:#465c77;cursor:pointer}
.qm-motion-controls svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.qm-motion-controls button:hover{color:#17212e;background:#edf1f8}
.qm-motion-controls button:focus-visible{outline:2px solid #2457e6;outline-offset:3px}
.qm-motion-controls button[aria-pressed="true"]{background:#e8eefb;color:#1d47bc}
.research-application{border-top:1px solid #e3e8ee;margin-top:26px;padding-top:24px}
.research-application h4{font-size:19px;line-height:28px;font-weight:600;letter-spacing:-.02em;margin:0 0 10px;color:#17212e}
.research-page .research-setup{margin-top:9px;font-size:12px;line-height:21px}
@media(max-width:1100px){
 .nl-sql-opening{gap:20px;min-height:510px}
 .qm-opening figcaption{align-items:flex-start;flex-direction:column;gap:4px}
 .qm-motion-controls{align-self:flex-end}
}
@media(max-width:780px){
 .nl-sql-opening{grid-template-columns:1fr;gap:4px;padding:26px 0 30px;min-height:0}
 .nl-sql-opening .breadcrumb{margin-bottom:25px}
 .research-page .nl-sql-opening h1{font-size:46px;margin-bottom:18px}
 .research-page .nl-sql-opening .page-head>p:not(.tech-intro){font-size:22px;max-width:28ch}
 .research-page .nl-sql-opening .tech-intro{font-size:15px;line-height:1.8}
 .qm-opening{width:100%;max-width:530px;justify-self:center;margin-top:5px}
 .qm-motion-stage{aspect-ratio:5/4}
 .qm-opening figcaption{gap:6px;padding-top:8px}
 .qm-opening figcaption p{font-size:13px}
 .qm-motion-controls button{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.qm-motion-controls button{transition:none}}