/* PORTFOLIO-02G32F */
/* PORTFOLIO-02G32E */
/* PORTFOLIO-02G10 */
/* PORTFOLIO-02G12 */
/* PORTFOLIO-02G17 */
/* PORTFOLIO-02G18 */
/* PORTFOLIO-02G21 */
/* PORTFOLIO-02G33R8C */
/* PORTFOLIO-02G33R10C integrated authority styles */
.page-overlift-demo .site-main {padding-top: 0 !important;} .overlift-demo-page {min-height: calc(100vh - 1px); padding: 0 0 clamp(0.7rem, 1.2vw, 1.25rem);} .page-overlift-demo .overlift-demo-return-row {display: flex; align-items: center; justify-content: flex-start; width: min(calc(100% - 1rem), 1880px); max-width: 1880px; margin-inline: auto; padding: clamp(0.75rem, 1.35vw, 1.15rem) 0 clamp(0.55rem, 1vw, 0.9rem); outline: none;} .page-overlift-demo .overlift-demo-portfolio-link {display: inline-flex; align-items: center; justify-content: center; width: fit-content; min-height: 48px; padding: 0.7rem 1.15rem; color: #f6e6c7 !important; font-size: clamp(0.84rem, 0.82vw, 1rem); font-weight: 780; line-height: 1; text-decoration: none; white-space: nowrap;} .page-overlift-demo .home-overlift-deck-section {padding-top: 0 !important; padding-bottom: 0 !important;} .page-overlift-demo .home-app-backdrop {width: min(calc(100vw - 1rem), 1880px) !important; max-width: 1880px !important; margin-inline: auto !important;} @media (min-width: 992px) {.page-overlift-demo .pathfinder-topbar {grid-template-columns: minmax(220px, 0.78fr) minmax(0, 1.48fr) auto !important; gap: clamp(5px, 0.55vw, 10px) !important; align-items: center !important;} .page-overlift-demo .pathfinder-hiring-nav {grid-column: auto !important; grid-row: auto !important; display: flex !important; flex-flow: row nowrap !important; justify-content: flex-end !important; align-items: center !important; gap: clamp(3px, 0.32vw, 6px) !important; min-width: 0 !important; padding-top: 0 !important; overflow: visible !important; scrollbar-width: none;} .page-overlift-demo .pathfinder-hiring-nav button {flex: 0 1 auto !important; min-width: 0 !important; min-height: 36px !important; padding-inline: clamp(6px, 0.52vw, 11px) !important; font-size: clamp(0.62rem, 0.54vw, 0.76rem) !important; white-space: nowrap !important;} .page-overlift-demo .pathfinder-topbar-tools {grid-column: auto !important; grid-row: auto !important; min-width: max-content !important;}} @media (min-width: 992px) and (max-width: 1220px) {.page-overlift-demo .pathfinder-brand-copy > div {display: none !important;} .page-overlift-demo .pathfinder-brand-copy > strong {font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important;} .page-overlift-demo .pathfinder-topbar {grid-template-columns: minmax(150px, 0.5fr) minmax(0, 1.7fr) auto !important;}} @media (max-width: 991px) {.page-overlift-demo .overlift-demo-return-row {width: min(calc(100% - 1rem), 1880px);} .page-overlift-demo .home-app-backdrop {width: min(calc(100vw - 0.5rem), 1880px) !important;}} .page-overlift-demo {--overlift-demo-frame-width: min(80vw, 1880px);} .page-overlift-demo .overlift-demo-page {display: grid; justify-items: center; min-width: 0;} .page-overlift-demo .overlift-demo-return-row, .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop {width: var(--overlift-demo-frame-width) !important; max-width: 1880px !important; min-width: 0; margin-inline: auto !important;} .page-overlift-demo .overlift-demo-return-row {padding-top: clamp(0.8rem, 1.25vw, 1.3rem); padding-bottom: clamp(0.65rem, 0.95vw, 1rem);} .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop {container-name: overlift-demo-frame; container-type: inline-size; place-items: stretch !important; height: auto !important; overflow: visible !important;} .page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app[role="region"], .page-overlift-demo .home-fullscreen-app[role="dialog"] {width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 auto !important; box-sizing: border-box; border-radius: clamp(18px, 1.55vw, 28px) !important; box-shadow: inset 0 1px 0 rgba(244, 242, 243, 0.08), inset 0 0 0 1px rgba(162, 60, 128, 0.22), 0 24px 74px rgba(0, 0, 0, 0.46), 0 0 44px rgba(219, 41, 160, 0.07) !important;} .page-overlift-demo .home-fullscreen-app::before, .page-overlift-demo .home-fullscreen-app::after {border-radius: inherit !important;} .page-overlift-demo .pathfinder-hiring-nav {min-width: 0 !important; flex-wrap: nowrap !important;} .page-overlift-demo .pathfinder-hiring-nav button {min-width: 0 !important; white-space: nowrap !important;} @container overlift-demo-frame (max-width: 1500px) {.page-overlift-demo .pathfinder-topbar {grid-template-columns: minmax(168px, 0.54fr) minmax(0, 1.72fr) auto !important; gap: 6px !important;} .page-overlift-demo .pathfinder-brand-copy > div {display: none !important;} .page-overlift-demo .pathfinder-brand-copy > strong {font-size: clamp(1.24rem, 2.1cqw, 1.62rem) !important;} .page-overlift-demo .pathfinder-hiring-nav {display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 4px !important; overflow-x: auto !important; overflow-y: hidden !important; padding: 0 !important; scrollbar-width: none;} .page-overlift-demo .pathfinder-hiring-nav::-webkit-scrollbar {display: none;} .page-overlift-demo .pathfinder-hiring-nav button {flex: 0 1 auto !important; min-height: 35px !important; padding: 6px clamp(6px, 0.82cqw, 10px) !important; font-size: clamp(0.62rem, 0.78cqw, 0.72rem) !important;} .page-overlift-demo .pathfinder-topbar-tools {min-width: max-content !important;}} @container overlift-demo-frame (max-width: 1080px) {.page-overlift-demo .pathfinder-topbar {grid-template-columns: minmax(138px, 0.42fr) minmax(0, 1.82fr) auto !important;} .page-overlift-demo .pathfinder-brand-orbit {transform: scale(0.88); transform-origin: left center;} .page-overlift-demo .pathfinder-brand-copy > strong {font-size: clamp(1.12rem, 2.25cqw, 1.42rem) !important;} .page-overlift-demo .pathfinder-hiring-nav button {min-height: 34px !important; padding-inline: clamp(5px, 0.65cqw, 7px) !important; font-size: clamp(0.59rem, 0.72cqw, 0.66rem) !important;} .page-overlift-demo .pathfinder-nav-proof span {display: none;}} @media (max-width: 1199px) and (min-width: 992px) {.page-overlift-demo {--overlift-demo-frame-width: min(92vw, 1100px);}} @media (max-width: 991px) {.page-overlift-demo {--overlift-demo-frame-width: min(calc(100vw - 1rem), 960px);} .page-overlift-demo .overlift-demo-return-row {padding-top: 0.7rem;} .page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app[role="region"], .page-overlift-demo .home-fullscreen-app[role="dialog"] {border-radius: 17px !important;}} @media (max-width: 520px) {.page-overlift-demo {--overlift-demo-frame-width: min(calc(100vw - 0.5rem), 520px);} .page-overlift-demo .overlift-demo-portfolio-link {width: 100%; min-height: 46px;}} @media (prefers-reduced-motion: reduce) {.page-overlift-demo .home-fullscreen-app, .page-overlift-demo .home-fullscreen-app::before, .page-overlift-demo .home-fullscreen-app::after {transition: none !important; animation: none !important;}} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-cockpit {grid-auto-rows: max-content; max-block-size: none !important; overflow: visible !important; contain: layout style !important;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy {box-sizing: border-box; align-self: stretch; justify-content: flex-start !important; min-block-size: max-content !important; max-block-size: none !important; block-size: auto !important; margin-block-start: 0 !important; padding-block-start: clamp(32px, 2.8cqw, 44px) !important; overflow: visible !important; contain: none !important;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy > * {flex: 0 0 auto;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-eyebrow {position: relative !important; inset: auto !important; z-index: 2; display: flex !important; flex-wrap: wrap !important; align-items: center !important; align-content: flex-start !important; max-inline-size: 100%; min-block-size: 25px; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 1.45 !important; white-space: normal !important; text-wrap: pretty; transform: none !important;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-eyebrow > span {flex: 0 0 25px;} @media (max-width: 1040px) {.page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy {min-block-size: 0 !important; padding-block-start: 30px !important;}} @media (max-width: 720px) {.page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="overview"] .pathfinder-app-hero-copy {padding-block-start: 26px !important;}} .page-overlift-demo .pathfinder-app-secondary-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 0.42rem 0.7rem;} .page-overlift-demo .pathfinder-app-secondary-actions > button {flex: 0 1 auto;} .page-overlift-demo .pathfinder-app-secondary-actions > small {flex: 1 1 100%;} .page-overlift-demo .pathfinder-failure-lab {position: relative; display: grid; gap: clamp(0.75rem, 1.2cqw, 1.15rem); min-width: 0; margin-top: clamp(0.75rem, 1.2cqw, 1.2rem); padding: clamp(0.85rem, 1.45cqw, 1.35rem); overflow: hidden; border: 1px solid rgba(207, 73, 162, 0.28); border-radius: clamp(14px, 1.2cqw, 22px); background: linear-gradient(145deg, rgba(8, 22, 34, 0.97), rgba(3, 11, 19, 0.985) 58%, rgba(8, 17, 25, 0.98)), #06111b; box-shadow: inset 0 0 0 1px rgba(237, 114, 196, 0.045), 0 18px 52px rgba(0, 0, 0, 0.28); scroll-margin-top: clamp(0.75rem, 2vw, 2rem); container: failure-lab / inline-size;} .page-overlift-demo .pathfinder-failure-lab::before {content: ""; position: absolute; inset: 0 0 auto; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(237, 92, 189, 0.72), rgba(91, 236, 205, 0.46), transparent); opacity: 0.76;} .page-overlift-demo .pathfinder-failure-lab-heading {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: clamp(0.75rem, 1.2cqw, 1.2rem); padding-bottom: clamp(0.65rem, 1cqw, 0.9rem); border-bottom: 1px solid rgba(214, 101, 176, 0.18);} .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child {min-width: 0;} .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > span, .page-overlift-demo .pathfinder-failure-outcome > span, .page-overlift-demo .pathfinder-failure-proof > div > span, .page-overlift-demo .pathfinder-failure-measurement article > span, .page-overlift-demo .pathfinder-failure-request > span {display: block; margin-bottom: 0.28rem; color: #eb6cc1; font-size: clamp(0.64rem, 0.72cqw, 0.78rem); font-weight: 820; letter-spacing: 0.12em; line-height: 1.25; text-transform: uppercase;} .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > strong {display: block; max-width: 30ch; color: #f9f8f9; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.35rem, 2.05cqw, 2.15rem); font-weight: 720; line-height: 1.05; text-wrap: balance;} .page-overlift-demo .pathfinder-failure-lab-heading > div:first-child > p {max-width: 82ch; margin: 0.58rem 0 0; color: #aebdca; font-size: clamp(0.76rem, 0.88cqw, 0.95rem); line-height: 1.55;} .page-overlift-demo .pathfinder-failure-lab-heading-actions {display: grid; grid-template-columns: repeat(2, auto); align-items: center; justify-content: end; gap: 0.42rem;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button, .page-overlift-demo .pathfinder-failure-actions button {min-height: 38px; padding: 0.58rem 0.78rem; border: 1px solid rgba(209, 82, 167, 0.35); border-radius: 9px; background: rgba(4, 15, 26, 0.88); color: #ece0e8; font: inherit; font-size: clamp(0.67rem, 0.72cqw, 0.78rem); font-weight: 760; line-height: 1.1; cursor: pointer;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button:hover, .page-overlift-demo .pathfinder-failure-lab-heading-actions button:focus-visible, .page-overlift-demo .pathfinder-failure-actions button:hover, .page-overlift-demo .pathfinder-failure-actions button:focus-visible {border-color: rgba(240, 106, 195, 0.72); color: #fff; outline: none;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button.is-primary, .page-overlift-demo .pathfinder-failure-actions button.is-primary {border-color: rgba(234, 84, 184, 0.68); background: linear-gradient(180deg, rgba(170, 48, 129, 0.98), rgba(121, 26, 89, 0.98)); box-shadow: 0 8px 24px rgba(200, 32, 144, 0.18), inset 0 1px rgba(255, 255, 255, 0.15); color: #fff;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button:disabled, .page-overlift-demo .pathfinder-failure-actions button:disabled {cursor: wait; opacity: 0.62;} .page-overlift-demo .pathfinder-failure-lab-heading-actions > small {grid-column: 1 / -1; justify-self: end; color: #7e92a3; font-size: clamp(0.61rem, 0.65cqw, 0.72rem);} .page-overlift-demo .pathfinder-failure-lab-layout {display: grid; grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.65fr); gap: clamp(0.7rem, 1.05cqw, 1rem); min-width: 0;} .page-overlift-demo .pathfinder-failure-case-list {display: grid; align-content: start; gap: 0.42rem; min-width: 0;} .page-overlift-demo .pathfinder-failure-case-list > button {position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 0.56rem; min-width: 0; min-height: 62px; padding: 0.58rem 0.62rem; overflow: hidden; border: 1px solid rgba(182, 48, 137, 0.25); border-radius: 11px; background: rgba(4, 15, 25, 0.72); color: #e7d9e2; text-align: left; cursor: pointer;} .page-overlift-demo .pathfinder-failure-case-list > button::after {content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: transparent;} .page-overlift-demo .pathfinder-failure-case-list > button:hover, .page-overlift-demo .pathfinder-failure-case-list > button:focus-visible, .page-overlift-demo .pathfinder-failure-case-list > button.is-active {border-color: rgba(232, 86, 183, 0.52); background: linear-gradient(90deg, rgba(12, 54, 77, 0.66), rgba(5, 18, 29, 0.86)); outline: none;} .page-overlift-demo .pathfinder-failure-case-list > button.is-active::after {background: #e953b7; box-shadow: 0 0 14px rgba(233, 83, 183, 0.72);} .page-overlift-demo .pathfinder-failure-case-list > button[data-failure-case-state="complete"]::after {background: #56dfbd;} .page-overlift-demo .pathfinder-failure-case-list > button[data-failure-case-state="held"]::after {background: #e3b655;} .page-overlift-demo .pathfinder-failure-case-list > button > i {display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(216, 89, 174, 0.45); border-radius: 50%; color: #f172c7; font-size: 0.66rem; font-style: normal; font-weight: 850;} .page-overlift-demo .pathfinder-failure-case-list > button > span {min-width: 0;} .page-overlift-demo .pathfinder-failure-case-list > button strong, .page-overlift-demo .pathfinder-failure-case-list > button small {display: block;} .page-overlift-demo .pathfinder-failure-case-list > button strong {color: #f5f2f4; font-size: clamp(0.7rem, 0.78cqw, 0.84rem); line-height: 1.2;} .page-overlift-demo .pathfinder-failure-case-list > button small {margin-top: 0.16rem; color: #8499a9; font-size: clamp(0.59rem, 0.64cqw, 0.7rem); line-height: 1.32;} .page-overlift-demo .pathfinder-failure-case-list > button > em {padding: 0.25rem 0.38rem; border: 1px solid rgba(209, 84, 167, 0.24); border-radius: 999px; color: #91a9b9; font-size: clamp(0.54rem, 0.57cqw, 0.63rem); font-style: normal; font-weight: 820; letter-spacing: 0.05em; line-height: 1; text-transform: uppercase;} .page-overlift-demo .pathfinder-failure-console {display: grid; align-content: start; gap: clamp(0.58rem, 0.85cqw, 0.8rem); min-width: 0; padding: clamp(0.72rem, 1.05cqw, 1rem); border: 1px solid rgba(203, 60, 155, 0.31); border-radius: 13px; background: rgba(1, 8, 15, 0.8); box-shadow: inset 0 0 26px rgba(133, 40, 102, 0.07);} .page-overlift-demo .pathfinder-failure-console > header {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 0.7rem;} .page-overlift-demo .pathfinder-failure-console > header > div > span {display: block; color: #e168b9; font-size: clamp(0.61rem, 0.67cqw, 0.72rem); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase;} .page-overlift-demo .pathfinder-failure-console > header > div > strong {display: block; margin-top: 0.2rem; color: #f9f8f9; font-size: clamp(0.94rem, 1.18cqw, 1.24rem); line-height: 1.25; text-wrap: balance;} .page-overlift-demo .pathfinder-failure-status {display: inline-flex; align-items: center; gap: 0.34rem; min-height: 28px; padding: 0.32rem 0.52rem; border: 1px solid rgba(203, 58, 155, 0.34); border-radius: 999px; background: rgba(7, 21, 31, 0.84); color: #9eb0bd; font-size: clamp(0.59rem, 0.63cqw, 0.69rem); font-weight: 800; white-space: nowrap;} .page-overlift-demo .pathfinder-failure-status > i {width: 7px; height: 7px; border-radius: 50%; background: #6c8596;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="running"] > i {background: #e95fbb; box-shadow: 0 0 10px rgba(233, 95, 187, 0.8); animation: failure-status-pulse 1s ease-in-out infinite;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="blocked"] {border-color: rgba(232, 99, 121, 0.43); color: #ffb5c1;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="blocked"] > i {background: #ec6680;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="hold"] {border-color: rgba(224, 177, 80, 0.46); color: #f2d28a;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="hold"] > i {background: #e0b150;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="verified"], .page-overlift-demo .pathfinder-failure-status[data-status-kind="deduplicated"] {border-color: rgba(83, 218, 183, 0.46); color: #9ef1d8;} .page-overlift-demo .pathfinder-failure-status[data-status-kind="verified"] > i, .page-overlift-demo .pathfinder-failure-status[data-status-kind="deduplicated"] > i {background: #53dab7;} .page-overlift-demo .pathfinder-failure-request {padding: 0.6rem 0.68rem; border-left: 3px solid rgba(229, 87, 182, 0.62); border-radius: 8px; background: rgba(11, 29, 42, 0.68);} .page-overlift-demo .pathfinder-failure-request > p {margin: 0; color: #d8e4ec; font-size: clamp(0.72rem, 0.82cqw, 0.9rem); font-weight: 650; line-height: 1.45;} .page-overlift-demo .pathfinder-failure-gates {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.38rem; margin: 0; padding: 0; list-style: none;} .page-overlift-demo .pathfinder-failure-gates > li {display: grid; grid-template-columns: 10px minmax(0, 1fr); align-items: start; gap: 0.38rem; min-width: 0; min-height: 58px; padding: 0.48rem; border: 1px solid rgba(182, 48, 137, 0.22); border-radius: 8px; background: rgba(5, 15, 23, 0.74);} .page-overlift-demo .pathfinder-failure-gates > li > i {width: 8px; height: 8px; margin-top: 0.22rem; border: 1px solid rgba(130, 165, 186, 0.48); border-radius: 50%; background: transparent;} .page-overlift-demo .pathfinder-failure-gates > li strong, .page-overlift-demo .pathfinder-failure-gates > li small {display: block;} .page-overlift-demo .pathfinder-failure-gates > li strong {color: #cbd9e2; font-size: clamp(0.58rem, 0.63cqw, 0.69rem); line-height: 1.2;} .page-overlift-demo .pathfinder-failure-gates > li small {margin-top: 0.14rem; color: #708797; font-size: clamp(0.53rem, 0.56cqw, 0.61rem); line-height: 1.25;} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="pass"] {border-color: rgba(79, 212, 179, 0.3); background: rgba(12, 50, 43, 0.32);} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="pass"] > i {border-color: #53dab7; background: #53dab7; box-shadow: 0 0 8px rgba(83, 218, 183, 0.55);} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="fail"], .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="deny"] {border-color: rgba(232, 99, 121, 0.36); background: rgba(76, 19, 32, 0.31);} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="fail"] > i, .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="deny"] > i {border-color: #ec6680; background: #ec6680;} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="hold"] {border-color: rgba(224, 177, 80, 0.38); background: rgba(72, 52, 15, 0.31);} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="hold"] > i {border-color: #e0b150; background: #e0b150;} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="skip"], .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="dedupe"] {border-color: rgba(233, 95, 187, 0.34); background: rgba(13, 48, 65, 0.31);} .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="skip"] > i, .page-overlift-demo .pathfinder-failure-gates > li[data-gate-state="dedupe"] > i {border-color: #e95fbb; background: #e95fbb;} .page-overlift-demo .pathfinder-failure-result {display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(250px, 0.92fr); gap: 0.65rem; min-width: 0;} .page-overlift-demo .pathfinder-failure-outcome, .page-overlift-demo .pathfinder-failure-facts, .page-overlift-demo .pathfinder-failure-proof {min-width: 0; margin: 0; padding: 0.62rem 0.68rem; border: 1px solid rgba(186, 50, 141, 0.24); border-radius: 9px; background: rgba(7, 18, 28, 0.72);} .page-overlift-demo .pathfinder-failure-outcome > strong {display: block; color: #f7f5f8; font-size: clamp(0.8rem, 0.94cqw, 1rem); line-height: 1.28;} .page-overlift-demo .pathfinder-failure-outcome > p {margin: 0.34rem 0 0; color: #9eb0bd; font-size: clamp(0.66rem, 0.74cqw, 0.8rem); line-height: 1.48;} .page-overlift-demo .pathfinder-failure-facts {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; overflow: hidden;} .page-overlift-demo .pathfinder-failure-facts > div {min-width: 0; padding: 0.48rem 0.56rem; border-right: 1px solid rgba(186, 50, 141, 0.17); border-bottom: 1px solid rgba(186, 50, 141, 0.17);} .page-overlift-demo .pathfinder-failure-facts > div:nth-child(2n) {border-right: 0;} .page-overlift-demo .pathfinder-failure-facts > div:nth-last-child(-n + 2) {border-bottom: 0;} .page-overlift-demo .pathfinder-failure-facts dt {color: #70899a; font-size: clamp(0.52rem, 0.57cqw, 0.62rem); font-weight: 760; letter-spacing: 0.06em; text-transform: uppercase;} .page-overlift-demo .pathfinder-failure-facts dd {margin: 0.16rem 0 0; color: #dce7ee; font-size: clamp(0.61rem, 0.68cqw, 0.74rem); font-weight: 720; line-height: 1.28; overflow-wrap: anywhere;} .page-overlift-demo .pathfinder-failure-proof {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 0.7rem;} .page-overlift-demo .pathfinder-failure-proof strong {display: block; color: #ece0e8; font-size: clamp(0.68rem, 0.76cqw, 0.82rem); line-height: 1.3;} .page-overlift-demo .pathfinder-failure-proof p {margin: 0.24rem 0 0; color: #8094a3; font-size: clamp(0.59rem, 0.64cqw, 0.7rem); line-height: 1.42;} .page-overlift-demo .pathfinder-failure-proof code {max-width: 31ch; padding: 0.42rem 0.52rem; overflow-wrap: anywhere; border: 1px solid rgba(225, 94, 181, 0.28); border-radius: 7px; background: rgba(2, 11, 18, 0.92); color: #e185c2; font-size: clamp(0.57rem, 0.61cqw, 0.67rem);} .page-overlift-demo .pathfinder-failure-actions {display: flex; flex-wrap: wrap; gap: 0.42rem; align-items: center;} .page-overlift-demo .pathfinder-failure-actions button[hidden] {display: none !important;} .page-overlift-demo .pathfinder-failure-measurement {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem;} .page-overlift-demo .pathfinder-failure-measurement article {min-width: 0; padding: 0.62rem 0.68rem; border: 1px solid rgba(186, 50, 141, 0.21); border-radius: 9px; background: rgba(4, 14, 23, 0.65);} .page-overlift-demo .pathfinder-failure-measurement strong, .page-overlift-demo .pathfinder-failure-measurement small {display: block;} .page-overlift-demo .pathfinder-failure-measurement strong {color: #dce7ee; font-size: clamp(0.63rem, 0.7cqw, 0.77rem); line-height: 1.35;} .page-overlift-demo .pathfinder-failure-measurement small {margin-top: 0.24rem; color: #7f94a3; font-size: clamp(0.56rem, 0.61cqw, 0.67rem); line-height: 1.42;} @keyframes failure-status-pulse {0%, 100% {opacity: 0.55; transform: scale(0.88);} 50% {opacity: 1; transform: scale(1.08);}} @container failure-lab (max-width: 980px) {.page-overlift-demo .pathfinder-failure-lab-layout {grid-template-columns: 1fr;} .page-overlift-demo .pathfinder-failure-case-list {grid-template-columns: repeat(2, minmax(0, 1fr));}} @container failure-lab (max-width: 720px) {.page-overlift-demo .pathfinder-failure-lab-heading, .page-overlift-demo .pathfinder-failure-console > header, .page-overlift-demo .pathfinder-failure-result, .page-overlift-demo .pathfinder-failure-proof {grid-template-columns: 1fr;} .page-overlift-demo .pathfinder-failure-lab-heading-actions {justify-content: start;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button:disabled, .page-overlift-demo .pathfinder-failure-actions button:disabled {cursor: wait; opacity: 0.62;} .page-overlift-demo .pathfinder-failure-lab-heading-actions > small {justify-self: start;} .page-overlift-demo .pathfinder-failure-status {justify-self: start;} .page-overlift-demo .pathfinder-failure-gates {grid-template-columns: repeat(2, minmax(0, 1fr));} .page-overlift-demo .pathfinder-failure-measurement {grid-template-columns: 1fr;} .page-overlift-demo .pathfinder-failure-proof code {max-width: 100%; justify-self: stretch;}} @container failure-lab (max-width: 500px) {.page-overlift-demo .pathfinder-failure-case-list, .page-overlift-demo .pathfinder-failure-gates, .page-overlift-demo .pathfinder-failure-facts {grid-template-columns: 1fr;} .page-overlift-demo .pathfinder-failure-facts > div, .page-overlift-demo .pathfinder-failure-facts > div:nth-child(2n), .page-overlift-demo .pathfinder-failure-facts > div:nth-last-child(-n + 2) {border-right: 0; border-bottom: 1px solid rgba(186, 50, 141, 0.17);} .page-overlift-demo .pathfinder-failure-facts > div:last-child {border-bottom: 0;} .page-overlift-demo .pathfinder-failure-lab-heading-actions {grid-template-columns: 1fr;} .page-overlift-demo .pathfinder-failure-lab-heading-actions button, .page-overlift-demo .pathfinder-failure-actions button {width: 100%;}} @media (prefers-reduced-motion: reduce) {.page-overlift-demo .pathfinder-failure-status[data-status-kind="running"] > i {animation: none;}} .page-overlift-demo .pathfinder-method-experience[hidden] {display: none !important;} .page-overlift-demo .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="method"] {height: auto !important; min-height: min(96dvh, 920px) !important; max-height: none !important; grid-template-rows: auto auto !important; overflow: visible !important;} .page-overlift-demo .home-fullscreen-app[data-pathfinder-view="guided"][data-pathfinder-experience="method"] .home-truth-theater {height: auto !important; min-height: 0 !important; overflow: visible !important;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] {display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: auto auto !important; gap: clamp(12px, 1.2cqw, 18px) !important; height: auto !important; min-height: 0 !important; padding: 4px 4px 12px !important; overflow: visible !important;} .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-cockpit, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-app-support, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-case-study, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-demo-proof, .page-overlift-demo .pathfinder-guided-experience[data-pathfinder-experience="method"] > .pathfinder-guided-secondary {display: none !important;} .page-overlift-demo .pathfinder-method-experience {--method-app-magenta: #f171c6; --method-app-magenta-soft: rgba(241, 113, 198, 0.13); --method-app-brass: #e5c27f; --method-app-brass-soft: rgba(229, 194, 127, 0.14); --method-app-copy: #aebfcb; position: relative; isolation: isolate; display: grid; gap: clamp(12px, 1.25cqw, 18px); min-width: 0; padding: clamp(16px, 1.8cqw, 26px); overflow: hidden; border: 1px solid rgba(212, 93, 172, 0.30); border-radius: clamp(16px, 1.35cqw, 24px); background: linear-gradient(145deg, rgba(8, 20, 31, 0.985), rgba(3, 10, 17, 0.995) 55%, rgba(10, 16, 24, 0.985)), #06101a; box-shadow: inset 0 1px 0 rgba(247, 244, 246, 0.06), inset 0 0 0 1px rgba(229, 194, 127, 0.035), 0 22px 58px rgba(0, 0, 0, 0.32); scroll-margin-top: 1rem; container: overlift-method-app / inline-size;} .page-overlift-demo .pathfinder-method-experience::before {position: absolute; inset: 0 0 auto; z-index: -1; height: 2px; pointer-events: none; background: linear-gradient(90deg, transparent, rgba(229, 194, 127, 0.70), rgba(239, 103, 194, 0.78), transparent); content: "";} .page-overlift-demo .pathfinder-method-experience:focus {outline: none;} .page-overlift-demo .pathfinder-method-experience:focus-visible {outline: 3px solid rgba(241, 113, 198, 0.30); outline-offset: 3px;} .page-overlift-demo .pathfinder-method-experience-heading {display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: clamp(12px, 1.3cqw, 20px); padding-bottom: clamp(12px, 1.25cqw, 18px); border-bottom: 1px solid rgba(214, 102, 177, 0.18);} .page-overlift-demo .pathfinder-method-experience-heading > div:first-child {min-width: 0;} .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > span, .page-overlift-demo .pathfinder-method-phase > header > span, .page-overlift-demo .pathfinder-method-authority-strip article > span {display: block; color: var(--method-app-brass); font-size: clamp(0.64rem, 0.68cqw, 0.76rem); font-weight: 840; letter-spacing: 0.12em; line-height: 1.3; text-transform: uppercase;} .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > strong {display: block; max-width: 26ch; margin-top: 0.36rem; color: #f6f8fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.75rem, 2.8cqw, 3rem); font-weight: 680; letter-spacing: -0.035em; line-height: 1.01; text-wrap: balance;} .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > p {max-width: 82ch; margin: 0.66rem 0 0; color: var(--method-app-copy); font-size: clamp(0.78rem, 0.86cqw, 0.94rem); line-height: 1.58; text-wrap: pretty;} .page-overlift-demo .pathfinder-method-experience-heading-actions {display: flex; align-items: center; justify-content: end; gap: 0.46rem;} .page-overlift-demo .pathfinder-method-experience-heading-actions a, .page-overlift-demo .pathfinder-method-experience-heading-actions button, .page-overlift-demo .pathfinder-method-experience-actions a, .page-overlift-demo .pathfinder-method-experience-actions button, .page-overlift-demo .pathfinder-method-card-actions a, .page-overlift-demo .pathfinder-method-card-actions button, .page-overlift-demo .pathfinder-builder-card-actions a {display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0.58rem 0.8rem; border: 1px solid rgba(213, 97, 174, 0.34); border-radius: 10px; background: rgba(4, 14, 24, 0.88); color: #f2eaef; font: inherit; font-size: clamp(0.67rem, 0.72cqw, 0.79rem); font-weight: 770; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer;} .page-overlift-demo .pathfinder-method-experience-heading-actions button {width: 40px; padding: 0; color: #aebdca; font-size: 1.18rem;} .page-overlift-demo .pathfinder-method-experience-heading-actions a:hover, .page-overlift-demo .pathfinder-method-experience-heading-actions a:focus-visible, .page-overlift-demo .pathfinder-method-experience-heading-actions button:hover, .page-overlift-demo .pathfinder-method-experience-heading-actions button:focus-visible, .page-overlift-demo .pathfinder-method-experience-actions a:hover, .page-overlift-demo .pathfinder-method-experience-actions a:focus-visible, .page-overlift-demo .pathfinder-method-experience-actions button:hover, .page-overlift-demo .pathfinder-method-experience-actions button:focus-visible, .page-overlift-demo .pathfinder-method-card-actions a:hover, .page-overlift-demo .pathfinder-method-card-actions a:focus-visible, .page-overlift-demo .pathfinder-method-card-actions button:hover, .page-overlift-demo .pathfinder-method-card-actions button:focus-visible, .page-overlift-demo .pathfinder-builder-card-actions a:hover, .page-overlift-demo .pathfinder-builder-card-actions a:focus-visible {border-color: rgba(226, 131, 194, 0.72); color: #fff; outline: none; box-shadow: 0 0 18px rgba(224, 72, 173, 0.10);} .page-overlift-demo .pathfinder-method-authority-strip {display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; gap: 0.55rem;} .page-overlift-demo .pathfinder-method-authority-strip article {min-width: 0; padding: clamp(10px, 1cqw, 15px); border: 1px solid rgba(209, 84, 167, 0.22); border-radius: 13px; background: rgba(3, 12, 20, 0.70);} .page-overlift-demo .pathfinder-method-authority-strip article > strong, .page-overlift-demo .pathfinder-method-authority-strip article > small {display: block;} .page-overlift-demo .pathfinder-method-authority-strip article > strong {margin-top: 0.27rem; color: #f6f4f5; font-size: clamp(0.82rem, 0.92cqw, 1rem); line-height: 1.2;} .page-overlift-demo .pathfinder-method-authority-strip article > small {margin-top: 0.32rem; color: #8fa4b3; font-size: clamp(0.65rem, 0.69cqw, 0.76rem); line-height: 1.45;} .page-overlift-demo .pathfinder-method-authority-strip > i {align-self: center; color: var(--method-app-magenta); font-style: normal; font-weight: 900;} .page-overlift-demo .pathfinder-method-phase-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(10px, 1cqw, 15px); min-width: 0;} .page-overlift-demo .pathfinder-method-phase {display: grid; align-content: start; min-width: 0; overflow: hidden; border: 1px solid rgba(204, 65, 158, 0.25); border-radius: 15px; background: linear-gradient(145deg, rgba(7, 20, 31, 0.92), rgba(2, 9, 16, 0.95));} .page-overlift-demo .pathfinder-method-phase > header {padding: clamp(12px, 1.2cqw, 18px); border-bottom: 1px solid rgba(208, 79, 165, 0.15); background: linear-gradient(90deg, rgba(229, 194, 127, 0.055), rgba(226, 94, 182, 0.045), transparent);} .page-overlift-demo .pathfinder-method-phase > header > strong {display: block; margin-top: 0.28rem; color: #f6f8fa; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.05rem, 1.32cqw, 1.42rem); font-weight: 680; line-height: 1.08;} .page-overlift-demo .pathfinder-method-phase > header > p {margin: 0.44rem 0 0; color: #97aab8; font-size: clamp(0.67rem, 0.74cqw, 0.81rem); line-height: 1.48;} .page-overlift-demo .pathfinder-method-phase > ol {display: grid; gap: 0; margin: 0; padding: 0; list-style: none;} .page-overlift-demo .pathfinder-method-phase > ol > li {display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 0.68rem; min-width: 0; padding: clamp(10px, 1cqw, 15px); border-top: 1px solid rgba(202, 57, 154, 0.12);} .page-overlift-demo .pathfinder-method-phase > ol > li:first-child {border-top: 0;} .page-overlift-demo .pathfinder-method-phase > ol > li > i {display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid rgba(241, 113, 198, 0.44); border-radius: 50%; background: rgba(118, 38, 91, 0.12); color: var(--method-app-magenta); font-size: 0.62rem; font-style: normal; font-weight: 880;} .page-overlift-demo .pathfinder-method-phase > ol > li strong, .page-overlift-demo .pathfinder-method-phase > ol > li p {display: block;} .page-overlift-demo .pathfinder-method-phase > ol > li strong {color: #f4f1f3; font-size: clamp(0.76rem, 0.82cqw, 0.9rem); line-height: 1.25;} .page-overlift-demo .pathfinder-method-phase > ol > li p {margin: 0.24rem 0 0; color: #8fa3b1; font-size: clamp(0.64rem, 0.68cqw, 0.75rem); line-height: 1.48;} .page-overlift-demo .pathfinder-method-phase > footer {display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 0.5rem; padding: 0.72rem clamp(12px, 1.2cqw, 18px); border-top: 1px solid rgba(222, 177, 99, 0.20); background: rgba(102, 65, 26, 0.10); color: #a9b7c1; font-size: clamp(0.63rem, 0.67cqw, 0.74rem); line-height: 1.45;} .page-overlift-demo .pathfinder-method-phase > footer strong {color: var(--method-app-brass);} .page-overlift-demo .pathfinder-method-experience-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; padding-top: clamp(10px, 1cqw, 15px); border-top: 1px solid rgba(211, 88, 170, 0.17);} .page-overlift-demo .pathfinder-method-experience-actions .is-primary, .page-overlift-demo .pathfinder-method-card-actions button {border-color: rgba(234, 94, 187, 0.68); background: linear-gradient(180deg, rgba(170, 48, 129, 0.98), rgba(113, 25, 84, 0.98)); color: #fff; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 8px 24px rgba(200, 32, 144, 0.16);} .page-overlift-demo .pathfinder-method-card-intro {margin: 0.74rem 0 0; color: #96a9b6; font-size: clamp(0.72rem, 0.78cqw, 0.84rem); line-height: 1.52;} .page-overlift-demo .pathfinder-method-card-actions, .page-overlift-demo .pathfinder-builder-card-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 0.46rem; margin-top: 0.82rem; padding-top: 0.75rem; border-top: 1px solid rgba(205, 67, 159, 0.14);} .page-overlift-demo .pathfinder-guided-method-note {margin: 0.35rem 0 0; padding: 0.48rem 0.58rem; border-left: 2px solid rgba(241, 113, 198, 0.52); border-radius: 7px; background: rgba(9, 35, 50, 0.46); color: #9fb2bf; font-size: clamp(0.62rem, 0.66cqw, 0.72rem); line-height: 1.42;} .page-overlift-demo .pathfinder-failure-lab[data-failure-busy-mode="case"] [data-failure-reset], .page-overlift-demo .pathfinder-failure-lab[data-failure-busy-mode="all"] [data-failure-reset] {border-color: rgba(229, 194, 127, 0.58); color: #f2d6a2; cursor: pointer;} .page-overlift-demo .pathfinder-failure-case-list > button:disabled {cursor: wait; opacity: 0.58;} @container overlift-method-app (max-width: 920px) {.page-overlift-demo .pathfinder-method-authority-strip {grid-template-columns: minmax(0, 1fr);} .page-overlift-demo .pathfinder-method-authority-strip > i {justify-self: center; transform: rotate(90deg);} .page-overlift-demo .pathfinder-method-phase-grid {grid-template-columns: minmax(0, 1fr);}} @container overlift-method-app (max-width: 620px) {.page-overlift-demo .pathfinder-method-experience-heading {grid-template-columns: minmax(0, 1fr);} .page-overlift-demo .pathfinder-method-experience-heading-actions {justify-content: start;} .page-overlift-demo .pathfinder-method-experience-heading-actions a {flex: 1 1 auto;} .page-overlift-demo .pathfinder-method-phase > footer {grid-template-columns: minmax(0, 1fr);} .page-overlift-demo .pathfinder-method-experience-actions > * {flex: 1 1 100%;}} @media (max-width: 720px) {.page-overlift-demo .pathfinder-method-experience {padding: 14px; border-radius: 15px;} .page-overlift-demo .pathfinder-method-experience-heading > div:first-child > strong {font-size: clamp(1.55rem, 8vw, 2.25rem);} .page-overlift-demo .pathfinder-method-phase > ol > li {grid-template-columns: 31px minmax(0, 1fr); gap: 0.58rem;} .page-overlift-demo .pathfinder-method-phase > ol > li > i {width: 30px; height: 30px;} .page-overlift-demo .pathfinder-method-card-actions > *, .page-overlift-demo .pathfinder-builder-card-actions > * {flex: 1 1 100%;}} @media (prefers-reduced-motion: reduce) {.page-overlift-demo .pathfinder-method-experience *, .page-overlift-demo .pathfinder-method-card-actions *, .page-overlift-demo .pathfinder-builder-card-actions * {scroll-behavior: auto !important; transition: none !important; animation: none !important;}} .page-overlift-demo {--overlift-demo-frame-width: min(88vw, 1920px);} .page-overlift-demo .overlift-demo-page {box-sizing: border-box; width: 100%; padding-bottom: clamp(1rem, 1.8vw, 2.2rem);} .page-overlift-demo .overlift-demo-return-row, .page-overlift-demo.page-home-overlift-deck .home-app-inline .home-app-backdrop {width: var(--overlift-demo-frame-width) !important; max-width: 1920px !important; margin-inline: auto !important;} .page-overlift-demo .overlift-demo-return-row {padding-top: clamp(0.9rem, 1.35vw, 1.45rem); padding-bottom: clamp(0.72rem, 1vw, 1.05rem);} @media (min-width: 992px) {.page-overlift-demo.page-home-overlift-deck .home-fullscreen-app .home-deck-topbar {grid-template-columns: minmax(190px, 1fr) max-content auto !important; grid-template-areas: "brand modes actions" !important; align-items: center !important; min-height: 62px !important;} .page-overlift-demo .pathfinder-brand {grid-area: brand !important;} .page-overlift-demo .pathfinder-hiring-nav {grid-area: modes !important; width: max-content; max-width: 100%; justify-self: end;} .page-overlift-demo .pathfinder-topbar-tools {grid-area: actions !important; grid-column: auto !important; grid-row: auto !important;}} @media (min-width: 1200px) and (max-width: 1599px) {.page-overlift-demo {--overlift-demo-frame-width: min(90vw, 1440px);}} @media (min-width: 992px) and (max-width: 1199px) {.page-overlift-demo {--overlift-demo-frame-width: min(92vw, 1104px);}} @media (max-width: 991px) {.page-overlift-demo {--overlift-demo-frame-width: min(calc(100vw - 1.5rem), 960px);}} @media (max-width: 520px) {.page-overlift-demo {--overlift-demo-frame-width: min(calc(100vw - 1rem), 520px);}} .page-overlift-demo .pathfinder-globe-stage {container-name: overlift-globe-stage; container-type: inline-size;} @container overlift-globe-stage (max-width: 900px) {.page-overlift-demo .pathfinder-globe-storyline {top: calc(14px + 6.4rem); max-width: calc(100% - 28px); gap: 6px; padding: 6px 10px;}} @container overlift-globe-stage (max-width: 560px) {.page-overlift-demo .pathfinder-globe-storyline small {display: none;} .page-overlift-demo .pathfinder-globe-storyline strong {font-size: 0.62rem;}} .page-overlift-demo .pathfinder-audience-lenses {display: grid; gap: 0.45rem; margin-top: clamp(0.7rem, 1.2cqw, 1rem); padding: clamp(0.65rem, 1cqw, 0.9rem); border: 1px solid rgba(206, 153, 82, 0.2); border-radius: clamp(12px, 1cqw, 16px); background: radial-gradient(circle at 0% 0%, rgba(213, 151, 82, 0.11), transparent 38%), radial-gradient(circle at 100% 100%, rgba(142, 52, 128, 0.13), transparent 42%), rgba(3, 9, 15, 0.62);} .page-overlift-demo .pathfinder-audience-lenses > span {color: #dfb875; font-size: clamp(0.62rem, 0.68cqw, 0.72rem); font-weight: 850; letter-spacing: 0.15em;} .page-overlift-demo .pathfinder-audience-lenses > div {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.42rem;} .page-overlift-demo .pathfinder-audience-lenses button {min-width: 0; min-height: 3.45rem; display: grid; align-content: center; justify-items: start; gap: 0.15rem; padding: 0.55rem 0.62rem; border: 1px solid rgba(218, 110, 182, 0.15); border-radius: 10px; background: rgba(4, 13, 21, 0.72); color: #f5f1e9; text-align: left; cursor: pointer; transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;} .page-overlift-demo .pathfinder-audience-lenses button:hover, .page-overlift-demo .pathfinder-audience-lenses button:focus-visible {border-color: rgba(222, 174, 101, 0.58); background: linear-gradient(145deg, rgba(55, 37, 23, 0.76), rgba(35, 13, 35, 0.72)); transform: translateY(-1px); outline: none;} .page-overlift-demo .pathfinder-audience-lenses button strong {font-size: clamp(0.72rem, 0.82cqw, 0.86rem); line-height: 1.2;} .page-overlift-demo .pathfinder-audience-lenses button small {color: rgba(183, 203, 216, 0.72); font-size: clamp(0.58rem, 0.64cqw, 0.69rem); line-height: 1.3;} .page-overlift-demo .pathfinder-audience-lenses > p {display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.48rem; align-items: center; margin: 0; padding-top: 0.42rem; border-top: 1px solid rgba(206, 153, 82, 0.12); color: rgba(211, 222, 229, 0.76); font-size: clamp(0.62rem, 0.7cqw, 0.74rem); line-height: 1.38;} .page-overlift-demo .pathfinder-audience-lenses > p > i {color: #deaa64; font-style: normal; text-shadow: 0 0 12px rgba(196, 67, 174, 0.3);} .page-overlift-demo .pathfinder-audience-lenses > p strong {color: #f1e6d5;} @media (max-width: 980px) {.page-overlift-demo .pathfinder-audience-lenses > div {grid-template-columns: repeat(2, minmax(0, 1fr));}} @media (max-width: 560px) {.page-overlift-demo .pathfinder-audience-lenses > div {grid-template-columns: 1fr;}} :root {--oi-ink: #080b10; --oi-panel: rgba(17, 21, 27, .92); --oi-panel-2: rgba(23, 27, 34, .92); --oi-ivory: #f2eee5; --oi-copy: #c8c3b9; --oi-muted: #8f8b84; --oi-brass: #d6ae6c; --oi-brass-dim: #8f6938; --oi-magenta: #9a3f77; --oi-line: rgba(214,174,108,.22); --oi-line-soft: rgba(255,255,255,.075); --oi-pass: #8fb89b; --oi-hold: #d6ae6c; --oi-block: #d07e7e; --oi-rollback: #b88bb1; --oi-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif; --oi-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;} html {scroll-behavior: smooth;} .oi-page, .oia, .oi-demo-body {color: var(--oi-copy); font-family: var(--oi-sans); background: var(--oi-ink);} .oi-page *, .oia *, .oi-demo-body * {box-sizing: border-box;} .oi-shell {width: min(1420px, calc(100% - 64px)); margin-inline: auto;} .oi-kicker {margin: 0 0 16px; color: var(--oi-brass); font-size: .72rem; font-weight: 760; letter-spacing: .18em; text-transform: uppercase;} .oi-hero {position: relative; min-height: min(900px, 88vh); overflow: hidden; border-bottom: 1px solid var(--oi-line); background: radial-gradient(circle at 82% 22%, rgba(154,63,119,.18), transparent 36%), radial-gradient(circle at 14% 20%, rgba(214,174,108,.09), transparent 29%), linear-gradient(140deg,#11161b 0%,#080b10 58%,#0a0d14 100%);} .oi-hero:before {content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom,#000,transparent 92%);} .oi-hero__mesh {position:absolute; width:720px; height:720px; right:-180px; top:-180px; border:1px solid rgba(214,174,108,.16); border-radius:50%; box-shadow:0 0 0 90px rgba(214,174,108,.025),0 0 0 180px rgba(154,63,119,.025);} .oi-hero__grid {position:relative; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); gap:clamp(60px,8vw,130px); align-items:center; min-height:min(900px,88vh); padding-block:120px 96px;} .oi-hero h1, .oia-hero h1 {margin:0; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:clamp(3.5rem,6.8vw,7.6rem); font-weight:400; line-height:.91; letter-spacing:-.055em; text-wrap:balance;} .oi-hero h1 em, .oia-hero h1 em {color:var(--oi-brass); font-weight:400;} .oi-hero__lede {max-width:760px; margin:32px 0 0; color:#d5d0c6; font-size:clamp(1.02rem,1.45vw,1.3rem); line-height:1.68;} .oi-hero__actions {display:flex; flex-wrap:wrap; gap:12px; margin-top:34px;} .oi-button {display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:46px; padding:0 20px; border:1px solid var(--oi-line); border-radius:999px; color:var(--oi-ivory); background:rgba(255,255,255,.025); font:700 .77rem/1 var(--oi-sans); letter-spacing:.06em; text-decoration:none; cursor:pointer; transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;} .oi-button:hover {transform:translateY(-2px); border-color:rgba(214,174,108,.55);} .oi-button--primary {color:#16120d; background:linear-gradient(135deg,#e0c18c,#b88443); border-color:transparent; box-shadow:0 14px 40px rgba(0,0,0,.22);} .oi-button--primary:hover {box-shadow:0 18px 48px rgba(214,174,108,.15);} .oi-button--quiet {background:rgba(255,255,255,.025);} .oi-button:disabled {opacity:.55; cursor:wait; transform:none;} .oi-hero__facts {display:flex; gap:34px; margin:52px 0 0;} .oi-hero__facts div {display:grid; grid-template-columns:auto 1fr; gap:10px; align-items:baseline; padding-right:28px; border-right:1px solid var(--oi-line);} .oi-hero__facts div:last-child {border:0;} .oi-hero__facts dt {color:var(--oi-brass); font-family:var(--oi-serif); font-size:2rem;} .oi-hero__facts dd {margin:0; color:var(--oi-muted); font-size:.72rem; letter-spacing:.07em; text-transform:uppercase;} .oi-hero__diagram {position:relative; padding:34px; border:1px solid var(--oi-line); border-radius:28px; background:linear-gradient(145deg,rgba(31,35,42,.86),rgba(10,13,18,.92)); box-shadow:0 44px 100px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.06); overflow:hidden;} .oi-hero__diagram:before {content:"AUTHORITY PATH"; display:block; margin-bottom:24px; color:var(--oi-brass); font-size:.66rem; font-weight:760; letter-spacing:.19em;} .oi-hero__diagram ol {position:relative; z-index:1; display:grid; gap:0; margin:0; padding:0; list-style:none;} .oi-hero__diagram li {display:grid; grid-template-columns:42px 1fr; gap:14px; padding:18px 0; border-top:1px solid var(--oi-line-soft);} .oi-hero__diagram li:first-child {border-top:0;} .oi-hero__diagram li>span {display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--oi-line); border-radius:50%; color:var(--oi-brass); font:750 .68rem/1 var(--oi-sans);} .oi-hero__diagram strong {display:block; color:var(--oi-ivory); font-size:.94rem;} .oi-hero__diagram small {display:block; margin-top:5px; color:var(--oi-muted); line-height:1.45;} .oi-orbit {position:absolute; border:1px solid rgba(154,63,119,.2); border-radius:50%;} .oi-orbit--one {width:340px; height:340px; right:-180px; bottom:-140px;} .oi-orbit--two {width:220px; height:220px; right:-110px; bottom:-80px;} .oi-thesis {padding:110px 0; border-bottom:1px solid var(--oi-line-soft); background:linear-gradient(180deg,#0c1015,#090c11);} .oi-thesis__grid {display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(50px,8vw,130px); align-items:start;} .oi-thesis h2, .oi-section-heading h2, .oi-cta h2 {margin:0; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:clamp(2.6rem,4.4vw,5.2rem); font-weight:400; line-height:1; letter-spacing:-.045em; text-wrap:balance;} .oi-thesis h2 em {color:var(--oi-brass); font-weight:400;} .oi-thesis__copy {padding-top:28px; border-top:1px solid var(--oi-line);} .oi-thesis__copy p {margin:0 0 22px; font-size:1.05rem; line-height:1.78;} .oi-stack, .oi-failure-map, .oi-products {padding:110px 0; background:#090c11;} .oi-section-heading {display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.58fr); gap:70px; align-items:end; margin-bottom:48px;} .oi-section-heading>p {margin:0 0 7px; color:var(--oi-muted); line-height:1.65;} .oi-stack__rail {display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--oi-line); border-radius:24px; overflow:hidden; background:rgba(255,255,255,.018);} .oi-stack__rail article {min-height:300px; padding:30px 26px; border-left:1px solid var(--oi-line-soft); display:flex; flex-direction:column;} .oi-stack__rail article:first-child {border:0;} .oi-stack__rail span, .oi-products__grid span {color:var(--oi-brass); font-size:.67rem; font-weight:760; letter-spacing:.15em; text-transform:uppercase;} .oi-stack__rail h3 {margin:48px 0 12px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.55rem; font-weight:400; line-height:1.05;} .oi-stack__rail p {margin:0; color:var(--oi-muted); font-size:.88rem; line-height:1.6;} .oi-stack__rail small {margin-top:auto; color:#aaa39a; font-size:.66rem; letter-spacing:.1em; text-transform:uppercase;} .oi-stack__rail .oi-stack__authority {background:radial-gradient(circle at 50% 20%,rgba(154,63,119,.18),transparent 58%),linear-gradient(180deg,rgba(214,174,108,.08),transparent); box-shadow:inset 0 0 0 1px rgba(214,174,108,.25);} .oi-lab-section {padding:70px 0 120px; background:radial-gradient(circle at 5% 50%,rgba(214,174,108,.06),transparent 35%),#080b10;} .oi-lab {position:relative; overflow:hidden; border:1px solid rgba(214,174,108,.35); border-radius:30px; background:linear-gradient(145deg,rgba(22,26,33,.98),rgba(8,11,16,.98)); box-shadow:0 50px 120px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.06);} .oi-lab__ambient {position:absolute; inset:-50% 55% 20% -30%; background:radial-gradient(circle,rgba(214,174,108,.11),transparent 66%); pointer-events:none;} .oi-lab__header {position:relative; display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; padding:42px 44px 32px; border-bottom:1px solid var(--oi-line);} .oi-lab__header h2 {max-width:900px; margin:0; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:clamp(2.2rem,3.6vw,4.5rem); font-weight:400; letter-spacing:-.04em; line-height:1;} .oi-lab__lede {max-width:880px; margin:18px 0 0; color:var(--oi-muted); line-height:1.65;} .oi-lab__legend {display:grid; grid-template-columns:repeat(2,auto); gap:10px 18px; padding:14px 16px; border:1px solid var(--oi-line-soft); border-radius:14px; color:var(--oi-muted); font-size:.68rem; text-transform:uppercase; letter-spacing:.08em;} .oi-lab__legend span {display:flex; align-items:center; gap:7px;} .oi-dot {width:7px; height:7px; border-radius:50%; background:var(--oi-muted); box-shadow:0 0 12px currentColor;} .oi-dot--pass {background:var(--oi-pass);}.oi-dot--hold{background:var(--oi-hold)}.oi-dot--block{background:var(--oi-block)}.oi-dot--rollback{background:var(--oi-rollback)} .oi-lab__body {position:relative; display:grid; grid-template-columns:270px minmax(0,1fr); min-height:780px;} .oi-scenarios {border-right:1px solid var(--oi-line); background:rgba(0,0,0,.16);} .oi-scenarios__heading {display:flex; justify-content:space-between; padding:22px 20px; border-bottom:1px solid var(--oi-line-soft); color:var(--oi-muted); font-size:.66rem; letter-spacing:.11em; text-transform:uppercase;} .oi-scenarios__heading strong {color:var(--oi-brass);} .oi-scenarios__list {display:grid;} .oi-scenarios button {display:grid; grid-template-columns:30px 1fr 14px; gap:8px; align-items:center; width:100%; min-height:62px; padding:0 16px; border:0; border-bottom:1px solid var(--oi-line-soft); color:var(--oi-muted); background:transparent; text-align:left; cursor:pointer;} .oi-scenarios button span {color:var(--oi-brass-dim); font-size:.65rem;} .oi-scenarios button strong {font-size:.75rem; font-weight:650;} .oi-scenarios button i {opacity:0; color:var(--oi-brass); font-style:normal; transform:translateX(-5px); transition:.2s;} .oi-scenarios button:hover, .oi-scenarios button.is-active {color:var(--oi-ivory); background:linear-gradient(90deg,rgba(214,174,108,.09),rgba(154,63,119,.05));} .oi-scenarios button.is-active {box-shadow:inset 2px 0 var(--oi-brass);} .oi-scenarios button:hover i, .oi-scenarios button.is-active i {opacity:1; transform:none;} .oi-console {padding:32px 36px 38px; min-width:0;} .oi-console__topline {display:flex; justify-content:space-between; gap:30px; align-items:start;} .oi-console__eyebrow {margin:0 0 7px; color:var(--oi-brass); font-size:.67rem; font-weight:760; letter-spacing:.13em; text-transform:uppercase;} .oi-console h3 {margin:0; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:2.05rem; font-weight:400; letter-spacing:-.03em;} .oi-run-state {padding:8px 12px; border:1px solid var(--oi-line-soft); border-radius:999px; color:var(--oi-muted); font-size:.64rem; font-weight:760; letter-spacing:.1em; text-transform:uppercase;} .oi-run-state.is-running {color:var(--oi-brass); border-color:var(--oi-line); animation:oi-pulse 1s infinite alternate;} .oi-run-state.is-pass{color:var(--oi-pass)}.oi-run-state.is-hold{color:var(--oi-hold)}.oi-run-state.is-block{color:var(--oi-block)}.oi-run-state.is-rollback{color:var(--oi-rollback)} @keyframes oi-pulse {to {box-shadow:0 0 24px rgba(214,174,108,.2);}} .oi-intent {margin-top:22px; padding:17px 19px; border:1px solid var(--oi-line-soft); border-radius:14px; background:rgba(255,255,255,.018);} .oi-intent span {display:block; margin-bottom:5px; color:var(--oi-muted); font-size:.61rem; letter-spacing:.12em; text-transform:uppercase;} .oi-intent p {margin:0; color:#d9d3c8; line-height:1.52;} .oi-protocol-strip {display:grid; grid-template-columns:1fr 1fr 1.35fr; margin-top:18px; border:1px solid var(--oi-line-soft); border-radius:14px; overflow:hidden;} .oi-protocol-strip article {min-height:98px; padding:16px 18px; border-left:1px solid var(--oi-line-soft);} .oi-protocol-strip article:first-child {border:0;} .oi-protocol-strip span {display:block; margin-bottom:8px; color:var(--oi-brass); font-size:.61rem; font-weight:760; letter-spacing:.14em;} .oi-protocol-strip strong {display:block; color:var(--oi-ivory); font-size:.8rem;} .oi-protocol-strip small {display:block; margin-top:5px; color:var(--oi-muted); font-size:.68rem; line-height:1.4;} .oi-protocol-strip__authority {background:linear-gradient(90deg,rgba(154,63,119,.08),rgba(214,174,108,.05));} .oi-pipeline {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin:20px 0 0; padding:0; list-style:none;} .oi-pipeline li {display:grid; grid-template-columns:28px 1fr auto; gap:10px; align-items:center; min-height:54px; padding:8px 11px; border:1px solid var(--oi-line-soft); border-radius:10px; background:rgba(0,0,0,.12); transition:.2s;} .oi-pipeline__index {color:var(--oi-brass-dim); font-size:.6rem;} .oi-pipeline__copy strong {display:block; color:#cfc9bf; font-size:.72rem;} .oi-pipeline__copy small {display:none;} .oi-pipeline__status {color:var(--oi-muted); font-size:.55rem; letter-spacing:.08em; text-transform:uppercase;} .oi-pipeline li.is-current {border-color:rgba(214,174,108,.42); box-shadow:0 0 22px rgba(214,174,108,.08);} .oi-pipeline li.is-pass {border-color:rgba(143,184,155,.18);}.oi-pipeline li.is-pass .oi-pipeline__status{color:var(--oi-pass)} .oi-pipeline li.is-hold {border-color:rgba(214,174,108,.5); background:rgba(214,174,108,.07);}.oi-pipeline li.is-hold .oi-pipeline__status{color:var(--oi-hold)} .oi-pipeline li.is-block {border-color:rgba(208,126,126,.5); background:rgba(208,126,126,.07);}.oi-pipeline li.is-block .oi-pipeline__status{color:var(--oi-block)} .oi-pipeline li.is-rollback {border-color:rgba(184,139,177,.5); background:rgba(184,139,177,.07);}.oi-pipeline li.is-rollback .oi-pipeline__status{color:var(--oi-rollback)} .oi-console__actions {display:flex; align-items:center; gap:10px; margin-top:20px;} .oi-autoplay {margin-left:auto; display:flex; gap:8px; align-items:center; color:var(--oi-muted); font-size:.68rem;} .oi-autoplay input {accent-color:var(--oi-brass);} .oi-verdict {display:grid; grid-template-columns:48px 1fr; gap:16px; margin-top:20px; padding:18px; border:1px solid var(--oi-line-soft); border-radius:14px; background:rgba(255,255,255,.018);} .oi-verdict__mark {display:grid; place-items:center; width:46px; height:46px; border:1px solid var(--oi-line); border-radius:50%; color:var(--oi-brass); font-family:var(--oi-serif); font-size:1.1rem;} .oi-verdict span {color:var(--oi-muted); font-size:.59rem; letter-spacing:.12em; text-transform:uppercase;} .oi-verdict h4 {margin:4px 0; color:var(--oi-ivory); font-size:.9rem;} .oi-verdict p {margin:0; color:var(--oi-muted); font-size:.76rem; line-height:1.48;} .oi-verdict.is-pass{border-color:rgba(143,184,155,.28)}.oi-verdict.is-hold{border-color:rgba(214,174,108,.33)}.oi-verdict.is-block{border-color:rgba(208,126,126,.33)}.oi-verdict.is-rollback{border-color:rgba(184,139,177,.33)} .oi-receipt {margin-top:12px; border:1px solid var(--oi-line-soft); border-radius:12px; overflow:hidden;} .oi-receipt summary {display:flex; justify-content:space-between; padding:13px 16px; color:#c9c3ba; font-size:.7rem; cursor:pointer;} .oi-receipt summary small {color:var(--oi-muted);} .oi-receipt pre {max-height:330px; margin:0; padding:18px; overflow:auto; border-top:1px solid var(--oi-line-soft); color:#c6b8a4; background:#07090d; font:500 .68rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;} .oi-lab__footer {display:flex; justify-content:space-between; gap:40px; align-items:center; padding:24px 44px; border-top:1px solid var(--oi-line); background:rgba(0,0,0,.18);} .oi-lab__footer p {max-width:900px; margin:0; color:var(--oi-muted); font-size:.79rem; line-height:1.55;} .oi-lab__footer p strong {color:#d5cec3;} .oi-lab__footer a {flex:none; color:var(--oi-brass); font-size:.72rem; font-weight:700; text-decoration:none;} .oi-failure-map {border-top:1px solid var(--oi-line-soft);} .oi-failure-map__grid {display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--oi-line); border-radius:24px; overflow:hidden;} .oi-failure-map__grid article {min-height:245px; padding:28px; border-left:1px solid var(--oi-line-soft); border-top:1px solid var(--oi-line-soft); position:relative;} .oi-failure-map__grid article:nth-child(-n+3) {border-top:0;}.oi-failure-map__grid article:nth-child(3n+1){border-left:0} .oi-failure-map__grid b {position:absolute; right:24px; top:22px; color:rgba(214,174,108,.25); font-family:var(--oi-serif); font-size:2.2rem; font-weight:400;} .oi-failure-map__grid span {color:var(--oi-brass); font-size:.63rem; letter-spacing:.13em; text-transform:uppercase;} .oi-failure-map__grid h3 {max-width:80%; margin:42px 0 12px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.45rem; font-weight:400; line-height:1.08;} .oi-failure-map__grid p {margin:0; color:var(--oi-muted); font-size:.85rem; line-height:1.62;} .oi-products {background:radial-gradient(circle at 90% 40%,rgba(154,63,119,.08),transparent 32%),#0b0e13; border-top:1px solid var(--oi-line-soft);} .oi-products__grid {display:grid; grid-template-columns:repeat(3,1fr); gap:12px;} .oi-products__grid article {min-height:160px; padding:24px; border:1px solid var(--oi-line-soft); border-radius:16px; background:rgba(255,255,255,.018);} .oi-products__grid p {margin:24px 0 0; color:#a8a39b; font-size:.85rem; line-height:1.65;} .oi-cta {padding:120px 0; border-top:1px solid var(--oi-line); background:radial-gradient(circle at 15% 100%,rgba(214,174,108,.09),transparent 34%),linear-gradient(160deg,#11151b,#080b10);} .oi-cta__inner {display:grid; grid-template-columns:1.05fr .75fr; gap:100px; align-items:start;} .oi-cta__inner>div:last-child {padding-top:24px;} .oi-cta__inner p {margin:0; line-height:1.72;} .oi-demo-body {min-height:100vh; margin:0; padding:72px 24px 30px; background:radial-gradient(circle at 50% 0,rgba(154,63,119,.12),transparent 32%),#07090d;} .oi-demo-back {position:fixed; z-index:10; top:18px; left:24px; color:var(--oi-brass); font-size:.72rem; text-decoration:none;} .oi-demo-frame {width:min(1500px,100%); margin:0 auto;} .oi-demo-frame .oi-lab__body {min-height:690px;} .oia {min-height:100vh;} .oia-hero {padding:140px 0 90px; border-bottom:1px solid var(--oi-line); background:radial-gradient(circle at 82% 12%,rgba(154,63,119,.18),transparent 30%),linear-gradient(145deg,#12161c,#080b10 72%);} .oia-back {display:inline-block; margin-bottom:80px; color:var(--oi-muted); font-size:.72rem; text-decoration:none;} .oia-hero h1 {max-width:1200px; font-size:clamp(3.5rem,7vw,8rem);} .oia-standfirst {max-width:900px; margin:40px 0 0; color:#d5cfc5; font-family:var(--oi-serif); font-size:clamp(1.25rem,2vw,1.8rem); line-height:1.45;} .oia-meta {display:flex; gap:24px; margin-top:46px; color:var(--oi-muted); font-size:.67rem; letter-spacing:.1em; text-transform:uppercase;} .oia-layout {display:grid; grid-template-columns:230px minmax(0,850px); gap:100px; align-items:start; justify-content:center; padding-block:100px 130px;} .oia-rail {position:sticky; top:100px; display:grid; gap:12px; padding:22px 0; border-top:1px solid var(--oi-line); border-bottom:1px solid var(--oi-line);} .oia-rail>span {margin-bottom:8px; color:var(--oi-brass); font-size:.64rem; font-weight:760; letter-spacing:.14em; text-transform:uppercase;} .oia-rail a {color:var(--oi-muted); font-size:.72rem; line-height:1.4; text-decoration:none;}.oia-rail a:hover{color:var(--oi-ivory)} .oia-body section {scroll-margin-top:100px; padding:70px 0; border-top:1px solid var(--oi-line-soft);} .oia-body section:first-child {border:0; padding-top:0;} .oia-body h2 {margin:0 0 30px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:clamp(2.5rem,4.4vw,4.5rem); font-weight:400; line-height:1; letter-spacing:-.04em;} .oia-body p {margin:0 0 24px; font-family:var(--oi-serif); font-size:1.21rem; line-height:1.78;} .oia-opening {display:grid; grid-template-columns:54px 1fr; column-gap:12px;}.oia-opening p:not(.oia-drop){grid-column:2}.oia-drop{grid-row:1/3;margin:0;color:var(--oi-brass);font-size:5.7rem;line-height:.8} .oia-pair {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:38px 0;} .oia-pair article {padding:28px; border:1px solid var(--oi-line); border-radius:18px; background:rgba(255,255,255,.018);} .oia-pair span {color:var(--oi-brass); font-size:.64rem; letter-spacing:.14em; text-transform:uppercase;} .oia-pair h3 {margin:35px 0 15px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.55rem; font-weight:400; line-height:1.15;} .oia-pair p {margin:0; color:var(--oi-muted); font-family:var(--oi-sans); font-size:.83rem; line-height:1.7;} .oia-body blockquote {margin:42px 0; padding:32px 0 32px 32px; border-left:2px solid var(--oi-brass); color:var(--oi-brass); font-family:var(--oi-serif); font-size:2rem; line-height:1.35;} .oia-nine {display:grid; gap:0; margin:38px 0; padding:0; list-style:none; counter-reset:nine; border-top:1px solid var(--oi-line);} .oia-nine li {counter-increment:nine; position:relative; padding:20px 20px 20px 64px; border-bottom:1px solid var(--oi-line-soft); color:#bbb5ac; line-height:1.6;} .oia-nine li:before {content:counter(nine,decimal-leading-zero); position:absolute; left:8px; top:19px; color:var(--oi-brass); font-size:.7rem; letter-spacing:.08em;} .oia-nine b {color:var(--oi-ivory);} .oia-sequence {margin:40px 0; padding:34px; border:1px solid var(--oi-line); border-radius:18px; overflow:auto; color:#d2b98f; background:#07090d; font:500 .92rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;} .oia-measures {display:grid; grid-template-columns:1fr 1fr; gap:0 36px; margin:36px 0; padding:0; list-style:none; border-top:1px solid var(--oi-line);} .oia-measures li {padding:15px 0 15px 24px; border-bottom:1px solid var(--oi-line-soft); color:#b7b1a8; position:relative;}.oia-measures li:before{content:"+";position:absolute;left:2px;color:var(--oi-brass)} .oia-demo-card {margin-top:50px; padding:46px; border:1px solid rgba(214,174,108,.4); border-radius:24px; background:radial-gradient(circle at 100% 0,rgba(154,63,119,.15),transparent 46%),rgba(255,255,255,.02);} .oia-demo-card p {color:var(--oi-muted);}.oia-demo-card .oi-button{font-family:var(--oi-sans);font-size:.72rem} .oia-footer {display:flex; justify-content:space-between; gap:50px; padding-top:60px; border-top:1px solid var(--oi-line);}.oia-footer p{max-width:560px;margin:0;color:var(--oi-ivory);font-size:1.4rem}.oia-footer a{color:var(--oi-brass);text-decoration:none;font-size:.75rem} .oia-domains__hero {background:radial-gradient(circle at 14% 12%,rgba(214,174,108,.11),transparent 30%),radial-gradient(circle at 88% 20%,rgba(154,63,119,.2),transparent 32%),linear-gradient(145deg,#141920,#070a0f 72%);} .oia-domains .oia-hero h1 {max-width:1300px;} .oia-domain-variables {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:38px 0 0;} .oia-domain-variables article {min-height:220px; padding:28px; border:1px solid var(--oi-line-soft); border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(154,63,119,.07),transparent 48%),rgba(255,255,255,.018);} .oia-domain-variables span {color:var(--oi-brass); font-size:.66rem; letter-spacing:.14em;} .oia-domain-variables h3 {margin:42px 0 12px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.55rem; font-weight:400; line-height:1.08;} .oia-domain-variables p {margin:0; color:var(--oi-muted); font-family:var(--oi-sans); font-size:.86rem; line-height:1.65;} .oia-invariants {display:grid; gap:0; margin:38px 0 0; padding:0; list-style:none; border-top:1px solid var(--oi-line); counter-reset:invariant;} .oia-invariants li {counter-increment:invariant; display:grid; grid-template-columns:52px minmax(210px,.72fr) minmax(0,1fr); gap:18px; align-items:start; padding:21px 8px; border-bottom:1px solid var(--oi-line-soft);} .oia-invariants li::before {content:counter(invariant,decimal-leading-zero); color:var(--oi-brass); font-size:.68rem; letter-spacing:.1em;} .oia-invariants b {color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.08rem; font-weight:400; line-height:1.28;} .oia-invariants span {color:var(--oi-muted); font-size:.83rem; line-height:1.62;} .oia-domain-families {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:38px;} .oia-domain-families article {padding:30px; border:1px solid var(--oi-line); border-radius:20px; background:linear-gradient(145deg,rgba(27,31,38,.7),rgba(8,11,16,.8));} .oia-domain-families article>span {color:var(--oi-brass); font-size:.65rem; font-weight:760; letter-spacing:.13em; text-transform:uppercase;} .oia-domain-families h3 {margin:30px 0 20px; color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1.65rem; font-weight:400; line-height:1.1;} .oia-domain-families ul {display:grid; gap:0; margin:0; padding:0; list-style:none;} .oia-domain-families li {padding:12px 0; border-top:1px solid var(--oi-line-soft); color:var(--oi-muted); font-size:.8rem; line-height:1.55;} .oia-domain-families a {color:#d7d0c4; font-weight:700; text-decoration:none;} .oia-domain-families a:hover {color:var(--oi-brass);} .oia-boundary-table {margin-top:38px; overflow:hidden; border:1px solid var(--oi-line); border-radius:20px;} .oia-boundary-table>div {display:grid; grid-template-columns:minmax(150px,.55fr) minmax(0,1fr) minmax(0,1.12fr); gap:22px; padding:18px 22px; border-top:1px solid var(--oi-line-soft);} .oia-boundary-table>div:first-child {border-top:0;} .oia-boundary-table__head {background:linear-gradient(90deg,rgba(214,174,108,.09),rgba(154,63,119,.08)); color:var(--oi-brass); font-size:.64rem; letter-spacing:.12em; text-transform:uppercase;} .oia-boundary-table b {color:var(--oi-ivory); font-family:var(--oi-serif); font-size:1rem; font-weight:400;} .oia-boundary-table span {color:var(--oi-muted); font-size:.8rem; line-height:1.55;} .oi-lab__footer-links {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px 18px;} .oi-lab__footer-links a {white-space:nowrap;} .page-home-overlift-deck .home-interoperability-panel {width:min(1510px,calc(100vw - 28px)); max-height:calc(100dvh - 28px); padding:clamp(20px,2.2vw,34px); background:radial-gradient(circle at 88% 6%,rgba(154,63,119,.12),transparent 31%),linear-gradient(145deg,rgba(17,21,27,.99),rgba(6,9,13,.99));} .page-home-overlift-deck .home-interoperability-heading {max-width:1120px; margin:0 0 22px;} .page-home-overlift-deck .home-interoperability-heading h2 {max-width:1050px; font-size:clamp(1.9rem,3.15vw,3.65rem);} .page-home-overlift-deck .home-interoperability-lab-shell {min-width:0;} .page-home-overlift-deck .home-interoperability-lab-shell .oi-lab {border-radius:24px; box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055);} .oi-lab--guided .oi-lab__header {padding:28px 30px 24px;} .oi-lab--guided .oi-lab__header h2 {max-width:850px; font-size:clamp(1.85rem,2.65vw,3.3rem);} .oi-lab--guided .oi-lab__lede {max-width:920px; margin-top:12px;} .oi-lab--guided .oi-lab__body {grid-template-columns:220px minmax(0,1fr); min-height:650px;} .oi-lab--guided .oi-scenarios button {min-height:76px;} .oi-lab--guided .oi-console {padding:26px 30px 30px;} .oi-lab--guided .oi-pipeline {grid-template-columns:repeat(2,minmax(0,1fr));} .oi-lab--guided .oi-lab__footer {padding:20px 30px;} @media (max-width:1150px){.oi-hero__grid{grid-template-columns:1fr;min-height:auto}.oi-hero__diagram{max-width:760px}.oi-stack__rail{grid-template-columns:repeat(2,1fr)}.oi-stack__rail article{border-top:1px solid var(--oi-line-soft)}.oi-stack__rail article:nth-child(odd){border-left:0}.oi-lab__body{grid-template-columns:230px 1fr}.oi-protocol-strip{grid-template-columns:1fr}.oi-protocol-strip article{border-left:0;border-top:1px solid var(--oi-line-soft)}.oi-protocol-strip article:first-child{border-top:0}.oia-layout{grid-template-columns:1fr;gap:30px}.oia-rail{position:static;grid-template-columns:repeat(3,1fr)}.oia-rail>span{grid-column:1/-1}.oi-products__grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:820px){.oi-shell{width:min(100% - 32px,1420px)}.oi-hero__grid{padding-block:100px 70px}.oi-hero h1,.oia-hero h1{font-size:clamp(3.05rem,13vw,5.7rem)}.oi-hero__facts{gap:14px;flex-wrap:wrap}.oi-hero__facts div{padding-right:14px}.oi-thesis,.oi-stack,.oi-failure-map,.oi-products,.oi-cta{padding:78px 0}.oi-thesis__grid,.oi-section-heading,.oi-cta__inner{grid-template-columns:1fr;gap:34px}.oi-stack__rail{grid-template-columns:1fr}.oi-stack__rail article{min-height:230px;border-left:0}.oi-lab-section{padding:36px 0 80px}.oi-lab__header{grid-template-columns:1fr;padding:30px 22px}.oi-lab__legend{grid-template-columns:repeat(4,auto);justify-content:start;overflow:auto}.oi-lab__body{grid-template-columns:1fr}.oi-scenarios{border-right:0;border-bottom:1px solid var(--oi-line)}.oi-scenarios__list{display:flex;overflow:auto;scroll-snap-type:x mandatory}.oi-scenarios button{flex:0 0 185px;scroll-snap-align:start;border-right:1px solid var(--oi-line-soft)}.oi-console{padding:26px 20px}.oi-pipeline{grid-template-columns:1fr}.oi-console__actions{flex-wrap:wrap}.oi-autoplay{width:100%;margin:8px 0 0}.oi-lab__footer{align-items:start;flex-direction:column;padding:22px}.oi-failure-map__grid,.oi-products__grid{grid-template-columns:1fr}.oi-failure-map__grid article{border-left:0}.oi-failure-map__grid article:nth-child(-n+3){border-top:1px solid var(--oi-line-soft)}.oi-failure-map__grid article:first-child{border-top:0}.oia-hero{padding:110px 0 70px}.oia-back{margin-bottom:54px}.oia-layout{padding-block:64px 90px}.oia-rail{display:none}.oia-body p{font-size:1.08rem}.oia-pair,.oia-measures{grid-template-columns:1fr}.oia-body blockquote{font-size:1.55rem}.oia-demo-card{padding:28px}.oia-footer{flex-direction:column}.oi-lab__footer-links{justify-content:flex-start}.oi-lab--guided .oi-lab__body{grid-template-columns:1fr}.oi-lab--guided .oi-lab__header{padding:26px 20px}.oi-lab--guided .oi-console{padding:24px 18px}.page-home-overlift-deck .home-interoperability-panel{padding:14px}.page-home-overlift-deck .home-interoperability-heading{padding-right:48px}.oi-demo-body{padding:58px 10px 18px}.oi-demo-back{left:14px}.oi-demo-frame .oi-lab{border-radius:20px}} @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.oi-button,.oi-scenarios button i{transition:none}.oi-run-state.is-running{animation:none}} @media (max-width:820px){.oia-domain-variables,.oia-domain-families{grid-template-columns:1fr} .oia-invariants li{grid-template-columns:38px 1fr;gap:10px 14px}.oia-invariants li span{grid-column:2} .oia-boundary-table>div{grid-template-columns:1fr;gap:8px;padding:18px}.oia-boundary-table__head{display:none}}
/* PORTFOLIO-02G33R10G1 */
.oia-layout,.oia-body,.oia-body section,.oia-opening{min-width:0}.oia-body{width:100%;max-width:100%}.oia-body code,.oia-body pre,.oia-meta span{overflow-wrap:anywhere;word-break:break-word}.oia-sequence{max-width:100%;white-space:pre-wrap}@media(max-width:820px){.oia-meta{flex-wrap:wrap;gap:10px 16px}.oia-opening{grid-template-columns:44px minmax(0,1fr)}.oia-drop{font-size:4.9rem}.oia-demo-card{max-width:100%}}

/* PORTFOLIO-02G33R10S2A · Applied OverLift A12 · browser miniaturization */
.page-applied-overlift-miniaturized {
    --bma-ink: #07090d;
    --bma-panel: #0d1118;
    --bma-panel-2: #121721;
    --bma-line: rgba(218, 178, 105, .23);
    --bma-line-soft: rgba(255, 255, 255, .075);
    --bma-brass: #ddb46e;
    --bma-brass-light: #f4d7a2;
    --bma-magenta: #d84ca8;
    --bma-cyan: #5fd4dc;
    --bma-ivory: #f4efe5;
    --bma-muted: #aaa69f;
    background: #06080c;
    color: var(--bma-ivory);
}
.page-applied-overlift-miniaturized .site-main { padding-top: 0; }
.page-applied-overlift-miniaturized .bma-article { overflow: clip; background: radial-gradient(circle at 78% 7%, rgba(216, 76, 168, .09), transparent 27%), radial-gradient(circle at 17% 34%, rgba(95, 212, 220, .05), transparent 23%), #06080c; }
.page-applied-overlift-miniaturized .bma-shell { width: min(1420px, calc(100% - 48px)); margin-inline: auto; }
.page-applied-overlift-miniaturized .bma-hero { position: relative; min-height: min(900px, 91vh); display: grid; align-items: center; padding: clamp(112px, 11vw, 170px) 0 clamp(78px, 8vw, 120px); border-bottom: 1px solid var(--bma-line); }
.page-applied-overlift-miniaturized .bma-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .46; background-image: linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, #000 0, rgba(0,0,0,.55) 58%, transparent); }
.page-applied-overlift-miniaturized .bma-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(520px, .98fr); gap: clamp(52px, 6vw, 104px); align-items: center; }
.page-applied-overlift-miniaturized .bma-back { display: inline-flex; gap: .55rem; align-items: center; margin-bottom: 3.25rem; color: var(--bma-muted); font-size: .74rem; font-weight: 780; letter-spacing: .12em; text-decoration: none; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-back:hover { color: var(--bma-brass-light); }
.page-applied-overlift-miniaturized .bma-kicker, .page-applied-overlift-miniaturized .bma-section__eyebrow { margin: 0 0 1.35rem; color: var(--bma-brass); font-size: .68rem; font-weight: 820; letter-spacing: .16em; line-height: 1.5; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-hero h1 { max-width: 850px; margin: 0; color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(3.5rem, 5.6vw, 7.1rem); font-weight: 420; letter-spacing: -.052em; line-height: .94; text-wrap: balance; }
.page-applied-overlift-miniaturized .bma-hero__dek { max-width: 780px; margin: 2rem 0 0; color: #c8c3ba; font-size: clamp(1.06rem, 1.2vw, 1.35rem); line-height: 1.75; text-wrap: pretty; }
.page-applied-overlift-miniaturized .bma-hero__actions, .page-applied-overlift-miniaturized .bma-closing__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 2.15rem; }
.page-applied-overlift-miniaturized .bma-button { display: inline-flex; align-items: center; justify-content: center; min-height: 49px; padding: .8rem 1.15rem; border: 1px solid var(--bma-line); border-radius: 999px; background: rgba(255,255,255,.025); color: var(--bma-ivory); font-size: .78rem; font-weight: 820; letter-spacing: .04em; text-decoration: none; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.page-applied-overlift-miniaturized .bma-button:hover { transform: translateY(-2px); border-color: rgba(244, 215, 162, .55); background: rgba(221, 180, 110, .08); }
.page-applied-overlift-miniaturized .bma-button--primary { border-color: rgba(221, 180, 110, .62); background: linear-gradient(135deg, #c6964e, #e1bd79 52%, #a96d37); color: #120c06; box-shadow: 0 12px 34px rgba(164, 103, 43, .2); }
.page-applied-overlift-miniaturized .bma-button--primary:hover { background: linear-gradient(135deg, #d0a55b, #efd092 52%, #b4783c); color: #0d0905; }
.page-applied-overlift-miniaturized .bma-hero__facts { display: flex; flex-wrap: wrap; gap: 0; margin: 2.4rem 0 0; padding: 0; }
.page-applied-overlift-miniaturized .bma-hero__facts div { min-width: 145px; padding: 0 1.25rem; border-left: 1px solid var(--bma-line); }
.page-applied-overlift-miniaturized .bma-hero__facts div:first-child { padding-left: 0; border-left: 0; }
.page-applied-overlift-miniaturized .bma-hero__facts dt { color: var(--bma-brass); font-size: .61rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-hero__facts dd { margin: .35rem 0 0; color: #d8d2c7; font-size: .8rem; line-height: 1.4; }
.page-applied-overlift-miniaturized .bma-browser { position: relative; min-width: 0; overflow: hidden; border: 1px solid rgba(229, 191, 123, .32); border-radius: 28px; background: linear-gradient(145deg, rgba(18,23,32,.98), rgba(4,7,12,.99)); box-shadow: 0 44px 110px rgba(0,0,0,.55), 0 0 54px rgba(216,76,168,.09), inset 0 1px rgba(255,255,255,.07); }
.page-applied-overlift-miniaturized .bma-browser::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(216,76,168,.12), inset 0 0 60px rgba(95,212,220,.03); }
.page-applied-overlift-miniaturized .bma-browser__chrome { display: grid; grid-template-columns: 10px 10px 10px minmax(0,1fr) auto; gap: 8px; align-items: center; min-height: 54px; padding: 0 18px; border-bottom: 1px solid var(--bma-line-soft); background: rgba(255,255,255,.025); }
.page-applied-overlift-miniaturized .bma-browser__chrome > span { width: 8px; height: 8px; border-radius: 50%; background: rgba(221,180,110,.45); box-shadow: 0 0 10px rgba(221,180,110,.28); }
.page-applied-overlift-miniaturized .bma-browser__chrome > span:nth-child(2) { background: rgba(216,76,168,.45); }
.page-applied-overlift-miniaturized .bma-browser__chrome > span:nth-child(3) { background: rgba(95,212,220,.45); }
.page-applied-overlift-miniaturized .bma-browser__chrome i { min-width: 0; overflow: hidden; color: #807d78; font-size: .61rem; font-style: normal; letter-spacing: .04em; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.page-applied-overlift-miniaturized .bma-browser__chrome b { color: var(--bma-brass); font-size: .55rem; letter-spacing: .12em; }
.page-applied-overlift-miniaturized .bma-browser__field { position: relative; min-height: 560px; overflow: hidden; background: radial-gradient(circle at 50% 49%, rgba(216,76,168,.18), transparent 16%), radial-gradient(circle at 50% 50%, rgba(95,212,220,.08), transparent 39%), linear-gradient(180deg, rgba(5,9,15,.3), rgba(4,7,12,.94)); }
.page-applied-overlift-miniaturized .bma-browser__field::before { content: ""; position: absolute; inset: 0; opacity: .36; background-image: radial-gradient(circle, rgba(244,215,162,.5) 0 1px, transparent 1.5px); background-size: 31px 31px; mask-image: radial-gradient(circle at center, #000, transparent 72%); }
.page-applied-overlift-miniaturized .bma-browser__orbit { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(221,180,110,.25); border-radius: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 28px rgba(216,76,168,.06); }
.page-applied-overlift-miniaturized .bma-browser__orbit--outer { width: 72%; aspect-ratio: 1; animation: bma-orbit 32s linear infinite; }
.page-applied-overlift-miniaturized .bma-browser__orbit--inner { width: 42%; aspect-ratio: 1; border-color: rgba(95,212,220,.25); animation: bma-orbit-reverse 22s linear infinite; }
.page-applied-overlift-miniaturized .bma-browser__core { position: absolute; left: 50%; top: 50%; z-index: 3; display: grid; place-items: center; width: 180px; aspect-ratio: 1; padding: 22px; border: 1px solid rgba(244,215,162,.48); border-radius: 50%; background: radial-gradient(circle at 36% 28%, rgba(244,215,162,.18), transparent 28%), linear-gradient(145deg, rgba(27,18,30,.97), rgba(7,12,18,.97)); box-shadow: 0 0 0 12px rgba(216,76,168,.035), 0 0 55px rgba(216,76,168,.23), inset 0 0 42px rgba(95,212,220,.06); text-align: center; transform: translate(-50%,-50%); }
.page-applied-overlift-miniaturized .bma-browser__core span { color: var(--bma-brass); font-size: .54rem; font-weight: 820; letter-spacing: .17em; }
.page-applied-overlift-miniaturized .bma-browser__core strong { color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: 1.45rem; font-weight: 420; line-height: 1.02; }
.page-applied-overlift-miniaturized .bma-browser__core small { color: var(--bma-muted); font-size: .63rem; line-height: 1.4; }
.page-applied-overlift-miniaturized .bma-browser__nodes { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.page-applied-overlift-miniaturized .bma-browser__nodes li { --angle: calc(var(--i) * 45deg - 90deg); position: absolute; left: calc(50% + cos(var(--angle)) * 39%); top: calc(50% + sin(var(--angle)) * 39%); z-index: 2; display: grid; gap: 2px; min-width: 90px; padding: 10px 12px; border: 1px solid rgba(221,180,110,.22); border-radius: 12px; background: rgba(7,10,15,.88); box-shadow: 0 8px 28px rgba(0,0,0,.3), 0 0 18px rgba(216,76,168,.05); transform: translate(-50%,-50%); }
.page-applied-overlift-miniaturized .bma-browser__nodes span { color: var(--bma-magenta); font-size: .52rem; font-weight: 850; letter-spacing: .1em; }
.page-applied-overlift-miniaturized .bma-browser__nodes b { color: #ddd7cd; font-size: .68rem; letter-spacing: .03em; }
.page-applied-overlift-miniaturized .bma-browser__signal { position: absolute; left: 50%; top: 50%; width: 8px; aspect-ratio: 1; border-radius: 50%; background: var(--bma-brass-light); box-shadow: 0 0 18px var(--bma-brass-light), 0 0 42px var(--bma-magenta); animation: bma-signal 7s ease-in-out infinite; }
.page-applied-overlift-miniaturized .bma-browser__status { display: flex; justify-content: space-between; gap: 20px; padding: 15px 18px; border-top: 1px solid var(--bma-line-soft); color: #85827c; font-size: .58rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-browser__status span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.page-applied-overlift-miniaturized .bma-browser__status i { width: 7px; height: 7px; border-radius: 50%; background: #71d49d; box-shadow: 0 0 10px rgba(113,212,157,.7); }
@keyframes bma-orbit { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes bma-orbit-reverse { to { transform: translate(-50%,-50%) rotate(-360deg); } }
@keyframes bma-signal { 0%,100% { transform: translate(-50%,-50%) rotate(0) translateX(118px); } 25% { transform: translate(-50%,-50%) rotate(90deg) translateX(185px); } 50% { transform: translate(-50%,-50%) rotate(180deg) translateX(118px); } 75% { transform: translate(-50%,-50%) rotate(270deg) translateX(185px); } }
.page-applied-overlift-miniaturized .bma-thesis { border-bottom: 1px solid var(--bma-line); background: linear-gradient(90deg, rgba(221,180,110,.07), rgba(216,76,168,.07) 50%, rgba(95,212,220,.045)); }
.page-applied-overlift-miniaturized .bma-thesis .bma-shell { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 30px; align-items: center; padding-block: 28px; }
.page-applied-overlift-miniaturized .bma-thesis span { color: var(--bma-brass); font-size: .62rem; font-weight: 840; letter-spacing: .15em; }
.page-applied-overlift-miniaturized .bma-thesis p { margin: 0; color: #d1cbc1; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.05rem, 1.55vw, 1.55rem); line-height: 1.45; }
.page-applied-overlift-miniaturized .bma-thesis strong { color: var(--bma-ivory); font-weight: 500; }
.page-applied-overlift-miniaturized .bma-layout { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: clamp(48px, 6vw, 104px); align-items: start; padding-block: clamp(76px, 8vw, 128px); }
.page-applied-overlift-miniaturized .bma-rail { position: sticky; top: 120px; display: grid; gap: 0; padding: 18px 0; border-top: 1px solid var(--bma-line); border-bottom: 1px solid var(--bma-line); }
.page-applied-overlift-miniaturized .bma-rail > span { padding: 0 10px 13px; color: var(--bma-brass); font-size: .58rem; font-weight: 840; letter-spacing: .15em; }
.page-applied-overlift-miniaturized .bma-rail a { padding: 10px; border-top: 1px solid var(--bma-line-soft); color: #918e88; font-size: .7rem; line-height: 1.35; text-decoration: none; transition: color .2s ease, padding-left .2s ease; }
.page-applied-overlift-miniaturized .bma-rail a:hover { padding-left: 15px; color: var(--bma-brass-light); }
.page-applied-overlift-miniaturized .bma-copy { min-width: 0; }
.page-applied-overlift-miniaturized .bma-section { min-width: 0; max-width: 1040px; padding: 0 0 clamp(88px, 9vw, 146px); scroll-margin-top: 110px; }
.page-applied-overlift-miniaturized .bma-section + .bma-section { padding-top: clamp(76px, 7vw, 116px); border-top: 1px solid var(--bma-line); }
.page-applied-overlift-miniaturized .bma-section h2, .page-applied-overlift-miniaturized .bma-closing h2 { max-width: 900px; margin: 0 0 1.45rem; color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(2.45rem, 4.25vw, 5.15rem); font-weight: 420; letter-spacing: -.045em; line-height: 1.02; text-wrap: balance; }
.page-applied-overlift-miniaturized .bma-section > p, .page-applied-overlift-miniaturized .bma-amsterdam__intro + p, .page-applied-overlift-miniaturized .bma-closing p { max-width: 850px; color: #b9b5ad; font-size: clamp(1rem, 1.1vw, 1.18rem); line-height: 1.82; }
.page-applied-overlift-miniaturized .bma-section > p + p { margin-top: 1.25rem; }
.page-applied-overlift-miniaturized .bma-section blockquote { margin: 2.6rem 0 0; padding: 1.7rem 0 1.7rem 1.7rem; border-left: 2px solid var(--bma-brass); color: #e6ded2; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.35rem, 2.15vw, 2.15rem); line-height: 1.45; }
.page-applied-overlift-miniaturized .bma-comparison { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 2.7rem; }
.page-applied-overlift-miniaturized .bma-comparison article { display: grid; align-content: start; min-height: 355px; padding: 26px; border: 1px solid var(--bma-line-soft); border-radius: 20px; background: linear-gradient(145deg, rgba(18,23,32,.82), rgba(7,10,15,.92)); }
.page-applied-overlift-miniaturized .bma-comparison article.is-overlift { border-color: rgba(221,180,110,.38); background: radial-gradient(circle at 100% 0, rgba(216,76,168,.14), transparent 45%), linear-gradient(145deg, rgba(24,22,30,.92), rgba(8,11,16,.96)); box-shadow: 0 18px 52px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.05); }
.page-applied-overlift-miniaturized .bma-comparison article > span, .page-applied-overlift-miniaturized .bma-planes article > span, .page-applied-overlift-miniaturized .bma-boundaries article > span { color: var(--bma-brass); font-size: .59rem; font-weight: 840; letter-spacing: .13em; }
.page-applied-overlift-miniaturized .bma-comparison h3, .page-applied-overlift-miniaturized .bma-planes h3 { margin: 2.4rem 0 1rem; color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: 1.7rem; font-weight: 420; line-height: 1.08; }
.page-applied-overlift-miniaturized .bma-comparison p { margin: 0; color: var(--bma-muted); font-size: .86rem; line-height: 1.68; }
.page-applied-overlift-miniaturized .bma-comparison ul, .page-applied-overlift-miniaturized .bma-planes ul, .page-applied-overlift-miniaturized .bma-boundaries ul { display: grid; gap: 10px; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.page-applied-overlift-miniaturized .bma-comparison li, .page-applied-overlift-miniaturized .bma-planes li, .page-applied-overlift-miniaturized .bma-boundaries li { position: relative; padding-left: 15px; color: #aaa69f; font-size: .76rem; line-height: 1.55; }
.page-applied-overlift-miniaturized .bma-comparison li::before, .page-applied-overlift-miniaturized .bma-planes li::before, .page-applied-overlift-miniaturized .bma-boundaries li::before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--bma-brass); box-shadow: 0 0 8px rgba(221,180,110,.45); }
.page-applied-overlift-miniaturized .bma-system-map { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr); gap: 18px; margin-top: 2.7rem; padding: 18px; border: 1px solid var(--bma-line); border-radius: 26px; background: radial-gradient(circle at 11% 9%, rgba(95,212,220,.06), transparent 28%), linear-gradient(145deg, rgba(16,20,28,.96), rgba(6,9,14,.98)); box-shadow: 0 26px 78px rgba(0,0,0,.3); }
.page-applied-overlift-miniaturized .bma-system-map__stages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.page-applied-overlift-miniaturized .bma-system-map__stages button { display: grid; grid-template-columns: 35px minmax(0,1fr); gap: 2px 12px; align-content: center; min-height: 93px; padding: 14px 15px; border: 1px solid var(--bma-line-soft); border-radius: 14px; background: rgba(255,255,255,.018); color: inherit; text-align: left; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.page-applied-overlift-miniaturized .bma-system-map__stages button:hover { transform: translateY(-2px); border-color: rgba(221,180,110,.3); }
.page-applied-overlift-miniaturized .bma-system-map__stages button.is-active { border-color: rgba(221,180,110,.55); background: linear-gradient(135deg, rgba(221,180,110,.1), rgba(216,76,168,.08)); box-shadow: inset 0 0 0 1px rgba(244,215,162,.05), 0 12px 32px rgba(0,0,0,.22); }
.page-applied-overlift-miniaturized .bma-system-map__stages span { grid-row: 1 / 3; align-self: center; color: var(--bma-magenta); font-size: .59rem; font-weight: 860; letter-spacing: .1em; }
.page-applied-overlift-miniaturized .bma-system-map__stages strong { color: #e8e1d7; font-size: .81rem; }
.page-applied-overlift-miniaturized .bma-system-map__stages small { color: #85817a; font-size: .63rem; line-height: 1.35; }
.page-applied-overlift-miniaturized .bma-system-map__inspector { display: grid; align-content: start; min-height: 396px; padding: 28px; border: 1px solid rgba(216,76,168,.19); border-radius: 18px; background: radial-gradient(circle at 100% 0, rgba(216,76,168,.13), transparent 42%), rgba(5,8,13,.72); }
.page-applied-overlift-miniaturized .bma-system-map__topline { display: flex; justify-content: space-between; gap: 12px; color: var(--bma-brass); font-size: .56rem; font-weight: 840; letter-spacing: .12em; }
.page-applied-overlift-miniaturized .bma-system-map__topline b { color: var(--bma-cyan); font-weight: 820; }
.page-applied-overlift-miniaturized .bma-system-map__inspector h3 { margin: 3rem 0 1rem; color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: clamp(1.85rem, 2.7vw, 3rem); font-weight: 420; line-height: 1; }
.page-applied-overlift-miniaturized .bma-system-map__inspector > p { min-height: 94px; margin: 0; color: #aaa69f; font-size: .84rem; line-height: 1.66; }
.page-applied-overlift-miniaturized .bma-system-map__inspector dl { display: grid; gap: 0; margin: 1.5rem 0 0; }
.page-applied-overlift-miniaturized .bma-system-map__inspector dl div { display: grid; grid-template-columns: 92px minmax(0,1fr); gap: 14px; padding: 10px 0; border-top: 1px solid var(--bma-line-soft); }
.page-applied-overlift-miniaturized .bma-system-map__inspector dt { color: var(--bma-brass); font-size: .57rem; font-weight: 820; letter-spacing: .08em; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-system-map__inspector dd { margin: 0; color: #aaa69f; font-size: .68rem; line-height: 1.5; }
.page-applied-overlift-miniaturized .bma-system-map__meter { align-self: end; height: 3px; margin-top: 20px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.page-applied-overlift-miniaturized .bma-system-map__meter i { display: block; width: 12%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--bma-magenta), var(--bma-brass-light), var(--bma-cyan)); box-shadow: 0 0 12px rgba(216,76,168,.55); transition: width .35s ease; }
.page-applied-overlift-miniaturized .bma-complete-rule { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 26px; margin-top: 18px; padding: 24px 26px; border: 1px solid var(--bma-line-soft); border-radius: 18px; background: rgba(255,255,255,.018); }
.page-applied-overlift-miniaturized .bma-complete-rule span { color: var(--bma-brass); font-size: .58rem; font-weight: 840; letter-spacing: .13em; }
.page-applied-overlift-miniaturized .bma-complete-rule p { margin: 0; color: #b5b0a7; font-size: .82rem; line-height: 1.67; }
.page-applied-overlift-miniaturized .bma-planes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 2.7rem; }
.page-applied-overlift-miniaturized .bma-planes article { padding: 27px; border: 1px solid var(--bma-line-soft); border-radius: 20px; background: linear-gradient(145deg, rgba(18,23,32,.82), rgba(7,10,15,.92)); }
.page-applied-overlift-miniaturized .bma-planes article:nth-child(3) { border-color: rgba(221,180,110,.35); }
.page-applied-overlift-miniaturized .bma-note { margin-top: 1.4rem !important; padding: 20px 22px; border-left: 2px solid var(--bma-brass); background: rgba(221,180,110,.045); font-size: .92rem !important; }
.page-applied-overlift-miniaturized .bma-note strong { color: var(--bma-ivory); }
.page-applied-overlift-miniaturized .bma-amsterdam__intro { display: flex; justify-content: space-between; gap: 30px; align-items: end; }
.page-applied-overlift-miniaturized .bma-amsterdam__intro h2 { margin-bottom: 0; }
.page-applied-overlift-miniaturized .bma-amsterdam__intro .bma-button { flex: 0 0 auto; margin-bottom: .45rem; }
.page-applied-overlift-miniaturized .bma-journey { display: grid; margin: 2.8rem 0 0; padding: 0; counter-reset: none; list-style: none; }
.page-applied-overlift-miniaturized .bma-journey li { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 24px; position: relative; padding: 0 0 32px; }
.page-applied-overlift-miniaturized .bma-journey li:not(:last-child)::before { content: ""; position: absolute; left: 25px; top: 51px; bottom: 0; width: 1px; background: linear-gradient(var(--bma-brass), rgba(216,76,168,.2)); }
.page-applied-overlift-miniaturized .bma-journey li > span { display: grid; place-items: center; align-self: start; width: 52px; aspect-ratio: 1; border: 1px solid rgba(221,180,110,.46); border-radius: 50%; background: #0b0f16; color: var(--bma-brass); font-size: .6rem; font-weight: 860; letter-spacing: .09em; box-shadow: 0 0 24px rgba(216,76,168,.06); }
.page-applied-overlift-miniaturized .bma-journey li > div { padding: 6px 0 28px; border-bottom: 1px solid var(--bma-line-soft); }
.page-applied-overlift-miniaturized .bma-journey strong { color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: 1.45rem; font-weight: 420; }
.page-applied-overlift-miniaturized .bma-journey p { max-width: 760px; margin: .65rem 0 0; color: var(--bma-muted); font-size: .83rem; line-height: 1.68; }
.page-applied-overlift-miniaturized .bma-amsterdam__boundary { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: 24px; padding: 24px 26px; border: 1px solid rgba(216,76,168,.25); border-radius: 18px; background: linear-gradient(135deg, rgba(216,76,168,.07), rgba(95,212,220,.035)); }
.page-applied-overlift-miniaturized .bma-amsterdam__boundary span { color: var(--bma-magenta); font-size: .58rem; font-weight: 840; letter-spacing: .13em; }
.page-applied-overlift-miniaturized .bma-amsterdam__boundary p { margin: 0; color: #b5b0a7; font-size: .82rem; line-height: 1.67; }
.page-applied-overlift-miniaturized .bma-table { margin-top: 2.7rem; overflow: hidden; border: 1px solid var(--bma-line); border-radius: 20px; }
.page-applied-overlift-miniaturized .bma-table > div { display: grid; grid-template-columns: minmax(155px,.55fr) minmax(0,1fr) minmax(0,1.12fr); gap: 22px; padding: 17px 21px; border-top: 1px solid var(--bma-line-soft); }
.page-applied-overlift-miniaturized .bma-table > div:first-child { border-top: 0; }
.page-applied-overlift-miniaturized .bma-table__head { background: linear-gradient(90deg, rgba(221,180,110,.09), rgba(216,76,168,.07)); color: var(--bma-brass); font-size: .58rem; font-weight: 840; letter-spacing: .1em; text-transform: uppercase; }
.page-applied-overlift-miniaturized .bma-table strong { color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: .95rem; font-weight: 420; }
.page-applied-overlift-miniaturized .bma-table span { color: var(--bma-muted); font-size: .75rem; line-height: 1.55; }
.page-applied-overlift-miniaturized .bma-table div span:last-child { color: #d3ccc1; }
.page-applied-overlift-miniaturized .bma-difference-callout { margin-top: 1.5rem; padding: 30px; border: 1px solid rgba(221,180,110,.32); border-radius: 20px; background: radial-gradient(circle at 100% 0, rgba(216,76,168,.12), transparent 45%), rgba(18,18,23,.68); }
.page-applied-overlift-miniaturized .bma-difference-callout strong { display: block; max-width: 880px; color: #ebe3d7; font-family: var(--font-display, Georgia, serif); font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 420; line-height: 1.45; }
.page-applied-overlift-miniaturized .bma-boundaries { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-top: 2.7rem; }
.page-applied-overlift-miniaturized .bma-boundaries article { padding: 28px; border: 1px solid var(--bma-line-soft); border-radius: 20px; background: rgba(255,255,255,.018); }
.page-applied-overlift-miniaturized .bma-boundaries .is-yes { border-color: rgba(95,212,220,.25); }
.page-applied-overlift-miniaturized .bma-boundaries .is-no { border-color: rgba(216,76,168,.25); }
.page-applied-overlift-miniaturized .bma-boundaries .is-yes > span { color: var(--bma-cyan); }
.page-applied-overlift-miniaturized .bma-boundaries .is-no > span { color: var(--bma-magenta); }
.page-applied-overlift-miniaturized .bma-products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-top: 2.7rem; }
.page-applied-overlift-miniaturized .bma-products a { display: grid; min-height: 205px; padding: 23px; border: 1px solid var(--bma-line-soft); border-radius: 18px; background: linear-gradient(145deg, rgba(18,23,32,.72), rgba(7,10,15,.88)); color: inherit; text-decoration: none; transition: transform .2s ease, border-color .2s ease; }
.page-applied-overlift-miniaturized .bma-products a:hover { transform: translateY(-3px); border-color: rgba(221,180,110,.4); }
.page-applied-overlift-miniaturized .bma-products span { color: var(--bma-brass); font-size: .56rem; font-weight: 840; letter-spacing: .13em; }
.page-applied-overlift-miniaturized .bma-products strong { align-self: end; margin-top: 2.2rem; color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: 1.45rem; font-weight: 420; }
.page-applied-overlift-miniaturized .bma-products p { margin: .7rem 0 0; color: var(--bma-muted); font-size: .75rem; line-height: 1.55; }
.page-applied-overlift-miniaturized .bma-proof-path__steps { display: grid; gap: 9px; margin: 2.7rem 0 0; padding: 0; list-style: none; }
.page-applied-overlift-miniaturized .bma-proof-path__steps a { display: grid; grid-template-columns: 52px minmax(0,1fr) auto; gap: 18px; align-items: center; min-height: 86px; padding: 13px 20px 13px 14px; border: 1px solid var(--bma-line-soft); border-radius: 16px; background: rgba(255,255,255,.018); color: inherit; text-decoration: none; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.page-applied-overlift-miniaturized .bma-proof-path__steps a:hover { transform: translateX(4px); border-color: rgba(221,180,110,.42); background: rgba(221,180,110,.045); }
.page-applied-overlift-miniaturized .bma-proof-path__steps span { display: grid; place-items: center; width: 46px; aspect-ratio: 1; border: 1px solid rgba(221,180,110,.3); border-radius: 50%; color: var(--bma-brass); font-size: .58rem; font-weight: 860; }
.page-applied-overlift-miniaturized .bma-proof-path__steps div { display: grid; gap: 5px; }
.page-applied-overlift-miniaturized .bma-proof-path__steps strong { color: var(--bma-ivory); font-family: var(--font-display, Georgia, serif); font-size: 1.18rem; font-weight: 420; }
.page-applied-overlift-miniaturized .bma-proof-path__steps small { color: var(--bma-muted); font-size: .72rem; line-height: 1.45; }
.page-applied-overlift-miniaturized .bma-proof-path__steps i { color: var(--bma-brass); font-style: normal; font-size: 1.25rem; }
.page-applied-overlift-miniaturized .bma-closing { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 38px; align-items: end; max-width: 1040px; padding: clamp(60px, 7vw, 96px); border: 1px solid var(--bma-line); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(216,76,168,.14), transparent 44%), linear-gradient(145deg, rgba(21,24,31,.95), rgba(7,10,15,.98)); box-shadow: 0 30px 90px rgba(0,0,0,.32); }
.page-applied-overlift-miniaturized .bma-closing h2 { font-size: clamp(2.3rem, 3.7vw, 4.3rem); }
.page-applied-overlift-miniaturized .bma-closing p { margin-bottom: 0; font-size: .96rem; }
.page-applied-overlift-miniaturized .bma-closing__actions { justify-content: flex-end; margin: 0; }
.page-applied-overlift-miniaturized .bma-closing__actions .bma-button { white-space: nowrap; }
.page-applied-overlift-miniaturized :is(a,button):focus-visible { outline: 2px solid var(--bma-cyan); outline-offset: 3px; }
@media (max-width: 1150px) {
    .page-applied-overlift-miniaturized .bma-hero__grid { grid-template-columns: 1fr; }
    .page-applied-overlift-miniaturized .bma-browser { width: min(760px,100%); }
    .page-applied-overlift-miniaturized .bma-layout { grid-template-columns: 1fr; }
    .page-applied-overlift-miniaturized .bma-rail { position: static; grid-template-columns: repeat(4,minmax(0,1fr)); }
    .page-applied-overlift-miniaturized .bma-rail > span { grid-column: 1 / -1; }
    .page-applied-overlift-miniaturized .bma-comparison, .page-applied-overlift-miniaturized .bma-planes, .page-applied-overlift-miniaturized .bma-products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 820px) {
    .page-applied-overlift-miniaturized .bma-shell { width: min(100% - 30px, 1420px); }
    .page-applied-overlift-miniaturized .bma-hero { min-height: auto; padding: 96px 0 72px; }
    .page-applied-overlift-miniaturized .bma-hero h1 { font-size: clamp(3rem, 13vw, 5.7rem); }
    .page-applied-overlift-miniaturized .bma-back { margin-bottom: 2.3rem; }
    .page-applied-overlift-miniaturized .bma-browser__field { min-height: 500px; }
    .page-applied-overlift-miniaturized .bma-browser__nodes li { min-width: 76px; padding: 8px 9px; }
    .page-applied-overlift-miniaturized .bma-thesis .bma-shell, .page-applied-overlift-miniaturized .bma-complete-rule, .page-applied-overlift-miniaturized .bma-amsterdam__boundary { grid-template-columns: 1fr; gap: 10px; }
    .page-applied-overlift-miniaturized .bma-rail { display: none; }
    .page-applied-overlift-miniaturized .bma-layout { padding-block: 68px; }
    .page-applied-overlift-miniaturized .bma-comparison, .page-applied-overlift-miniaturized .bma-planes, .page-applied-overlift-miniaturized .bma-products, .page-applied-overlift-miniaturized .bma-boundaries { grid-template-columns: 1fr; }
    .page-applied-overlift-miniaturized .bma-comparison article { min-height: 0; }
    .page-applied-overlift-miniaturized .bma-system-map { grid-template-columns: 1fr; padding: 12px; }
    .page-applied-overlift-miniaturized .bma-system-map__inspector { min-height: 0; }
    .page-applied-overlift-miniaturized .bma-table > div { grid-template-columns: 1fr; gap: 7px; }
    .page-applied-overlift-miniaturized .bma-table__head { display: none; }
    .page-applied-overlift-miniaturized .bma-table > div span::before { color: var(--bma-brass); font-size: .55rem; font-weight: 840; letter-spacing: .09em; }
    .page-applied-overlift-miniaturized .bma-table > div span:nth-child(2)::before { content: "COMMON DEMO · "; }
    .page-applied-overlift-miniaturized .bma-table > div span:nth-child(3)::before { content: "OVERLIFT · "; }
    .page-applied-overlift-miniaturized .bma-amsterdam__intro { align-items: start; flex-direction: column; }
    .page-applied-overlift-miniaturized .bma-closing { grid-template-columns: 1fr; padding: 38px 25px; }
    .page-applied-overlift-miniaturized .bma-closing__actions { justify-content: flex-start; }
}
@media (max-width: 560px) {
    .page-applied-overlift-miniaturized .bma-hero__facts { display: grid; grid-template-columns: 1fr; }
    .page-applied-overlift-miniaturized .bma-hero__facts div, .page-applied-overlift-miniaturized .bma-hero__facts div:first-child { padding: 11px 0; border-top: 1px solid var(--bma-line); border-left: 0; }
    .page-applied-overlift-miniaturized .bma-browser { border-radius: 20px; }
    .page-applied-overlift-miniaturized .bma-browser__chrome { grid-template-columns: 8px 8px 8px minmax(0,1fr); }
    .page-applied-overlift-miniaturized .bma-browser__chrome b { display: none; }
    .page-applied-overlift-miniaturized .bma-browser__field { min-height: 430px; }
    .page-applied-overlift-miniaturized .bma-browser__core { width: 145px; }
    .page-applied-overlift-miniaturized .bma-browser__nodes li { min-width: 64px; padding: 7px; }
    .page-applied-overlift-miniaturized .bma-browser__nodes b { font-size: .57rem; }
    .page-applied-overlift-miniaturized .bma-browser__nodes span { display: none; }
    .page-applied-overlift-miniaturized .bma-browser__status { flex-direction: column; gap: 7px; }
    .page-applied-overlift-miniaturized .bma-system-map__stages { grid-template-columns: 1fr; }
    .page-applied-overlift-miniaturized .bma-system-map__stages button { min-height: 78px; }
    .page-applied-overlift-miniaturized .bma-system-map__inspector { padding: 22px; }
    .page-applied-overlift-miniaturized .bma-system-map__inspector dl div { grid-template-columns: 1fr; gap: 5px; }
    .page-applied-overlift-miniaturized .bma-journey li { grid-template-columns: 52px minmax(0,1fr); gap: 14px; }
    .page-applied-overlift-miniaturized .bma-journey li > span { width: 42px; }
    .page-applied-overlift-miniaturized .bma-journey li:not(:last-child)::before { left: 20px; top: 42px; }
    .page-applied-overlift-miniaturized .bma-proof-path__steps a { grid-template-columns: 42px minmax(0,1fr); }
    .page-applied-overlift-miniaturized .bma-proof-path__steps i { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .page-applied-overlift-miniaturized .bma-browser__orbit, .page-applied-overlift-miniaturized .bma-browser__signal { animation: none !important; }
    .page-applied-overlift-miniaturized .bma-button, .page-applied-overlift-miniaturized .bma-products a, .page-applied-overlift-miniaturized .bma-proof-path__steps a, .page-applied-overlift-miniaturized .bma-system-map__stages button { transition: none !important; }
}
.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(1){left:50%;top:10%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(2){left:78%;top:22%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(3){left:90%;top:50%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(4){left:78%;top:78%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(5){left:50%;top:90%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(6){left:22%;top:78%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(7){left:10%;top:50%}.page-applied-overlift-miniaturized .bma-browser__nodes li:nth-child(8){left:22%;top:22%}