.team-lab-page { background: #061427; }.header-back { justify-self: end; color: var(--cyan); font-size: 24px; text-decoration: none; }.lab-breadcrumbs { max-width: 1440px; margin: auto; padding: 22px 5vw 0; display: flex; gap: 9px; color: var(--steel); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }.lab-breadcrumbs a { padding: 0; color: var(--white); }.lab-breadcrumbs a::after { display: none; }.lab-hero { max-width: 1440px; min-height: 500px; margin: auto; padding: 66px 5vw 82px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 7vw; align-items: end; position: relative; overflow: hidden; }.lab-hero::after { content: "32"; position: absolute; right: -45px; bottom: -115px; color: rgba(243,245,247,.025); font: 900 500px/.8 var(--display); }.lab-hero > * { position: relative; z-index: 1; }.lab-hero h1,.compare-section h2 { margin: 0; font: 900 clamp(55px,7vw,105px)/.94 var(--display); letter-spacing: -.045em; text-transform: uppercase; overflow-wrap: anywhere; }.lab-hero h1 em,.compare-section em { color: var(--red); font-style: normal; }.compare-section h2 { font-size: clamp(48px,6vw,88px); line-height: 1; }.compare-section h2 em { display: inline-block; white-space: nowrap; }.lab-hero p:last-child { max-width: 700px; margin: 30px 0 0; color: #c7d1dd; font-size: 17px; line-height: 1.65; }.lab-hero dl { margin: 0; border: 1px solid var(--rule); background: rgba(8,26,51,.8); }.lab-hero dl div { padding: 20px 24px; border-bottom: 1px solid var(--rule); }.lab-hero dl div:last-child { border: 0; }.lab-hero dt { color: var(--cyan); font: 900 45px/1 var(--display); }.lab-hero dd { margin: 5px 0 0; color: var(--steel); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
.lab-workbench { padding: 78px 5vw 88px; background: var(--white); color: var(--navy); }.lab-heading { max-width: 1440px; margin: auto; display: flex; justify-content: space-between; align-items: end; gap: 24px; }.lab-heading h2 { margin: 0; font: 900 clamp(43px,5vw,70px)/.9 var(--display); text-transform: uppercase; }.lab-heading button { min-height: 42px; padding: 0 15px; border: 1px solid var(--navy); background: transparent; color: var(--navy); font-weight: 900; text-transform: uppercase; font-size: 10px; letter-spacing: .08em; cursor: pointer; }.lab-toolbar { max-width: 1440px; margin: 32px auto 16px; padding: 14px; display: grid; grid-template-columns: repeat(4, minmax(130px,1fr)) auto; gap: 12px; align-items: end; background: #e4e9ef; }.lab-toolbar label { color: #56667a; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.lab-toolbar select { display: block; width: 100%; min-height: 43px; margin-top: 6px; padding: 8px; border: 1px solid #c8d0da; background: white; color: var(--navy); }.lab-toolbar output { min-width: 145px; padding: 14px 8px; font: 900 10px var(--display); text-align: center; }.lab-note { max-width: 1440px; margin: 0 auto 16px; padding: 12px 15px; border-left: 3px solid var(--red); background: #fff3f3; color: #7d3034; font-size: 12px; }.lab-state { max-width: 1440px; margin: 20px auto; padding: 25px; color: #5d6e83; background: #edf1f5; }.lab-state--error { color: #9e3035; }.lab-table-wrap { max-width: 1440px; margin: auto; overflow-x: auto; border: 1px solid #d5dce5; }#lab-table { min-width: 760px; color: var(--navy); }#lab-table th,#lab-table td { padding: 15px 18px; border-color: #dbe1e8; }#lab-table th { color: #5c6e83; }#lab-table td:first-child { color: var(--red); }#lab-table td a { color: var(--navy); text-decoration-color: var(--cyan); }#lab-table td a:hover { color: var(--red); }#lab-table td strong { margin-right: 8px; color: var(--blue-2); }#lab-table td b { font-family: ui-monospace,monospace; }
.compare-section { padding: 84px 5vw; display: grid; grid-template-columns: .9fr 1.1fr; gap: 7vw; align-items: center; background: var(--blue); }.compare-section p:last-child { max-width: 500px; color: var(--steel); line-height: 1.65; }.compare-board { border: 1px solid rgba(33,212,253,.36); background: var(--navy); box-shadow: 14px 14px 0 rgba(224,68,74,.12); }.compare-controls { padding: 18px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; border-bottom: 1px solid var(--rule); }.compare-controls label { color: var(--steel); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }.compare-controls select { display: block; width: 100%; min-height: 43px; margin-top: 6px; padding: 8px; border: 1px solid var(--rule); background: #061427; color: var(--white); }.compare-result { min-height: 205px; padding: 25px; display: grid; place-content: center; color: var(--steel); text-align: center; }.compare-result:not(:empty) { grid-template-columns: 1fr auto 1fr; gap: 18px; align-items: center; }.compare-result article { display: grid; gap: 7px; text-align: left; }.compare-result span { color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.compare-result strong { font: 900 36px/1 var(--display); }.compare-result b { color: var(--white); font: 900 30px/1 ui-monospace,monospace; }.compare-result small { color: var(--steel); }.compare-result a { margin-top: 8px; color: var(--cyan); font-size: 11px; font-weight: 800; }.compare-versus { padding: 10px; border: 1px solid var(--red); color: var(--red); font: 900 14px var(--display); }.lab-method { padding: 55px 5vw; display: grid; grid-template-columns: .85fr 1.25fr 1fr; gap: 5vw; background: #061427; border-top: 1px solid var(--rule); }.lab-method span { color: var(--cyan); font-size: 9px; font-weight: 900; letter-spacing: .13em; }.lab-method strong { display: block; margin-top: 8px; font: 900 26px/1.05 var(--display); text-transform: uppercase; }.lab-method p,.lab-method li { color: var(--steel); font-size: 12px; line-height: 1.6; }.lab-method ul { margin: 0; padding-left: 18px; }.lab-links { display: grid; align-content: center; gap: 14px; }.lab-links a { color: var(--cyan); font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.lab-query-links,.compare-actions { display: grid; gap: 6px; }.lab-query-links a:last-child { color: #52667d; font-size: 10px; }.compare-actions { margin-top: 8px; }.compare-actions a { margin-top: 0; }.compare-actions a:last-child { color: var(--steel); font-size: 10px; }
@media (max-width: 900px) { .lab-hero,.compare-section { grid-template-columns: 1fr; }.lab-hero { min-height: 0; }.lab-toolbar { grid-template-columns: repeat(2,1fr); }.lab-method { grid-template-columns: 1fr; }.compare-section h2 { font-size: 64px; } }@media (max-width: 640px) { .lab-breadcrumbs { padding-inline: 18px; }.lab-hero,.lab-workbench,.compare-section,.lab-method { padding-left: 18px; padding-right: 18px; }.lab-hero h1 { font-size: 58px; line-height: 1; }.lab-heading { align-items: flex-start; flex-direction: column; }.lab-toolbar { grid-template-columns: 1fr; }.lab-toolbar output { text-align: left; }.compare-controls { grid-template-columns: 1fr; }.compare-result:not(:empty) { grid-template-columns: 1fr; text-align: center; }.compare-result article { text-align: center; }.compare-versus { justify-self: center; } }
.compare-section h2 em { letter-spacing: -.025em; word-spacing: .1em; }
@media (max-width: 640px) { .compare-section h2 { font-size: clamp(44px,13.5vw,58px); } }