:root{--bg: #03080d; --bg-elevated: #08111c; --border: #b8d9ff22; --accent: #b5d9fc; --accent-soft: #98caff12; --accent-warm: #9fbddc; --text: #e7eff8; --muted: #9baec1; --radius: 14px;}
html{background: rgb(3, 8, 13); scroll-behavior: smooth; color-scheme: dark;}
body{background: transparent; isolation: isolate; min-width: 320px;}
body::before, body::after{display: none !important;}
.singularity-background{position: fixed; inset: 0px; width: 100%; height: 100%; display: block; z-index: -1; pointer-events: none; background: radial-gradient(at 50% 55%, rgb(8, 26, 41), rgb(3, 8, 13) 75%); opacity: 1 !important;}
#brand-flight{display: none;}
[hidden]{display: none !important;}
.header-area, .page-section{transition: opacity 0.85s, visibility 0.85s;}
.intro-pending .header-area, .intro-pending .page-section.active{pointer-events: none; opacity: 0 !important; visibility: hidden !important;}
.header-area{position: fixed; top: 0px; left: 0px; width: 100%; height: 86px; padding: 0px 5vw; border: 0px; z-index: 1000; pointer-events: auto; background: linear-gradient(rgba(3, 8, 13, 0.91), rgba(3, 8, 13, 0)) !important;}
.header-area .header-logo{left: 5vw;}
.header-area .logo img{width: 148px; height: auto;}
.page-section{padding-top: 112px;}
.main-content-wrapper{max-width: 1160px; padding: 36px 28px 80px;}
.section-heading{font-size: clamp(30px, 4vw, 48px); letter-spacing: -0.035em; font-weight: 400; text-transform: none; color: rgb(229, 239, 249); background: none; -webkit-text-fill-color: currentcolor; text-shadow: none; animation: auto ease 0s 1 normal none running none;}
.details-section{background: rgba(6, 17, 30, 0.933); border-color: rgba(163, 200, 237, 0.145); box-shadow: none; border-radius: 12px;}
.details-section h4{color: rgb(190, 221, 251);}
.details-section p, .details-section li{color: rgb(178, 192, 207);}
input, textarea, select{color: rgb(222, 235, 248) !important; background-color: rgb(3, 12, 23) !important; border-color: rgba(181, 217, 252, 0.19) !important;}
a:focus-visible, button:focus-visible{outline: rgb(181, 217, 252) solid 2px; outline-offset: 5px;}
@media (max-width: 760px) {.header-area{height: 72px;}
.header-area .logo img{width: 125px;}
.page-section{padding-top: 86px;}
.main-content-wrapper{padding-inline: 20px;}}
@media (prefers-reduced-motion: reduce) {*{scroll-behavior: auto !important;}
.header-area, .page-section{transition: none !important;}}
.singularity-background{transition: opacity 1.2s;}
.intro-complete .singularity-background{opacity: 0.46 !important;}
.page-section, .page-section.active{position: relative; flex: 0 0 auto; padding-top: 40px; scroll-margin-top: 100px; display: block !important; opacity: 1 !important; visibility: visible !important;}
.intro-pending .page-section{pointer-events: none; opacity: 0 !important; visibility: hidden !important;}
.main-content-wrapper{max-width: 1360px; padding: 44px 36px 56px;}
.section-heading{font-size: clamp(32px, 3.7vw, 54px); margin-bottom: 18px;}
.details-section{padding: 32px 36px;}
.details-section p, .details-section li{font-size: 16px; line-height: 1.85;}
@media (max-width: 760px) { .main-content-wrapper{padding-inline: 20px;}
.page-section{scroll-margin-top: 80px;}
.details-section{padding: 24px 20px;}
.details-section p, .details-section li{font-size: 15px;}}
@media (prefers-reduced-motion: reduce) {.singularity-background{transition: none; transform: none; opacity: 1;}}
.header-area{border-bottom: 1px solid rgba(189, 220, 255, 0.07); background: rgba(3, 8, 13, 0.95) !important;}
.details-section img, .details-section object{border-color: rgba(165, 200, 229, 0.267); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 24px;}
:root{--bg-elevated: #101419; --border: #becbd633; --accent: #c3d5e6; --accent-soft: #bfcedf12; --accent-warm: #b7c9da; --text: #e9edf2; --muted: #a4b0bd;}
.section-heading{border-bottom-color: rgba(183, 199, 212, 0.23); border-bottom-width: 1px;}
.details-section{background: linear-gradient(145deg, rgba(23, 28, 34, 0.92), rgba(11, 15, 20, 0.93)); border: 1px solid rgba(197, 208, 219, 0.14); box-shadow: rgba(227, 237, 244, 0.04) 0px 1px 0px inset;}
.details-section p, .details-section li{color: rgb(179, 190, 202);}
.details-section img, .details-section object{border-color: rgba(191, 204, 217, 0.25); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 24px;}
.card{background: linear-gradient(145deg, rgb(27, 32, 39), rgb(12, 17, 23)); border-color: rgba(197, 208, 219, 0.157);}
.details-section .table{background: rgba(17, 23, 29, 0.92);}
.details-section .table th{background: rgba(189, 206, 221, 0.07); color: rgb(214, 228, 240); border-color: rgba(183, 203, 220, 0.25);}
input, textarea, select{background-color: rgb(11, 16, 22) !important; border-color: rgba(197, 208, 219, 0.21) !important;}
.header-area{top: 24px; left: 5vw; width: 148px; height: 28px; padding: 0px; border: 0px; transform: none; opacity: 1; background: transparent !important;}
.header-area .header-logo{position: static; transform: none;}
.header-area .logo{padding: 0px; display: block; line-height: 1;}
.header-area .logo img{display: block; width: 148px;}
html{scroll-snap-type: none; scroll-padding-top: 76px;}
.page-section{scroll-snap-align: start; scroll-snap-stop: normal; scroll-margin-top: 0px; min-height: calc(-76px + 100svh);}
@media (max-width: 760px) {.header-area{top: 22px; left: 20px; width: 125px; height: 22px;}
.header-area .logo img{width: 125px;}
html{scroll-padding-top: 68px;}
.page-section{min-height: calc(-68px + 100svh); scroll-margin-top: 0px;}}
@media (prefers-reduced-motion: reduce) {html{scroll-snap-type: none;}}
html[data-navigation="scroll"]{scroll-snap-type: none; scroll-padding-top: 100px;}
[data-navigation="scroll"] .header-area{top: 0px; left: 0px; width: 100%; height: 86px; padding: 0px 5vw; border-bottom: 1px solid rgba(189, 220, 255, 0.07); background: rgba(3, 8, 13, 0.95) !important;}
[data-navigation="scroll"] .header-area .header-logo{position: absolute; left: 5vw; top: 50%; transform: translateY(-50%);}
@media (max-width: 760px) {[data-navigation="scroll"] .header-area{height: 72px;}
html[data-navigation="scroll"]{scroll-padding-top: 80px;}}
html.intro-pending{overflow: hidden;}
#intro-instruments{position: fixed; z-index: 5; top: 32svh; left: 50%; width: min(680px, 92vw, 78svh); transform: translate(-50%, 14px); opacity: 0; visibility: hidden; color: rgb(255, 171, 99); text-align: center; pointer-events: none; transition: opacity 0.9s, transform 0.9s, visibility 0.9s;}
.intro-instruments-ready #intro-instruments{opacity: 1; visibility: visible; transform: translate(-50%, 0px);}
.intro-complete #intro-instruments{opacity: 0; visibility: hidden; transform: translate(-50%, -12px);}
.intro-dials{display: grid; grid-template-columns: 1fr 1fr; gap: 32px;}
.dial-label{font: 500 14px Inter, system-ui, sans-serif; letter-spacing: 0.04em; color: rgb(241, 181, 129); margin-bottom: 10px;}
.intro-dial svg{display: block; width: 100%; overflow: visible;}
.dial-face{fill: rgba(9, 11, 16, 0.86); stroke: rgba(153, 168, 179, 0.16); stroke-width: 1;}
.intro-dial .minor{stroke: rgb(189, 119, 61); stroke-width: 1;}
.intro-dial .major{stroke: rgb(255, 185, 121); stroke-width: 2;}
.intro-dial text{fill: rgb(231, 169, 111); text-anchor: middle; font: 12px Inter, system-ui, sans-serif;}
.dial-needle{transform-origin: 140px 140px; transition: transform 0.33s linear;}
.needle-halo{stroke: rgba(255, 142, 54, 0.15); stroke-width: 10; fill: none;}
.needle{fill: rgb(255, 176, 95); stroke: rgb(255, 213, 166); stroke-width: 0.6;}
.needle-hub{fill: rgb(230, 165, 105); stroke: rgb(255, 226, 187); stroke-width: 1.5;}
.intro-ratio{display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 4px;}
.intro-ratio > span{font: 500 13px Inter, system-ui, sans-serif; letter-spacing: 0.06em; color: rgb(230, 173, 123);}
.intro-ratio strong{font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-size: 46px; line-height: normal; font-family: "JetBrains Mono", monospace; color: rgb(255, 177, 107); text-shadow: rgba(255, 150, 37, 0.17) 0px 0px 12px;}
.intro-ratio small{font: 11px Inter, system-ui, sans-serif; color: rgb(164, 165, 168);}
.intro-scroll-cue{margin-top: 28px; font: 11px Inter, system-ui, sans-serif; letter-spacing: 0.13em; color: rgb(161, 168, 176);}
.intro-scroll-cue span{display: block; font-size: 20px; margin-top: 7px; color: rgb(195, 203, 211);}
@media (max-width: 760px) {#intro-instruments{top: 29svh; width: min(500px, 94vw);}
.intro-dials{gap: 8px;}
.dial-label{font-size: clamp(10px, 2.7vw, 13px); letter-spacing: 0px;}
.intro-ratio{margin-top: 14px;}
.intro-ratio strong{font-size: 38px;}
.intro-scroll-cue{margin-top: 28px;}}
@media (max-height: 650px) and (min-width: 761px) {#intro-instruments{top: 32svh; width: min(470px, 75svh);}
.intro-ratio strong{font-size: 30px;}
.intro-scroll-cue{margin-top: 12px;}}
@media (prefers-reduced-motion: reduce) {#intro-instruments, .dial-needle{transition: none;}}
.intro-dials{gap: 30px;}
.intro-dial .dial-face{stroke: rgb(9, 11, 14); stroke-width: 4;}
.inner-track{fill: none; stroke: rgba(164, 168, 173, 0.11); stroke-width: 1; stroke-dasharray: 2, 5;}
.intro-dial .minor{stroke: rgb(208, 155, 104); stroke-width: 2;}
.intro-dial .major{stroke: rgb(255, 224, 180); stroke-width: 4;}
.intro-dial .limit-tick{stroke: rgb(255, 124, 73);}
.intro-dial .scale-number{font: italic bold 20px "JetBrains Mono", monospace; fill: rgb(246, 215, 181); letter-spacing: -1px;}
.dial-needle{transition: transform 35ms linear;}
.needle-halo{stroke: rgba(255, 112, 22, 0.2); stroke-width: 12;}
.needle{fill: rgb(255, 142, 54); stroke: rgb(255, 194, 124); stroke-width: 0.8;}
.needle-spine{stroke: rgb(255, 226, 178); stroke-width: 1.5;}
.needle-hub{fill: rgb(51, 52, 59); stroke: rgb(207, 139, 80); stroke-width: 2;}
.hub-core{fill: rgb(255, 164, 87);}
.intro-dial .dial-label{font: 500 10px Inter, system-ui, sans-serif; fill: rgb(184, 169, 154); letter-spacing: 0.35px;}
.intro-ratio{margin-top: 15px;}
@media (max-width: 760px) {.intro-dials{gap: 8px;}
.intro-ratio{margin-top: 20px;}}
@media (prefers-reduced-motion: reduce) {.dial-needle{transition: none;}}
.intro-dial .dial-face{stroke: none; opacity: 0.84;}
.intro-dial .limit-tick{stroke: rgb(255, 73, 59); stroke-width: 3;}
.intro-dial .major.limit-tick{stroke-width: 5;}
.intro-dial .scale-number{font-weight: 800; fill: rgb(255, 224, 181);}
.needle-halo{stroke: rgba(255, 128, 43, 0.25); stroke-width: 14;}
.needle{fill: rgb(255, 161, 73); stroke: rgb(255, 225, 161); stroke-width: 1;}
.intro-ratio{gap: 5px;}
.intro-ratio > span{font-size: 12px;}
.intro-scroll-cue{margin-top: 24px; display: flex; justify-content: center;}
.intro-scroll-cue svg{width: 22px; height: 30px; fill: none; stroke: rgb(201, 209, 219); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; animation: 2.2s ease-in-out 0s infinite normal none running intro-arrow-drift;}
@keyframes intro-arrow-drift {
  0%, 100% { transform: translateY(-4px); opacity: 0.6; }
  50% { transform: translateY(5px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {.intro-scroll-cue svg{animation: auto ease 0s 1 normal none running none;}}
.lcd-segment{fill: none; stroke: rgba(255, 173, 101, 0.11); stroke-width: 2.8; stroke-linecap: butt; stroke-linejoin: bevel;}
.lcd-segment.on{stroke: rgb(255, 193, 122);}
.lcd-dot{fill: rgb(255, 193, 122);}
.intro-dial .lcd-unit{font: 500 14px "JetBrains Mono", monospace; fill: rgb(255, 193, 122); text-anchor: start; letter-spacing: -0.6px;}
.dial-needle{transition: none;}
.lcd-segment{stroke: rgba(255, 152, 69, 0.1);}
.lcd-segment.on{stroke: rgb(255, 163, 82);}
.lcd-dot{fill: rgb(255, 163, 82);}
.intro-dial .lcd-unit{font: 500 11px "JetBrains Mono", monospace; fill: rgb(221, 177, 128); text-anchor: middle; letter-spacing: 0.15px;}
#intro-instruments{top: auto; bottom: 14svh; width: auto;}
#intro-instruments .intro-scroll-cue{margin: 0px;}
.compression-instruments{width: min(680px, 100%); margin: 12px auto 46px; color: rgb(255, 171, 99); text-align: center;}
.intro-complete .singularity-background{opacity: 0.3 !important;}
@media (max-width: 760px) {#intro-instruments{top: auto; bottom: 16svh; width: auto;}
.compression-instruments{margin: 4px auto 34px;}}
.intro-complete #intro-instruments .intro-scroll-cue svg{animation: auto ease 0s 1 normal none running none;}
#background-shade{position: fixed; inset: 0px; z-index: -1; pointer-events: none; background: rgb(0, 0, 0); opacity: 0; transition: opacity 1.2s;}
.intro-complete #background-shade{opacity: 0.9;}
.intro-complete .singularity-background{opacity: 1 !important;}
#intro-instruments{bottom: max(18px,env(safe-area-inset-bottom)); width: 150px;}
#intro-instruments .intro-scroll-cue svg{width: 110px; height: 68px; stroke-width: 2; animation: 1.8s ease-in-out 0s infinite normal none running intro-arrow-drift;}
@keyframes intro-arrow-drift {
  0%, 100% { transform: translateY(-16px); opacity: 0.7; }
  50% { transform: translateY(2px); opacity: 1; }
}
@media (max-width: 760px) {#intro-instruments{bottom: max(14px,env(safe-area-inset-bottom)); width: 130px;}
#intro-instruments .intro-scroll-cue svg{width: 96px; height: 62px;}}
@media (prefers-reduced-motion: reduce) {#background-shade{transition: none;}
#intro-instruments .intro-scroll-cue svg{animation: auto ease 0s 1 normal none running none;}}
.intro-complete #background-shade{opacity: 0.55;}
:root{--radius: 24px;}
.main-content-wrapper{max-width: 1280px; padding: 50px 36px 72px;}
.section-heading{max-width: 1020px; line-height: 1.13; font-size: clamp(34px, 4vw, 58px); border-bottom: 0px; margin-bottom: 20px; font-weight: 450;}
.details-section{border-radius: 24px; border-color: rgba(199, 213, 229, 0.165); background: linear-gradient(135deg, rgba(27, 34, 43, 0.863), rgba(13, 19, 27, 0.91)); box-shadow: rgba(227, 237, 244, 0.04) 0px 1px 0px inset, rgba(0, 0, 0, 0.08) 0px 16px 48px;}
.details-section{padding: 34px 38px; margin-bottom: 24px;}
.details-section p, .details-section li{font-size: 16px; line-height: 1.85; color: rgb(184, 196, 208);}
.details-section img, .details-section object{border-radius: 16px; margin-block: 24px; max-width: 100%; box-shadow: none;}
.details-section .table{margin: 0px; background: rgba(10, 17, 26, 0.8);}
.details-section .table th{background: rgba(191, 208, 226, 0.05); color: rgb(214, 226, 237); font-size: 12px; letter-spacing: 0.03em;}
.details-section .table td, .details-section .table th{padding: 17px 18px; border-color: rgba(199, 213, 229, 0.1);}
@media (max-width: 760px) {.main-content-wrapper{padding: 28px 20px 48px;}
.section-heading{font-size: 34px;}
.details-section{padding: 24px 22px; border-radius: 20px;}
.details-section p, .details-section li{font-size: 15px;}
.details-section .table td, .details-section .table th{padding: 14px;}}
.details-section canvas{max-width: 100%; box-sizing: border-box; border-radius: 16px; border-color: rgba(191, 208, 226, 0.2); box-shadow: none;}
html[data-navigation="flow"]{scroll-padding-top: 0px;}
#cost-calculator{scroll-margin-top: 76px;}
#intro-stage{height: 100svh; position: relative; pointer-events: none;}
.intro-view #background-shade{opacity: 0;}
.intro-complete #background-shade{opacity: 0.65;}
.intro-view.intro-complete #background-shade{opacity: 0;}
.intro-view .header-area, .intro-view .brochure-nav{pointer-events: none; opacity: 0 !important; visibility: hidden !important;}
.intro-view #intro-instruments{opacity: 1; visibility: visible; transform: translate(-50%, 0px);}
.intro-view #intro-instruments .intro-scroll-cue svg{animation: 1.8s ease-in-out 0s infinite normal none running intro-arrow-drift;}
.brochure-nav{position: fixed; top: 16px; right: 5vw; max-width: calc(-190px + 90vw); display: flex; gap: 4px; z-index: 900; padding: 7px; border: 1px solid rgba(192, 210, 225, 0.145); border-radius: 16px; background: rgba(16, 22, 30, 0.937); overflow: auto; scrollbar-width: none;}
.brochure-nav a{white-space: nowrap; padding: 10px 13px; color: rgb(169, 185, 200); font: 12px Inter, system-ui, sans-serif; border-radius: 10px; text-decoration: none;}
.brochure-nav a:hover, .brochure-nav a[aria-current]{background: rgba(189, 214, 237, 0.07); color: rgb(237, 244, 250);}
.intro-pending .brochure-nav{display: none;}
.page-section{scroll-margin-top: 80px !important;}
@media (max-width: 760px) {.brochure-nav{inset: auto 12px 12px; max-width: none; border-radius: 14px;}
.brochure-nav a{padding: 10px; font-size: 11px;}
.page-section{scroll-margin-top: 65px !important;}}
@media (prefers-reduced-motion: reduce) {.intro-view #intro-instruments .intro-scroll-cue svg{animation: auto ease 0s 1 normal none running none;}}
html.presentation-mode, html.presentation-mode body{height: 100%; overflow: hidden !important;}
.presentation-mode .page-section, .presentation-mode #intro-stage{inset: 0px; height: 100svh; min-height: 0px; pointer-events: none; transition: opacity 0.55s, visibility 0.55s; overflow: hidden; position: fixed !important; display: block !important; padding: 0px !important; margin: 0px !important; opacity: 0 !important; visibility: hidden !important;}
.presentation-mode .deck-slide.slide-active{pointer-events: auto; opacity: 1 !important; visibility: visible !important;}
.presentation-mode .page-section:not(.deck-slide){display: none !important;}
.slide-layout{width: min(1280px, 90vw); height: 100%; margin: auto; padding: 100px 0px 38px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 20px 70px; align-content: center; align-items: center; box-sizing: border-box;}
.slide-message h1{font: 450 clamp(35px, 4.4vw, 66px) / 1.06 Inter, system-ui, sans-serif; letter-spacing: -0.045em; color: rgb(229, 239, 248); margin: 15px 0px 22px;}
.slide-intro{font: 400 17px / 1.65 Inter, system-ui, sans-serif; color: rgb(167, 187, 205); max-width: 42ch; margin: 0px 0px 22px;}
.slide-visual{min-width: 0px;}
.slide-gauges .compression-instruments{width: 100%; margin: 0px;}
.slide-gauges .intro-ratio{margin-top: 8px;}
.slide-gauges .intro-ratio strong{font-size: 38px;}
.slide-documents{grid-column: 1 / -1; display: flex; gap: 30px; justify-content: flex-start; margin-top: 6px; padding-top: 18px; border-top: 1px solid rgba(170, 199, 223, 0.15);}
.slide-documents a{display: flex; align-items: center; gap: 13px; text-decoration: none; color: rgb(193, 215, 232); font: 13px Inter, system-ui, sans-serif;}
.slide-documents img{height: 72px; width: 51px; object-fit: cover; object-position: center top; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.467) 0px 3px 10px;}
.slide-documents span{display: flex; flex-direction: column; gap: 7px;}
.slide-documents small{font-size: 10px; color: rgb(120, 151, 177);}
.slide-dialog{width: min(1160px, 94vw); max-height: 88svh; padding: 0px; border: 1px solid rgba(175, 199, 220, 0.25); border-radius: 16px; background: rgb(12, 20, 31); color: rgb(192, 208, 223); box-shadow: rgba(0, 0, 0, 0.6) 0px 25px 100px; overflow: hidden;}
.slide-dialog::backdrop{background: rgba(2, 6, 12, 0.875);}
.slide-dialog > header{display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 26px; border-bottom: 1px solid rgba(186, 211, 229, 0.153);}
.slide-dialog h2{margin: 0px; font: 400 22px Inter, system-ui, sans-serif;}
.dialog-close{border: 0px; background: none; color: rgb(187, 209, 225); font-size: 30px; cursor: pointer; padding: 0px 10px;}
.slide-dialog-body{overflow: auto; max-height: calc(-78px + 88svh); padding: 24px; overscroll-behavior: contain;}
.slide-dialog .details-section{margin-bottom: 20px;}
.slide-dialog .main-content-wrapper{opacity: 1 !important; transform: none !important;}
.slide-dialog .page-section{position: static !important; display: block !important; visibility: visible !important; opacity: 1 !important;}
@media (max-height: 760px) and (min-width: 761px) {.slide-layout{padding-top: 82px; row-gap: 10px;}
.slide-message h1{font-size: 44px;}
.slide-intro{font-size: 15px;}
.slide-gauges .compression-instruments{max-width: 440px; margin: auto;}
.slide-gauges .intro-ratio strong{font-size: 30px;}
.slide-documents img{height: 55px; width: 40px;}}
@media (max-width: 760px) {.slide-layout{width: calc(100% - 40px); padding: 72px 0px 76px; grid-template-columns: 1fr; gap: 14px; align-content: center;}
.slide-message h1{font-size: clamp(25px, 6.8vw, 36px); margin: 8px 0px 12px;}
.slide-intro{font-size: 13px; line-height: 1.55; margin: 0px 0px 12px; max-width: 46ch;}
.slide-gauges .compression-instruments{max-width: 310px; margin: auto;}
.slide-gauges .intro-ratio strong{font-size: 28px;}
.slide-gauges .intro-ratio > span{font-size: 10px;}
.slide-gauges .intro-ratio{margin-top: 0px;}
.slide-documents{gap: 12px; margin-top: 0px; padding-top: 12px; justify-content: space-between;}
.slide-documents a{gap: 6px; font-size: 10px; flex: 1 1 0%; min-width: 0px;}
.slide-documents img{height: 44px; width: 31px;}
.slide-documents small{font-size: 8px;}
.slide-dialog > header{padding: 15px;}
.slide-dialog h2{font-size: 18px;}
.slide-dialog-body{padding: 12px;}}
@media (max-height: 680px) and (max-width: 760px) {.slide-layout{padding-top: 60px; gap: 8px;}
.slide-message h1{font-size: 24px;}
.slide-intro{font-size: 11px; margin-bottom: 8px;}
.slide-gauges .compression-instruments{max-width: 240px;}
.slide-gauges .intro-ratio strong{font-size: 23px;}
.slide-documents img{height: 35px; width: 25px;}
.slide-documents{padding-top: 8px;}}
@media (prefers-reduced-motion: reduce) {.presentation-mode .page-section, .presentation-mode #intro-stage{transition: none;}}
.slide-support{max-width: 42ch; font: 12px / 1.65 Inter, system-ui, sans-serif; color: rgb(144, 169, 189); margin: -7px 0px 21px;}
.slide-dialog{position: fixed; inset: 0px; margin: auto;}
.topic-dialog{width: min(680px, 92vw); height: fit-content; max-height: 85svh;}
@media (max-width: 760px) {.slide-support{font-size: 11px; line-height: 1.5; margin: -3px 0px 12px;}}
@media (max-height: 680px) and (max-width: 760px) {.slide-support{display: none;}}
.cover-showcase{position: absolute; top: 43svh; left: 50%; transform: translateX(-50%); width: min(1060px, 82vw); opacity: 0; visibility: hidden; perspective: 1200px; transition: opacity 0.5s; pointer-events: none;}
.cover-showcase.cover-ready{opacity: 1; visibility: visible; pointer-events: auto;}
.cover-slides{position: relative; height: clamp(240px, 32svh, 340px);}
.cover-pair{position: absolute; inset: 0px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 42px; align-items: center; text-decoration: none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.65s, visibility 0.65s; color: rgb(199, 221, 236);}
.cover-pair.cover-current{opacity: 1; visibility: visible; pointer-events: auto;}
.cover-image{overflow: hidden; border-radius: 8px; border: 1px solid rgba(191, 218, 237, 0.19); box-shadow: rgba(0, 0, 0, 0.4) 0px 20px 50px; transform-origin: center center; aspect-ratio: 5 / 3;}
.cover-image img{display: block; width: 100%; height: 100%; object-fit: cover;}
.cover-copy h2{font: 450 clamp(23px, 2.2vw, 34px) / 1.15 Inter, system-ui, sans-serif; letter-spacing: -0.035em; margin: 10px 0px 15px; color: rgb(229, 241, 250);}
.cover-pair:focus-visible{outline: rgb(198, 225, 244) solid 2px; outline-offset: 5px;}
@media (max-width: 760px) {.cover-showcase{top: 34svh; width: calc(100% - 40px); max-width: 480px;}
.cover-slides{height: 49svh; max-height: 465px;}
.cover-pair{grid-template-columns: 1fr; gap: 14px; align-content: start;}
.cover-image{width: min(100%, 300px); margin: auto; max-height: 22svh;}
.cover-copy h2{font-size: 23px; margin: 5px 0px 9px;}}
@media (max-height: 680px) and (max-width: 760px) {.cover-showcase{top: 36svh;}
.cover-slides{height: 45svh;}
.cover-image{max-height: 16svh;}
.cover-pair{gap: 8px;}
.cover-copy h2{font-size: 19px;}}
@media (max-height: 650px) and (min-width: 761px) {.cover-showcase{top: 43svh;}
.cover-slides{height: 34svh; min-height: 0px;}
.cover-image{max-height: 32svh;}
.cover-copy h2{font-size: 23px;}}
@media (prefers-reduced-motion: reduce) {.cover-pair, .cover-showcase{transition: none;}}
.presentation-mode #intro-stage.slide-active{pointer-events: auto; opacity: 1 !important; visibility: visible !important;}
@media (min-width: 761px) {.slide-layout{width: 80vw; max-width: none; gap: 2.4vh 4vw; padding-top: max(100px, 9vh); padding-bottom: 5vh;}
.chapter-layout > h1{grid-column: 1 / -1; font: 450 clamp(46px, 4.2vw, 164px) / 1.06 Inter, system-ui, sans-serif; letter-spacing: -0.045em; color: rgb(229, 239, 248); margin: 0px 0px 1vh;}
.slide-intro{font-size: clamp(18px, 1.3vw, 46px); line-height: 1.5; max-width: 42ch; margin-bottom: 2vh;}
.slide-support{font-size: clamp(14px, 0.9vw, 32px); line-height: 1.55; margin-bottom: 2vh;}
.slide-gauges .compression-instruments{width: 100%; max-width: none;}
.slide-gauges .intro-ratio strong{font-size: clamp(32px, 2.7vw, 98px);}
.slide-gauges .intro-ratio > span{font-size: clamp(12px, 0.85vw, 30px);}
.slide-documents{gap: 2.5vw; padding-top: 1.7vh;}
.slide-documents img{height: clamp(60px, 6vw, 200px); width: auto;}
.slide-documents a{font-size: clamp(13px, 0.95vw, 34px); gap: 1vw;}
.slide-documents small{font-size: clamp(10px, 0.7vw, 25px);}
.cover-copy h2{font-size: clamp(28px, 2.5vw, 90px);}}
.topic-dialog{width: min(480px, 90vw);}
.topic-dialog > header{padding: 18px 22px;}
.topic-dialog h2{font-size: 22px;}
.topic-dialog .slide-dialog-body{padding: 0px 22px 20px;}
@media (max-width: 760px) {.chapter-layout > h1{font: 450 clamp(25px, 6.8vw, 36px) / 1.1 Inter, system-ui, sans-serif; color: rgb(229, 239, 248); letter-spacing: -0.04em; margin: 0px; grid-column: 1 / -1;}}
@media (max-height: 680px) and (max-width: 760px) {.chapter-layout > h1{font-size: 24px;}}
@media (min-width: 761px) {.cover-showcase{width: 45vw; max-width: none;}
.cover-slides{height: 38svh; max-height: none;}
.cover-pair{gap: 2vw; grid-template-columns: 1fr 1fr;}
.cover-image{max-height: 36svh;}
.cover-copy h2{font-size: clamp(24px, 1.9vw, 72px);}}
@media (min-width: 761px) {.chapter-layout > h1{max-width: none;}
.topic-dialog{width: clamp(420px, 26vw, 920px); max-width: 90vw;}
.topic-dialog h2{font-size: clamp(22px, 1.1vw, 42px);}
.topic-dialog .dialog-close{font-size: clamp(30px, 1.3vw, 48px);}}
@media (min-width: 761px) {.cover-showcase{top: 33svh; width: 54vw;}
.cover-slides{height: 45.6svh;}
.cover-image{max-height: 43.2svh;}
.cover-copy h2{font-size: clamp(28px, 2.28vw, 86px);}}
@media (max-width: 760px) {.cover-showcase{top: 24svh;}}
@media (max-height: 680px) and (max-width: 760px) {.cover-showcase{top: 26svh;}}
.brochure-nav{border: 0px; background: rgb(0, 0, 0); border-radius: 0px; box-shadow: none;}
.brochure-nav a, .brochure-nav a[aria-current]{background: transparent; box-shadow: none; border: 0px;}
.brochure-nav a[aria-current]{color: rgb(231, 241, 249);}
.brochure-nav a:hover, .brochure-nav a:focus-visible{background: rgba(185, 213, 234, 0.09); color: rgb(237, 246, 255);}
.intro-dial .scale-number{font-family: Inter, Arial, sans-serif; font-variant-numeric: tabular-nums;}
.intro-ratio strong{font-family: Inter, Arial, sans-serif; font-variant-numeric: tabular-nums; font-feature-settings: "zero" 0;}
.lcd-segment{fill: rgba(255, 171, 86, 0.063); stroke: none;}
.lcd-segment.on{fill: rgb(255, 192, 120); stroke: none;}
.lcd-dot{fill: rgb(255, 192, 120);}
@media (max-width: 760px) {.codec-layout{gap: 10px;}}
@media (max-width: 760px) and (max-height: 700px) {.codec-layout{padding-top: 58px; padding-bottom: 72px; gap: 7px;}
.codec-layout .slide-intro{font-size: 11px; margin-bottom: 7px;}
.codec-layout .slide-gauges .compression-instruments{max-width: 190px;}
.codec-layout .slide-gauges .intro-ratio strong{font-size: 21px;}}
@media (min-width: 761px) and (max-height: 800px) {.codec-layout{row-gap: 1.5vh;}
.codec-layout .slide-documents img{height: 60px;}}
.cover-copy{--cover-body-size: clamp(16px,1.14vw,43px);}
@media (max-width: 760px) {.cover-copy{--cover-body-size: 11px;}}
@media (max-height: 680px) and (max-width: 760px) {.cover-copy{--cover-body-size: 10px;}}
@media (max-width: 760px) and (orientation: portrait) {.cover-showcase{top: 24svh; width: 72vw; max-width: none;}
.cover-slides{height: calc(-60px + 66svh); max-height: none;}
.cover-pair{grid-template-columns: minmax(0px, 1fr); align-content: start; gap: 12px;}
.cover-image{width: 100%; max-height: none; margin: 0px; aspect-ratio: 5 / 3;}
.cover-copy{width: 100%; min-width: 0px;}}
@media (max-width: 760px) and (orientation: portrait) and (max-height: 680px) {.cover-showcase{top: 20svh;}
.cover-slides{height: calc(-60px + 70svh);}
.cover-pair{gap: 8px;}}
@media (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {.cover-showcase{top: 33svh; width: 54vw; max-width: none;}
.cover-slides{height: 45.6svh; max-height: none;}
.cover-pair{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 2vw; align-content: center;}
.cover-image{width: 100%; max-height: 43.2svh; margin: 0px;}
.cover-copy h2{font-size: clamp(14px, 2.28vw, 23px);}
.cover-copy{--cover-body-size: clamp(9px,1.14vw,13px);}}
.background-unavailable #scene{background: url("../images/funnel-fallback-landscape.webp") center center / cover no-repeat rgb(3, 8, 13);}
.background-unavailable #brand-flight{display: block; position: fixed; top: max(82px, 17vh); left: 20%; width: 60%; z-index: 0; pointer-events: none;}
.background-unavailable #brand-flight img{display: block; width: 100%; height: auto;}
.background-unavailable.intro-complete:not(.intro-view) #brand-flight{display: none;}
@media (max-width: 760px) and (orientation: portrait) {.background-unavailable #scene{background-image: url("../images/funnel-fallback-portrait.webp");}
.background-unavailable #brand-flight{left: 10%; width: 80%;}}
.compression-feature-list{list-style: none; padding: 0px; margin: 2vh 0px 1vh; font: 400 clamp(14px, 1vw, 36px) / 1.55 Inter, system-ui, sans-serif; color: rgb(194, 215, 230);}
.compression-feature-list li{display: flex; align-items: baseline; gap: 0.8em; margin: 0.45em 0px;}
.compression-feature-list li > span{flex: 0 0 auto; color: rgb(128, 236, 173); font-weight: 600; text-shadow: rgba(103, 239, 172, 0.533) 0px 0px 5px, rgba(103, 239, 172, 0.267) 0px 0px 12px;}
.compression-features-layout .slide-documents{gap: 1.4vw; justify-content: space-between; margin-top: 2vh;}
.compression-features-layout .slide-documents a{font-size: clamp(11px, 0.76vw, 28px); gap: 0.65vw; min-width: 0px;}
.compression-features-layout .slide-documents img{height: clamp(50px, 4.4vw, 150px); width: auto;}
.compression-features-layout .slide-documents small{font-size: clamp(9px, 0.57vw, 20px);}
@media (max-width: 760px) {.compression-feature-list{font-size: 12px; margin: 12px 0px 8px;}
.compression-feature-list li{margin: 0.4em 0px; gap: 0.65em;}
.compression-features-layout .slide-documents{gap: 10px; margin-top: 10px; padding-top: 10px;}
.compression-features-layout .slide-documents a{font-size: 9px; gap: 5px;}
.compression-features-layout .slide-documents img{height: 40px;}
.compression-features-layout .slide-documents small{font-size: 8px;}}
@media (max-width: 760px) and (max-height: 700px) {.compression-feature-list{font-size: 10px; line-height: 1.4; margin: 7px 0px;}
.compression-feature-list li{margin: 0.25em 0px;}
.compression-features-layout .slide-documents{margin-top: 7px; padding-top: 7px;}
.compression-features-layout .slide-documents img{height: 32px;}}
@media (max-width: 760px) and (max-height: 700px) {.compression-features-layout{padding-top: 66px;}}
.lossless-demo{width: 100%; color: rgb(190, 212, 227); font-family: Inter, system-ui, sans-serif;}
.lossless-stage{display: block; width: 100%; height: auto; overflow: visible;}
.lossless-stage text{font-family: Inter, system-ui, sans-serif;}
.demo-label{fill: rgb(142, 174, 190); font-size: 12px; letter-spacing: 2px;}
.demo-machine-label{fill: rgb(201, 220, 232); font-size: 16px; letter-spacing: 2px;}
.demo-size{fill: rgb(142, 174, 190); font-size: 13px;}
.demo-verified-label{fill: rgb(154, 247, 197); font-size: 17px; font-weight: 500; letter-spacing: 1.3px;}
.lossless-demo-footer{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(171, 201, 222, 0.133); padding: 10px 0px; margin-top: 8px; font-size: clamp(11px, 0.8vw, 28px); color: rgb(158, 187, 208);}
.demo-toggle{border: 1px solid rgba(189, 214, 229, 0.173); border-radius: 4px; background: transparent; color: rgb(187, 216, 233); padding: 3px 10px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; cursor: pointer; line-height: 1.4;}
.demo-toggle:hover, .demo-toggle:focus-visible{background: rgba(182, 217, 239, 0.07); border-color: rgba(189, 214, 229, 0.47);}
@media (max-width: 760px) {.lossless-demo{max-width: 450px; margin: auto;}
.lossless-demo-footer{font-size: 10px; padding: 5px 0px; margin-top: 2px;}}
@media (max-width: 760px) and (max-height: 700px) {.lossless-demo{max-width: 310px;}
.lossless-demo-footer{font-size: 9px;}}
.compression-features-layout .slide-intro, .compression-features-layout .compression-feature-list{color: rgb(212, 212, 212);}
.archive-network-stage{display: block; width: 100%; height: auto; overflow: hidden; font: 500 15px Inter, system-ui, sans-serif; color: rgb(203, 220, 232);}
.archive-network-stage text{fill: currentcolor;}
.archive-network-stage .archive-core{font-size: 26px; letter-spacing: 2px; fill: rgb(211, 239, 255);}
.archive-wires path{stroke: rgb(99, 133, 153); stroke-width: 1.2; fill: none; opacity: 0.45;}
.archive-ingest{stroke: rgb(169, 234, 255); stroke-width: 3; stroke-dasharray: 4, 6; fill: none;}
.archive-flow path{fill: none; stroke-linecap: round; stroke-dasharray: 0.14, 1.2;}
.archive-aura{stroke: rgb(77, 191, 255); stroke-width: 12; opacity: 0.13;}
.archive-pulse{stroke: rgb(117, 213, 255); stroke-width: 5; opacity: 0.5;}
.archive-core-pulse{stroke: rgb(226, 248, 255); stroke-width: 1.8;}
.archive-network-footer{border-top: 1px solid rgba(171, 201, 222, 0.133); display: flex; align-items: center; justify-content: space-between; padding: 9px 0px; color: rgb(158, 187, 208); font: 500 clamp(10px, 0.7vw, 25px) Inter, system-ui, sans-serif; letter-spacing: 1px;}
.archive-network-footer small{display: none;}
@media (min-width: 761px) {.archive-network-layout{grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.2fr); column-gap: 3vw;}}
@media (max-width: 760px) {.archive-network-viewport{overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: rgb(103, 132, 152) transparent;}
.archive-network-stage{min-width: 570px;}
.archive-network-footer{font-size: 9px; padding: 5px 0px;}
.archive-network-footer small{display: inline; font-size: 8px; letter-spacing: 0px; margin-left: 10px;}
.archive-network-layout{align-content: start; row-gap: 12px;}
.archive-network-layout .slide-intro{font-size: 13px;}
.archive-network-layout .slide-visual{min-height: 0px;}}
@media (max-width: 760px) and (max-height: 700px) {.archive-network-stage{min-width: 340px;}
.archive-network-viewport{max-height: none;}
.archive-network-layout{row-gap: 7px;}
.archive-network-layout .slide-intro{font-size: 11px; margin-bottom: 7px;}
.archive-network-layout .compression-feature-list{font-size: 9px;}}
.site-legal-footer{position: fixed; right: 3vw; bottom: 14px; z-index: 910; display: flex; align-items: center; gap: 9px; color: rgb(128, 144, 155); font: 400 11px / 1.5 Inter, system-ui, sans-serif;}
.site-legal-footer a{color: inherit; text-decoration: none;}
.site-legal-footer a:hover, .site-legal-footer a:focus-visible{color: rgb(220, 235, 245);}
@media (max-width: 760px) {.site-legal-footer{right: 14px; bottom: 8px; font-size: 8px; gap: 6px;}
.brochure-nav{bottom: 29px;}
.services-layout .slide-visual{display: none;}}
@media (max-width: 760px) {.brochure-nav{gap: 0px; padding: 4px;}
.brochure-nav a{flex: 1 1 0%; text-align: center; padding: 9px 5px; font-size: 9px;}}
@media (max-width: 350px) {.brochure-nav a{font-size: 8px; padding-inline: 4px;}}
.legal-languages{display: none;}
.legal-dialog .legal-languages{display: flex; gap: 7px; margin-left: auto;}
.legal-languages button{border: 1px solid transparent; border-radius: 5px; background: linear-gradient(rgb(27, 40, 53), rgb(21, 33, 45)); color: rgb(229, 238, 244); padding: 5px 8px; font-size: 20px; line-height: 1.2; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.333) 0px 2px 4px, rgba(255, 255, 255, 0.035) 0px 1px 0px inset;}
.legal-languages button[aria-pressed="true"]{background: rgb(11, 20, 30); border-color: transparent; box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 5px inset, rgba(255, 255, 255, 0.024) 0px -1px 0px inset; transform: translateY(1px);}
.legal-languages button:focus-visible{outline: rgb(156, 221, 255) solid 2px; outline-offset: 3px;}
.legal-dialog > header{gap: 12px;}
.legal-dialog .slide-dialog-body{padding: 28px 36px;}
.legal-article{display: block; background: none; border: 0px; border-radius: 0px; padding: 0px; margin: 0px; color: rgb(190, 203, 213); font: 400 16px / 1.8 Inter, system-ui, sans-serif;}
.legal-article h3{font: 500 23px / 1.35 Inter, system-ui, sans-serif; letter-spacing: 0px; color: rgb(210, 230, 245); margin: 28px 0px 12px;}
.legal-article h3:first-child{margin-top: 0px;}
.legal-article p{margin: 0px 0px 17px;}
.legal-article a{overflow-wrap: anywhere;}
@media (max-width: 760px) {.legal-dialog .slide-dialog-body{padding: 20px;}
.legal-dialog > header{padding: 14px; gap: 7px;}
.legal-dialog h2{font-size: 17px;}
.legal-languages button{font-size: 17px; padding: 4px 6px;}
.legal-dialog .dialog-close{padding: 0px 4px;}
.legal-article{font-size: 14px;}
.legal-article h3{font-size: 20px;}}
.legal-dialog[open]{display: flex; flex-direction: column; height: 88svh;}
.legal-dialog > header{flex-shrink: 0;}
.legal-dialog > header h2{min-width: 0px; overflow-wrap: anywhere;}
.legal-dialog .legal-languages, .legal-dialog .dialog-close{flex-shrink: 0;}
.legal-dialog .slide-dialog-body{min-height: 0px; max-height: none; flex: 1 1 0%;}
.contact-layout .slide-intro{color: rgb(212, 212, 212);}
.contact-direct{display: flex; flex-direction: column; gap: 8px; font: 400 clamp(12px, 0.85vw, 29px) Inter, system-ui, sans-serif;}
.contact-direct a{color: rgb(158, 183, 201); text-decoration: none;}
.contact-direct a:hover{color: rgb(224, 241, 252);}
.contact-story svg{width: 100%; height: auto; display: block; font-family: Inter, system-ui, sans-serif;}
.contact-brand{fill: rgb(213, 233, 245); font-size: 32px; letter-spacing: 1px;}
@media (max-width: 760px) {.contact-layout{gap: 14px;}
.contact-story{max-width: 500px; margin: auto;}
.brochure-nav a{font-size: 8px; padding-inline: 3px;}}
@media (max-width: 350px) {.brochure-nav a{font-size: 7px; padding-inline: 2px;}
.contact-layout .slide-support{font-size: 11px; margin-bottom: 8px;}
.contact-direct{font-size: 11px;}
.contact-layout{row-gap: 8px;}}
.contact-direct{gap: 0px; max-width: 400px;}
.contact-direct > a, .contact-direct > button{display: flex; align-items: center; gap: 14px; width: 100%; padding: 13px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(170, 202, 221, 0.14); border-image: none; background: transparent; text-align: left; color: rgb(196, 216, 230); font: inherit; cursor: pointer;}
.contact-direct > button:hover, .contact-direct > a:hover{color: rgb(238, 250, 255);}
.contact-direct svg{width: 23px; height: 23px; flex: 0 0 auto; fill: none; stroke: rgb(138, 179, 204); stroke-width: 1.4; stroke-linejoin: round;}
.contact-direct small{display: block; font-size: 0.65em; letter-spacing: 0.12em; color: rgb(129, 157, 171); margin-bottom: 5px;}
.contact-direct b{margin-left: auto; font-size: 16px; font-weight: 400; color: rgb(138, 170, 189);}
.contact-direct > button:focus-visible{outline: rgb(172, 213, 237) solid 1px; outline-offset: 3px;}
@media (max-width: 760px) {.contact-direct > a, .contact-direct > button{padding: 9px 0px; gap: 10px;}
.contact-direct svg{width: 20px; height: 20px;}}
.contact-direct{margin-top: 24px;}
.contact-direct > a, .contact-direct > button, .contact-direct > a:hover, .contact-direct > button:hover, .contact-direct > a:focus-visible, .contact-direct > button:focus-visible{background: transparent !important; box-shadow: none !important; filter: none !important;}
.contact-direct > a:hover, .contact-direct > button:hover, .contact-direct > a:focus-visible, .contact-direct > button:focus-visible{color: rgb(145, 239, 184); text-shadow: rgba(100, 235, 164, 0.46) 0px 0px 8px;}
.contact-direct > a:hover small, .contact-direct > button:hover small, .contact-direct > a:hover b, .contact-direct > button:hover b{color: inherit;}
.contact-direct > a:hover svg, .contact-direct > button:hover svg{stroke: rgb(145, 239, 184); filter: drop-shadow(rgba(100, 235, 164, 0.5) 0px 0px 3px);}
.presentation-mode .deck-slide{transition: opacity 0.18s, visibility 0.18s !important;}
.cover-image{border: 0px; border-radius: 0px; box-shadow: none; aspect-ratio: auto; overflow: visible; pointer-events: none;}
.cover-image .archive-network-stage{min-width: 0px;}
.cover-image .archive-network-viewport{overflow: visible; max-height: none;}
.cover-image .archive-network-footer, .cover-image .lossless-demo-footer{display: none;}
.cover-image .compression-instruments{pointer-events: none; position: static !important; width: 100% !important; opacity: 1 !important; transform: none !important;}
.cover-image .intro-ratio strong{font-size: clamp(22px, 1.8vw, 66px);}
.cover-image .intro-ratio > span{font-size: clamp(9px, 0.7vw, 24px);}
.cover-pair.cover-text-only{grid-template-columns: 1fr;}
.cover-text-only .cover-image{display: none;}
.cover-copy h2{font-size: clamp(20px, 1.9vw, 66px);}
@media (max-width: 760px) {.cover-image .lossless-demo{max-width: none;}
.cover-image .intro-dials{gap: 10px;}
.cover-image .intro-ratio{margin-top: 3px;}
.cover-image .intro-ratio strong{font-size: 22px;}
.cover-copy h2{font-size: clamp(18px, 4.8vw, 28px);}
.cover-image{max-height: none;}
.cover-pair{gap: 14px;}}
.services-editor{width: 100%; max-width: 1000px; margin: auto;}
.services-editor > svg{display: block; width: 100%; height: auto;}
.services-plot{transition: opacity 0.5s; pointer-events: none;}
@media (max-width: 760px) {.services-layout .slide-visual{display: block; min-height: 0px;}
.services-editor{max-width: 470px;}
.services-layout{row-gap: 12px;}}
@media (prefers-reduced-motion: reduce) {.services-plot{transition: none;}}
.services-editor [data-code] text, .services-editor [data-code] tspan{font-family: monospace; white-space: pre;}
.cover-pair{align-items: stretch; align-content: stretch;}
.cover-copy{display: grid; grid-template-rows: 3.6em 1fr; align-content: start; align-self: stretch; padding-top: 4vh; font-size: clamp(20px, 1.9vw, 66px); gap: 14px;}
.cover-copy h2{margin: 0px; align-self: start;}
.cover-copy > p{align-self: start; margin: 0px !important;}
.cover-image{height: 100%; min-height: 0px; display: flex; align-items: center; justify-content: center;}
.cover-image > div{width: 100%; max-height: 100%;}
.cover-image svg{max-height: 100%;}
.archive-annotation text{font-size: 13px; fill: rgb(189, 213, 227); paint-order: stroke; stroke: rgb(8, 15, 23); stroke-width: 5px; stroke-linejoin: round;}
.archive-network-footer{letter-spacing: 0px; font-size: clamp(10px, 0.68vw, 22px); line-height: 1.5;}
@media (max-width: 760px) and (orientation: portrait) {.cover-pair{grid-template-rows: 23svh minmax(0px, 1fr); align-content: stretch;}
.cover-copy{padding-top: 0px; font-size: clamp(18px, 4.8vw, 28px); grid-template-rows: 3.6em 1fr; gap: 8px;}
.cover-image{max-height: 100%;}
.cover-image svg{max-height: 27svh;}
.site-legal-footer{flex-wrap: wrap; justify-content: flex-end;}}
@media (max-width: 760px) and (orientation: landscape) {.cover-copy{padding-top: 0px; font-size: clamp(14px, 2.28vw, 23px);}}
.archive-ingest{stroke-dasharray: 11.2, 148;}
.legal-document-row{display: flex; justify-content: flex-end; margin: 0px 0px 26px;}
.legal-document{display: flex; align-items: center; gap: 15px; max-width: 100%; padding: 8px 0px; color: rgb(201, 225, 239); text-decoration: none;}
.legal-document img{width: 54px; height: 76px; object-fit: cover; object-position: center top; flex: 0 0 auto; box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 12px;}
.legal-document > span{min-width: 0px; display: flex; flex-direction: column; gap: 3px;}
.legal-document strong{font-size: 15px; font-weight: 500;}
.legal-document-name{font-size: 11px; overflow-wrap: anywhere; color: rgb(157, 180, 196);}
.legal-document small{font-size: 11px; color: rgb(172, 216, 237);}
.legal-document:hover strong{color: rgb(255, 255, 255);}
.legal-document:focus-visible{outline: rgb(169, 216, 239) solid 2px; outline-offset: 5px;}
@media (max-width: 760px) {.legal-document{gap: 10px;}
.legal-document strong{font-size: 13px;}
.legal-document-name{font-size: 10px;}}
.slide-bottom{grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 4vw; border-top: 1px solid rgba(170, 199, 223, 0.15); padding-top: 14px; min-width: 0px;}
.slide-bottom > div{min-width: 0px;}
.slide-bottom .slide-documents{border: 0px; padding: 0px; margin: 0px; height: auto; min-height: 0px;}
.slide-bottom .lossless-demo-footer, .slide-bottom .archive-network-footer{border: 0px; margin: 0px; padding: 0px;}
@media (min-width: 761px) {.presentation-mode .chapter-layout{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); grid-template-rows: clamp(94px, 8vw, 260px) clamp(320px, min(48vh, 28vw), 900px) auto; gap: 0px 4vw; padding: max(96px, 12vh) 0px 7vh; align-content: start; align-items: stretch;}
.presentation-mode .chapter-layout > h1{grid-area: 1 / 1 / 2 / 3; margin: 0px; align-self: start;}
.presentation-mode .chapter-layout > .slide-message{grid-area: 2 / 1 / 3 / 2; align-self: stretch; display: flex; flex-direction: column; min-height: 0px; gap: clamp(14px, 1.5vw, 44px);}
.presentation-mode .chapter-layout .slide-intro{margin: 0px;}
.presentation-mode .chapter-layout .compression-feature-list{margin: 0px;}
.presentation-mode .chapter-layout > .slide-visual{grid-area: 2 / 2 / 3 / 3; display: flex; align-items: flex-start; min-height: 0px; overflow: hidden;}
.presentation-mode .chapter-layout > .slide-bottom{grid-area: 3 / 1 / 4 / 3;}
.presentation-mode .chapter-layout .slide-visual > div{width: 100%; height: 100%; max-height: 100%; margin: 0px; min-height: 0px;}
.presentation-mode .chapter-layout .lossless-demo, .presentation-mode .chapter-layout .archive-network, .presentation-mode .chapter-layout .archive-network-viewport{height: 100%; display: block; min-height: 0px;}
.presentation-mode .chapter-layout .slide-visual svg{width: 100%; height: 100%; max-height: 100%; display: block;}
.presentation-mode .chapter-layout .slide-gauges .compression-instruments{height: 100%; display: flex; flex-direction: column; justify-content: flex-start; margin: 0px auto;}
.presentation-mode .chapter-layout .intro-dials{min-height: 0px; flex: 1 1 0%;}
.presentation-mode .chapter-layout .intro-dial{min-height: 0px;}
.presentation-mode .chapter-layout .intro-ratio{flex: 0 0 auto;}}
@media (max-width: 760px) {.slide-bottom{grid-template-columns: 1fr; gap: 12px;}
.slide-bottom-left:empty, .slide-bottom-right:empty{display: none;}
.slide-bottom .slide-documents{padding-top: 0px;}
.slide-bottom .archive-network-footer{font-size: 9px;}}
@media (min-width: 761px) {.presentation-mode .chapter-layout .compression-feature-list{flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-between; padding-bottom: 22px; gap: 6px;}}
.slide-bottom .slide-documents{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); justify-content: start;}
.legal-imprint-top{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 340px); gap: 28px; align-items: start;}
.legal-imprint-top .legal-document-row{margin: 0px;}
.legal-imprint-top .legal-document{padding-top: 0px;}
.legal-contact-details h3:first-child{margin-top: 0px;}
@media (max-width: 760px) {.legal-imprint-top{grid-template-columns: 1fr; gap: 8px;}
.legal-imprint-top .legal-document-row{justify-content: flex-start; margin-bottom: 8px;}}
@media (min-width: 761px) {.presentation-mode .chapter-layout{grid-template-rows: clamp(70px, min(8vw, 14vh), 260px) clamp(320px, min(48vh, 28vw), 900px) auto;}
.presentation-mode .chapter-layout > h1{font-size: clamp(28px, min(4.4vw, 10vh), 170px);}
.presentation-mode .chapter-layout > .slide-message{gap: clamp(12px, min(1.5vw, 2.2vh), 30px);}
.presentation-mode .chapter-layout .slide-intro{font-size: clamp(14px, min(1.3vw, 3.3vh), 44px);}
.presentation-mode .chapter-layout .compression-feature-list{font-size: clamp(12px, min(1vw, 2.6vh), 36px); padding-bottom: 18px; gap: 6px;}
.presentation-mode .chapter-layout .compression-feature-list li{margin: 0px;}
.presentation-mode .chapter-layout .slide-documents img{height: clamp(40px, min(4.4vw, 9vh), 120px);}}
/* Give the cover subtitle an explicit, readable size independent of body text. */
.cover-copy > p{font:400 clamp(18px,min(1.45vw,3.2vh),48px)/1.45 Inter,system-ui,sans-serif;color:#d4dce3}
@media(max-width:760px) and (orientation:portrait){.cover-copy > p{font-size:clamp(15px,4.1vw,22px);line-height:1.4}}
@media(max-width:1024px) and (orientation:landscape) and (max-height:600px){.cover-copy > p{font-size:clamp(12px,1.45vw,16px);line-height:1.35}}
.presentation-mode .chapter-layout.services-layout > .slide-visual{display:flex;align-items:center;justify-content:center}
.presentation-mode .chapter-layout.services-layout .services-editor{width:80%;height:80%;max-width:none;margin:0}
.presentation-mode .chapter-layout .slide-gauges .compression-instruments{padding-bottom:clamp(14px,2vh,26px)}
@media(max-width:760px){.presentation-mode .chapter-layout.services-layout > .slide-visual{aspect-ratio:840/550;width:100%}}
/* Scale only the two instruments, preserving the ratio readout and shared layout. */
.slide-gauges .intro-dial svg{transform:scale(.8);transform-origin:center}
/* Shared cover geometry: 95% of the actual 60vw / portrait 80vw wordmark. */
.cover-showcase{width:57vw;max-width:none;top:calc(max(82px,17svh) + 5.3063vw + clamp(28px,5svh,70px))}
.cover-slides{height:min(32svh,24vw);min-height:170px;max-height:none}
.cover-pair{grid-template-columns:minmax(0,2fr) minmax(0,3fr);grid-template-rows:1fr;gap:2vw;align-items:start;align-content:start}
.cover-copy{padding:0;display:grid;grid-template-rows:auto 1fr;gap:clamp(12px,.9vw,28px);align-self:start;min-width:0;font-size:inherit}
.cover-copy h2{font:400 clamp(14px,1.7vw,62px)/1.2 Inter,system-ui,sans-serif;white-space:nowrap;margin:0;letter-spacing:-.035em;color:#d7e0e8;min-width:0}
.cover-copy>p{font:350 clamp(13px,1.2vw,42px)/1.5 Inter,system-ui,sans-serif;color:#c2cbd2;margin:0!important;align-self:start}
.cover-image{width:100%;height:100%;max-height:100%;min-height:0;align-self:start;display:flex;align-items:flex-start;justify-content:center;margin:0}
.cover-image>div{width:100%;height:100%;max-height:100%;margin:0!important}
.cover-image svg{width:100%;height:100%;max-height:100%;display:block}
.cover-image .archive-network-viewport,.cover-image .archive-network,.cover-image .lossless-demo{height:100%;min-height:0;max-height:100%}
.cover-image .compression-instruments{height:100%;display:flex;flex-direction:column;justify-content:flex-start}
.cover-image .intro-dials{flex:1 1 0%;min-height:0}
.cover-image .intro-dial{min-height:0}
.cover-image .intro-ratio{flex:0 0 auto;margin:0}
.cover-navigation{position:absolute;left:50%;top:var(--cover-navigation-y,calc(100% + 60px));transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:clamp(72px,10vw,200px);width:max-content;max-width:calc(100vw - 16px);margin:0}
.cover-navigation button{display:flex;align-items:center;justify-content:center;width:128px;height:96px;padding:20px;border:1px solid transparent;border-radius:16px;background:transparent;color:#c8dbe7;opacity:.45;cursor:pointer;transition:opacity .2s,background-color .2s,border-color .2s}
.cover-navigation svg{width:76px;height:48px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cover-navigation button:hover,.cover-navigation button:focus-visible{opacity:.9;background:rgba(185,213,234,.1);border-color:rgba(185,213,234,.22)}
.cover-navigation button:active{background:rgba(185,213,234,.16)}
.cover-showcase{touch-action:pan-y pinch-zoom}
.cover-navigation button:focus-visible{opacity:.8;outline:1px solid #bddbea70;outline-offset:2px}
.chapter-layout>h1{white-space:nowrap;min-width:0}
.slide-bottom{padding-top:clamp(20px,2vh,32px)}
.slide-bottom .lossless-demo-footer{width:100%;justify-content:center;text-align:center}
@media(max-width:1024px) and (orientation:portrait){
  .cover-slides{--graphic-height:min(28svh,50vw);--copy-height:clamp(128px,21svh,176px);height:calc(var(--graphic-height) + var(--copy-height) + 14px);min-height:0}
  .cover-pair{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--graphic-height) var(--copy-height);gap:14px}
  .cover-image{grid-row:1;max-height:100%;height:100%;aspect-ratio:auto}
  .cover-copy{grid-row:2;padding:0;gap:10px;font-size:inherit}
  .cover-copy h2{font-size:clamp(16px,3.4vw,30px)}
  .cover-copy>p{font-size:clamp(13px,3.5vw,20px);line-height:1.45}
  .cover-image svg{max-height:100%}
}
@media(max-width:760px) and (orientation:portrait){
  .cover-showcase{width:76vw;top:calc(max(82px,17svh) + 7.0751vw + clamp(20px,4svh,40px))}
}
@media(max-width:1024px) and (orientation:landscape){
  .cover-copy h2{font-size:clamp(12px,1.7vw,23px)}
  .cover-copy>p{font-size:clamp(10px,1.2vw,14px);line-height:1.4}
  .cover-slides{min-height:0}
}

/* One hypothetical checkmark row before the shared section divider. */
.presentation-mode .chapter-layout>.slide-bottom{margin-top:var(--divider-extra,12px)}
@media(min-width:761px){
  .presentation-mode .chapter-layout{grid-template-rows:clamp(70px,min(8vw,14vh),260px) calc(clamp(320px,min(48vh,28vw),900px) - var(--content-row-trim,0px)) auto}
}

.page-animations-paused,.page-animations-paused *{animation-play-state:paused!important}
/* Online trial actions use the cold metal palette. */
.ratio-caption{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#e6ad7b;font:500 clamp(11px,.85vw,24px) Inter,system-ui,sans-serif;letter-spacing:.04em}
.try-online{background:rgba(167,202,222,.055);border:1px solid rgba(175,204,226,.2);border-radius:7px;color:#b6ccda;padding:7px 13px;font:500 12px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.try-online:hover,.try-online:focus-visible{color:#edf6ff;background:rgba(167,202,222,.13)}
.cover-image .try-online{display:none}
.lossless-demo-footer{gap:16px}
@media(max-width:760px){.ratio-caption{gap:8px}}
.try-online{font-size:clamp(12px,.8vw,20px)}
@media(max-width:760px){.try-online{font-size:12px}}

/* Keep the ratio centered. */
.intro-ratio{position:relative}

/* Consistent online-trial links alongside PDF downloads. */
.chapter-layout{position:relative}
.slide-bottom-right:has(>.try-online){display:flex;align-items:center;gap:clamp(16px,1.5vw,36px);flex-wrap:wrap}
.slide-bottom-right>.try-online{flex:0 0 auto}
.slide-bottom-right:has(>.try-online)>.lossless-demo-footer{flex:1 1 120px;width:auto}
.try-online{min-width:clamp(140px,9vw,230px);padding:clamp(11px,1vh,20px) clamp(18px,1.3vw,36px);font-size:clamp(16px,1.1vw,28px);font-weight:600;letter-spacing:.015em;color:#e7f5ff;border:1px solid #81c9f2;border-radius:10px;background:linear-gradient(135deg,#265675,#17364e);box-shadow:inset 0 1px 0 #d0efff33,0 0 10px #78cfff50,0 0 24px #53a8d82b;transition:background .18s,box-shadow .18s,color .18s}
.try-online:hover,.try-online:focus-visible{background:linear-gradient(135deg,#326e94,#204c6b);color:#fff;box-shadow:inset 0 1px #d0efff44,0 0 14px #91dcff80,0 0 30px #53a8d84a}
@media(max-width:760px){.try-online{min-width:128px;font-size:16px;padding:11px 16px}}

.compression-instruments .intro-ratio{transform:translateY(var(--ratio-offset,0px))}
.slide-gauges .intro-ratio strong{font-size:clamp(26px,2.16vw,78px);line-height:1}
.cover-image .intro-ratio strong{font-size:clamp(18px,1.44vw,53px);line-height:1}
@media(max-width:760px){.slide-gauges .intro-ratio strong{font-size:23px}.cover-image .intro-ratio strong{font-size:18px}}
.ratio-caption{font-size:clamp(10px,.68vw,19px)}
.cover-image .ratio-caption{font-size:clamp(9px,.56vw,17px)}

a.try-online{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}