/* CharterX Experience 1.5.0. Additive presentation layer; legacy assets are preserved. */
body.cx-full-page { margin: 0; background: #080a10; }
.cxl { --ink: #101322; --muted: #5d6373; --night: #080a10; --line: #e3e5ec; --accent: #6542ed; --cyan: #60cfff; --purple: #9783ff; --wrap: 1280px; position: relative; isolation: isolate; overflow: clip; width: 100%; color: var(--ink); background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
.cxl *, .cxl *::before, .cxl *::after { box-sizing: border-box; }
.cxl [hidden] { display: none !important; }
.cxl h1, .cxl h2, .cxl h3, .cxl p, .cxl figure, .cxl ol { margin: 0; }
.cxl h1, .cxl h2, .cxl h3 { font-family: inherit; color: inherit; font-weight: 650; text-transform: none; }
.cxl h2 { font-size: clamp(34px, 3.55vw, 52px); line-height: 1.1; letter-spacing: -.045em; }
.cxl h2 > span { color: #858a99; }
.cxl h3 { font-size: 22px; line-height: 1.2; letter-spacing: -.025em; }
.cxl p { color: inherit; }
.cxl a { color: inherit; text-decoration: none; }
.cxl button, .cxl input, .cxl textarea { font-family: inherit; font-size: inherit; letter-spacing: normal; }
.cxl button { cursor: pointer; text-transform: none; margin: 0; }
.cxl input, .cxl textarea { min-width: 0; }
.cxl button:disabled { opacity: .62; cursor: wait; }
.cxl img { display: block; max-width: 100%; height: auto; border: 0; }
.cxl svg { display: block; }
.cxl :focus-visible { outline: 3px solid #987fff; outline-offset: 5px; }
.cxl section[id] { scroll-margin-top: 94px; }
.cxl-wrap { width: min(var(--wrap), calc(100% - 112px)); margin-inline: auto; }
.cxl-section { padding-block: 108px; }
.cxl-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.cxl-skip { position: absolute; top: -80px; left: 20px; z-index: 200; background: #fff; color: #111 !important; padding: 12px 20px; border-radius: 8px; }
.cxl-skip:focus { top: 12px; }
.cxl-eyebrow { display: flex; align-items: center; gap: 9px; font-size: 10px; line-height: 1.6; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.cxl-dot { flex: 0 0 6px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #73d1ff; }
.cxl-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 53px; padding: 14px 21px; border: 1px solid transparent; border-radius: 8px; font-size: 13px !important; line-height: 1.4; font-weight: 650; text-decoration: none !important; transition: background .18s, transform .18s, box-shadow .18s; white-space: normal; }
.cxl-btn:hover { transform: translateY(-2px); }
.cxl-btn span { font-size: 20px; line-height: 1; }
.cxl-btn-primary { color: #fff !important; background: #6841ed; box-shadow: 0 6px 22px #6542ed19; }
.cxl-btn-primary:hover { background: #5431d2; color: #fff !important; }
.cxl-btn-white { background: #fff; color: #101322 !important; }
.cxl-btn-white:hover { background: #eae6ff; }
.cxl-btn-outline { background: transparent; color: #fff !important; border-color: #ffffff33; }
.cxl-btn-outline:hover { background: #ffffff0d; }
.cxl-btn-small { min-height: 40px; padding: 10px 15px; font-size: 11px !important; border-radius: 6px; gap: 20px; }
.cxl-text-link { display: inline-flex; align-items: center; gap: 20px; font-size: 13px; font-weight: 600; border-bottom: 1px solid transparent; padding-block: 6px; }
.cxl-text-link span { font-size: 19px; }
.cxl-text-link:hover { border-bottom-color: currentColor; }
.cxl-header { position: sticky; top: 0; z-index: 60; color: #fff; background: #080a10f5; border-bottom: 1px solid #ffffff12; backdrop-filter: blur(18px); }
.cxl-header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.cxl-brand { display: block; width: 155px; flex: 0 0 auto; }
.cxl-brand img { width: 100%; }
.cxl-nav { display: flex; align-items: center; gap: 25px; }
.cxl-nav > a:not(.cxl-btn) { font-size: 11px; font-weight: 500; color: #c9cbd6; }
.cxl-nav > a:hover { color: #fff; }
.cxl-nav .cxl-login { border-left: 1px solid #ffffff25; padding-left: 24px; }
.cxl-menu-toggle { display: none; }
.cxl-hero { position: relative; color: #fff; background: var(--night); }
.cxl-hero-halo { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse at 86% 37%,#5740b22b,transparent 50%), radial-gradient(ellipse at 73% 70%,#143e582a,transparent 43%); }
.cxl-hero-x { position: absolute; width: 560px; right: -85px; top: 0; opacity: .09; transform: rotate(-9deg); pointer-events: none; }
.cxl-hero-grid { position: relative; display: grid; grid-template-columns: .92fr 1.08fr; gap: 55px; align-items: center; padding-block: 78px 70px; }
.cxl-hero-copy .cxl-eyebrow { color: #bfc5d5; font-size: 9px; letter-spacing: .13em; }
.cxl-hero h1 { margin-block: 25px 22px; font-size: clamp(54px,5.25vw,79px); line-height: 1.045; letter-spacing: -.057em; font-weight: 650; }
.cxl em { font-style: normal; color: #b3a5ff; background: linear-gradient(105deg,#7bcaff 5%,#a38afa 72%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cxl-hero .cxl-lead { max-width: 410px; font-size: 16px; line-height: 1.7; color: #aeb4c5; }
.cxl-actions { display: flex; gap: 26px; align-items: center; margin-top: 30px; }
.cxl-hero .cxl-text-link { font-size: 12px; color: #e0deeb; }
.cxl-hero-proof { display: flex; align-items: center; gap: 13px; margin-top: 39px; font-size: 10px; color: #9097ab !important; line-height: 1.8; }
.cxl-hero-proof strong { color: #cbd0dd; font-weight: 450; }
.cxl-proof-mark { display: flex; width: 40px; height: 38px; align-items: center; justify-content: center; border: 1px solid #ffffff26; border-radius: 5px; color: #dfe1ea; font-size: 12px; letter-spacing: -.04em; font-weight: 750; }
.cxl-hero-product { position: relative; min-width: 0; height: 530px; margin-top: 32px; }
.cxl-stage-label { position: absolute; top: 9px; left: 24px; display: flex; align-items: center; gap: 9px; font-size: 9px; font-weight: 600; letter-spacing: .18em; color: #a7acbc; }
.cxl-tiny-mark { display: inline-block; width: 14px; height: 14px; border: 1px solid #a89ddb; border-radius: 4px; transform: rotate(45deg); }
.cxl-product-window { border-radius: 12px; overflow: hidden; background: #fff; color: var(--ink); border: 1px solid #ffffff52; box-shadow: 0 28px 70px #10152519, 0 4px 12px #1015250c; }
.cxl-window-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 34px; padding: 9px 13px; background: #f6f6fa; border-bottom: 1px solid #e8e8ef; color: #676c7d; font-size: 9px; line-height: 1.4; letter-spacing: .025em; }
.cxl-window-dots { display: flex; align-items: center; gap: 4px; }
.cxl-window-dots i { width: 5px; height: 5px; border-radius: 50%; background: #c4c7d2; }
.cxl-image-button { border: 0; border-radius: 0; padding: 0; display: block; width: 100%; background: #fff; cursor: zoom-in !important; line-height: 0; }
.cxl-image-button img { width: 100%; }
.cxl-image-button:focus-visible { outline-offset: -4px; }
.cxl-hero-screen { position: absolute; top: 64px; left: 0; width: calc(100% + 10px); transform: perspective(1600px) rotateY(-7deg) rotateX(2deg) rotateZ(-3deg); box-shadow: 0 35px 70px #0007, 0 0 70px #8971ff12; }
.cxl-map-credit { padding: 7px 10px; font-size: 8px; line-height: 1.4; color: #787c8b; background: #fff; }
.cxl-focus-card { position: relative; background: #fff; border: 1px solid #e6e5ee; border-radius: 12px; padding: 12px; color: #35374c; box-shadow: 0 20px 48px #18143c23, 0 2px 8px #17133c0a; }
.cxl-focus-card figcaption { display: flex; align-items: center; gap: 7px; font-size: 8px; font-weight: 650; line-height: 1.5; letter-spacing: .075em; padding: 1px 1px 10px; }
.cxl-focus-card img { width: 100%; border-radius: 6px; }
.cxl-hero-detail { position: absolute; top: 215px; right: 12px; width: 231px; transform: rotate(2deg); box-shadow: 0 24px 70px #0005, 0 0 1px #fff; }
.cxl-hero-detail figcaption { font-size: 8px; letter-spacing: .015em; }
.cxl-hero-detail .cxl-dot { background: #7050e9; width: 5px; height: 5px; flex-basis: 5px; }
.cxl-hero-annotation { position: absolute; left: 9px; top: 373px; display: flex; align-items: flex-start; gap: 13px; }
.cxl-hero-annotation > span { width: 31px; height: 38px; border-bottom: 1px solid #8f82b2; border-left: 1px solid #8f82b2; border-radius: 0 0 0 12px; transform: translateY(-20px); }
.cxl-hero-annotation p { font-size: 12px; color: #a2a6ba; line-height: 1.8; }
.cxl-hero-annotation strong { color: #f0edf7; font-weight: 500; }
.cxl-capture-note { position: absolute; bottom: 0; right: 5px; font-size: 8px; letter-spacing: .04em; color: #9398ae !important; }
.cxl-hero-bottom { position: relative; border-top: 1px solid #ffffff19; display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 80px; }
.cxl-hero-bottom > span { font-size: 9px; letter-spacing: .15em; color: #9198b0; }
.cxl-hero-bottom ol { display: flex; padding: 0; list-style: none; align-items: center; flex: 1; justify-content: center; }
.cxl-hero-bottom li { font-size: 11px; color: #b8bed0; display: flex; align-items: center; }
.cxl-hero-bottom li + li::before { content: ""; width: clamp(20px,4vw,70px); height: 1px; background: #ffffff24; margin-inline: 16px; }
.cxl-hero-bottom > a { font-size: 10px; color: #b3bbce; }
.cxl-hero-bottom > a span { margin-left: 14px; }
.cxl-request { position: relative; padding: 44px 0 37px; background: #f0f1f6; border-bottom: 1px solid var(--line); }
.cxl-request-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 24px; }
.cxl-request-head .cxl-eyebrow { font-size: 8px; color: #75728d; }
.cxl-request-head h2 { font-size: 28px; letter-spacing: -.035em; margin-top: 6px; }
.cxl-request-head > p { color: var(--muted); font-size: 12px; }
.cxl-quote-form { display: grid; grid-template-columns: 1.4fr 1.4fr 1fr .8fr auto; gap: 10px; }
.cxl-quote-form label { display: block; background: #fff; padding: 11px 15px; border: 1px solid #dddfea; border-radius: 7px; }
.cxl-quote-form label > span { display: block; font-size: 9px; font-weight: 600; line-height: 1.4; color: #4b4e64; margin-bottom: 6px; }
.cxl-quote-form input { display: block; width: 100%; height: 25px; padding: 0; border: 0; border-radius: 0; outline-offset: 3px; box-shadow: none; font-size: 12px; font-weight: 400; line-height: normal; background: transparent; color: var(--ink); color-scheme: light; }
.cxl-quote-form input::placeholder { color: #747b8d; opacity: 1; }
.cxl-quote-form .cxl-btn { align-self: stretch; border-radius: 7px; }
.cxl-request-note { font-size: 9px; color: #6e7486 !important; margin-top: 12px !important; }
.cxl-error { font-size: 13px; color: #a1283a !important; line-height: 1.5; }
.cxl-error:empty { display: none; }
.cxl-error:not(:empty) { margin-block: 12px; }
.cxl-noscript { background: #fff6d9; color: #60441c; padding: 12px; margin-top: 15px !important; }
.cxl-heading-pair { display: grid; grid-template-columns: 1.4fr .75fr; align-items: end; gap: 90px; margin-bottom: 45px; }
.cxl-heading-pair .cxl-eyebrow { color: #79788b; margin-bottom: 17px; }
.cxl-heading-pair > p { font-size: 14px; line-height: 1.8; color: var(--muted); padding-bottom: 3px; }
.cxl-platform { background: #fff; }
.cxl-tabs { display: flex; gap: 8px; border-bottom: 1px solid var(--line); margin-bottom: 52px; }
.cxl-tabs button { display: flex; align-items: center; gap: 12px; background: transparent; color: #707584; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 14px 18px 16px; font-size: 12px; font-weight: 600; margin-bottom: -1px; }
.cxl-tabs button span { color: #737486; font-size: 9px; font-weight: 500; }
.cxl-tabs button[aria-selected="true"] { color: #452db8; border-bottom-color: #7051e4; }
.cxl-tabs button[aria-selected="true"] span { color: #765ccc; }
.cxl-tabs button:hover { background: #f8f6ff; }
.cxl-product-panel { display: grid; grid-template-columns: .73fr 1.8fr; align-items: center; gap: 66px; min-height: 475px; }
.cxl-number { display: block; font-size: 9px; font-weight: 650; letter-spacing: .09em; color: #757083; }
.cxl-product-copy h3 { font-size: clamp(28px,2.6vw,38px); line-height: 1.13; letter-spacing: -.04em; margin-block: 19px; }
.cxl-product-copy > p { font-size: 14px; color: var(--muted); line-height: 1.8; }
.cxl-product-copy .cxl-text-link { font-size: 11px; gap: 14px; margin-top: 26px; color: #6242c8; }
.cxl-product-composition { position: relative; min-width: 0; min-height: 475px; padding: 0 14px 72px 0; }
.cxl-main-capture { margin-left: 0 !important; transform: perspective(1700px) rotateY(-3deg) rotateX(1deg); border-color: #e5e4ef; }
.cxl-reservation-detail { position: absolute; width: 265px; right: -16px; bottom: 22px; transform: rotate(-2deg); }
.cxl-focus-caption { position: absolute; left: 2px; bottom: 32px; color: #777988; font-size: 9px; width: calc(100% - 290px); }
.cxl-product-composition-map { padding-top: 25px; }
.cxl-route-detail { position: absolute; width: 212px; right: 0; bottom: 0; transform: rotate(2deg); }
.cxl-invoice-detail { position: absolute; width: 440px; max-width: 86%; bottom: 40px; right: -5px; transform: rotate(-2deg); }
.cxl-invoice-detail ~ .cxl-focus-caption { bottom: 0; width: 100%; }
.cxl-product-disclosure { margin-top: 22px !important; text-align: right; font-size: 9px; color: #767d8b !important; }
.cxl-micro { background: #0c0f19; color: #fff; position: relative; }
.cxl-micro::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 86% 30%,#6954c31a,transparent 45%); pointer-events: none; }
.cxl-micro > .cxl-wrap { position: relative; }
.cxl-micro-grid { display: grid; grid-template-columns: .9fr 1.15fr; gap: 90px; align-items: center; }
.cxl-micro .cxl-eyebrow { color: #aaa5c8; margin-bottom: 23px; }
.cxl-micro h2 { font-size: clamp(42px,4vw,58px); letter-spacing: -.046em; }
.cxl-micro-copy > p:not(.cxl-eyebrow) { margin-top: 22px; font-size: 14px; color: #a6acbf; line-height: 1.85; max-width: 390px; }
.cxl-micro-copy p.cxl-micro-point { font-size: 13px; border-left: 1px solid #8c7bb4; padding-left: 18px; margin-top: 26px; }
.cxl-micro-point strong { color: #e6e5ee; font-weight: 500; }
.cxl-architecture { min-width: 0; background: linear-gradient(150deg,#1c2030,#101420); border: 1px solid #ffffff14; border-radius: 16px; padding: 28px; box-shadow: 0 20px 80px #0003; }
.cxl-architecture-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 27px; }
.cxl-architecture-top > span { font-size: 9px; letter-spacing: .13em; color: #a4a8bb; }
.cxl-architecture-top img { width: 24px; }
.cxl-parent-order { display: flex; align-items: center; gap: 14px; padding: 20px 18px; background: #ffffff07; border: 1px solid #7d6da64d; border-radius: 9px; }
.cxl-order-icon { width: 33px; height: 33px; background: #645b8b28; color: #bda8fd; display: grid; place-items: center; border-radius: 8px; font-size: 22px; }
.cxl-parent-order small { display: block; font-size: 7px; letter-spacing: .13em; color: #9f9db4; }
.cxl-parent-order strong { display: block; margin-top: 5px; font-size: 16px; font-weight: 550; letter-spacing: -.02em; }
.cxl-order-tag { margin-left: auto; border: 1px solid #8373bc55; border-radius: 4px; padding: 4px 7px; font-size: 8px; color: #bdb6da; }
.cxl-tree { height: 44px; position: relative; margin-inline: 15%; border: 0; }
.cxl-tree::before { content: ""; position: absolute; width: 1px; height: 22px; top: 0; left: 50%; background: #726c8f; }
.cxl-tree::after { content: ""; position: absolute; inset: 22px 0 0; border: 1px solid #726c8f; border-bottom: 0; border-radius: 6px 6px 0 0; }
.cxl-tree > i { position: absolute; width: 1px; height: 22px; bottom: 0; left: 50%; background: #726c8f; }
.cxl-unit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.cxl-unit { min-width: 0; background: #ffffff05; border: 1px solid #ffffff1a; border-radius: 8px; padding: 13px 12px 12px; }
.cxl-unit-id { display: block; color: #979cb4; font-size: 8px; letter-spacing: .1em; }
.cxl-unit svg { width: 100%; height: 53px; margin-block: 12px; fill: #c4c8db; }
.cxl-unit svg path:nth-child(2) { fill: #30374a; }
.cxl-unit svg circle { fill: #111622; stroke: #8890aa; stroke-width: 2; }
.cxl-unit h3 { font-size: 13px; font-weight: 550; letter-spacing: -.015em; }
.cxl-unit p { font-size: 10px; color: #9ca4bc; margin-top: 4px; }
.cxl-unit-operator { display: block; font-size: 9px; margin-top: 17px; border-top: 1px solid #ffffff17; padding-top: 10px; color: #bcb1e8; }
.cxl-architecture-outcome { margin-top: 22px; display: flex; gap: 8px; align-items: center; justify-content: center; font-size: 9px; color: #b8b4d1; }
.cxl-architecture-outcome .cxl-dot { background: #9c8fd7; flex-basis: 4px; width: 4px; height: 4px; }
.cxl-diagram-note { text-align: center; font-size: 8px; color: #969bb0 !important; margin-top: 15px !important; }
.cxl-micro-benefits { margin-top: 65px; padding-top: 32px; border-top: 1px solid #ffffff18; display: grid; grid-template-columns: repeat(3,1fr); gap: 64px; }
.cxl-micro-benefits article { position: relative; padding-left: 32px; }
.cxl-micro-benefits article > span { position: absolute; left: 0; top: 4px; font-size: 9px; color: #a89ddd; }
.cxl-micro-benefits h3 { font-size: 18px; margin-bottom: 11px; font-weight: 550; }
.cxl-micro-benefits p { color: #9ba3b8; font-size: 12px; line-height: 1.75; }
.cxl-control-capture { margin-top: 48px !important; border-radius: 12px; overflow: hidden; border: 1px solid #ffffff22; }
.cxl-control-capture figcaption { padding: 12px; font-size: 12px; }
.cxl-intelligence { background: #f5f5f8; }
.cxl-intelligence-grid { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #dddfe8; border-radius: 12px; overflow: hidden; }
.cxl-intelligence-grid article { padding: 28px 24px; min-width: 0; background: #ffffff40; }
.cxl-intelligence-grid article + article { border-left: 1px solid #dddfe8; }
.cxl-feature-icon { display: grid; place-items: center; width: 35px; height: 35px; border: 1px solid #d8d1ee; background: #eeeaf6; color: #634cad; border-radius: 9px; font-size: 20px; margin-bottom: 35px; }
.cxl-intelligence-grid .cxl-number { font-size: 8px; letter-spacing: .07em; line-height: 1.7; }
.cxl-intelligence-grid h3 { font-size: 19px; margin-block: 12px; }
.cxl-intelligence-grid p { font-size: 12px; color: var(--muted); line-height: 1.85; }
.cxl-intelligence-note { color: #707485 !important; font-size: 10px; margin-top: 22px !important; }
.cxl-operators { background: #fff; }
.cxl-operators-grid { display: grid; grid-template-columns: .9fr 1fr; gap: 135px; align-items: center; }
.cxl-operators h2 { margin-top: 20px; font-size: clamp(43px,4.1vw,59px); }
.cxl-operators h2 span { color: #6e55b0; }
.cxl-operators-grid > div:first-child > p:not(.cxl-eyebrow) { font-size: 14px; color: var(--muted); margin-block: 23px 27px; max-width: 420px; line-height: 1.85; }
.cxl-operator-promise { background: #f6f5fa; border: 1px solid #e6e3ee; border-radius: 13px; padding: 30px; }
.cxl-operator-promise-head { display: flex; gap: 18px; align-items: center; margin-bottom: 30px; }
.cxl-operator-promise-head img { width: 35px; }
.cxl-operator-promise-head p { font-size: 8px; letter-spacing: .16em; color: #828197; line-height: 1.8; }
.cxl-operator-promise-head strong { font-weight: 650; color: #45445c; }
.cxl-operator-promise article { display: flex; gap: 19px; padding-block: 22px; border-top: 1px solid #e2deea; }
.cxl-operator-promise article > span { font-size: 9px; color: #8d80ae; margin-top: 4px; }
.cxl-operator-promise article h3 { font-size: 17px; font-weight: 600; }
.cxl-operator-promise article p { font-size: 12px; color: var(--muted); line-height: 1.8; margin-top: 9px; }
.cxl-brand-flow { display: flex; justify-content: space-between; gap: 8px; align-items: center; margin-top: 8px; padding-top: 19px; border-top: 1px solid #ddd8ea; font-size: 9px; color: #777085; }
.cxl-brand-flow b { font-weight: 400; color: #746491; }
.cxl-brand-flow span:nth-of-type(2) { color: #6244b0; font-weight: 600; }
.cxl-deployment { background: #f6f6f3; }
.cxl-deployment-grid { display: grid; grid-template-columns: 1.07fr .85fr; gap: 112px; align-items: center; }
.cxl-field-images { position: relative; min-height: 590px; padding-bottom: 65px; }
.cxl-field-main { position: relative; border-radius: 12px; overflow: hidden; height: 495px; margin-right: 35px !important; }
.cxl-field-main img { width: 100%; height: 100%; object-fit: cover; object-position: var(--cxl-x,70%) var(--cxl-y,50%); }
.cxl-field-main::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,#070917aa); pointer-events: none; }
.cxl-field-main figcaption { position: absolute; z-index: 1; bottom: 20px; left: 20px; right: 20px; color: #fff; font-size: 8px; letter-spacing: .07em; display: flex; align-items: center; gap: 8px; }
.cxl-field-inset { position: absolute; right: -17px; bottom: 0; width: 250px; padding: 7px; border-radius: 10px; background: #fff; border: 1px solid #e2e1dd; box-shadow: 0 10px 40px #12152416; transform: rotate(3deg); }
.cxl-field-inset img { width: 100%; aspect-ratio: 4/3; object-fit: cover; object-position: var(--cxl-x,62%) var(--cxl-y,50%); border-radius: 6px; }
.cxl-field-inset figcaption { font-size: 8px; color: #636672; padding: 9px 5px 4px; }
.cxl-deployment-copy .cxl-eyebrow { font-size: 8px; letter-spacing: .1em; color: #777c74; }
.cxl-deployment h2 { margin-top: 21px; font-size: clamp(39px,3.8vw,54px); }
.cxl-deployment h2 span { color: #818879; }
.cxl-deployment-copy > p:not(.cxl-eyebrow) { color: #62685e; font-size: 14px; margin-top: 24px; line-height: 1.85; }
.cxl-field-facts { display: flex; gap: 58px; padding-top: 27px; margin-top: 30px; border-top: 1px solid #d8dcd3; }
.cxl-field-facts strong { display: block; font-size: 29px; letter-spacing: -.035em; font-weight: 550; }
.cxl-field-facts span { display: block; font-size: 10px; margin-top: 8px; color: #73796d; line-height: 1.7; }
.cxl-deployment-copy p.cxl-field-signoff { font-size: 12px; color: #6d7169; margin-top: 28px; }
.cxl-field-signoff strong { color: #373e31; font-weight: 550; }
.cxl-industries { background: #fff; }
.cxl-industries .cxl-heading-pair { margin-bottom: 35px; }
.cxl-industries h2 { font-size: 43px; }
.cxl-industry-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }
.cxl-industry-grid a { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #e3e3ea; border-radius: 8px; padding: 22px 20px 17px; transition: border-color .2s, background .2s; }
.cxl-industry-grid a:hover { border-color: #b1a0e1; background: #faf8ff; }
.cxl-industry-grid span { font-size: 8px; color: #82818f; letter-spacing: .07em; }
.cxl-industry-grid h3 { font-size: 20px; margin-block: 32px 12px; }
.cxl-industry-grid p { font-size: 12px; color: var(--muted); line-height: 1.8; }
.cxl-industry-grid b { font-size: 22px; font-weight: 400; color: #79718c; margin-top: auto; padding-top: 28px; }
.cxl-close { position: relative; background: #100f1b; background-image: radial-gradient(ellipse at 87% 100%,#4e35723d,transparent 62%); color: #fff; padding-block: 100px; }
.cxl-close-inner { display: flex; align-items: center; justify-content: space-between; gap: 70px; }
.cxl-close .cxl-eyebrow { color: #a8a0c3; margin-bottom: 19px; }
.cxl-close h2 { font-size: clamp(43px,4.5vw,67px); }
.cxl-close p:not(.cxl-eyebrow) { color: #a7a2b6; font-size: 14px; margin-top: 21px; }
.cxl-close-actions { display: grid; gap: 12px; min-width: 290px; }
.cxl-footer { background: #080a10; color: #a0a5b6; padding-block: 38px 25px; }
.cxl-footer-top { display: flex; align-items: center; gap: 28px; border-bottom: 1px solid #ffffff14; padding-bottom: 30px; }
.cxl-footer-top .cxl-brand { width: 136px; }
.cxl-footer-top p { font-size: 10px; }
.cxl-footer nav { display: flex; gap: 22px; font-size: 10px; }
.cxl-footer-top nav { margin-left: auto; }
.cxl-footer a:hover { color: #fff; }
.cxl-footer-bottom { display: flex; justify-content: space-between; gap: 25px; margin-top: 21px; font-size: 9px; }
.cxl-footer-bottom nav { font-size: 9px; }
/* Native dialogs keep focus and page interaction contained without portal dependencies. */
.cxl-dialog { padding: 38px; width: min(610px,calc(100% - 32px)); max-height: calc(100dvh - 40px); border: 1px solid #e7e4ef; border-radius: 15px; color: #17192b; background: #fff; box-shadow: 0 30px 90px #0005; }
.cxl-dialog::backdrop, .cxl-lightbox::backdrop { background: #080a11bf; backdrop-filter: blur(6px); }
.cxl-dialog-close { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #e6e3ed; background: #f7f6fa; color: #626079; border-radius: 50%; font-size: 25px !important; line-height: 1; }
.cxl-dialog .cxl-eyebrow { color: #7a6a9e; font-size: 9px; margin-bottom: 13px; padding-right: 15px; }
.cxl-dialog h2 { font-size: 32px; letter-spacing: -.04em; line-height: 1.14; }
.cxl-dialog h2 + p { font-size: 13px; color: var(--muted); margin-top: 12px; }
.cxl-lead-form { margin-top: 25px; }
.cxl-lead-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.cxl-lead-form label { display: block; }
.cxl-lead-form label > span { display: block; font-size: 11px; font-weight: 550; color: #43475c; margin-bottom: 6px; }
.cxl-lead-form label > span small { font-weight: 400; color: #7a7e8d; font-size: 10px; }
.cxl-lead-form input, .cxl-lead-form textarea { display: block; width: 100%; padding: 10px 11px; border: 1px solid #dcdde7; background: #fff; color: #17192b; font-size: 14px; border-radius: 6px; box-shadow: none; min-height: 44px; }
.cxl-lead-form textarea { resize: vertical; line-height: 1.6; }
.cxl-lead-form > label { margin-top: 16px; }
.cxl-lead-form > .cxl-btn { margin-top: 20px; width: 100%; }
.cxl .cxl-honeypot { position: absolute; left: -10000px; top: 0; width: 1px; height: 1px; overflow: hidden; }
.cxl-form-notice { color: #737888 !important; font-size: 10px; line-height: 1.65; margin-top: 13px !important; }
.cxl-form-notice a { text-decoration: underline; }
.cxl-trip-summary { margin-top: 19px; border: 1px solid #e3dfec; border-radius: 7px; background: #f6f4fa; padding: 13px 15px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.cxl-trip-summary small { display: block; font-size: 8px; text-transform: uppercase; letter-spacing: .07em; color: #838092; }
.cxl-trip-summary strong { display: block; font-size: 12px; font-weight: 550; color: #4c4863; overflow-wrap: anywhere; margin-top: 3px; }
.cxl-success { padding-block: 15px; text-align: center; }
.cxl-success > span { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #eee8ff; color: #6740d6; margin: 0 auto 24px; font-size: 25px; }
.cxl-success > p { font-size: 14px; color: var(--muted); margin-top: 18px; }
.cxl-success .cxl-success-reference { font-size: 11px; color: #787080; }
.cxl-success > button { margin-top: 24px; }
.cxl-lightbox { width: min(1400px,calc(100% - 36px)); max-height: calc(100dvh - 36px); padding: 16px; background: #f9f9fc; border: 1px solid #fff; border-radius: 13px; color: #3d3c4e; box-shadow: 0 20px 90px #0007; }
.cxl-lightbox-head { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 13px; }
.cxl-lightbox h2 { font-size: 15px; letter-spacing: -.02em; }
.cxl-lightbox-head button { display: grid; place-items: center; width: 35px; height: 35px; padding: 0; border: 1px solid #dbd9e7; background: #fff; border-radius: 50%; color: #4b485e; font-size: 24px !important; }
.cxl-lightbox img { width: 100%; height: auto; border-radius: 5px; }
.cxl-lightbox > p { font-size: 10px; color: #787084; margin-top: 10px; }
.cxl-lightbox-open, .cxl-inquiry-open { overflow: hidden; }
body.admin-bar .cxl-header { top: 32px; }
/* No opacity-gated content or artificial loading overlay. */
@media (min-width: 1800px) { .cxl-wrap { --wrap: 1400px; } .cxl-hero h1 { font-size: 84px; } .cxl-hero-product { height: 565px; } .cxl-hero-detail { top: 240px; right: 20px; } }
@media (max-width: 1200px) { .cxl-wrap { width: calc(100% - 72px); } .cxl-nav { gap: 19px; } .cxl-brand { width: 140px; } .cxl-nav .cxl-login { padding-left: 16px; } .cxl-hero-grid { gap: 30px; } .cxl-hero h1 { font-size: 64px; } .cxl-hero-product { height: 480px; } .cxl-hero-detail { top: 192px; width: 210px; right: 0; } .cxl-hero-annotation { top: 360px; left: 0; gap: 8px; } .cxl-hero-annotation > span { width: 18px; } .cxl-hero-annotation p { font-size: 10px; } .cxl-hero-bottom { gap: 15px; } .cxl-hero-bottom li + li::before { margin-inline: 12px; width: 35px; } .cxl-product-panel { gap: 40px; } .cxl-product-composition { min-height: 400px; } .cxl-product-panel { min-height: 400px; } .cxl-reservation-detail { width: 240px; bottom: 0; right: -10px; } .cxl-focus-caption { bottom: 10px; width: calc(100% - 235px); } .cxl-heading-pair { gap: 60px; } .cxl-micro-grid { gap: 55px; } .cxl-architecture { padding: 23px; } .cxl-unit { padding-inline: 9px; } .cxl-operators-grid { gap: 80px; } .cxl-deployment-grid { gap: 74px; } .cxl-field-images { min-height: 560px; } .cxl-field-main { height: 470px; margin-right: 20px !important; } .cxl-intelligence-grid article { padding: 26px 20px; } }
@media (max-width: 1020px) { .cxl-nav { gap: 16px; } .cxl-nav > a:not(.cxl-btn) { font-size: 10px; } .cxl-nav .cxl-login { display: none; } .cxl-hero h1 { font-size: 57px; } .cxl-hero-copy .cxl-eyebrow { font-size: 8px; } .cxl-hero .cxl-lead { font-size: 14px; } .cxl-actions { gap: 16px; } .cxl-hero-product { height: 448px; } .cxl-hero-detail { top: 175px; width: 197px; right: -8px; } .cxl-hero-annotation { top: 342px; left: 0; } .cxl-hero-annotation p { max-width: 150px; font-size: 9px; } .cxl-hero-annotation > span { display: none; } .cxl-hero-grid { padding-block: 62px; } .cxl-request-head > p { font-size: 11px; } .cxl-quote-form { gap: 8px; } .cxl-quote-form label { padding-inline: 11px; } .cxl-quote-form input { font-size: 11px; } .cxl-quote-form .cxl-btn { padding-inline: 15px; gap: 18px; } .cxl-micro-grid { gap: 34px; } .cxl-micro h2 { font-size: 45px; } .cxl-order-tag { display: none; } .cxl-micro-benefits { gap: 32px; } .cxl-unit-grid { gap: 7px; } .cxl-unit h3 { font-size: 11px; } .cxl-intelligence-grid { grid-template-columns: repeat(2,1fr); } .cxl-intelligence-grid article:nth-child(3) { border-left: 0; border-top: 1px solid #dddfe8; } .cxl-intelligence-grid article:nth-child(4) { border-top: 1px solid #dddfe8; } .cxl-feature-icon { margin-bottom: 25px; } .cxl-operators-grid { gap: 50px; } .cxl-deployment-grid { gap: 50px; } .cxl-field-inset { width: 215px; } .cxl-field-main { height: 430px; } .cxl-field-images { min-height: 540px; } .cxl-deployment h2 { font-size: 39px; } .cxl-field-facts { gap: 35px; } .cxl-industry-grid { grid-template-columns: repeat(2,1fr); gap: 13px; } .cxl-industry-grid h3 { margin-top: 25px; } .cxl-close h2 { font-size: 49px; } .cxl-close-inner { gap: 35px; } }
@media (max-width: 800px) { .cxl-wrap { width: calc(100% - 48px); } .cxl-section { padding-block: 76px; } .cxl-header-inner { min-height: 67px; } .cxl-brand { width: 137px; } .cxl-menu-toggle { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 43px; height: 43px; border: 1px solid #ffffff26; border-radius: 7px; padding: 10px; background: transparent; color: #fff; } .cxl-menu-toggle > span { display: block; width: 17px; height: 1px; background: #e3dfef; transition: transform .2s; } .cxl-menu-toggle[aria-expanded="true"] > span:first-child { transform: translateY(3.5px) rotate(45deg); } .cxl-menu-toggle[aria-expanded="true"] > span:nth-child(2) { transform: translateY(-3.5px) rotate(-45deg); } .cxl[data-cxl-ready] .cxl-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #10131f; padding: 20px 24px 25px; border-bottom: 1px solid #ffffff22; box-shadow: 0 12px 20px #0003; } .cxl[data-cxl-ready] .cxl-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; } .cxl-nav > a:not(.cxl-btn) { padding-block: 12px; font-size: 13px; } .cxl-nav .cxl-login { display: block; padding-left: 0; border: 0; } .cxl-nav > .cxl-btn { margin-top: 12px; min-height: 46px; font-size: 12px !important; } .cxl:not([data-cxl-ready]) .cxl-header-inner { flex-wrap: wrap; padding-block: 15px; } .cxl:not([data-cxl-ready]) .cxl-nav { flex-wrap: wrap; width: 100%; gap: 16px; } .cxl:not([data-cxl-ready]) .cxl-menu-toggle { display: none; } .cxl:not([data-cxl-ready]) [data-cxl-panel] { display: grid !important; margin-top: 35px; } .cxl:not([data-cxl-ready]) .cxl-tabs { display: none; } .cxl-hero-grid { grid-template-columns: 1fr; gap: 20px; padding-top: 52px; padding-bottom: 35px; } .cxl-hero-copy { max-width: 630px; } .cxl-hero h1 { font-size: 72px; margin-block: 23px; } .cxl-hero-copy .cxl-eyebrow { font-size: 9px; } .cxl-hero .cxl-lead { font-size: 16px; max-width: 435px; } .cxl-hero-proof { margin-top: 29px; font-size: 10px; } .cxl-hero-product { width: min(590px,100%); margin: 5px auto 0; height: 505px; } .cxl-hero-screen { width: 100%; top: 63px; } .cxl-hero-detail { top: 216px; width: 225px; right: 6px; } .cxl-hero-annotation { top: 388px; left: 12px; } .cxl-hero-annotation p { font-size: 12px; max-width: none; } .cxl-hero-annotation > span { display: block; width: 26px; } .cxl-stage-label { top: 19px; } .cxl-capture-note { bottom: -12px; } .cxl-hero-bottom { flex-wrap: wrap; padding-block: 22px; min-height: 86px; gap: 15px; } .cxl-hero-bottom > span { font-size: 8px; } .cxl-hero-bottom > a { display: none; } .cxl-hero-bottom ol { justify-content: flex-end; } .cxl-hero-bottom li + li::before { width: 20px; margin-inline: 9px; } .cxl-hero-bottom li { font-size: 10px; } .cxl-quote-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .cxl-quote-form .cxl-btn { grid-column: 1/-1; min-height: 49px; justify-content: center; } .cxl-quote-form input { font-size: 14px; } .cxl-quote-form label { padding: 12px 14px; } .cxl-quote-form label > span { font-size: 10px; } .cxl-request-head > p { max-width: 185px; } .cxl-heading-pair { grid-template-columns: 1fr; gap: 21px; margin-bottom: 35px; } .cxl-heading-pair > p { max-width: 470px; font-size: 14px; } .cxl h2 { font-size: 43px; } .cxl-tabs { margin-bottom: 35px; } .cxl-product-panel { grid-template-columns: 1fr; gap: 32px; } .cxl-product-copy { max-width: 430px; } .cxl-product-copy h3 { font-size: 34px; margin-block: 14px; } .cxl-product-copy .cxl-text-link { margin-top: 17px; } .cxl-product-composition { min-height: 480px; padding-bottom: 105px; } .cxl-reservation-detail { bottom: 12px; right: 0; width: 265px; } .cxl-focus-caption { bottom: 28px; width: calc(100% - 285px); } .cxl-product-composition-map { min-height: 430px; } .cxl-route-detail { width: 215px; bottom: 0; right: 5px; } .cxl-invoice-detail { width: 440px; bottom: 40px; } .cxl-product-disclosure { font-size: 9px; text-align: left; } .cxl-micro-grid { grid-template-columns: 1fr; gap: 40px; } .cxl-micro-copy > p:not(.cxl-eyebrow) { max-width: 490px; } .cxl-micro h2 { font-size: 49px; } .cxl-architecture { max-width: 630px; width: 100%; padding: 28px; } .cxl-order-tag { display: block; } .cxl-unit h3 { font-size: 15px; } .cxl-unit svg { height: 65px; } .cxl-unit { padding: 15px; } .cxl-unit p { font-size: 11px; } .cxl-architecture-outcome { font-size: 10px; } .cxl-micro-benefits { margin-top: 40px; gap: 20px; } .cxl-micro-benefits article { padding-left: 0; } .cxl-micro-benefits article > span { position: static; display: block; margin-bottom: 12px; } .cxl-micro-benefits h3 { font-size: 16px; } .cxl-micro-benefits p { font-size: 11px; } .cxl-operators-grid { grid-template-columns: 1fr; gap: 38px; } .cxl-operators h2 { font-size: 51px; } .cxl-operators-grid > div:first-child > p:not(.cxl-eyebrow) { max-width: 485px; } .cxl-operator-promise article p { max-width: 460px; } .cxl-deployment-grid { grid-template-columns: 1fr; gap: 50px; } .cxl-deployment-copy { grid-row: 1; } .cxl-deployment h2 { font-size: 45px; } .cxl-deployment-copy > p:not(.cxl-eyebrow) { max-width: 520px; } .cxl-field-facts { gap: 60px; } .cxl-field-images { min-height: 620px; max-width: 650px; } .cxl-field-main { height: 520px; margin-right: 35px !important; } .cxl-field-inset { width: 270px; right: 0; } .cxl-close-inner { flex-direction: column; align-items: flex-start; gap: 35px; } .cxl-close h2 { font-size: 53px; } .cxl-close-actions { grid-template-columns: 1fr 1fr; width: 100%; min-width: 0; gap: 10px; } .cxl-close-actions .cxl-btn { font-size: 11px !important; gap: 15px; padding-inline: 15px; } .cxl-footer-top { flex-wrap: wrap; gap: 20px; } .cxl-footer-top nav { width: 100%; margin-left: 0; } body.admin-bar .cxl-header { top: 46px; } }
@media (max-width: 520px) { .cxl-wrap { width: calc(100% - 40px); } .cxl-section { padding-block: 63px; } .cxl h2 { font-size: 35px; } .cxl-header-inner { min-height: 66px; } .cxl-brand { width: 140px; } .cxl-hero-grid { padding-top: 39px; gap: 19px; } .cxl-hero-copy .cxl-eyebrow { font-size: 7px; gap: 7px; letter-spacing: .105em; } .cxl-hero h1 { font-size: clamp(49px,13.5vw,68px); line-height: 1.04; margin-top: 23px; margin-bottom: 23px; } .cxl-hero .cxl-lead { font-size: 14px; max-width: 330px; } .cxl-actions { gap: 19px; margin-top: 24px; } .cxl-actions .cxl-btn { min-height: 50px; padding: 13px 17px; font-size: 12px !important; gap: 23px; } .cxl-hero .cxl-text-link { font-size: 10px; gap: 12px; } .cxl-hero-proof { font-size: 8px; gap: 11px; margin-top: 27px; } .cxl-proof-mark { width: 35px; height: 35px; font-size: 11px; } .cxl-hero-product { height: 355px; margin-top: 6px; } .cxl-stage-label { top: 6px; left: 11px; font-size: 7px; gap: 8px; } .cxl-tiny-mark { width: 10px; height: 10px; border-radius: 2px; } .cxl-hero-screen { top: 45px; left: 0; transform: perspective(1200px) rotateY(-4deg) rotateZ(-3deg); } .cxl-window-bar { font-size: 7px; min-height: 28px; padding: 7px 9px; } .cxl-window-dots i { width: 4px; height: 4px; } .cxl-map-credit { font-size: 6px; padding: 6px 8px; } .cxl-hero-detail { top: 147px; right: 0; width: 171px; padding: 8px; border-radius: 9px; } .cxl-hero-detail figcaption { font-size: 6px; letter-spacing: .025em; padding-bottom: 6px; } .cxl-hero-annotation { top: 257px; left: 0; gap: 0; } .cxl-hero-annotation p { font-size: 9px; line-height: 1.8; max-width: 150px; } .cxl-hero-annotation > span { display: none; } .cxl-capture-note { bottom: -5px; font-size: 6px; } .cxl-hero-bottom { display: block; padding-block: 22px; } .cxl-hero-bottom > span { display: block; font-size: 7px; margin-bottom: 14px; } .cxl-hero-bottom ol { justify-content: flex-start; } .cxl-hero-bottom li { font-size: 9px; } .cxl-hero-bottom li + li::before { width: 19px; margin-inline: 11px; } .cxl-request { padding-block: 32px 28px; } .cxl-request-head { display: block; margin-bottom: 20px; } .cxl-request-head h2 { font-size: 28px; } .cxl-request-head > p { max-width: none; margin-top: 9px; font-size: 10px; } .cxl-quote-form { gap: 9px; } .cxl-quote-form label:nth-child(1), .cxl-quote-form label:nth-child(2) { grid-column: 1/-1; } .cxl-quote-form input { font-size: 16px; height: 27px; } .cxl-quote-form label > span { font-size: 10px; } .cxl-request-note { font-size: 8px; } .cxl-heading-pair .cxl-eyebrow { font-size: 8px; margin-bottom: 14px; } .cxl-heading-pair { gap: 18px; margin-bottom: 27px; } .cxl-heading-pair > p { font-size: 13px; } .cxl-tabs { gap: 0; margin-bottom: 28px; } .cxl-tabs button { flex: 1; justify-content: flex-start; padding: 11px 8px 13px; font-size: 10px; line-height: 1.5; text-align: left; gap: 6px; } .cxl-tabs button span { font-size: 7px; } .cxl-product-panel { gap: 30px; } .cxl-product-copy h3 { font-size: 31px; } .cxl-product-copy > p { font-size: 13px; } .cxl-product-copy .cxl-text-link { font-size: 11px; margin-top: 14px; } .cxl-number { font-size: 8px; } .cxl-product-composition { min-height: 330px; padding-right: 0; padding-bottom: 110px; } .cxl-main-capture { transform: none; border-radius: 8px; } .cxl-focus-card { padding: 9px; } .cxl-reservation-detail { width: 190px; bottom: 21px; right: -1px; } .cxl-focus-card figcaption { font-size: 6px; padding-bottom: 6px; } .cxl-focus-caption { left: 0; bottom: 47px; width: calc(100% - 201px); font-size: 8px; line-height: 1.7; } .cxl-product-disclosure { font-size: 8px; margin-top: 4px !important; } .cxl-product-composition-map { min-height: 345px; padding-top: 0; } .cxl-route-detail { width: 172px; right: 0; bottom: 22px; } .cxl-product-composition-map .cxl-focus-caption { bottom: 60px; width: calc(100% - 184px); } .cxl-invoice-detail { max-width: 100%; width: 320px; bottom: 34px; right: -2px; } .cxl-invoice-detail ~ .cxl-focus-caption { bottom: 9px; } .cxl-micro h2 { font-size: 42px; } .cxl-micro .cxl-eyebrow { font-size: 8px; } .cxl-micro-copy > p:not(.cxl-eyebrow) { font-size: 13px; } .cxl-architecture { padding: 18px 13px; border-radius: 11px; } .cxl-architecture-top { margin-bottom: 19px; padding-inline: 3px; } .cxl-architecture-top > span { font-size: 8px; } .cxl-parent-order { padding: 14px 12px; gap: 9px; } .cxl-parent-order strong { font-size: 14px; } .cxl-parent-order small { font-size: 6px; } .cxl-order-icon { width: 29px; height: 29px; flex-shrink: 0; } .cxl-order-tag { font-size: 6px; padding: 3px 5px; } .cxl-unit-grid { gap: 6px; } .cxl-unit { padding: 11px 7px; } .cxl-unit svg { height: 39px; margin-block: 11px; } .cxl-unit h3 { font-size: 10px; } .cxl-unit-id { font-size: 7px; } .cxl-unit p { font-size: 8px; } .cxl-unit-operator { font-size: 8px; margin-top: 11px; padding-top: 8px; } .cxl-architecture-outcome { font-size: 7px; gap: 6px; } .cxl-diagram-note { font-size: 7px; } .cxl-micro-benefits { grid-template-columns: 1fr; gap: 23px; padding-top: 27px; margin-top: 35px; } .cxl-micro-benefits article { padding-left: 31px; } .cxl-micro-benefits article > span { position: absolute; top: 3px; } .cxl-micro-benefits h3 { font-size: 18px; margin-bottom: 8px; } .cxl-micro-benefits p { font-size: 12px; max-width: 270px; } .cxl-intelligence-grid { grid-template-columns: 1fr; } .cxl-intelligence-grid article { padding: 23px; } .cxl-intelligence-grid article + article { border-left: 0; border-top: 1px solid #dddfe8; } .cxl-feature-icon { margin-bottom: 24px; } .cxl-intelligence-grid h3 { font-size: 21px; } .cxl-intelligence-grid p { font-size: 13px; } .cxl-intelligence-grid .cxl-number { font-size: 8px; } .cxl-intelligence-note { font-size: 9px; line-height: 1.8; } .cxl-operators .cxl-eyebrow { font-size: 8px; } .cxl-operators h2 { font-size: 44px; } .cxl-operators-grid > div:first-child > p:not(.cxl-eyebrow) { font-size: 13px; } .cxl-operator-promise { padding: 23px; } .cxl-operator-promise article { gap: 14px; } .cxl-operator-promise article h3 { font-size: 16px; } .cxl-operator-promise article p { font-size: 12px; } .cxl-brand-flow { font-size: 8px; gap: 6px; } .cxl-deployment h2 { font-size: 38px; } .cxl-deployment-copy .cxl-eyebrow { font-size: 7px; } .cxl-deployment-copy > p:not(.cxl-eyebrow) { font-size: 13px; } .cxl-deployment-grid { gap: 34px; } .cxl-field-images { min-height: 465px; padding-bottom: 100px; } .cxl-field-main { height: 365px; margin-right: 14px !important; } .cxl-field-main figcaption { left: 14px; right: 12px; bottom: 18px; font-size: 7px; } .cxl-field-inset { width: 197px; right: 3px; bottom: 0; } .cxl-field-inset figcaption { font-size: 7px; } .cxl-field-facts { gap: 48px; } .cxl-field-facts strong { font-size: 29px; } .cxl-industry-grid { gap: 10px; } .cxl-industry-grid a { padding: 17px 14px 12px; } .cxl-industry-grid span { font-size: 7px; } .cxl-industry-grid h3 { font-size: 19px; margin-block: 27px 13px; } .cxl-industry-grid p { font-size: 11px; } .cxl-industry-grid b { padding-top: 21px; } .cxl-close { padding-block: 68px; } .cxl-close h2 { font-size: 40px; } .cxl-close .cxl-eyebrow { font-size: 8px; } .cxl-close p:not(.cxl-eyebrow) { font-size: 13px; } .cxl-close-actions { grid-template-columns: 1fr; gap: 10px; } .cxl-close-actions .cxl-btn { font-size: 12px !important; min-height: 51px; padding-inline: 18px; } .cxl-footer { padding-block: 32px 23px; } .cxl-footer-top { display: block; } .cxl-footer-top .cxl-brand { width: 142px; } .cxl-footer-top p { font-size: 10px; margin-top: 15px; } .cxl-footer-top nav { margin-top: 24px; font-size: 10px; gap: 24px; } .cxl-footer-bottom { display: block; font-size: 9px; } .cxl-footer-bottom nav { flex-wrap: wrap; margin-top: 17px; gap: 18px; font-size: 10px; } .cxl-dialog { padding: 32px 22px 25px; width: calc(100% - 24px); max-height: calc(100dvh - 28px); } .cxl-dialog h2 { font-size: 28px; } .cxl-lead-grid { grid-template-columns: 1fr; gap: 13px; } .cxl-lead-form input,.cxl-lead-form textarea { font-size: 16px; } .cxl-lightbox { width: calc(100% - 16px); padding: 10px; } }
@media (max-width: 370px) { .cxl-wrap { width: calc(100% - 32px); } .cxl-hero h1 { font-size: 48px; } .cxl-hero-copy .cxl-eyebrow { font-size: 6px; } .cxl-actions { gap: 12px; } .cxl-hero .cxl-text-link { font-size: 9px; gap: 7px; } .cxl-hero-detail { width: 160px; top: 134px; } .cxl-hero-annotation p { font-size: 8px; max-width: 125px; } .cxl-hero-product { height: 336px; } .cxl-hero-bottom li + li::before { width: 15px; margin-inline: 8px; } .cxl-tabs button { font-size: 9px; padding-inline: 6px; gap: 4px; } .cxl-tabs button span { display: none; } .cxl-product-composition { min-height: 310px; } .cxl-product-composition-map { min-height: 330px; } .cxl-reservation-detail { width: 174px; } .cxl-focus-caption { width: calc(100% - 188px); } .cxl-architecture { padding-inline: 10px; } .cxl-order-tag { display: none; } .cxl-unit h3 { font-size: 9px; } .cxl-unit p { font-size: 7px; } .cxl-close h2 { font-size: 35px; } }
@media (max-width: 600px) { body.admin-bar .cxl-header { top: 0; } }
@media (prefers-reduced-motion: reduce) { .cxl *, .cxl *::before, .cxl *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } .cxl-btn:hover { transform: none; } }
@media (prefers-contrast: more) { .cxl { --muted: #383d4b; } .cxl-window-bar, .cxl-number, .cxl-product-disclosure, .cxl-focus-caption { color: #454052 !important; } .cxl-hero .cxl-lead, .cxl-hero-proof, .cxl-capture-note, .cxl-micro-copy > p, .cxl-micro-benefits p { color: #d9dce7 !important; } }
@media print { .cxl-header, .cxl-dialog, .cxl-lightbox, .cxl-tabs, .cxl-request { display: none !important; } .cxl { overflow: visible; } .cxl-section { padding-block: 35px; break-inside: avoid; } .cxl [data-cxl-panel] { display: grid !important; } }

/* Final product-composition QA refinements. */
.cxl-hero-screen .cxl-image-button img { aspect-ratio: 1387 / 569; object-fit: contain; }
.cxl-main-capture .cxl-image-button img { aspect-ratio: 1400 / 816; object-fit: contain; }
.cxl-product-composition-map .cxl-main-capture .cxl-image-button img { aspect-ratio: 1387 / 569; }
.cxl-hero-detail img { aspect-ratio: 276 / 289; object-fit: contain; }
.cxl-reservation-detail img { aspect-ratio: 321 / 185; object-fit: contain; }
.cxl-route-detail img { aspect-ratio: 276 / 289; object-fit: contain; }
.cxl-hero-annotation { top: 452px; }
.cxl-capture-note { font-size: 9px; }
.cxl-product-disclosure { font-size: 10px; }
.cxl-text-link { min-height: 44px; }
.cxl-tabs button { min-height: 48px; }
@media (min-width: 1800px) { .cxl-hero-annotation { top: 470px; } }
@media (min-width: 801px) and (max-width: 1200px) { .cxl-hero-annotation { top: 385px; } }
@media (min-width: 521px) and (max-width: 800px) { .cxl-hero-annotation { top: 405px; } }
@media (max-width: 520px) {
 .cxl-hero-copy .cxl-eyebrow { font-size: 9px; letter-spacing: .055em; }
 .cxl-hero-annotation { top: 265px; }
 .cxl-capture-note { font-size: 8px; }
 .cxl-product-disclosure { font-size: 10px; }
}
@media (max-width: 370px) { .cxl-hero-copy .cxl-eyebrow { font-size: 8px; } }

/* v1.6.0: evidence-led product photography. New rules are scoped to the Experience root. */
.cxl-hero-grid { grid-template-columns: .94fr 1.06fr; padding-block: 62px 60px; }
.cxl-hero-product { height: 575px; margin-top: 12px; }
.cxl-hero-screen { top: 51px; width: 100%; left: 5px; transform: perspective(1600px) rotateY(-6deg) rotateZ(-3deg); }
.cxl-hero-screen .cxl-image-button img { aspect-ratio: 1062/713; object-fit: contain; }
.cxl-brand-bar { min-height: 42px; padding: 10px 13px; background: #fff; gap: 8px; }
.cxl-brand-bar > img { display: block; width: 84px; height: auto; aspect-ratio: 1261/232; object-fit: contain; flex: 0 0 auto; }
.cxl-brand-bar > span { margin-left: auto; color: #596278; font-size: 9px; }
.cxl-demo-badge { flex: 0 0 auto; font-size: 7px; font-weight: 700; letter-spacing: .06em; padding: 4px 6px; border-radius: 4px; color: #855308; background: #fff4d6; border: 1px solid #edd5a0; }
.cxl-ui-tag { font-size: 6px; letter-spacing: .09em; color: #7a6b9d; background: #f4f0fb; border-radius: 4px; padding: 4px 7px; margin-left: 5px; }
.cxl-hero-detail { top: 326px; right: -12px; width: 213px; padding: 12px; transform: rotate(2deg); }
.cxl-hero-detail img { aspect-ratio: 324/280; object-fit: contain; }
.cxl-hero-detail figcaption { font-size: 7px; letter-spacing: .065em; }
.cxl-hero-annotation { top: 507px; left: 12px; }
.cxl-capture-note { font-size: 9px; bottom: 0; right: 0; }
.cxl-product-panel { min-height: 520px; }
.cxl-product-composition { min-height: 515px; padding: 15px 12px 70px 0; }
.cxl-main-capture .cxl-image-button img { aspect-ratio: auto; height: auto; object-fit: contain; }
.cxl-reservation-detail { width: 320px; right: 0; bottom: 24px; }
.cxl-reservation-detail img { aspect-ratio: 634/292; }
.cxl-focus-caption { font-size: 10px; bottom: 29px; width: calc(100% - 347px); line-height: 1.75; }
.cxl-feature-pills { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 20px; }
.cxl-feature-pills span { font-size: 9px; color: #625777; background: #f4f1f9; border: 1px solid #e9e3f1; padding: 5px 8px; border-radius: 5px; }
.cxl-business-composition { display: flex; align-items: center; padding-bottom: 100px; }
.cxl-business-composition .cxl-main-capture { width: 100%; }
.cxl-business-detail { position: absolute; right: 0; bottom: 70px; width: 78%; transform: rotate(-2deg); }
.cxl-business-composition .cxl-focus-caption { width: 100%; bottom: 15px; text-align: right; }
.cxl-admin-composition { padding-top: 95px; min-height: 515px; }
.cxl-admin-composition .cxl-main-capture { width: 52%; position: relative; z-index: 1; transform: rotate(-2deg); }
.cxl-admin-composition .cxl-brand-bar { flex-wrap: wrap; }
.cxl-admin-composition .cxl-ui-tag { display: none; }
.cxl-admin-detail { position: absolute; width: 46%; top: 262px; right: 0; z-index: 2; transform: rotate(2deg); }
.cxl-admin-detail figcaption { font-size: 8px; }
.cxl-admin-composition .cxl-focus-caption { width: 100%; bottom: 20px; }
.cxl-admin-backdrop { position: absolute; left: 12%; top: 0; width: 86%; height: 345px; border-radius: 20px; border: 1px solid #e8e2f0; background: radial-gradient(ellipse at 65% 100%,#ede5ff 0,transparent 65%),#f7f5fb; display: flex; flex-direction: column; align-items: center; padding: 34px 15px 0; }
.cxl-admin-backdrop span { font-size: 10px; color: #69568c; letter-spacing: .14em; font-weight: 650; }
.cxl-admin-backdrop i { display: block; width: 1px; height: 22px; background: #b4a5ce; margin-block: 12px; }
.cxl-admin-backdrop b { font-size: 8px; font-weight: 500; color: #9483a8; letter-spacing: .12em; }
.cxl-product-disclosure { font-size: 10px; line-height: 1.7; color: #697182 !important; }
.cxl-mobile-story { background: #f3f3f8; border-block: 1px solid #e6e6ed; }
.cxl-mobile-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: center; }
.cxl-mobile-copy .cxl-eyebrow { color: #7f768e; margin-bottom: 22px; }
.cxl-mobile-copy h2 { font-size: clamp(39px,4vw,58px); }
.cxl-mobile-copy > p:not(.cxl-eyebrow) { font-size: 14px; color: #606579; line-height: 1.85; margin-top: 23px; max-width: 400px; }
.cxl-mobile-copy .cxl-text-link { color: #6742ce; margin-top: 22px; }
.cxl-mobile-points { display: grid; gap: 17px; border-left: 1px solid #cbc3dd; padding-left: 18px; margin-top: 25px; }
.cxl-mobile-points b,.cxl-mobile-points span { display: block; }
.cxl-mobile-points b { font-size: 13px; font-weight: 600; color: #37304c; }
.cxl-mobile-points span { font-size: 12px; color: #737185; margin-top: 3px; }
.cxl-device-stage { position: relative; height: 590px; min-width: 0; }
.cxl-device-orbit { position: absolute; inset: 75px -7% 50px; border: 1px solid #ded7ed; border-radius: 50%; transform: rotate(-20deg); background: radial-gradient(ellipse,#dcd5f650,transparent 68%); }
.cxl-device { position: absolute; border-radius: 28px; padding: 8px; background: #fff; border: 1px solid #b6b3c4; box-shadow: 0 35px 60px #21153f1b,0 5px 10px #21153f0d; }
.cxl-device .cxl-image-button { overflow: hidden; border-radius: 20px; }
.cxl-device .cxl-image-button img { width: 100%; height: auto; object-fit: contain; }
.cxl-device-edge { position: absolute; top: 90px; width: 2px; height: 32px; left: -3px; border-radius: 2px 0 0 2px; background: #b3aabe; }
.cxl-device-customer { width: 234px; left: 6%; top: 10px; transform: rotate(-5deg); }
.cxl-device-business { width: 236px; right: 0; top: 147px; transform: rotate(5deg); }
.cxl-device figcaption { padding: 10px 4px 8px; text-align: center; font-size: 8px; letter-spacing: .1em; color: #72667e; }
.cxl-device-caption { position: absolute; width: 100%; bottom: 0; text-align: center; font-size: 10px; color: #776b89 !important; }
.cxl-field-gallery { padding-top: 90px; }
.cxl-field-gallery-head { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 28px; }
.cxl-field-gallery-head .cxl-eyebrow { color: #838193; margin-bottom: 12px; }
.cxl-field-gallery-head h3 { font-size: 28px; letter-spacing: -.04em; }
.cxl-field-gallery-head > p { max-width: 270px; font-size: 12px; color: #737686; }
.cxl-field-gallery-grid { display: grid; grid-template-columns: 1.24fr .94fr .88fr; gap: 18px; }
.cxl-documentary { position: relative; overflow: hidden; border-radius: 12px; background: #1c2130; margin: 0; }
.cxl-documentary-venue,.cxl-documentary-night { height: 420px; }
.cxl-documentary > img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--cxl-x,50%) var(--cxl-y,50%); }
.cxl-documentary::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(0deg,#0b1015e8,transparent); pointer-events: none; }
.cxl-documentary figcaption { position: absolute; left: 22px; right: 19px; bottom: 24px; z-index: 1; color: #fff; }
.cxl-documentary figcaption span { display: block; font-size: 8px; letter-spacing: .11em; color: #d0d2dc; margin-bottom: 7px; }
.cxl-documentary figcaption strong { font-size: 19px; font-weight: 500; line-height: 1.35; display: block; letter-spacing: -.025em; }
.cxl-field-small { display: grid; grid-template-rows: auto 1fr; gap: 18px; }
.cxl-documentary-arrivals { aspect-ratio: 512/288; }
.cxl-documentary-arrivals figcaption { left: 14px; bottom: 9px; }
.cxl-documentary-arrivals figcaption span { margin: 0; font-size: 7px; }
.cxl-field-statement { border: 1px solid #e1dce9; border-radius: 12px; padding: 26px; background: #f4f1f8; display: flex; flex-direction: column; justify-content: space-between; }
.cxl-field-statement .cxl-tiny-mark { width: 19px; height: 19px; }
.cxl-field-statement p { font-size: 23px; line-height: 1.32; letter-spacing: -.035em; color: #838090; margin-top: 18px; }
.cxl-field-statement strong { font-weight: 550; color: #31283e; }
.cxl-documentary-note { font-size: 9px; color: #737383 !important; margin-top: 18px !important; line-height: 1.7; max-width: 850px; }
.cxl-lightbox img { width: 100%; max-height: calc(100dvh - 170px); object-fit: contain; }
.cxl-lightbox > p { font-size: 11px; line-height: 1.7; }
@media(min-width:1800px) {
 .cxl-hero-product { height: 630px; }
 .cxl-hero-detail { top: 365px; width: 235px; right: -7px; }
 .cxl-hero-annotation { top: 555px; }
 .cxl-product-composition { min-height: 560px; }
 .cxl-admin-composition { min-height: 530px; }
 .cxl-device-business { right: 8%; }
}
@media(min-width:801px) and (max-width:1200px) {
 .cxl-hero h1 { font-size: clamp(48px,5.6vw,66px); }
 .cxl-hero-product { height: 490px; }
 .cxl-hero-screen { top: 64px; }
 .cxl-hero-detail { top: 265px; width: 185px; right: -6px; }
 .cxl-hero-annotation { top: 428px; }
 .cxl-brand-bar > img { width: 70px; }
 .cxl-brand-bar > span { font-size: 8px; }
 .cxl-demo-badge { font-size: 6px; padding: 3px 4px; }
 .cxl-product-panel { grid-template-columns: .75fr 1.4fr; gap: 36px; min-height: 450px; }
 .cxl-product-composition { min-height: 445px; padding-top: 50px; }
 .cxl-reservation-detail { width: 265px; }
 .cxl-focus-caption { width: calc(100% - 287px); font-size: 9px; }
 .cxl-business-composition,.cxl-admin-composition { padding-top: 65px; }
 .cxl-business-detail { bottom: 78px; width: 90%; }
 .cxl-admin-composition .cxl-main-capture { width: 61%; }
 .cxl-admin-detail { width: 66%; top: 280px; }
 .cxl-admin-composition .cxl-focus-caption { bottom: 4px; }
 .cxl-mobile-grid { gap: 35px; }
 .cxl-device-stage { height: 525px; }
 .cxl-device-customer { width: 215px; left: 0; }
 .cxl-device-business { width: 195px; right: -3px; top: 170px; }
 .cxl-field-gallery-grid { gap: 12px; }
 .cxl-documentary-venue,.cxl-documentary-night { height: 380px; }
 .cxl-field-statement { padding: 20px; }
 .cxl-field-statement p { font-size: 20px; }
}
@media(max-width:800px) {
 .cxl-hero-grid { grid-template-columns: 1fr; padding-top: 46px; }
 .cxl-hero-product { max-width: 630px; width: 100%; margin: 0 auto; height: 590px; }
 .cxl-hero-screen { width: 92%; left: 0; top: 60px; }
 .cxl-hero-detail { top: 338px; right: 0; width: 223px; }
 .cxl-hero-annotation { top: 514px; left: 0; }
 .cxl-product-panel { grid-template-columns: 1fr; gap: 30px; min-height: 0; }
 .cxl-product-copy { max-width: 510px; }
 .cxl-product-composition { min-height: 510px; padding-top: 0; }
 .cxl-reservation-detail { width: 310px; bottom: 25px; }
 .cxl-focus-caption { width: calc(100% - 335px); }
 .cxl-business-composition { min-height: 410px; padding-top: 0; }
 .cxl-business-detail { bottom: 65px; }
 .cxl-admin-composition { min-height: 460px; padding-top: 85px; }
 .cxl-admin-detail { top: 265px; }
 .cxl-admin-composition .cxl-focus-caption { bottom: 0; }
 .cxl-mobile-grid { grid-template-columns: 1fr; gap: 48px; }
 .cxl-mobile-copy > p:not(.cxl-eyebrow) { max-width: 520px; }
 .cxl-device-stage { width: 100%; max-width: 540px; margin: 0 auto; height: 545px; }
 .cxl-device-customer { left: 8%; width: 225px; }
 .cxl-device-business { right: 4%; width: 218px; top: 150px; }
 .cxl-field-gallery { padding-top: 65px; }
 .cxl-field-gallery-head { display: block; }
 .cxl-field-gallery-head > p { margin-top: 14px; max-width: none; }
 .cxl-field-gallery-grid { grid-template-columns: 1.1fr 1fr; gap: 16px; }
 .cxl-documentary-venue,.cxl-documentary-night { height: 400px; }
 .cxl-field-small { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
 .cxl-field-statement { padding: 22px; }
 .cxl-field-statement p { font-size: 24px; margin-top: 10px; }
}
@media(max-width:520px) {
 .cxl-hero-product { height: 404px; max-width: 430px; }
 .cxl-stage-label { left: 6px; top: 0; font-size: 8px; }
 .cxl-hero-screen { top: 38px; width: 98%; left: 0; transform: rotate(-2deg); }
 .cxl-brand-bar { min-height: 33px; padding: 8px 9px; }
 .cxl-brand-bar > img { width: 66px; }
 .cxl-brand-bar > span { font-size: 7px; }
 .cxl-demo-badge { font-size: 5px; padding: 3px 4px; }
 .cxl-ui-tag { font-size: 5px; padding: 3px 4px; }
 .cxl-hero-detail { top: 222px; width: 162px; right: 0; padding: 8px; }
 .cxl-hero-detail figcaption { font-size: 5px; }
 .cxl-hero-annotation { top: 338px; left: 0; }
 .cxl-hero-annotation p { font-size: 9px; }
 .cxl-capture-note { bottom: 0; font-size: 8px; text-align: right; }
 .cxl-tabs button { font-size: 10px; gap: 5px; }
 .cxl-product-composition { min-height: 350px; padding: 0 0 70px; }
 .cxl-reservation-detail { width: 67%; right: 0; bottom: 42px; }
 .cxl-focus-caption { bottom: 0; width: 100%; font-size: 9px; }
 .cxl-product-disclosure { margin-top: 20px !important; text-align: left; }
 .cxl-business-composition { min-height: 270px; align-items: flex-start; padding-top: 10px; }
 .cxl-business-detail { width: 91%; bottom: 59px; }
 .cxl-business-composition .cxl-focus-caption { text-align: left; bottom: 0; }
 .cxl-admin-composition { min-height: 450px; padding-top: 65px; }
 .cxl-admin-composition .cxl-main-capture { width: 80%; }
 .cxl-admin-backdrop { left: 10%; width: 90%; padding-top: 19px; height: 355px; }
 .cxl-admin-backdrop i,.cxl-admin-backdrop b { display: none; }
 .cxl-admin-detail { top: 315px; width: 84%; padding: 9px; }
 .cxl-admin-detail figcaption { font-size: 6px; }
 .cxl-admin-composition .cxl-focus-caption { bottom: 0; }
 .cxl-mobile-copy .cxl-eyebrow { font-size: 8px; }
 .cxl-mobile-copy h2 { font-size: 42px; }
 .cxl-mobile-copy > p:not(.cxl-eyebrow) { font-size: 13px; }
 .cxl-mobile-grid { gap: 37px; }
 .cxl-device-stage { height: 420px; }
 .cxl-device { border-radius: 21px; padding: 6px; }
 .cxl-device .cxl-image-button { border-radius: 15px; }
 .cxl-device-customer { width: 55%; left: 0; top: 0; }
 .cxl-device-business { width: 50%; right: 0; top: 113px; }
 .cxl-device figcaption { font-size: 6px; padding-block: 8px; }
 .cxl-device-caption { font-size: 9px; bottom: 0; }
 .cxl-device-orbit { inset: 40px 0 20px; }
 .cxl-field-gallery { padding-top: 52px; }
 .cxl-field-gallery-head h3 { font-size: 25px; }
 .cxl-field-gallery-grid { grid-template-columns: 1fr; gap: 14px; }
 .cxl-documentary-venue { height: 310px; }
 .cxl-documentary-night { height: 400px; }
 .cxl-field-small { grid-column: auto; grid-template-columns: 1fr; }
 .cxl-documentary-arrivals { max-height: 245px; }
 .cxl-field-statement { flex-direction: row; align-items: center; gap: 24px; padding: 24px; }
 .cxl-field-statement p { font-size: 24px; margin: 0; }
 .cxl-documentary-note { font-size: 9px; }
 .cxl-lightbox > p { font-size: 10px; }
}
@media(max-width:370px) {
 .cxl-hero-product { height: 363px; }
 .cxl-hero-detail { top: 192px; width: 148px; }
 .cxl-hero-annotation { top: 302px; }
 .cxl-hero-annotation p { font-size: 8px; }
 .cxl-capture-note { font-size: 7px; }
 .cxl-product-composition { min-height: 325px; }
 .cxl-business-composition { min-height: 260px; }
 .cxl-admin-composition { min-height: 417px; }
 .cxl-admin-detail { top: 287px; }
 .cxl-device-stage { height: 369px; }
}

/* v1.6 final visual QA: keep annotations out of the route and enlarge itinerary detail. */
@media(min-width:801px) { .cxl-hero-annotation { display:none; } }
@media(min-width:1201px) {
 .cxl-reservation-detail { width:400px; bottom:8px; }
 .cxl-product-composition:not(.cxl-business-composition):not(.cxl-admin-composition) .cxl-focus-caption { width:calc(100% - 425px); bottom:20px; }
}
/* v1.7.0: approved cinematic direction, implemented as responsive HTML and CSS.
 * Native product screenshots remain image content; controls and copy remain real HTML. */
.cxl-cinematic { --ink:#0b1d2d; --muted:#50667c; --night:#07141e; --accent:#086cfa; --wrap:1320px; background:#fff; }
.cxl-cinematic .cxl-wrap { width:min(var(--wrap),calc(100% - 120px)); }
.cxl-cinematic h1,.cxl-cinematic h2,.cxl-cinematic h3 { font-weight:650; }
.cxl-cinematic .cxl-section { padding-block:90px; }
.cxl-cinematic .cxl-eyebrow { color:#547794; font-size:10px; letter-spacing:.17em; }
.cxl-cinematic .cxl-btn-primary { background:#086cfa; box-shadow:0 8px 22px #006cff12; }
.cxl-cinematic .cxl-btn-primary:hover { background:#0059d5; }
.cxl-cinematic :focus-visible { outline-color:#1595ef; }
.cxl-cinematic .cxl-text-link { color:#075aa8; }
.cxl-cinematic .cxl-header { position:absolute; inset:0 0 auto; background:transparent; border-bottom:1px solid #ffffff20; backdrop-filter:none; }
.cxl-cinematic .cxl-header-inner { min-height:96px; }
.cxl-cinematic .cxl-header .cxl-brand { width:195px; }
.cxc-brand-line { display:block; font-size:7px; letter-spacing:.26em; color:#b6c9d8; margin-top:7px; padding-left:3px; }
.cxl-cinematic .cxl-nav { gap:32px; }
.cxl-cinematic .cxl-nav>a:not(.cxl-btn) { color:#dbe6ed; font-size:12px; }
.cxl-cinematic .cxl-nav>.cxl-btn { border-radius:28px; background:#ffffff06; border-color:#ffffff40; color:#fff!important; padding:12px 22px; min-width:155px; }
.cxc-hero { min-height:840px; isolation:isolate; }
.cxc-hero-art { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.cxc-hero-art img { width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--cxl-x,64%) var(--cxl-y,50%); }
.cxc-hero::after { content:""; position:absolute; z-index:-1; inset:0; pointer-events:none; background:linear-gradient(90deg,#06131eea 0%,#06131e95 33%,#06131e10 70%),linear-gradient(0deg,#07141ef2 0%,#07141e00 48%); }
.cxc-hero-inner { position:relative; padding-top:146px; padding-bottom:36px; }
.cxc-hero-copy { max-width:570px; }
.cxc-hero-copy .cxl-eyebrow { color:#b7d5e9; font-size:9px; }
.cxl-cinematic .cxc-hero h1 { font-size:clamp(60px,5.55vw,84px); line-height:1.035; letter-spacing:-.06em; margin:27px 0 25px; }
.cxl-cinematic .cxc-hero .cxl-lead { max-width:435px; color:#dbe6ee; font-size:16px; line-height:1.6; }
.cxc-hero-side { position:absolute; right:0; top:148px; text-align:right; color:#e4e9ed; font-size:17px; line-height:1.55; }
.cxc-hero-side strong { color:#fff; font-weight:600; }
.cxc-request { position:relative; margin-top:36px; max-width:1090px; padding:12px 12px 9px; border:1px solid #cfe4f474; border-radius:21px; background:#e6f0ff35; backdrop-filter:blur(20px); box-shadow:0 14px 46px #0003; scroll-margin-top:24px; }
.cxc-request .cxl-quote-form { display:grid; grid-template-columns:1.3fr 1.3fr 1fr .75fr 150px; gap:0; padding:7px; border:0; border-radius:12px; background:#fff; align-items:stretch; box-shadow:none; }
.cxc-request .cxl-quote-form label { display:grid; grid-template-columns:22px minmax(0,1fr); grid-template-rows:auto auto; gap:0 10px; padding:8px 15px; position:relative; border:0; min-width:0; background:#fff; border-radius:0; }
.cxc-request .cxl-quote-form label+label::before { content:""; position:absolute; left:0; top:10px; bottom:10px; width:1px; background:#e1eaf3; }
.cxc-request .cxl-quote-form label>svg { width:19px; height:22px; color:#728dab; grid-column:1; grid-row:1/3; align-self:center; }
.cxc-request .cxl-quote-form label>span { grid-column:2; font-size:9px; line-height:1.5; color:#4c6c8c; font-weight:550; }
.cxc-request .cxl-quote-form input { grid-column:2; font-size:12px; height:26px; min-height:26px; padding:4px 0; border:0; border-radius:0; color:#142d47; width:100%; background:transparent; box-shadow:none; }
.cxc-request .cxl-quote-form input::placeholder { color:#536f90; opacity:1; }
.cxc-request .cxl-quote-form button { min-height:58px; padding:15px 20px; border-radius:10px; justify-content:space-between; white-space:nowrap; }
.cxc-form-note { font-size:9px; line-height:1.5; color:#d1e0ed!important; padding:6px 8px 0; }
.cxc-request .cxl-error:empty { display:none; }
.cxc-request .cxl-error { color:#ffe4df; padding:8px; }
.cxc-hero-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:0; max-width:940px; margin-top:30px; }
.cxc-hero-benefits article { display:flex; gap:16px; align-items:flex-start; padding-right:25px; }
.cxc-hero-benefits article+article { padding-left:26px; border-left:1px solid #afc7e13b; }
.cxc-hero-benefits svg { width:24px; height:27px; flex-shrink:0; color:#1a9bff; margin-top:2px; }
.cxc-hero-benefits h3 { font-size:12px; letter-spacing:-.02em; line-height:1.6; color:#eff6fa; }
.cxc-hero-benefits p { font-size:10px; color:#b5c7d7; margin-top:4px; }
.cxc-discover { display:inline-flex; align-items:center; gap:26px; font-size:10px; color:#91b6d1!important; margin-top:35px; letter-spacing:.035em; }
.cxc-discover span { font-size:19px; }
.cxc-art-note { position:absolute; right:25px; bottom:15px; font-size:9px; color:#bbcad6!important; }
/* The product scene intentionally crosses the edge of its section. */
.cxl-cinematic .cxc-platform { position:relative; background:radial-gradient(ellipse at 85% 25%,#d6ebff,transparent 64%),#f0f7fc; padding:92px 0 65px; }
.cxc-platform>.cxl-wrap { position:relative; min-height:590px; }
.cxc-platform .cxl-heading-pair { display:block; width:49%; margin-bottom:29px; }
.cxc-platform h2 { font-size:clamp(40px,4.2vw,62px); line-height:1.04; letter-spacing:-.055em; }
.cxc-platform-intro { color:#38546c!important; font-size:16px; line-height:1.65; margin-top:22px!important; }
.cxc-platform .cxl-tabs { border:1px solid #bcd1e3; border-radius:30px; padding:5px; gap:3px; width:max-content; max-width:49%; margin:0 0 28px; background:#ffffff66; }
.cxc-platform .cxl-tabs button { font-size:11px; padding:12px 14px; border:0; border-radius:25px; margin:0; color:#375470; white-space:nowrap; }
.cxc-platform .cxl-tabs button[aria-selected="true"] { background:#0872ff; color:#fff; box-shadow:0 4px 12px #1679ff20; }
.cxc-platform .cxl-tabs button:hover:not([aria-selected="true"]) { background:#fff; }
.cxc-platform .cxc-panel { display:block; min-height:235px; }
.cxc-platform .cxl-product-copy { width:43%; max-width:485px; }
.cxc-platform .cxl-product-copy h3 { font-size:28px; line-height:1.12; margin:13px 0 14px; }
.cxc-platform .cxl-product-copy>p { font-size:13px; line-height:1.8; max-width:405px; }
.cxc-platform .cxl-number { font-size:8px; color:#5e7c95; letter-spacing:.14em; }
.cxc-checks { display:flex; flex-wrap:wrap; gap:13px; margin-top:18px; color:#456680; font-size:10px; }
.cxc-checks span::before { content:"\2713"; color:#058ceb; margin-right:5px; }
.cxc-platform .cxl-product-copy .cxl-text-link { margin-top:19px; color:#0561b1; }
.cxc-product-stage { position:absolute!important; top:-42px; right:0; width:52%; height:610px; min-height:0!important; padding:0!important; }
.cxc-customer-stage { height:650px; }
.cxc-orbits { position:absolute; width:560px; height:560px; border:1px solid #b6d1e44a; border-radius:50%; top:145px; left:-5px; transform:rotateX(48deg); }
.cxc-orbits::before,.cxc-orbits::after { content:""; position:absolute; inset:45px; border:1px solid #b6d1e44a; border-radius:50%; }
.cxc-orbits::after { inset:90px; }
.cxc-phone { width:300px; border:6px solid #354551; padding:5px; background:#101f2c; border-radius:44px; box-shadow:0 0 0 2px #9badba,0 32px 50px #1a45652e,6px 4px 0 1px #516471; overflow:hidden; }
.cxc-phone .cxl-image-button { border-radius:31px; overflow:hidden; }
.cxc-customer-phone { position:absolute; top:-10px; left:27%; transform:perspective(1400px) rotateY(-9deg) rotateZ(12deg); transform-origin:center; }
.cxc-mobile-focus { position:absolute; width:290px; top:415px; left:1%; border:1px solid #d1e1ef; padding:16px; transform:rotate(-4deg); border-radius:15px; box-shadow:0 22px 48px #28567426; }
.cxc-mobile-focus figcaption { font-size:8px; color:#587d98; letter-spacing:.14em; margin-bottom:8px; }
.cxc-native-bottom { position:relative; aspect-ratio:495/195; overflow:hidden; }
.cxc-native-bottom img { position:absolute; bottom:0; width:100%; max-width:100%; height:auto; border-radius:0; }
.cxc-stage-note { position:absolute; bottom:0; right:10px; font-size:9px; color:#526f88!important; line-height:1.6; text-align:right; }
.cxc-platform .cxl-product-disclosure { text-align:left; margin-top:27px!important; max-width:45%; color:#567087!important; font-size:9px; }
.cxc-platform .cxl-business-composition { top:105px; height:405px; }
.cxc-platform .cxl-business-composition .cxl-main-capture { width:100%; position:relative; transform:perspective(1400px) rotateY(-8deg) rotateZ(-3deg); box-shadow:0 30px 65px #1c416b28; }
.cxc-platform .cxl-business-detail { position:absolute; left:0; right:auto; bottom:30px; width:310px; transform:rotate(3deg); }
.cxc-platform .cxc-business-phone { position:absolute; width:162px; right:4%; top:178px; border-radius:23px; border:4px solid #34485a; padding:2px; transform:rotate(10deg); box-shadow:0 15px 35px #153d7133; }
.cxc-platform .cxc-business-phone .cxl-image-button { border-radius:16px; }
.cxc-platform .cxc-business-phone figcaption { display:none; }
.cxc-platform .cxl-admin-composition { top:60px; height:500px; }
.cxc-platform .cxl-admin-composition .cxl-main-capture { width:75%; max-width:405px; margin-left:18%!important; top:60px; position:relative; transform:perspective(1500px) rotateY(-8deg) rotateZ(4deg); }
.cxc-platform .cxl-admin-detail { bottom:40px; left:1%; right:auto; width:320px; transform:rotate(-3deg); }
.cxc-platform .cxl-admin-backdrop { position:absolute; inset:-10px 0 auto; font-size:10px; }
.cxc-platform .cxl-feature-pills { gap:7px; flex-wrap:wrap; }
.cxc-platform .cxl-feature-pills span { font-size:10px; background:#fff8; color:#476a87; border-color:#c3d9e9; }
/* Operator workspace: a CSS device, never a fabricated product dashboard. */
.cxc-operators { background:radial-gradient(ellipse at 25% 40%,#102b3b,transparent 65%),#07141e; color:#fff; overflow:hidden; }
.cxc-operator-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:80px; align-items:center; padding-block:25px 50px; }
.cxc-operator-copy h2 { font-size:clamp(44px,4.4vw,65px); line-height:1.02; letter-spacing:-.055em; margin:22px 0; }
.cxc-operator-copy .cxl-eyebrow { color:#8bacbf; font-size:8px; }
.cxc-operator-copy>p:not(.cxl-eyebrow) { font-size:14px; color:#b9cbd8; line-height:1.75; }
.cxc-operator-copy .cxc-operator-signoff { margin:22px 0 26px; color:#e4eff6; font-size:12px; }
.cxc-operator-signoff strong { font-weight:550; color:#fff; }
.cxc-operator-copy .cxl-btn-outline { border-color:#a6c5da44; border-radius:7px; font-size:12px!important; min-width:260px; }
.cxc-laptop-stage { position:relative; min-width:0; height:395px; }
.cxc-laptop { position:absolute; width:calc(100% + 120px); left:-90px; top:25px; transform:perspective(1400px) rotateY(9deg) rotateZ(-5deg); }
.cxc-laptop-screen { overflow:hidden; padding:10px 9px 13px; border:2px solid #546d7d; background:#08131d; border-radius:20px 20px 12px 12px; box-shadow:0 22px 80px #0008; }
.cxc-laptop-screen .cxl-window-bar { border-radius:9px 9px 0 0; min-height:38px; }
.cxc-laptop-screen>.cxl-image-button { border-radius:0 0 3px 3px; overflow:hidden; }
.cxc-laptop-base { position:relative; width:117%; height:22px; left:-8.5%; margin-top:1px; border-radius:4px 4px 50% 50%/3px 3px 80% 80%; background:linear-gradient(#a3bac9,#cad5dc 18%,#3e5669 55%,#142532); box-shadow:0 16px 16px #0005; }
.cxc-laptop-base::before { content:""; position:absolute; top:0; left:42%; width:16%; height:6px; background:#445e70; border-radius:0 0 10px 10px; }
.cxc-operator-focus { position:absolute; right:-10px; bottom:12px; width:345px; padding:16px; transform:rotate(3deg); background:#f8fcff; border-color:#d1e1ed; box-shadow:0 15px 40px #0003; }
.cxc-operator-focus figcaption { font-size:8px; color:#628198; letter-spacing:.13em; }
.cxc-laptop-note { position:absolute; left:0; bottom:-32px; font-size:9px; color:#829dac!important; }
.cxc-operator-marks { display:flex; gap:19px; padding-top:25px; }
.cxc-operator-marks span { display:flex; align-items:center; gap:6px; font-size:8px; color:#c8dce8; }
.cxc-operator-marks svg { width:15px; height:17px; color:#25a4ff; }
.cxc-operator-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:28px!important; padding-top:30px; border-top:1px solid #ffffff17; }
.cxc-operator-benefits article { display:flex; gap:15px; }
.cxc-operator-benefits article>span { font-size:9px; color:#61a6d4; padding-top:3px; }
.cxc-operator-benefits h3 { font-size:15px; color:#e2f0f8; }
.cxc-operator-benefits p { color:#90adbf; font-size:12px; line-height:1.75; margin-top:10px; }
/* Keep the company differentiators, with less visual noise. */
.cxl-cinematic .cxc-micro { background:#fff; color:#102336; }
.cxl-cinematic .cxc-micro::before { display:none; }
.cxc-micro .cxl-micro-grid { gap:100px; }
.cxc-micro .cxl-micro-copy>p:not(.cxl-eyebrow) { color:#52677d; }
.cxc-micro h2 { font-size:50px; }
.cxc-micro h2 span { color:#73859b; }
.cxc-micro .cxl-micro-point { border-color:#0b83ff; }
.cxc-micro .cxl-micro-point strong { color:#193b58; }
.cxc-micro .cxl-architecture { background:linear-gradient(130deg,#f4f8fd,#eef6fc); border:1px solid #dce7f0; box-shadow:0 14px 40px #29507708; }
.cxc-micro .cxl-architecture-top>span { color:#65839b; }
.cxc-micro .cxl-parent-order,.cxc-micro .cxl-unit { color:#14324b; background:#fff; border-color:#e3edf5; box-shadow:0 5px 18px #17426904; }
.cxc-micro .cxl-order-icon { background:#e8f4ff; color:#0789ed; }
.cxc-micro .cxl-parent-order small,.cxc-micro .cxl-unit-id { color:#5e7c93; }
.cxc-micro .cxl-order-tag { color:#2375a0; border-color:#b7daef; background:#f1faff; }
.cxc-micro .cxl-unit svg { fill:#2798e6; }
.cxc-micro .cxl-unit svg path:nth-child(2) { fill:#e0f0ff; }
.cxc-micro .cxl-unit p { color:#4a687f; }
.cxc-micro .cxl-unit-operator { border-color:#e1ebf3; color:#426681; }
.cxc-micro .cxl-tree::before,.cxc-micro .cxl-tree>i { background:#adcde4; }
.cxc-micro .cxl-tree::after { border-color:#adcde4; }
.cxc-micro .cxl-architecture-outcome { color:#4f7899; }
.cxc-micro .cxl-micro-benefits { margin-top:45px; border-top-color:#e0eaf2; padding-top:25px; }
.cxc-micro .cxl-micro-benefits article h3 { color:#244663; font-size:16px; }
.cxc-micro .cxl-micro-benefits article p { color:#657f93; font-size:12px; }
.cxc-micro .cxl-micro-benefits article>span { color:#318ac5; }
.cxl-cinematic .cxl-intelligence { background:#f7fafc; padding-block:65px; border-top:1px solid #edf2f7; }
.cxl-cinematic .cxl-intelligence h2 { font-size:36px; }
.cxl-cinematic .cxl-intelligence .cxl-heading-pair { margin-bottom:32px; }
.cxl-cinematic .cxl-intelligence-grid { gap:28px; }
.cxl-cinematic .cxl-intelligence-grid article { padding-top:20px; }
.cxl-cinematic .cxl-feature-icon { color:#0785df; }
.cxl-cinematic .cxl-intelligence-grid h3 { font-size:19px; }
.cxl-cinematic .cxl-intelligence-grid p { font-size:12px; }
.cxl-cinematic .cxc-field { background:#eaf4fc; }
.cxc-field .cxl-deployment-grid { grid-template-columns:1.2fr 1fr; gap:80px; }
.cxc-field .cxl-field-main { border-radius:2px; }
.cxc-field .cxl-field-inset { border-radius:5px; border:5px solid #eaf4fc; }
.cxc-field .cxl-deployment-copy h2 { font-size:49px; }
.cxc-field .cxl-deployment-copy h2 span { color:#71869a; }
.cxc-field .cxl-deployment-copy>p { color:#49667f; }
.cxc-field .cxl-field-facts strong { color:#173e60; }
.cxc-field .cxl-field-gallery { margin-top:70px; }
.cxc-field .cxl-field-gallery-grid { grid-template-columns:1.25fr 1fr .78fr; gap:10px; }
.cxc-field .cxl-documentary { border-radius:2px; }
.cxc-field .cxl-field-statement { background:#dbeefa; border-color:#cce2f1; border-radius:2px; }
.cxc-field .cxl-field-statement p { color:#315875; }
.cxc-field .cxl-field-statement strong { color:#163854; }
.cxl-cinematic .cxl-industries { padding-block:74px; }
.cxl-cinematic .cxl-industry-grid { gap:30px; }
.cxl-cinematic .cxl-industry-grid a { border:0; border-top:1px solid #d7e4ee; border-radius:0; padding:25px 0; background:transparent; }
.cxl-cinematic .cxl-industry-grid h3 { font-size:19px; }
.cxl-cinematic .cxl-industry-grid p { font-size:12px; }
.cxl-cinematic .cxl-industry-grid b { color:#087cce; }
.cxl-cinematic .cxl-close { background:radial-gradient(ellipse at 100% 100%,#155b9e,transparent 70%),#0b2943; padding-block:90px; }
.cxl-cinematic .cxl-close h2 { font-size:58px; }
.cxl-cinematic .cxl-close em { color:#d7edff; background:none; -webkit-text-fill-color:currentColor; }
.cxl-cinematic .cxl-close .cxl-eyebrow { color:#a5c1d8; }
.cxl-cinematic .cxl-footer { background:#07141e; }
.cxl-cinematic .cxl-footer-top { padding-top:38px; padding-bottom:28px; }
.cxl-cinematic .cxl-footer .cxl-brand { width:150px; }
.cxl-cinematic .cxl-dialog .cxl-btn-primary { background:#086cfa; }
.cxl-cinematic .cxl-lightbox { max-height:92dvh; }
@media (min-width:1700px) { .cxc-hero { min-height:880px; } .cxc-hero-inner { padding-top:158px; } .cxc-hero-art img { object-position:64% 53%; } }
@media (max-width:1150px) {
 .cxl-cinematic .cxl-wrap { width:calc(100% - 72px); }
 .cxl-cinematic .cxl-nav { gap:18px; }
 .cxl-cinematic .cxl-header .cxl-brand { width:170px; }
 .cxc-hero { min-height:810px; }
 .cxc-hero-inner { padding-top:135px; }
 .cxc-hero-copy { max-width:490px; }
 .cxl-cinematic .cxc-hero h1 { font-size:68px; }
 .cxc-request .cxl-quote-form { grid-template-columns:1.15fr 1.15fr 1fr .75fr 125px; }
 .cxc-request .cxl-quote-form label { padding-inline:8px; gap:0 6px; grid-template-columns:17px minmax(0,1fr); }
 .cxc-request .cxl-quote-form label>svg { width:16px; }
 .cxc-request .cxl-quote-form button { padding-inline:13px; font-size:11px!important; }
 .cxc-platform h2 { font-size:49px; }
 .cxc-platform .cxl-tabs button { font-size:9px; padding:11px; }
 .cxc-phone { width:255px; border-radius:39px; }
 .cxc-customer-phone { left:27%; top:25px; }
 .cxc-mobile-focus { top:393px; width:260px; }
 .cxc-product-stage { height:580px; }
 .cxc-platform .cxl-admin-detail { width:260px; }
 .cxc-operator-grid { gap:48px; grid-template-columns:1.35fr 1fr; }
 .cxc-laptop-stage { height:340px; }
 .cxc-laptop { top:28px; left:-50px; width:calc(100% + 60px); }
 .cxc-operator-focus { width:290px; bottom:8px; }
 .cxc-operator-copy h2 { font-size:48px; }
 .cxc-operator-marks { gap:12px; }
 .cxc-micro .cxl-micro-grid,.cxc-field .cxl-deployment-grid { gap:50px; }
 .cxc-field .cxl-deployment-copy h2,.cxc-micro h2 { font-size:43px; }
}
@media (max-width:800px) {
 .cxl-cinematic .cxl-wrap { width:calc(100% - 48px); }
 .cxl-cinematic .cxl-header-inner { min-height:80px; }
 .cxl-cinematic .cxl-nav { background:#0a2032; border:1px solid #315169; border-radius:12px; padding:20px; top:72px; }
 .cxl-cinematic .cxl-nav>.cxl-btn { justify-content:space-between; }
 .cxl-cinematic .cxl-header .cxl-brand { width:165px; }
 .cxc-hero { min-height:0; }
 .cxc-hero-inner { padding-top:127px; padding-bottom:43px; }
 .cxc-hero-art img { object-position:75% 50%; }
 .cxc-hero::after { background:linear-gradient(90deg,#06131ee0,#06131e3b),linear-gradient(0deg,#07141e 0%,#07141e72 68%,#07141e12); }
 .cxc-hero-side { display:none; }
 .cxl-cinematic .cxc-hero h1 { font-size:64px; }
 .cxc-request { max-width:100%; margin-top:32px; padding:9px; border-radius:18px; }
 .cxc-request .cxl-quote-form { grid-template-columns:1fr 1fr; gap:0; }
 .cxc-request .cxl-quote-form label { padding:12px; }
 .cxc-request .cxl-quote-form label+label::before { display:none; }
 .cxc-request .cxl-quote-form label { border-bottom:1px solid #e1eaf3; }
 .cxc-request .cxl-quote-form label:nth-child(odd) { border-right:1px solid #e1eaf3; }
 .cxc-request .cxl-quote-form label>span { font-size:10px; }
 .cxc-request .cxl-quote-form input { font-size:13px; }
 .cxc-request .cxl-quote-form button { grid-column:1/-1; min-height:48px; margin-top:8px; justify-content:center; gap:25px; font-size:13px!important; }
 .cxc-hero-benefits article { gap:9px; padding-right:12px; }
 .cxc-hero-benefits article+article { padding-left:12px; }
 .cxc-hero-benefits h3 { font-size:10px; }
 .cxc-hero-benefits p { font-size:9px; }
 .cxc-hero-benefits svg { width:20px; }
 .cxc-art-note { font-size:8px; bottom:12px; }
 .cxl-cinematic .cxl-section { padding-block:68px; }
 .cxc-platform .cxl-heading-pair { width:100%; max-width:490px; margin-bottom:26px; }
 .cxc-platform h2 { font-size:49px; }
 .cxc-platform .cxl-tabs { max-width:100%; margin-bottom:27px; }
 .cxc-platform .cxl-tabs button { font-size:11px; padding:12px 16px; }
 .cxc-platform .cxl-product-copy { width:100%; max-width:100%; }
 .cxc-platform .cxl-product-copy>p { max-width:550px; }
 .cxc-platform .cxl-product-copy h3 { font-size:30px; }
 .cxc-platform .cxc-panel { display:block; }
 .cxc-product-stage { position:relative!important; width:100%; right:auto; top:auto!important; margin-top:20px; height:585px!important; }
 .cxc-phone { width:275px; }
 .cxc-customer-phone { left:calc(50% - 85px); top:28px; }
 .cxc-mobile-focus { top:385px; left:calc(50% - 255px); width:290px; }
 .cxc-orbits { width:500px; height:500px; left:calc(50% - 250px); top:125px; }
 .cxc-stage-note { bottom:-18px; right:0; }
 .cxc-platform .cxl-product-disclosure { max-width:100%; margin-top:47px!important; text-align:center; }
 .cxc-platform .cxl-business-composition { height:415px!important; padding-top:25px!important; }
 .cxc-platform .cxl-business-detail { bottom:60px; }
 .cxc-platform .cxc-business-phone { width:170px; }
 .cxc-platform .cxl-admin-composition { height:450px!important; }
 .cxc-platform .cxl-admin-composition .cxl-main-capture { max-width:350px; margin-inline:auto!important; }
 .cxc-platform .cxl-admin-detail { width:290px; left:6%; bottom:15px; }
 .cxc-operator-grid { grid-template-columns:1fr; gap:45px; padding-block:0; }
 .cxc-operator-copy { grid-row:1; }
 .cxc-operator-copy h2 { font-size:52px; }
 .cxc-operator-copy>p { max-width:560px; }
 .cxc-laptop-stage { height:390px; margin-top:8px; }
 .cxc-laptop { width:93%; left:0; top:15px; }
 .cxc-operator-focus { bottom:2px; right:5%; }
 .cxc-laptop-note { bottom:-25px; }
 .cxc-operator-benefits { margin-top:66px!important; gap:24px; }
 .cxc-operator-benefits article { display:block; }
 .cxc-operator-benefits h3 { margin-top:10px; }
 .cxc-micro .cxl-micro-grid { grid-template-columns:1fr; gap:36px; }
 .cxc-micro .cxl-micro-copy>p { max-width:100%!important; }
 .cxc-field .cxl-deployment-grid { grid-template-columns:1fr; gap:70px; }
 .cxc-field .cxl-deployment-copy { grid-row:1; }
 .cxc-field .cxl-field-images { max-width:610px; width:100%; margin-inline:auto; }
 .cxc-field .cxl-field-gallery-grid { grid-template-columns:1fr 1fr; }
 .cxc-field .cxl-field-small { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; }
 .cxl-cinematic .cxl-close h2 { font-size:52px; }
}
@media (max-width:520px) {
 .cxl-cinematic .cxl-wrap { width:calc(100% - 36px); }
 .cxl-cinematic .cxl-header .cxl-brand { width:150px; }
 .cxc-brand-line { font-size:6px; }
 .cxc-hero-inner { padding-top:115px; }
 .cxc-hero-copy .cxl-eyebrow { font-size:7px; letter-spacing:.12em; }
 .cxl-cinematic .cxc-hero h1 { font-size:clamp(44px,12.8vw,64px); margin-top:22px; line-height:1.05; }
 .cxl-cinematic .cxc-hero .cxl-lead { font-size:14px; max-width:340px; }
 .cxc-hero-art img { object-position:72% 30%; }
 .cxc-request .cxl-quote-form label { padding:10px 6px; gap:0 6px; }
 .cxc-request .cxl-quote-form input { font-size:12px; height:30px; }
 .cxc-request .cxl-quote-form label>span { font-size:9px; }
 .cxc-request .cxl-quote-form label>svg { width:14px; }
 .cxc-form-note { font-size:8px; padding-inline:3px; }
 .cxc-hero-benefits { margin-top:26px; }
 .cxc-hero-benefits article { display:block; padding-right:9px; }
 .cxc-hero-benefits article+article { padding-left:10px; }
 .cxc-hero-benefits svg { margin-bottom:8px; }
 .cxc-hero-benefits h3 { font-size:10px; line-height:1.4; }
 .cxc-hero-benefits p { font-size:9px; line-height:1.55; margin-top:8px; }
 .cxc-discover { margin-top:27px; }
 .cxl-cinematic .cxl-section { padding-block:55px; }
 .cxc-platform h2 { font-size:clamp(35px,9.6vw,48px); }
 .cxc-platform-intro { font-size:14px; }
 .cxc-platform .cxl-tabs { width:100%; gap:1px; padding:4px; }
 .cxc-platform .cxl-tabs button { flex:1; justify-content:center; padding:11px 5px; font-size:9px; white-space:normal; line-height:1.4; }
 .cxc-platform .cxl-product-copy h3 { font-size:27px; }
 .cxc-product-stage { height:525px!important; }
 .cxc-customer-phone { width:235px; border-width:5px; border-radius:34px; left:calc(50% - 85px); top:27px; transform:perspective(1400px) rotateY(-7deg) rotateZ(10deg); }
 .cxc-customer-phone .cxl-image-button { border-radius:23px; }
 .cxc-mobile-focus { width:230px; left:0; top:350px; padding:13px; }
 .cxc-mobile-focus figcaption { font-size:7px; }
 .cxc-stage-note { font-size:8px; bottom:-1px; }
 .cxc-platform .cxl-business-composition { height:360px!important; padding-top:22px!important; }
 .cxc-platform .cxl-business-detail { width:220px; bottom:45px; padding:12px; }
 .cxc-platform .cxc-business-phone { width:130px; top:128px; right:1%; }
 .cxc-platform .cxl-admin-composition { height:390px!important; }
 .cxc-platform .cxl-admin-composition .cxl-main-capture { width:83%; max-width:310px; }
 .cxc-platform .cxl-admin-detail { width:245px; bottom:0; left:0; }
 .cxc-operator-copy h2 { font-size:48px; }
 .cxc-operator-copy .cxl-eyebrow { font-size:7px; }
 .cxc-operator-grid { gap:24px; }
 .cxc-laptop-stage { height:285px; margin-top:20px; }
 .cxc-laptop { left:0; width:96%; }
 .cxc-laptop-screen { padding:6px 5px 8px; border-radius:12px; }
 .cxc-laptop-screen .cxl-window-bar { min-height:26px; padding:8px; }
 .cxc-laptop-base { height:16px; }
 .cxc-operator-focus { width:250px; right:-2px; bottom:0; padding:13px; }
 .cxc-laptop-note { font-size:8px; }
 .cxc-operator-benefits { grid-template-columns:1fr; gap:25px; margin-top:56px!important; }
 .cxc-operator-benefits article { display:flex; gap:14px; }
 .cxc-operator-benefits h3 { margin-top:0; }
 .cxc-operator-marks span { font-size:8px; }
 .cxc-micro h2,.cxc-field .cxl-deployment-copy h2 { font-size:38px; }
 .cxc-micro .cxl-architecture { padding:16px; }
 .cxc-micro .cxl-parent-order { padding:14px 10px; gap:8px; }
 .cxc-micro .cxl-parent-order strong { font-size:13px; }
 .cxc-micro .cxl-order-tag { font-size:7px; padding:4px; }
 .cxc-micro .cxl-unit-grid { gap:6px; }
 .cxc-micro .cxl-unit { padding:10px 8px; }
 .cxc-micro .cxl-unit h3 { font-size:11px; }
 .cxc-micro .cxl-unit p { font-size:9px; }
 .cxc-micro .cxl-unit svg { height:42px; }
 .cxc-micro .cxl-micro-benefits { margin-top:28px; }
 .cxl-cinematic .cxl-intelligence h2 { font-size:31px; }
 .cxl-cinematic .cxl-intelligence-grid { gap:28px; }
 .cxc-field .cxl-field-gallery-grid { grid-template-columns:1fr; }
 .cxc-field .cxl-field-small { grid-template-columns:1fr 1fr; gap:10px; }
 .cxc-field .cxl-documentary-venue,.cxc-field .cxl-documentary-night { height:285px; }
 .cxc-field .cxl-field-statement { padding:18px 12px; }
 .cxc-field .cxl-field-statement p { font-size:13px; }
 .cxc-field .cxl-documentary-arrivals { min-height:180px; }
 .cxl-cinematic .cxl-close h2 { font-size:43px; }
 .cxl-cinematic .cxl-footer-top { gap:24px; }
}
@media (prefers-reduced-motion:reduce) { .cxl-cinematic * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
/* Final composition fit: retain the full vehicle nose and keep all product wordmarks in frame. */
@media (min-width:801px) {
 .cxc-platform .cxc-customer-stage { top:-118px; height:688px; }
 .cxc-laptop { left:-10px; width:calc(100% + 30px); }
}
.cxc-native-bottom { aspect-ratio:470/170; }
.cxc-native-bottom img { max-width:none; width:105%; left:-2.5%; bottom:-3px; }
.cxl-cinematic:not([data-cxl-ready]) .cxl-header { position:relative; background:#07141e; }
.cxl-cinematic:not([data-cxl-ready]) .cxc-hero-inner { padding-top:60px; }
.cxl-cinematic:not([data-cxl-ready]) .cxc-platform .cxl-heading-pair { width:100%; }
.cxl-cinematic:not([data-cxl-ready]) .cxc-platform .cxc-panel { display:block!important; margin-top:35px; }
.cxl-cinematic:not([data-cxl-ready]) .cxc-platform .cxl-product-copy { width:100%; }
.cxl-cinematic:not([data-cxl-ready]) .cxc-product-stage { position:relative!important; top:auto!important; width:100%; max-width:650px; margin:35px auto; }
@media (max-width:520px) {
 .cxc-request .cxl-quote-form label:nth-child(1),.cxc-request .cxl-quote-form label:nth-child(2) { border-right:0; }
 .cxc-request .cxl-quote-form label:nth-child(3) { border-right:1px solid #e1eaf3; }
}

/* v1.8.0 - Clarity and marketplace polish.
 * Scoped to the new presentation; original styles and media settings are retained. */
.cxl-polished { --ink:#101f2c; --muted:#546473; --accent:#086cfa; }
.cxl-polished h2 { text-wrap:balance; }
.cxl-polished .cxl-btn { min-height:48px; border-radius:12px; font-size:14px!important; font-weight:600; }
.cxl-polished .cxl-btn:hover { transform:translateY(-1px); }
.cxl-polished .cxl-text-link { min-height:44px; font-size:14px; gap:14px; }
.cxl-polished .cxl-eyebrow { font-size:10px; letter-spacing:.13em; }
.cxl-polished .cxl-header-inner { min-height:88px; }
.cxl-polished .cxl-header .cxl-brand { width:180px; }
.cxl-polished .cxl-nav>a:not(.cxl-btn) { font-size:13px; padding-block:10px; }
.cxl-polished .cxl-nav>.cxl-btn { border-radius:999px; min-width:155px; font-size:13px!important; }
.cxl-polished .cxl-header.cxp-pinned { position:fixed; background:#07141ef5; border-color:#ffffff15; backdrop-filter:blur(18px); box-shadow:0 5px 20px #0000000c; }
.cxl-polished .cxl-header.cxp-pinned .cxl-header-inner { min-height:74px; }
body.admin-bar .cxl-polished .cxl-header.cxp-pinned { top:32px; }
.cxl-polished .cxl-hero .cxl-lead { max-width:465px; font-size:17px; line-height:1.65; }
.cxl-polished .cxc-hero-benefits h3 { font-size:13px; }
.cxl-polished .cxc-hero-benefits p { font-size:12px; line-height:1.55; }
.cxl-polished .cxc-request .cxl-quote-form input { font-size:14px; }
.cxl-polished .cxc-request .cxl-quote-form label>span { font-size:10px; }
.cxl-polished .cxc-request .cxl-quote-form label { border-radius:8px; transition:background .15s; }
.cxl-polished .cxc-request .cxl-quote-form label:focus-within { background:#f0f6ff; }
.cxl-polished .cxc-form-note { font-size:11px; padding-top:9px; }
.cxl-polished .cxc-discover { font-size:12px; }
.cxl-polished .cxc-hero-side { font-size:15px; }
.cxl-polished .cxc-platform { background:radial-gradient(ellipse at 85% 20%,#e2f1fd,transparent 65%),#f5f9fc; }
.cxl-polished .cxc-platform>.cxl-wrap { min-height:625px; }
.cxl-polished .cxc-platform-intro { font-size:17px; line-height:1.65; color:#4a6072!important; }
.cxl-polished .cxc-platform .cxl-tabs { background:#ffffffbd; border-color:#ccdce8; gap:4px; margin-top:26px; }
.cxl-polished .cxc-platform .cxl-tabs button { font-size:12px; min-height:44px; padding:11px 18px; }
.cxl-polished .cxc-platform .cxl-product-copy h3 { font-size:30px; letter-spacing:-.035em; line-height:1.13; }
.cxl-polished .cxc-platform .cxl-product-copy>p { font-size:15px; line-height:1.7; max-width:420px; color:#526677; }
.cxl-polished .cxc-platform .cxl-number { font-size:10px; letter-spacing:.09em; }
.cxl-polished .cxc-checks { font-size:12px; gap:14px; }
.cxl-polished .cxl-feature-pills span { font-size:12px; }
.cxl-polished .cxc-product-stage { top:-38px; }
.cxl-polished .cxc-platform .cxl-business-composition { top:125px; }
.cxl-polished .cxc-platform .cxl-admin-composition { top:85px; }
.cxl-polished .cxc-platform .cxl-product-disclosure { font-size:11px; line-height:1.6; margin-top:32px!important; }
.cxl-polished .cxc-stage-note { font-size:10px; }
.cxl-polished .cxc-mobile-focus figcaption { font-size:9px; }
.cxl-polished .cxl-image-button { transition:filter .2s; }
.cxl-polished .cxl-image-button:hover { filter:brightness(.98); }
.cxl-polished .cxc-operators { background:radial-gradient(ellipse at 15% 35%,#102c3f,transparent 64%),#07141e; }
.cxl-polished .cxc-operator-grid { grid-template-columns:1.2fr 1fr; gap:76px; padding-block:10px 16px; }
.cxl-polished .cxc-operator-copy h2 { font-size:clamp(44px,4vw,58px); line-height:1.04; margin:20px 0 24px; }
.cxl-polished .cxc-operator-copy h2 span { color:#9acbee; }
.cxl-polished .cxc-operator-copy .cxl-eyebrow { font-size:11px; color:#a4c0d3; }
.cxl-polished .cxc-operator-copy>p:not(.cxl-eyebrow) { font-size:16px; line-height:1.7; color:#c2d1dc; }
.cxl-polished .cxc-operator-copy .cxc-operator-signoff { font-size:14px; margin-block:22px; }
.cxl-polished .cxc-operator-copy .cxl-btn { background:#fff; color:#132b3e!important; border:1px solid #fff; padding:15px 22px; }
.cxl-polished .cxc-operator-copy .cxl-btn:hover { background:#edf7ff; }
.cxl-polished .cxc-operator-marks { flex-wrap:wrap; gap:8px 16px; padding-top:24px; }
.cxl-polished .cxc-operator-marks span { font-size:11px; color:#afc6d8; }
.cxl-polished .cxc-operator-marks span::before { content:'\2713'; color:#6ec4ff; font-size:13px; }
.cxl-polished .cxc-laptop-stage { height:492px; }
.cxl-polished .cxc-laptop { top:156px; width:calc(100% - 12px); left:0; transform:perspective(1600px) rotateY(5deg) rotateZ(-3deg); }
.cxl-polished .cxc-laptop-screen { padding:7px 6px 9px; border-radius:15px 15px 8px 8px; }
.cxl-polished .cxc-laptop-base { width:110%; left:-5%; height:18px; }
.cxl-polished .cxc-operator-focus { bottom:16px; right:6%; width:330px; transform:rotate(2deg); padding:14px; }
.cxl-polished .cxc-laptop-note { font-size:11px; bottom:-15px; color:#9cb7ca!important; }
.cxp-inbound { position:absolute; top:0; left:0; right:0; display:grid; grid-template-columns:1fr 24px 1.2fr; gap:10px; align-items:center; }
.cxp-inbound>div { display:flex; align-items:center; gap:12px; padding:15px 16px; border:1px solid #86b1d141; background:#ffffff05; border-radius:14px; }
.cxp-inbound small { display:block; color:#a8bfd0; font-size:11px; }
.cxp-inbound strong { display:block; color:#f1f8fc; font-size:14px; font-weight:600; margin-top:3px; line-height:1.4; }
.cxp-source-icon { display:grid; place-items:center; width:30px; height:30px; flex-shrink:0; color:#8dd1ff; }
.cxp-source-icon svg { width:25px; height:25px; }
.cxp-path-plus { font-size:20px; color:#7fa1ba; text-align:center; }
.cxp-inbound>p { grid-column:1/-1; text-align:center; font-size:12px; color:#adc6d8!important; padding-top:4px; }
.cxp-inbound>p span { margin-right:8px; color:#8fd0ff; font-size:18px; }
.cxl-polished .cxp-operator-benefits { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:56px!important; padding-top:34px; }
.cxl-polished .cxp-operator-benefits article { display:block; padding:8px 14px 0 0; }
.cxl-polished .cxp-operator-benefits article:not(:first-child) { border-left:1px solid #ffffff19; padding-left:26px; }
.cxp-benefit-no { display:inline-block; font-size:12px!important; letter-spacing:.03em; color:#8bc7ef!important; margin-bottom:17px; }
.cxl-polished .cxp-operator-benefits h3 { color:#f3f7fa; font-size:21px; line-height:1.2; }
.cxl-polished .cxp-operator-benefits p { color:#afc4d4; font-size:14px; line-height:1.7; margin-top:14px; }
.cxl-polished .cxp-operator-benefits .cxl-text-link { color:#e4f3ff; font-size:13px; margin-top:14px; font-weight:500; }
.cxp-text-button { background:transparent; border:0; padding-inline:0; text-align:left; }
.cxl-polished .cxp-text-button:hover { text-decoration:underline; text-underline-offset:6px; }
.cxl-polished .cxl-micro-grid { grid-template-columns:.84fr 1.16fr; gap:64px; align-items:center; }
.cxl-polished .cxc-micro h2 { font-size:clamp(36px,3.4vw,49px); letter-spacing:-.045em; }
.cxl-polished .cxc-micro h2 span { color:#6c7e8c; }
.cxl-polished .cxl-micro-copy>p:not(.cxl-eyebrow) { font-size:16px; line-height:1.75; }
.cxl-polished .cxl-micro-point { font-size:16px; margin-top:26px; padding-left:17px; }
.cxl-polished .cxp-example-invitation { font-size:13px!important; color:#2269a2!important; margin-top:28px; }
.cxp-example-invitation span { margin-left:15px; }
.cxp-plan { padding:26px; background:#f4f8fc; border:1px solid #dfe8ef; border-radius:24px; box-shadow:0 15px 44px #1d456a09; color:#17334b; min-width:0; }
.cxp-plan-top { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:12px; color:#526c81; }
.cxp-example-tag { border-radius:30px; padding:5px 8px; background:#e7eef5; color:#526777; font-size:10px; white-space:nowrap; }
.cxp-size-picker { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; padding:5px; margin:19px 0 22px; background:#e6edf4; border:1px solid #dee6ee; border-radius:15px; }
.cxp-size-picker button { display:flex; justify-content:center; align-items:baseline; gap:6px; min-height:51px; border:1px solid transparent; background:transparent; border-radius:11px; color:#526a7f; transition:background .18s,box-shadow .18s; }
.cxp-size-picker button strong { font-size:20px; font-weight:600; }
.cxp-size-picker button span { font-size:11px; }
.cxp-size-picker button:hover { background:#ffffff80; }
.cxp-size-picker button[aria-pressed=true] { background:#fff; color:#075fba; border-color:#d5e3f2; box-shadow:0 3px 8px #213d5d0d; }
.cxp-request-card { display:flex; align-items:center; gap:12px; padding:18px; border:1px solid #dce6ef; border-radius:16px; background:#fff; box-shadow:0 4px 18px #15365004; }
.cxp-plan-icon { width:37px; height:37px; border-radius:10px; background:#e8f2ff; display:grid; place-items:center; color:#086cdb; flex-shrink:0; }
.cxp-plan-icon svg { width:24px; height:24px; }
.cxp-request-card small { display:block; font-size:11px; color:#60788b; margin-bottom:4px; }
.cxp-request-card strong { font-size:18px; letter-spacing:-.025em; line-height:1.3; display:block; }
.cxp-plan-mark { width:23px; margin-left:auto; flex-shrink:0; }
.cxp-plan-connector { display:flex; align-items:center; gap:10px; justify-content:center; margin:19px 0; }
.cxp-plan-connector span { height:1px; background:#c7d8e7; flex:1; }
.cxp-plan-connector b { font-size:10px; font-weight:500; color:#577a96; }
.cxp-vehicles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; min-height:188px; }
.cxp-plan[data-cxp-plan="14"] .cxp-vehicles { grid-template-columns:minmax(0,250px); justify-content:center; }
.cxp-plan[data-cxp-plan="112"] .cxp-vehicles { grid-template-columns:repeat(2,minmax(0,1fr)); }
.cxp-vehicle { border:1px solid #dce5ee; border-radius:14px; padding:15px 12px 12px; background:#fff; min-width:0; box-shadow:0 3px 10px #18345303; }
.cxp-vehicle>span { color:#6b8395; font-size:10px; }
.cxp-vehicle svg { width:94px; height:45px; margin:12px 0 8px; fill:#2589d7; max-width:100%; }
.cxp-vehicle svg path:nth-child(2) { fill:#d5efff; }
.cxp-vehicle svg circle { fill:#183e58; }
.cxp-vehicle.cxp-small-vehicle svg { transform:scaleX(.85); transform-origin:left; }
.cxl-polished .cxp-vehicle h3 { font-size:15px; font-weight:600; line-height:1.2; letter-spacing:-.02em; }
.cxl-polished .cxp-vehicle>p { font-size:12px; color:#627a8c; margin-top:5px; }
.cxp-vehicle>div { display:flex; align-items:center; gap:6px; border-top:1px solid #e8edf2; padding-top:10px; margin-top:13px; font-size:10px; color:#45677e; }
.cxp-vehicle i { display:inline-block; width:5px; height:5px; border-radius:50%; background:#528ebd; }
.cxp-plan-result { display:flex; gap:16px; justify-content:center; align-items:center; padding:19px 0 10px; color:#7890a2; }
.cxp-plan-result>div { display:flex; align-items:baseline; gap:6px; }
.cxp-plan-result strong { color:#18354d; font-size:20px; font-weight:600; }
.cxp-plan-result div span { font-size:11px; color:#526c7f; }
.cxl-polished .cxp-plan-description { font-size:12px; line-height:1.65; color:#527086; text-align:center; min-height:40px; max-width:470px; margin-inline:auto; }
.cxl-polished .cxp-plan-disclaimer { font-size:10px; line-height:1.6; text-align:center; margin-top:16px; color:#697d8c; }
.cxp-connected-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:56px; border-top:1px solid #e3e9ef; padding-top:28px; gap:35px; }
.cxp-connected-strip span { display:block; font-size:12px; color:#647b8b; }
.cxp-connected-strip strong { display:block; font-size:18px; font-weight:550; color:#213e54; margin-top:7px; }
.cxl-polished .cxp-intelligence { background:#f6f8fa; padding-block:80px; }
.cxl-polished .cxp-intelligence h2 { font-size:clamp(36px,3.5vw,49px); }
.cxl-polished .cxl-heading-pair>p { font-size:16px; line-height:1.75; }
.cxp-intelligence-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.cxp-intelligence-grid article { background:#fff; border:1px solid #e1e8ef; border-radius:18px; padding:25px; }
.cxp-signal { min-height:82px; background:#f4f8fc; border-radius:10px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; align-items:center; gap:6px; margin-bottom:28px; padding:14px 8px; }
.cxp-signal span { font-size:11px; color:#3b6685; background:#fff; padding:5px 7px; border:1px solid #dfe9f1; border-radius:5px; }
.cxp-signal i { font-style:normal; color:#8ba6bb; font-size:14px; }
.cxl-polished .cxp-intelligence-grid .cxl-eyebrow { font-size:9px; letter-spacing:.1em; }
.cxl-polished .cxp-intelligence-grid h3 { font-size:25px; line-height:1.2; margin:14px 0 15px; }
.cxl-polished .cxp-intelligence-grid article>p:not(.cxl-eyebrow) { font-size:14px; line-height:1.75; color:#596d7b; }
.cxl-polished .cxp-intelligence-foot { text-align:center; font-size:12px; color:#63798a; margin-top:26px; }
.cxl-polished .cxc-field { background:#fff; }
.cxl-polished .cxl-field-main { border-radius:18px; }
.cxl-polished .cxl-field-inset { border-radius:13px; border-color:#fff; }
.cxl-polished .cxl-deployment-copy>p:not(.cxl-eyebrow) { font-size:16px; line-height:1.75; }
.cxl-polished .cxl-deployment-copy h2 { font-size:clamp(36px,3.5vw,50px); }
.cxl-polished .cxl-field-main figcaption { font-size:10px; }
.cxl-polished .cxl-field-gallery { margin-top:46px; }
.cxl-polished .cxl-documentary { border-radius:14px; }
.cxl-polished .cxl-field-gallery-grid { gap:16px; }
.cxl-polished .cxl-field-statement { background:#f1f7fb; border:1px solid #e1ebf1; border-radius:14px; }
.cxl-polished .cxl-field-gallery-head h3 { font-size:30px; }
.cxl-polished .cxl-industries { background:#f6f9fc; padding-block:80px; }
.cxl-polished .cxl-industry-grid { gap:18px; }
.cxl-polished .cxl-industry-grid a { padding:24px; border:1px solid #e0e8f0; border-radius:16px; background:#fff; transition:border-color .18s,transform .18s; }
.cxl-polished .cxl-industry-grid a:hover { transform:translateY(-3px); border-color:#91bde1; }
.cxl-polished .cxl-industry-grid h3 { font-size:23px; margin-block:18px 12px; }
.cxl-polished .cxl-industry-grid p { font-size:14px; line-height:1.7; }
.cxl-polished .cxl-industry-grid a>span { font-size:10px; }
.cxp-faq { background:#fff; }
.cxp-faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:100px; align-items:start; }
.cxp-faq-grid h2 { margin:18px 0 20px; font-size:46px; }
.cxp-faq-grid>div>p:last-child { color:#65798b; font-size:15px; }
.cxp-questions { border-top:1px solid #dfe6ed; }
.cxp-questions details { border-bottom:1px solid #dfe6ed; }
.cxp-questions summary { display:flex; justify-content:space-between; align-items:center; gap:24px; list-style:none; cursor:pointer; padding:24px 0; font-size:16px; line-height:1.5; font-weight:550; letter-spacing:-.015em; }
.cxp-questions summary::-webkit-details-marker { display:none; }
.cxp-questions summary>span { font-size:23px; font-weight:350; color:#527994; flex-shrink:0; transition:transform .15s; }
.cxp-questions details[open] summary>span { transform:rotate(45deg); }
.cxl-polished .cxp-questions details>p { color:#5d7282; padding:0 38px 25px 0; font-size:15px; line-height:1.8; }
.cxl-polished .cxl-close { background:radial-gradient(ellipse at 100% 100%,#155c98,transparent 75%),#0b2943; }
.cxl-polished .cxl-close h2 { font-size:clamp(43px,4.5vw,62px); }
.cxl-polished .cxl-close .cxl-btn { min-width:275px; }
.cxp-strategic-link { background:transparent; border:0; padding:12px 0; color:#c6e0f3; font-size:12px!important; min-height:44px; }
.cxp-strategic-link span { margin-left:10px; }
.cxp-strategic-link:hover { text-decoration:underline; text-underline-offset:4px; }
.cxl-polished .cxl-footer-bottom { font-size:12px; }
.cxp-mobile-actions { display:none; }
.cxl-polished:not([data-cxl-ready]) .cxp-size-picker { display:none; }
.cxl-polished:not([data-cxl-ready]) .cxp-example-invitation { display:none; }
@media (max-width:1150px) {
 .cxl-polished .cxl-nav { gap:20px; }
 .cxl-polished .cxc-platform .cxl-tabs button { padding-inline:12px; }
 .cxl-polished .cxc-platform .cxl-product-copy { width:46%; }
 .cxl-polished .cxc-operator-grid { gap:45px; grid-template-columns:1.05fr 1fr; }
 .cxl-polished .cxc-operator-copy h2 { font-size:44px; }
 .cxl-polished .cxc-laptop-stage { height:425px; }
 .cxl-polished .cxc-laptop { top:165px; }
 .cxl-polished .cxc-operator-focus { width:270px; bottom:12px; }
 .cxp-inbound>div { padding:12px; gap:8px; }
 .cxp-inbound strong { font-size:12px; }
 .cxp-source-icon { display:none; }
 .cxl-polished .cxl-micro-grid { gap:34px; grid-template-columns:.8fr 1.2fr; }
 .cxp-plan { padding:20px; }
 .cxp-vehicle { padding:13px 9px 11px; }
 .cxp-plan-result { gap:12px; }
 .cxp-intelligence-grid article { padding:21px; }
 .cxl-polished .cxp-intelligence-grid h3 { font-size:22px; }
 .cxp-faq-grid { gap:50px; }
 .cxl-polished .cxl-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
 .cxl-polished .cxl-header-inner { min-height:80px; }
 .cxl-polished .cxl-header .cxl-brand { width:160px; }
 .cxl-polished .cxl-header.cxp-pinned .cxl-header-inner { min-height:70px; }
 body.admin-bar .cxl-polished .cxl-header.cxp-pinned { top:46px; }
 .cxl-polished .cxl-nav { padding:20px; }
 .cxl-polished .cxl-hero .cxl-lead { font-size:16px; }
 .cxl-polished .cxc-hero-benefits h3 { font-size:12px; }
 .cxl-polished .cxc-hero-benefits p { font-size:11px; }
 .cxl-polished .cxc-platform>.cxl-wrap { min-height:0; }
 .cxl-polished .cxc-platform .cxl-product-copy { width:100%; }
 .cxl-polished .cxc-platform .cxl-product-copy>p { max-width:600px; }
 .cxl-polished .cxc-platform .cxl-tabs { margin-top:24px; }
 .cxl-polished .cxc-platform .cxl-tabs button { padding-inline:18px; }
 .cxl-polished .cxc-product-stage { top:auto; }
 .cxl-polished .cxc-operator-grid { grid-template-columns:1fr; gap:44px; }
 .cxl-polished .cxc-operator-copy h2 { font-size:52px; }
 .cxl-polished .cxc-operator-copy>p:not(.cxl-eyebrow) { max-width:590px; }
 .cxl-polished .cxc-laptop-stage { height:490px; width:min(100%,640px); margin-inline:auto; }
 .cxl-polished .cxc-laptop { top:148px; }
 .cxl-polished .cxc-operator-focus { width:300px; right:8%; bottom:15px; }
 .cxp-inbound strong { font-size:14px; }
 .cxp-source-icon { display:grid; }
 .cxl-polished .cxp-operator-benefits { gap:20px; margin-top:45px!important; }
 .cxl-polished .cxp-operator-benefits h3 { font-size:19px; }
 .cxl-polished .cxp-operator-benefits article:not(:first-child) { padding-left:18px; }
 .cxl-polished .cxl-micro-grid { grid-template-columns:1fr; gap:35px; }
 .cxl-polished .cxc-micro h2 { font-size:45px; }
 .cxl-polished .cxc-micro h2 br:last-child { display:none; }
 .cxp-plan { padding:24px; }
 .cxp-plan-top { font-size:13px; }
 .cxp-vehicles { min-height:190px; }
 .cxp-connected-strip { gap:25px; margin-top:35px; }
 .cxp-connected-strip strong { font-size:16px; }
 .cxp-intelligence-grid { grid-template-columns:1fr; }
 .cxp-intelligence-grid article { display:grid; grid-template-columns:1fr 1fr; gap:10px 26px; padding:25px; }
 .cxp-signal { grid-column:2; grid-row:1/4; margin:0; min-height:120px; }
 .cxp-intelligence-grid article>p,.cxp-intelligence-grid article>h3 { grid-column:1; }
 .cxl-polished .cxp-intelligence-grid h3 { margin:4px 0; font-size:24px; }
 .cxp-faq-grid { grid-template-columns:1fr; gap:32px; }
 .cxp-faq-grid h2 { font-size:42px; }
 .cxp-mobile-actions { position:fixed; z-index:61; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom,0px)); display:grid; grid-template-columns:1fr 1.2fr; gap:8px; padding:7px; border:1px solid #d3e2f1; border-radius:17px; background:#fffffff5; box-shadow:0 8px 30px #172b4926; backdrop-filter:blur(15px); color:#213b52; }
 .cxp-mobile-actions a { display:flex; align-items:center; justify-content:center; min-height:46px; border-radius:11px; font-size:13px; gap:20px; }
 .cxp-mobile-actions a:last-child { background:#086cfa; color:#fff; font-weight:600; }
 body.cxl-inquiry-open .cxp-mobile-actions,body.cxl-lightbox-open .cxp-mobile-actions { display:none; }
 .cxl-polished .cxl-footer { padding-bottom:85px; }
}
@media (max-width:520px) {
 .cxl-polished .cxl-header .cxl-brand { width:150px; }
 .cxl-polished .cxl-hero .cxl-lead { font-size:15px; line-height:1.65; }
 .cxl-polished .cxc-request .cxl-quote-form input { font-size:16px; min-height:31px; }
 .cxl-polished .cxc-request .cxl-quote-form label>span { font-size:10px; }
 .cxl-polished .cxc-form-note { font-size:10px; padding:8px 5px 2px; }
 .cxl-polished .cxc-hero-benefits h3 { font-size:11px; }
 .cxl-polished .cxc-hero-benefits p { font-size:10px; }
 .cxl-polished .cxc-hero-benefits article { padding-right:7px; }
 .cxl-polished .cxc-hero-benefits article+article { padding-left:9px; }
 .cxl-polished .cxl-section { padding-block:58px; }
 .cxl-polished .cxc-platform .cxl-tabs { width:100%; max-width:100%; }
 .cxl-polished .cxc-platform .cxl-tabs button { padding:10px 9px; font-size:11px; flex:1; justify-content:center; }
 .cxl-polished .cxc-platform-intro { font-size:16px; }
 .cxl-polished .cxc-platform .cxl-number { font-size:9px; }
 .cxl-polished .cxc-platform .cxl-product-copy h3 { font-size:28px; }
 .cxl-polished .cxc-checks { font-size:11px; gap:10px; }
 .cxl-polished .cxc-platform .cxl-product-disclosure { font-size:10px; max-width:100%; }
 .cxl-polished .cxc-operator-copy h2 { font-size:44px; }
 .cxl-polished .cxc-operator-copy>p:not(.cxl-eyebrow) { font-size:15px; }
 .cxl-polished .cxc-operator-grid { gap:26px; }
 .cxl-polished .cxc-laptop-stage { height:365px; }
 .cxl-polished .cxc-laptop { top:144px; width:100%; left:0; }
 .cxl-polished .cxc-operator-focus { bottom:0; width:235px; right:2%; padding:11px; }
 .cxl-polished .cxc-operator-focus figcaption { font-size:7px; }
 .cxl-polished .cxc-laptop-note { font-size:10px; bottom:-28px; }
 .cxp-inbound { gap:7px; grid-template-columns:1fr 15px 1.2fr; }
 .cxp-inbound>div { padding:12px 11px; min-height:70px; }
 .cxp-source-icon { display:none; }
 .cxp-inbound small { font-size:10px; }
 .cxp-inbound strong { font-size:12px; }
 .cxp-inbound>p { font-size:11px; }
 .cxl-polished .cxp-operator-benefits { grid-template-columns:1fr; gap:26px; margin-top:52px!important; padding-top:28px; }
 .cxl-polished .cxp-operator-benefits article { display:grid; grid-template-columns:28px minmax(0,1fr); gap:13px; padding:0!important; border:0!important; }
 .cxp-benefit-no { margin-top:2px; }
 .cxl-polished .cxp-operator-benefits h3 { font-size:21px; }
 .cxl-polished .cxp-operator-benefits p { margin-top:10px; }
 .cxl-polished .cxp-operator-benefits .cxl-text-link { margin-top:8px; }
 .cxl-polished .cxc-micro h2 { font-size:37px; }
 .cxl-polished .cxl-micro-copy>p:not(.cxl-eyebrow) { font-size:15px; }
 .cxp-plan { padding:18px 15px; border-radius:19px; }
 .cxp-plan-top { display:block; font-size:12px; }
 .cxp-example-tag { display:inline-block; margin:8px 0 0; font-size:9px; }
 .cxp-size-picker { margin:16px 0 19px; padding:4px; gap:2px; }
 .cxp-size-picker button { gap:4px; min-height:49px; }
 .cxp-size-picker button strong { font-size:20px; }
 .cxp-size-picker button span { font-size:10px; }
 .cxp-request-card { padding:15px 12px; gap:10px; }
 .cxp-request-card strong { font-size:16px; }
 .cxp-plan-mark { width:20px; }
 .cxp-plan-icon { width:30px; height:30px; }
 .cxp-plan-icon svg { width:21px; }
 .cxp-plan[data-cxp-plan] .cxp-vehicles { grid-template-columns:1fr; min-height:246px; align-content:center; gap:8px; }
 .cxp-vehicle { display:grid; grid-template-columns:47px minmax(0,1fr) 68px; align-items:center; gap:2px 10px; padding:13px 11px; }
 .cxp-vehicle>span { display:none; }
 .cxp-vehicle svg { grid-column:1; grid-row:1/3; width:47px; height:35px; margin:0; }
 .cxl-polished .cxp-vehicle h3 { grid-column:2; font-size:13px; }
 .cxl-polished .cxp-vehicle>p { grid-column:2; font-size:10px; margin:0; }
 .cxp-vehicle>div { grid-column:3; grid-row:1/3; border:0; padding:0; margin:0; font-size:10px; gap:4px; }
 .cxp-plan-result { gap:9px; padding-top:17px; }
 .cxp-plan-result>div { display:block; text-align:center; }
 .cxp-plan-result strong { display:block; font-size:22px; }
 .cxp-plan-result div span { font-size:10px; }
 .cxl-polished .cxp-plan-description { font-size:11px; margin-top:5px; }
 .cxp-connected-strip { grid-template-columns:1fr; gap:0; padding:0; margin-top:30px; }
 .cxp-connected-strip>div { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding:16px 0; border-bottom:1px solid #e5ebf1; }
 .cxp-connected-strip span { font-size:10px; }
 .cxp-connected-strip strong { font-size:13px; margin:0; text-align:right; }
 .cxp-intelligence-grid article { display:block; padding:23px; }
 .cxp-signal { min-height:72px; margin-bottom:23px; }
 .cxl-polished .cxp-intelligence-grid h3 { font-size:27px; margin:12px 0 15px; }
 .cxl-polished .cxp-intelligence h2 { font-size:37px; }
 .cxl-polished .cxl-heading-pair>p { font-size:15px; }
 .cxl-polished .cxp-intelligence-foot { font-size:11px; }
 .cxl-polished .cxl-deployment-copy>p:not(.cxl-eyebrow) { font-size:15px; }
 .cxl-polished .cxl-deployment-copy h2 { font-size:38px; }
 .cxl-polished .cxl-field-gallery-grid { gap:14px; }
 .cxl-polished .cxl-field-gallery-head h3 { font-size:28px; }
 .cxl-polished .cxl-field-statement { padding:20px; }
 .cxl-polished .cxl-field-statement p { font-size:22px; }
 .cxl-polished .cxl-industry-grid { grid-template-columns:1fr; gap:12px; }
 .cxl-polished .cxl-industry-grid a { padding:24px; }
 .cxl-polished .cxl-industry-grid h3 { font-size:25px; margin-top:14px; }
 .cxp-faq-grid { gap:24px; }
 .cxp-faq-grid h2 { font-size:38px; }
 .cxp-questions summary { font-size:15px; padding-block:21px; gap:20px; }
 .cxl-polished .cxp-questions details>p { font-size:14px; padding-right:22px; }
 .cxl-polished .cxl-close .cxl-btn { width:100%; min-width:0; }
 .cxl-polished .cxl-close-actions { width:100%; }
 .cxl-polished .cxl-dialog input,.cxl-polished .cxl-dialog textarea { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
 .cxl-polished * { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}
/* Final editorial pass: retain the approved hero overlap and shorten mobile galleries. */
@media (min-width:801px) {
 .cxl-polished .cxc-platform .cxc-customer-stage { top:-118px; height:700px; }
}
@media (max-width:520px) {
 .cxl-polished .cxc-field .cxl-field-gallery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 .cxl-polished .cxc-field .cxl-documentary-venue,.cxl-polished .cxc-field .cxl-documentary-night { height:270px; }
 .cxl-polished .cxc-field .cxl-documentary figcaption { padding:16px 13px; }
 .cxl-polished .cxc-field .cxl-documentary figcaption strong { font-size:16px; }
 .cxl-polished .cxc-field .cxl-documentary figcaption span { font-size:8px; }
 .cxl-polished .cxc-field .cxl-field-small { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
 .cxl-polished .cxc-field .cxl-documentary-arrivals { height:190px; }
 .cxl-polished .cxc-field .cxl-field-statement { padding:16px 13px; display:block; }
 .cxl-polished .cxc-field .cxl-field-statement .cxl-tiny-mark { display:none; }
 .cxl-polished .cxc-field .cxl-field-statement p { font-size:17px; margin-top:0; }
 .cxl-polished .cxl-industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .cxl-polished .cxl-industry-grid a { padding:19px 16px; }
 .cxl-polished .cxl-industry-grid h3 { font-size:21px; }
 .cxl-polished .cxl-industry-grid p { font-size:13px; }
 .cxl-polished .cxl-industry-grid a>span { font-size:8px; }
}
.cxl-polished .cxl-micro-grid>* { min-width:0; }
@media(max-width:800px) { .cxl-polished .cxl-micro-grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) {
 html:has(.cxl-polished),body:has(.cxl-polished) { scroll-behavior:auto!important; }
}


/* v1.8.1: ETI vehicle cutouts for the Micro-Booking explainer only.
   Native 300px PNGs; never stretched into hero photography. */
.cxp-fleet-refresh { background:linear-gradient(148deg,#f8fafc 0%,#f1f6fb 100%); }
.cxp-fleet-refresh .cxv-mix-summary { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 1px 12px; color:#64778b; font-size:10px; line-height:1.5; }
.cxp-fleet-refresh .cxv-mix-summary>span:first-child { font-size:9px; letter-spacing:.10em; font-weight:600; }
.cxp-fleet-refresh .cxv-mix-summary b { font-weight:600; color:#263f54; }
.cxp-fleet-refresh .cxp-vehicles { min-height:258px; align-items:stretch; }
.cxp-fleet-refresh[data-cxp-class-count="1"] .cxp-vehicles { grid-template-columns:minmax(0,264px); justify-content:center; }
.cxp-fleet-refresh .cxv-vehicle { position:relative; padding:14px 12px 12px; border:1px solid #dce5ed; border-radius:18px; background:#fff; display:flex; flex-direction:column; gap:0; overflow:hidden; box-shadow:0 7px 16px #152a4010; min-width:0; }
.cxp-fleet-refresh .cxv-vehicle>div { border:0; margin:0; padding:0; }
.cxp-fleet-refresh .cxv-card-head { display:flex; justify-content:space-between; align-items:center; gap:6px; }
.cxp-fleet-refresh .cxv-card-head>span:first-child { font-size:8px; font-weight:550; letter-spacing:.08em; color:#647587; }
.cxp-fleet-refresh .cxv-quantity { display:inline-flex; align-items:center; justify-content:center; gap:3px; min-width:32px; height:26px; padding:0 7px; border:1px solid #dce5ef; border-radius:9px; background:#f6f8fc; color:#284465; font-size:12px; }
.cxp-fleet-refresh .cxv-quantity b { font-size:14px; font-weight:600; }
.cxp-fleet-refresh .cxv-quantity>span { color:#78889b; font-size:12px; }
.cxp-fleet-refresh .cxv-vehicle-stage { width:100%; height:112px; position:relative; display:flex; align-items:flex-end; justify-content:center; margin:2px 0 9px; isolation:isolate; }
.cxp-fleet-refresh .cxv-vehicle-stage::before { content:""; position:absolute; bottom:0; left:2%; right:2%; height:57px; border-radius:50%; background:radial-gradient(ellipse,#d1dbe64f 0%,#eef2f637 45%,transparent 70%); z-index:-1; }
.cxp-fleet-refresh .cxv-vehicle-stage img { width:100%; max-width:232px; height:auto; object-fit:contain; max-height:108px; margin:0; filter:drop-shadow(0 8px 5px #13223424); transform:translateY(-6px); }
.cxp-fleet-refresh [data-cxp-fleet-type="sprinter"] .cxv-vehicle-stage img { width:91%; }
.cxp-fleet-refresh [data-cxp-fleet-type="suv"] .cxv-vehicle-stage img { width:85%; }
.cxp-fleet-refresh .cxv-class-copy { display:block; margin:0 1px 13px!important; }
.cxl-polished .cxp-fleet-refresh .cxv-class-copy h3 { font-size:15px; font-weight:650; line-height:1.3; margin:0; color:#182c42; }
.cxl-polished .cxp-fleet-refresh .cxv-class-copy p { font-size:10px; line-height:1.6; margin:4px 0 0; color:#5b7185; }
.cxp-fleet-refresh .cxv-unit-assignments { display:flex; flex-direction:column; align-items:stretch; gap:6px; margin-top:auto!important; padding-top:11px!important; border-top:1px solid #e8edf3!important; min-height:54px; }
.cxp-fleet-refresh .cxv-assignment { display:flex; align-items:center; gap:5px; color:#486178; font-size:10px; line-height:1.5; white-space:nowrap; }
.cxp-fleet-refresh .cxv-assignment b { font-size:9px; font-weight:550; color:#7b8b9b; width:17px; flex-shrink:0; font-variant-numeric:tabular-nums; }
.cxp-fleet-refresh .cxv-assignment .cxv-dot { display:inline-block; width:5px; height:5px; border-radius:50%; flex-shrink:0; }
.cxp-fleet-refresh .cxv-dot-a { background:#387fca; }
.cxp-fleet-refresh .cxv-dot-b { background:#8465c5; }
.cxp-fleet-refresh .cxp-plan-result { padding-top:22px; }
.cxl-polished .cxp-fleet-refresh .cxp-plan-description { max-width:450px; }
@media (min-width:801px) and (max-width:1100px) {
 .cxp-fleet-refresh { padding:19px; }
 .cxp-fleet-refresh .cxv-vehicle { padding-inline:9px; }
 .cxp-fleet-refresh .cxv-card-head>span:first-child { font-size:7px; letter-spacing:0; }
 .cxp-fleet-refresh .cxv-vehicle-stage { height:94px; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy h3 { font-size:13px; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy p { font-size:9px; }
 .cxp-fleet-refresh .cxv-assignment { font-size:9px; gap:3px; }
}
@media (max-width:600px) {
 .cxp-fleet-refresh .cxp-vehicles { min-height:0!important; grid-template-columns:minmax(0,1fr)!important; gap:10px; }
 .cxp-fleet-refresh .cxv-vehicle { padding:13px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:4px 12px; border-radius:15px; min-height:158px; }
 .cxp-fleet-refresh .cxv-card-head { grid-column:2; grid-row:1; align-self:end; }
 .cxp-fleet-refresh .cxv-card-head>span:first-child { font-size:7px; }
 .cxp-fleet-refresh .cxv-quantity { height:23px; min-width:29px; padding-inline:5px; border-radius:7px; }
 .cxp-fleet-refresh .cxv-vehicle-stage { grid-column:1; grid-row:1 / 4; height:105px; margin:0; align-items:center; }
 .cxp-fleet-refresh .cxv-vehicle-stage img { transform:none; max-height:93px; }
 .cxp-fleet-refresh .cxv-vehicle-stage::before { bottom:10px; }
 .cxp-fleet-refresh .cxv-class-copy { grid-column:2; grid-row:2; margin:3px 0 5px!important; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy h3 { font-size:16px; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy p { font-size:10px; margin-top:3px; }
 .cxp-fleet-refresh .cxv-unit-assignments { grid-column:2; grid-row:3; min-height:0; gap:4px; padding-top:7px!important; align-self:start; }
 .cxp-fleet-refresh .cxv-assignment { font-size:10px; }
 .cxp-fleet-refresh .cxv-assignment b { width:14px; }
 .cxp-fleet-refresh .cxv-mix-summary { font-size:9px; }
 .cxp-fleet-refresh[data-cxp-class-count="1"] .cxp-vehicles { min-height:0!important; }
}
@media(max-width:359px) {
 .cxp-fleet-refresh .cxv-vehicle { padding:11px 9px; gap:4px 8px; }
 .cxp-fleet-refresh .cxv-card-head>span:first-child { display:none; }
 .cxp-fleet-refresh .cxv-card-head { justify-content:flex-end; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy h3 { font-size:14px; }
 .cxl-polished .cxp-fleet-refresh .cxv-class-copy p { font-size:9px; }
 .cxp-fleet-refresh .cxv-assignment { font-size:9px; gap:3px; }
 .cxp-fleet-refresh .cxv-mix-summary { flex-wrap:wrap; gap:2px 8px; }
}
@media(prefers-reduced-motion:reduce) {
 .cxp-fleet-refresh .cxv-vehicle-stage img { transition:none; }
}