@font-face{font-family:Montserrat;src:url("../../contact/fonts/montserrat-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url("../../contact/fonts/inter-latin-variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
.qa-lab-page{background:#08090b;color:#f5f5f5;font-family:Inter,Arial,sans-serif}
.qa-lab-page main{overflow:clip}
.ql-shell{width:min(1600px,88%);margin-inline:auto}
.ql-section{padding:76px 0;border-top:1px solid #ffffff18}
.ql-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.65fr);gap:46px;align-items:center}
.qa-lab-page main h1,.qa-lab-page main h2,.qa-lab-page main h3{font-family:Montserrat,Arial,sans-serif;text-align:left}
.qa-lab-page main h1{font-size:clamp(46px,4.4vw,76px);font-weight:800;line-height:1.03;letter-spacing:-.055em;margin:0 0 26px}
.qa-lab-page main h2{font-size:clamp(30px,2.7vw,44px);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0 0 22px}
.qa-lab-page main h3{font-size:20px;font-weight:650;line-height:1.25;letter-spacing:-.025em;margin:0 0 12px}
.qa-lab-page main p{font-size:16px;line-height:1.7;color:#b5b5ba}
.qa-lab-page main em{display:block;color:#ff7034;font-style:normal}
.qa-lab-page main .ql-eyebrow{font:700 12px/1.65 Montserrat,Arial,sans-serif;letter-spacing:.16em;color:#ff7034;text-align:left;margin:0 0 17px;align-self:flex-start;justify-self:start}
.ql-actions{display:flex;gap:14px;flex-wrap:wrap}
.ql-button,.ql-button:visited{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:52px;padding:17px 22px;border:1px solid #707075;border-radius:4px;background:#08090b99;color:#f5f5f5;text-decoration:none;font:750 11px/1.5 Montserrat,Arial,sans-serif;letter-spacing:.065em;transition:background .2s,color .2s,border-color .2s}
.ql-button span{font-size:23px;line-height:1;color:#ff7034}
.ql-button--primary,.ql-button--primary:visited{background:#ff7034;border-color:#ff7034;color:#08090b}
.ql-button--primary span{color:#08090b}
.ql-button:hover{background:#ff986d;color:#08090b;border-color:#ff986d}
.ql-button:hover span{color:#08090b}
.qa-lab-page a:focus-visible,.ql-faq summary:focus-visible{outline:2px solid #ff7034;outline-offset:5px}
.ql-skip{position:fixed;top:10px;left:10px;z-index:100;transform:translateY(-200%);padding:15px;background:#ff7034;color:#08090b}
.ql-skip:focus{transform:none}
.ql-hero{position:relative;isolation:isolate;min-height:790px;display:flex;align-items:center;padding:150px 0 90px}
.ql-hero-copy{position:relative;pointer-events:none}
.ql-hero-copy>h1,.ql-hero-copy>.ql-intro,.ql-hero-copy>.ql-actions{max-width:46%}
.ql-hero-copy a{pointer-events:auto}
.qa-lab-page main .ql-intro{font-size:18px;color:#d5d5d9;margin:0 0 30px;max-width:44%;line-height:1.7}
.ql-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ql-scene-map{display:block;width:100%;height:100%}
.ql-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090b9c,transparent 60%),linear-gradient(0deg,#08090b,transparent 20%);pointer-events:none}
.ql-screen-light{fill:none;pointer-events:none}
.ql-proof{display:flex;flex-wrap:wrap;gap:16px 24px;list-style:none;padding:0;margin:28px 0 0;max-width:48%;font-size:14px;color:#d0d0d5}
.ql-proof li{display:flex;gap:8px;align-items:center}
.ql-proof li::before{content:"";width:9px;height:9px;border:1px solid #ff7034;border-radius:50%;box-shadow:inset 0 0 0 2px #08090b;background:#ff7034}
.ql-diagnostic{position:absolute;z-index:1;width:190px;padding:18px;border:1px solid #6d4c3b;background:linear-gradient(140deg,#242428e8,#08090bf2);box-shadow:7px 9px 0 #02030488,0 20px 40px #0009;border-radius:5px;transform:perspective(800px) rotateY(12deg) rotateZ(-3deg)}
.ql-diagnostic--testing{left:47%;top:24%}
.ql-diagnostic--issue{right:2%;bottom:10%;width:235px;transform:perspective(800px) rotateY(-12deg) rotateZ(3deg)}
.ql-diagnostic>span{font:700 9px/1.6 Montserrat;color:#ff9b6e;letter-spacing:.08em}
.ql-diagnostic strong{display:block;font-size:14px;line-height:1.4;margin-top:8px}
.ql-diagnostic ul{font-size:12px;line-height:1.8;padding-left:14px;margin-bottom:0;color:#c9c9ce}
.qa-lab-page main .ql-diagnostic p{font-size:12px;line-height:1.5;margin-bottom:0}
.qa-lab-page main .ql-demo-label{position:absolute;bottom:16px;right:6%;font:600 10px/1.6 Montserrat;letter-spacing:.1em;margin:0;color:#b5b5ba}
.ql-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.ql-platform{min-width:0;border-bottom:1px solid #ffffff25;padding-bottom:12px}
.ql-platform p{margin-bottom:8px}
.ql-device{position:relative;height:165px;perspective:700px;margin-bottom:24px;transition:transform .35s}
.ql-platform:hover .ql-device{transform:translateY(-4px)}
.ql-device-face,.ql-device-back{position:absolute;inset:12px 14% 14px;border:1px solid #8e8c91;border-radius:8px;transform:rotateY(-22deg) rotateX(10deg) rotateZ(-7deg);background:linear-gradient(135deg,#4b4a50,#111216 35%,#07080a);box-shadow:5px 6px 0 #17181c,6px 7px 0 #55453e,12px 20px 25px #000a;padding:12px}
.ql-device-back{inset:24px 7% 5px;opacity:.45;border-color:#ff7034}
.ql-device-face>i{display:block;height:4px;width:30%;background:#ff7034;border-radius:2px;margin-bottom:10px}
.ql-device-face>b{display:block;height:45%;background:linear-gradient(150deg,#191b20,#654332 70%,#ff7034);clip-path:polygon(0 50%,30% 10%,55% 60%,75% 0,100% 80%,100% 100%,0 100%)}
.ql-device-face>span{display:block;height:4px;margin-top:9px;background:#716965;width:80%}
.ql-device-face>span:last-child{width:50%;background:#ff7034}
.ql-device-base{position:absolute;bottom:0;left:8%;width:85%;height:15px;background:linear-gradient(#6d6664,#17181c);transform:skewX(-25deg);border-bottom:1px solid #ff70346b;box-shadow:0 12px 25px #ff703420}
.ql-device--phone .ql-device-face{inset:0 27% 5px;border-radius:13px;transform:rotateZ(14deg) rotateY(-10deg)}
.ql-device--phone .ql-device-back{inset:25px 47% 0 7%;transform:rotateZ(12deg)}
.ql-device--phone .ql-device-base{display:none}
.ql-device--laptop .ql-device-face{inset:28px 3% 25px}
.ql-device--tablet .ql-device-face{inset:8px 9% 18px;transform:rotateY(18deg) rotateZ(5deg)}
.ql-device--tablet .ql-device-face>b{clip-path:none;background:repeating-linear-gradient(0deg,#ff703455 0 2px,transparent 2px 12px);border-left:2px solid #ff7034}
.ql-device--release .ql-device-face{inset:14px 20% 16px;border-radius:50%;display:grid;place-items:center;transform:rotateY(-20deg)}
.ql-device--release .ql-device-face>i,.ql-device--release .ql-device-face>b,.ql-device--release .ql-device-face>span,.ql-device--release .ql-device-back{display:none}
.ql-device svg{width:65%;height:65%;color:#ff7034;filter:drop-shadow(0 0 5px #ff703450)}
.ql-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.ql-services article{display:flex;gap:16px;border-top:1px solid #ffffff24;padding-top:22px}
.ql-services svg{flex:0 0 30px;width:30px;height:30px;color:#ff7034}
.ql-services p{margin:0}
.ql-stages{--progress:1;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;position:relative;isolation:isolate}
.ql-stages::before,.ql-stages::after{content:"";position:absolute;left:10%;right:10%;top:54px;height:1px;z-index:-1;background:#554238}
.ql-stages::after{background:#ff7034;box-shadow:0 0 7px #ff703470;transform:scaleX(var(--progress));transform-origin:left}
.ql-module{position:relative;height:100px;width:105px;display:grid;place-items:center;margin:0 auto 32px;transform:perspective(700px) rotateX(9deg) rotateY(-13deg);border:1px solid #746f6c;background:linear-gradient(135deg,#4b4847,#17181c 35%,#08090b);border-radius:13px;box-shadow:6px 7px 0 #16171a,7px 8px 0 #59504a,0 15px 25px #0009}
.ql-module>span{position:absolute;top:8px;left:9px;font:700 12px/1 Montserrat;color:#ff7034}
.ql-module svg{width:37px;height:37px;color:#ff7034}
.ql-module i{position:absolute;bottom:7px;left:20%;right:20%;height:2px;background:#ff7034;box-shadow:0 0 7px #ff7034}
.ql-process.is-motion li:not(.is-active) .ql-module i{background:#665248;box-shadow:none}
.ql-process.is-motion li:not(.is-active) .ql-module svg{color:#a9a4a1}
.ql-stages p{margin:0}
.ql-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ql-project,.ql-project:visited{color:#f5f5f5;text-decoration:none;display:block;border-bottom:1px solid #534337;min-width:0}
.ql-project figure{margin:0;overflow:hidden;position:relative}
.ql-project img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.ql-project:hover img{transform:scale(1.025)}
.ql-project figcaption{position:absolute;bottom:0;left:0;right:0;background:#08090bdd;padding:8px 10px;font:600 9px/1.5 Montserrat;letter-spacing:.08em;color:#d0c9c5}
.ql-project>div{position:relative;padding:22px 20px 18px 0}
.ql-project-arrow{position:absolute;right:0;top:20px;color:#ff7034;font-size:24px}
.ql-project h3{padding-right:8px}
.ql-project p{margin:0}
.qa-lab-page main .ql-note{font-size:13px;margin-top:26px}
.ql-support{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.ql-support article{padding:24px 0;border-block:1px solid #ffffff20}
.ql-support article>span{display:block;font:700 11px/1.6 Montserrat;letter-spacing:.1em;color:#ff7034;margin-bottom:24px}
.ql-quote{grid-column:1/-1;display:flex;align-items:center;gap:25px;border-left:2px solid #ff7034;padding:10px 0 10px 24px}
.ql-quote p{max-width:46ch;margin:0}
.ql-faq{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}
.ql-faq details{border-bottom:1px solid #ffffff26}
.ql-faq summary{cursor:pointer;list-style:none;position:relative;padding:22px 26px 22px 0;font-size:16px;line-height:1.6}
.ql-faq summary::-webkit-details-marker{display:none}
.ql-faq summary:hover{color:#ff9b6e}
.ql-faq summary>span{position:absolute;right:0;top:29px;width:12px;height:12px}
.ql-faq summary>span::before,.ql-faq summary>span::after{content:"";position:absolute;top:5px;width:12px;height:1px;background:#ff7034}
.ql-faq summary>span::after{transform:rotate(90deg)}
.ql-faq details[open] summary>span::after{transform:none}
.ql-faq details p{margin:0;padding:0 20px 24px 0}
.ql-final{position:relative;isolation:isolate;min-height:440px;padding:86px 0;display:flex;align-items:center}
.ql-final picture{position:absolute;inset:0;z-index:-2}
.ql-final img{width:100%;height:100%;display:block;object-fit:cover;object-position:70% 55%}
.ql-final::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08090bf2,#08090ba8 45%,#08090b22)}
.ql-final-copy{width:53%;max-width:750px}
.ql-final-copy p{max-width:52ch;margin-bottom:28px}
@media(max-width:1200px){.ql-shell{width:90%}.ql-split{grid-template-columns:1fr;gap:36px}.ql-lead{max-width:690px}.ql-hero{min-height:760px}.ql-hero-copy>h1{max-width:48%}.ql-diagnostic--testing{left:47%;top:17%;width:165px}.ql-diagnostic--issue{bottom:7%;right:3%}.ql-section{padding:60px 0}}
@media(max-width:1024px){.ql-hero{display:flex;flex-direction:column;padding:125px 0 0;min-height:0}.ql-hero-copy{order:-1}.ql-hero-copy>h1,.ql-hero-copy>.ql-actions,.qa-lab-page main .ql-intro{max-width:680px}.ql-proof{max-width:100%}.ql-scene{position:relative;width:100%;height:auto;aspect-ratio:1.55;z-index:0;margin-top:28px}.ql-scene-map{height:100%;position:absolute;inset:0}.ql-scene::after{background:linear-gradient(0deg,#08090b,transparent 15%),linear-gradient(180deg,#08090b,transparent 10%)}.ql-diagnostic--testing{left:6%;top:25%}.ql-diagnostic--issue{right:5%;bottom:8%}.qa-lab-page main .ql-demo-label{position:static;align-self:flex-start;margin:10px 5% 24px;font-size:9px}.ql-final-copy{width:70%}}
@media(max-width:768px){.ql-shell{width:auto;margin-inline:24px}.ql-hero-copy{width:calc(100% - 48px)}.ql-section{padding:48px 0}.ql-platforms{grid-template-columns:1fr 1fr;gap:28px}.ql-services{grid-template-columns:1fr 1fr}.ql-stages{gap:22px}.ql-module{width:85px;height:85px}.ql-stages::before,.ql-stages::after{top:45px}.qa-lab-page main .ql-stages h3{font-size:18px}.ql-projects{gap:18px}.ql-project img{aspect-ratio:1}.ql-project figcaption{font-size:8px}.ql-support{gap:20px}.ql-final-copy{width:100%;max-width:630px}.ql-final::after{background:#08090baf}.ql-diagnostic--issue{display:none}.ql-diagnostic--testing{font-size:11px;width:160px;top:30%;left:3%}}
@media(max-width:480px){.ql-shell{margin-inline:22px}.ql-hero-copy{width:calc(100% - 44px)}.qa-lab-page main h1{font-size:42px}.qa-lab-page main h2{font-size:32px}.ql-actions{flex-direction:column;align-items:stretch}.ql-button{font-size:11px}.ql-proof{gap:14px 20px;font-size:13px}.qa-lab-page main .ql-intro{font-size:16px}.ql-scene{aspect-ratio:1.12}.ql-diagnostic{display:none}.ql-platforms{gap:24px 20px}.ql-device{height:140px}.qa-lab-page main .ql-platform h3{font-size:18px}.ql-services,.ql-projects,.ql-support,.ql-faq{grid-template-columns:1fr}.ql-services{gap:25px}.ql-stages{grid-template-columns:1fr;gap:28px}.ql-stages li{display:grid;grid-template-columns:85px 1fr;column-gap:24px}.ql-module{grid-row:span 2;margin:0}.ql-stages h3{align-self:end}.ql-stages::before,.ql-stages::after{left:42px;right:auto;top:30px;bottom:40px;width:1px;height:auto}.ql-stages::after{transform:scaleY(var(--progress));transform-origin:top}.ql-project img{aspect-ratio:16/9}.ql-project figcaption{font-size:10px}.ql-quote{display:block;padding-left:18px}.ql-quote p{margin-top:18px}.ql-support article{padding:22px 0}.ql-support article>span{margin-bottom:16px}.ql-final{padding:60px 0}.ql-faq{gap:0}}
@media(prefers-reduced-motion:reduce){.qa-lab-page main *{scroll-behavior:auto!important}.ql-device,.ql-button,.ql-project img{transition:none}.ql-platform:hover .ql-device,.ql-project:hover img{transform:none}.ql-scan-core{opacity:.6}}