.apxute-public-page {
    --apxp-navy: #0b3447;
    --apxp-blue: #0d6b8e;
    --apxp-teal: #0f898d;
    --apxp-orange: #f7760f;
    --apxp-ink: #17384a;
    --apxp-text: #607580;
    --apxp-line: #d6e4ea;
    --apxp-pale: #f1f7fa;
    --apxp-green: #16845b;
    --apxp-red: #bd4d3b;
}

.apxute-public-page .apxp-section,
.apxute-public-page .apxp-transform { padding: 76px 0; }
.apxute-public-page .apxp-transform { padding-top: 30px; padding-bottom: 66px; }
.apxute-public-page .apxp-section[id] { scroll-margin-top: 168px; }
.apxute-public-page .apxp-section * { box-sizing: border-box; }
.apxute-public-page .apxp-section h2,
.apxute-public-page .apxp-transform h2,
.apxute-public-page .apxp-final-cta h2 { letter-spacing: 0; }
.apxute-public-page .apxp-eyebrow { display: block; margin-bottom: 12px; color: var(--apxp-teal); font-size: 12px; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.apxute-public-page .apxp-section-intro { max-width: 790px; margin-bottom: 38px; }
.apxute-public-page .apxp-section-intro h2,
.apxute-public-page .apxp-commerce h2,
.apxute-public-page .apxp-outcomes h2 { margin: 0; color: var(--apxp-ink); font-size: 39px; font-weight: 650; line-height: 1.14; }
.apxute-public-page .apxp-section-intro > p,
.apxute-public-page .apxp-heading-split > p { margin: 0; color: var(--apxp-text); font-size: 16px; line-height: 1.72; }
.apxute-public-page .apxp-heading-split { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr); align-items: end; gap: 60px; max-width: none; }
.apxute-public-page .apxp-heading-on-dark h2 { color: #fff; }
.apxute-public-page .apxp-heading-on-dark > p { color: #b8ccd5; }
.apxute-public-page .apxp-heading-on-dark .apxp-eyebrow { color: #5ed1c5; }
.apxute-public-page [data-product-reveal] { opacity: 1; transform: none; }
.apxute-public-page.apxp-motion-ready [data-product-reveal] { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.apxute-public-page.apxp-motion-ready [data-product-reveal].is-visible { opacity: 1; transform: none; }

/* Hero */
.apxute-public-page .apxp-hero { position: relative; min-height: 560px; overflow: hidden; color: #fff; background-color: var(--apxp-navy); background-image: var(--apxp-hero-image); background-position: var(--apxp-hero-focus); background-size: cover; }
.apxute-public-page .apxp-hero-scrim { position: absolute; inset: 0; width: 100%; background: rgba(5, 31, 44, .68); }
.apxute-public-page .apxp-hero-inner { position: relative; display: grid; min-height: 560px; align-content: center; padding-top: 56px; padding-bottom: 28px; }
.apxute-public-page .apxp-breadcrumbs { position: absolute; top: 24px; left: 0; display: flex; gap: 9px; align-items: center; color: rgba(255,255,255,.72); font-size: 12px; }
.apxute-public-page .apxp-breadcrumbs a { color: rgba(255,255,255,.82); }
.apxute-public-page .apxp-breadcrumbs strong { color: #fff; font-weight: 700; }
.apxute-public-page .apxp-hero-copy { width: min(610px, 55%); }
.apxute-public-page .apxp-kicker { display: inline-flex; align-items: center; gap: 9px; color: #9fe1d8; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-kicker i { color: var(--apxp-orange); font-size: 7px; }
.apxute-public-page .apxp-hero h1 { margin: 16px 0 13px; color: #fff; font-size: 48px; font-weight: 700; line-height: 1.03; }
.apxute-public-page .apxp-hero-promise { max-width: 570px; margin: 0 0 14px; color: #fff; font-size: 23px; font-weight: 600; line-height: 1.34; }
.apxute-public-page .apxp-hero-summary { max-width: 580px; margin: 0; color: #c9d8de; font-size: 15px; line-height: 1.68; }
.apxute-public-page .apxp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 27px; }
.apxute-public-page .apxp-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 10px; padding: 0 21px; border: 1px solid transparent; border-radius: 6px; font-size: 14px; font-weight: 800; transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
.apxute-public-page .apxp-button:hover { transform: translateY(-2px); }
.apxute-public-page .apxp-button-primary { color: #fff; background: var(--apxp-orange); }
.apxute-public-page .apxp-button-glass { color: #fff; border-color: rgba(255,255,255,.5); background: rgba(8,34,46,.42); }
.apxute-public-page .apxp-hero-proof { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; align-self: end; margin: 39px 0 0; padding: 0; border-top: 1px solid rgba(255,255,255,.28); list-style: none; }
.apxute-public-page .apxp-hero-proof li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 9px; align-items: start; min-width: 0; padding: 17px 18px 0 0; color: #eef6f8; font-size: 12px; font-weight: 700; line-height: 1.45; }
.apxute-public-page .apxp-hero-proof i { display: grid; width: 20px; height: 20px; place-items: center; color: #fff; border-radius: 50%; background: var(--apxp-teal); font-size: 9px; }

/* Transformation and section navigation */
.apxute-public-page .apxp-transform { background: #fff; }
.apxute-public-page .apxp-section-intro-compact { max-width: 750px; margin-bottom: 26px; }
.apxute-public-page .apxp-section-intro-compact h2 { font-size: 35px; }
.apxute-public-page .apxp-transform-rail { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--apxp-line); border-bottom: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-transform-rail article { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 16px; padding: 27px 28px 27px 0; border-right: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-transform-rail article + article { padding-left: 28px; }
.apxute-public-page .apxp-transform-rail article:last-child { border-right: 0; }
.apxute-public-page .apxp-transform-rail article > span { color: var(--apxp-orange); font-size: 13px; font-weight: 800; }
.apxute-public-page .apxp-transform-rail small { color: var(--apxp-teal); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-transform-rail h3 { margin: 7px 0 8px; color: var(--apxp-ink); font-size: 19px; }
.apxute-public-page .apxp-transform-rail p { margin: 0; color: var(--apxp-text); font-size: 13px; line-height: 1.62; }
.apxute-public-page .apxp-section-nav { position: sticky; top: 116px; z-index: 24; border-block: 1px solid var(--apxp-line); background: rgba(255,255,255,.97); }
.apxute-public-page .apxp-section-nav .apx265-container { display: flex; gap: 34px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.apxute-public-page .apxp-section-nav .apx265-container::-webkit-scrollbar { display: none; }
.apxute-public-page .apxp-section-nav a { flex: none; padding: 12px 0; color: var(--apxp-text); font-size: 12px; font-weight: 800; }
.apxute-public-page .apxp-section-nav a { scroll-snap-align: start; }
.apxute-public-page .apxp-section-nav a:hover { color: var(--apxp-orange); }

/* Included website demonstration */
.apxute-public-page .apxp-website { background: var(--apxp-pale); }
.apxute-public-page .apxp-browser-demo { overflow: hidden; border: 1px solid #bfcfd7; border-radius: 8px; background: #fff; box-shadow: 0 24px 60px rgba(12,52,70,.13); }
.apxute-public-page .apxp-demo-toolbar { display: grid; grid-template-columns: 95px minmax(0, 1fr) auto; gap: 16px; align-items: center; min-height: 60px; padding: 9px 13px; border-bottom: 1px solid #d8e2e7; background: #eef2f4; }
.apxute-public-page .apxp-browser-dots { display: flex; gap: 7px; }
.apxute-public-page .apxp-browser-dots i { width: 9px; height: 9px; border-radius: 50%; background: #c64f43; }
.apxute-public-page .apxp-browser-dots i:nth-child(2) { background: #e7a42f; }
.apxute-public-page .apxp-browser-dots i:nth-child(3) { background: #369b68; }
.apxute-public-page .apxp-address { display: flex; width: min(500px, 100%); align-items: center; gap: 9px; justify-self: center; padding: 9px 14px; color: #61757e; border: 1px solid #d6e0e4; border-radius: 5px; background: #fff; font-size: 12px; }
.apxute-public-page .apxp-address i { color: var(--apxp-green); }
.apxute-public-page .apxp-segmented { display: flex; padding: 3px; border: 1px solid #cbd8de; border-radius: 6px; background: #fff; }
.apxute-public-page .apxp-segmented button { display: inline-flex; height: 32px; align-items: center; gap: 7px; padding: 0 11px; color: #607580; border: 0; border-radius: 4px; background: transparent; font: inherit; font-size: 11px; font-weight: 750; cursor: pointer; }
.apxute-public-page .apxp-segmented button.is-active { color: #fff; background: var(--apxp-navy); }
.apxute-public-page .apxp-segmented button:focus-visible,
.apxute-public-page .apxp-state-selector button:focus-visible,
.apxute-public-page .apxp-workspace-sidebar button:focus-visible,
.apxute-public-page .apxp-role-explorer button:focus-visible { outline: 3px solid rgba(247,118,15,.48); outline-offset: 2px; }
.apxute-public-page .apxp-site-stage { display: grid; min-height: 580px; place-items: center; padding: 32px; background: #dfe8ec; }
.apxute-public-page .apxp-site-canvas { width: 100%; max-width: 1080px; overflow: hidden; border: 1px solid #d9e3e7; border-radius: 6px; background: #fff; box-shadow: 0 18px 40px rgba(11,52,71,.16); transition: width .45s ease; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-canvas { width: 360px; }
.apxute-public-page .apxp-site-header { display: grid; grid-template-columns: minmax(160px, auto) 1fr auto; gap: 24px; align-items: center; min-height: 67px; padding: 0 28px; border-bottom: 1px solid #e2e9ec; }
.apxute-public-page .apxp-site-header strong { display: flex; align-items: center; gap: 9px; color: var(--apxp-navy); font-size: 15px; }
.apxute-public-page .apxp-site-header strong i { color: var(--apxp-orange); }
.apxute-public-page .apxp-site-header nav { display: flex; gap: 20px; justify-content: center; color: #5e727c; font-size: 10px; font-weight: 700; }
.apxute-public-page .apxp-site-header > b { padding: 9px 12px; color: #fff; border-radius: 5px; background: var(--apxp-teal); font-size: 10px; }
.apxute-public-page .apxp-site-hero { position: relative; display: grid; min-height: 320px; align-items: center; overflow: hidden; }
.apxute-public-page .apxp-site-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.apxute-public-page .apxp-site-hero-scrim { position: absolute; inset: 0; width: 62%; background: rgba(8,45,60,.88); }
.apxute-public-page .apxp-site-hero > div:last-child { position: relative; z-index: 1; width: min(52%, 560px); padding: 44px; color: #fff; }
.apxute-public-page .apxp-site-hero small { color: #7bd8d2; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-site-hero h3 { margin: 8px 0 10px; color: #fff; font-size: 28px; line-height: 1.12; }
.apxute-public-page .apxp-site-hero p { margin: 0 0 17px; color: #cbdce2; font-size: 11px; line-height: 1.55; }
.apxute-public-page .apxp-site-hero span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 5px; background: var(--apxp-orange); font-size: 10px; font-weight: 800; }
.apxute-public-page .apxp-site-services { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.apxute-public-page .apxp-site-services article { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; min-width: 0; padding: 18px 15px; border-right: 1px solid #e1e8eb; border-top: 3px solid transparent; opacity: .54; transition: opacity .25s ease, border-color .25s ease, background-color .25s ease; }
.apxute-public-page .apxp-site-services article:last-child { border-right: 0; }
.apxute-public-page .apxp-site-services article.is-active { border-top-color: var(--apxp-orange); opacity: 1; background: #f9fcfd; }
.apxute-public-page .apxp-site-services article > i { display: grid; width: 20px; height: 20px; place-items: center; color: #fff; border-radius: 4px; background: var(--apxp-teal); font-size: 8px; }
.apxute-public-page .apxp-site-services h4 { margin: 0 0 4px; color: var(--apxp-ink); font-size: 11px; }
.apxute-public-page .apxp-site-services p { display: -webkit-box; overflow: hidden; margin: 0; color: var(--apxp-text); font-size: 9px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-header { grid-template-columns: 1fr auto; padding: 0 14px; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-header nav { display: none; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-header > b { font-size: 0; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-header > b::after { content: '\f0c9'; font-family: 'Font Awesome 6 Free'; font-size: 12px; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-hero { min-height: 390px; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-hero-scrim { width: 100%; background: rgba(8,45,60,.78); }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-hero > div:last-child { width: 100%; padding: 30px 24px; }
.apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-services { grid-template-columns: repeat(2, 1fr); }
.apxute-public-page .apxp-demo-caption { display: flex; gap: 30px; align-items: center; justify-content: space-between; padding: 20px 25px; border-top: 1px solid #dbe5e9; }
.apxute-public-page .apxp-demo-caption > div:first-child { display: grid; gap: 3px; }
.apxute-public-page .apxp-demo-caption strong { color: var(--apxp-ink); font-size: 14px; }
.apxute-public-page .apxp-demo-caption span { color: var(--apxp-text); font-size: 12px; }
.apxute-public-page .apxp-state-selector { display: flex; gap: 7px; }
.apxute-public-page .apxp-state-selector button { width: 24px; height: 5px; padding: 0; border: 0; border-radius: 3px; background: #c8d5da; cursor: pointer; }
.apxute-public-page .apxp-state-selector button.is-active { background: var(--apxp-orange); }

/* Management workspace demonstration */
.apxute-public-page .apxp-workspace { background: var(--apxp-navy); }
.apxute-public-page .apxp-workspace-demo { display: grid; grid-template-columns: 230px minmax(0, 1fr); overflow: hidden; min-height: 650px; border: 1px solid #315b6d; border-radius: 8px; background: #f5f8fa; box-shadow: 0 25px 60px rgba(0,0,0,.24); }
.apxute-public-page .apxp-workspace-sidebar { display: flex; min-width: 0; flex-direction: column; padding: 24px 15px; color: #dce8ec; background: #082936; }
.apxute-public-page .apxp-workspace-brand { display: flex; gap: 10px; align-items: center; padding: 0 9px; color: #fff; font-size: 18px; font-weight: 800; }
.apxute-public-page .apxp-workspace-brand i { color: var(--apxp-orange); }
.apxute-public-page .apxp-workspace-sidebar > p { margin: 7px 9px 25px; color: #7895a1; font-size: 10px; text-transform: uppercase; }
.apxute-public-page .apxp-workspace-sidebar [role="tablist"] { display: grid; gap: 5px; }
.apxute-public-page .apxp-workspace-sidebar button { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 9px; align-items: center; min-height: 44px; padding: 8px 10px; color: #a8bec7; border: 0; border-left: 3px solid transparent; border-radius: 4px; background: transparent; text-align: left; font: inherit; font-size: 11px; font-weight: 700; cursor: pointer; }
.apxute-public-page .apxp-workspace-sidebar button.is-active { color: #fff; border-left-color: var(--apxp-orange); background: #124558; }
.apxute-public-page .apxp-workspace-sidebar button i { color: #55c6bd; }
.apxute-public-page .apxp-workspace-sidebar > small { display: flex; gap: 8px; align-items: center; margin-top: auto; padding: 16px 9px 0; color: #7797a3; border-top: 1px solid #194454; font-size: 10px; }
.apxute-public-page .apxp-workspace-main { min-width: 0; }
.apxute-public-page .apxp-workspace-main > header { display: flex; min-height: 82px; align-items: center; justify-content: space-between; padding: 0 28px; border-bottom: 1px solid #d9e3e7; background: #fff; }
.apxute-public-page .apxp-workspace-main > header span { color: var(--apxp-teal); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-workspace-main > header h3 { margin: 4px 0 0; color: var(--apxp-ink); font-size: 19px; }
.apxute-public-page .apxp-workspace-user { display: flex; gap: 15px; align-items: center; color: #6d8089; }
.apxute-public-page .apxp-workspace-user b { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; border-radius: 50%; background: var(--apxp-blue); font-size: 11px; }
.apxute-public-page .apxp-kpi-strip { display: grid; grid-template-columns: 1.2fr .9fr .9fr; border-bottom: 1px solid #dce5e9; background: #fff; }
.apxute-public-page .apxp-kpi-strip article { display: grid; gap: 6px; min-width: 0; padding: 18px 22px; border-right: 1px solid #dce5e9; }
.apxute-public-page .apxp-kpi-strip article:last-child { border-right: 0; }
.apxute-public-page .apxp-kpi-strip small { color: #81939b; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-kpi-strip strong { overflow: hidden; color: var(--apxp-ink); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.apxute-public-page .apxp-workspace-body { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(330px, 1.2fr); gap: 18px; padding: 22px; }
.apxute-public-page .apxp-tab-panels,
.apxute-public-page .apxp-activity-panel { min-width: 0; border: 1px solid #d9e3e7; border-radius: 6px; background: #fff; }
.apxute-public-page .apxp-tab-panels section { padding: 26px; }
.apxute-public-page .apxp-panel-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 23px; color: #fff; border-radius: 6px; background: var(--apxp-teal); }
.apxute-public-page .apxp-tab-panels section > small { color: #84979f; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-tab-panels h4 { margin: 7px 0 10px; color: var(--apxp-ink); font-size: 19px; }
.apxute-public-page .apxp-tab-panels p { margin: 0 0 20px; color: var(--apxp-text); font-size: 12px; line-height: 1.6; }
.apxute-public-page .apxp-tab-panels ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.apxute-public-page .apxp-tab-panels li { display: flex; gap: 9px; align-items: center; color: var(--apxp-ink); font-size: 11px; font-weight: 750; }
.apxute-public-page .apxp-tab-panels li i { color: var(--apxp-teal); font-size: 9px; }
.apxute-public-page .apxp-activity-panel { padding: 20px; }
.apxute-public-page .apxp-activity-panel > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.apxute-public-page .apxp-activity-panel header small { color: #81949c; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-activity-panel header h4 { margin: 4px 0 0; color: var(--apxp-ink); font-size: 15px; }
.apxute-public-page .apxp-activity-panel header > span { display: flex; gap: 7px; align-items: center; color: var(--apxp-green); font-size: 9px; font-weight: 800; }
.apxute-public-page .apxp-activity-panel header > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--apxp-green); }
.apxute-public-page .apxp-activity-panel ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.apxute-public-page .apxp-activity-panel li { display: grid; grid-template-columns: 30px minmax(0, 1fr) 20px; gap: 10px; align-items: center; min-width: 0; padding: 13px 8px; border-top: 1px solid #e3eaed; }
.apxute-public-page .apxp-activity-panel li > span { display: grid; width: 27px; height: 27px; place-items: center; color: #738891; border: 1px solid #cdd9de; border-radius: 50%; font-size: 9px; font-weight: 800; }
.apxute-public-page .apxp-activity-panel li div { display: grid; gap: 3px; min-width: 0; }
.apxute-public-page .apxp-activity-panel li strong { color: var(--apxp-ink); font-size: 11px; }
.apxute-public-page .apxp-activity-panel li small { overflow: hidden; color: #81939b; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.apxute-public-page .apxp-activity-panel li > i { color: #95a7ae; font-size: 10px; }
.apxute-public-page .apxp-activity-panel li.is-active { background: #eef9f8; }
.apxute-public-page .apxp-activity-panel li.is-active > span { color: #fff; border-color: var(--apxp-orange); background: var(--apxp-orange); }
.apxute-public-page .apxp-activity-panel li.is-active > i { color: var(--apxp-orange); }
.apxute-public-page .apxp-report-signal { margin-top: 16px; padding: 16px; border-radius: 5px; background: var(--apxp-pale); }
.apxute-public-page .apxp-report-signal > span { color: #748890; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-report-signal > div { display: flex; height: 45px; gap: 7px; align-items: end; margin: 7px 0; }
.apxute-public-page .apxp-report-signal i { width: 16%; border-radius: 2px 2px 0 0; background: var(--apxp-blue); }
.apxute-public-page .apxp-report-signal i:nth-child(1) { height: 45%; }.apxute-public-page .apxp-report-signal i:nth-child(2) { height: 72%; }.apxute-public-page .apxp-report-signal i:nth-child(3) { height: 58%; background: var(--apxp-orange); }.apxute-public-page .apxp-report-signal i:nth-child(4) { height: 86%; }.apxute-public-page .apxp-report-signal i:nth-child(5) { height: 67%; background: var(--apxp-teal); }
.apxute-public-page .apxp-report-signal strong { color: var(--apxp-ink); font-size: 9px; }

/* Operating stack */
.apxute-public-page .apxp-stack { background: #fff; }
.apxute-public-page .apxp-stack-list { border-top: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-stack-list article { display: grid; grid-template-columns: 58px minmax(270px, .9fr) minmax(320px, 1.1fr); gap: 24px; align-items: center; min-width: 0; padding: 26px 0; border-bottom: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-stack-icon { display: grid; width: 46px; height: 46px; place-items: center; color: #fff; border-radius: 6px; background: var(--apxp-blue); }
.apxute-public-page .apxp-stack-copy small { color: var(--apxp-orange); font-size: 10px; font-weight: 800; }
.apxute-public-page .apxp-stack-copy h3 { margin: 4px 0 6px; color: var(--apxp-ink); font-size: 18px; }
.apxute-public-page .apxp-stack-copy p { margin: 0; color: var(--apxp-text); font-size: 12px; line-height: 1.55; }
.apxute-public-page .apxp-stack-list ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.apxute-public-page .apxp-stack-list li { padding: 7px 9px; color: #3e5b69; border: 1px solid #d4e0e5; border-radius: 4px; background: #f8fbfc; font-size: 10px; font-weight: 750; }

/* Workflow */
.apxute-public-page .apxp-flow { color: #fff; background: #11495f; }
.apxute-public-page .apxp-flow-line { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; border-top: 1px solid #3a6677; list-style: none; }
.apxute-public-page .apxp-flow-line li { position: relative; min-width: 0; padding: 30px 26px 6px 0; border-right: 1px solid #3a6677; }
.apxute-public-page .apxp-flow-line li + li { padding-left: 26px; }
.apxute-public-page .apxp-flow-line li:last-child { border-right: 0; }
.apxute-public-page .apxp-flow-number { display: inline-grid; width: 36px; height: 36px; place-items: center; margin-bottom: 21px; color: #fff; border: 1px solid #6e93a0; border-radius: 50%; font-size: 11px; font-weight: 800; }
.apxute-public-page .apxp-flow-line small { display: block; color: #63d2c8; font-size: 9px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-flow-line h3 { margin: 7px 0 10px; color: #fff; font-size: 17px; }
.apxute-public-page .apxp-flow-line p { margin: 0 0 20px; color: #bcd0d8; font-size: 11px; line-height: 1.6; }
.apxute-public-page .apxp-flow-line b { display: flex; gap: 8px; align-items: center; color: #f9b473; font-size: 9px; }

/* Roles and commercial control */
.apxute-public-page .apxp-roles { background: var(--apxp-pale); }
.apxute-public-page .apxp-role-explorer { display: grid; grid-template-columns: minmax(250px, .45fr) minmax(0, 1fr); border: 1px solid var(--apxp-line); border-radius: 8px; background: #fff; }
.apxute-public-page .apxp-role-explorer > [role="tablist"] { display: grid; align-content: start; padding: 12px; border-right: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-role-explorer button { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 54px; padding: 9px 12px; color: var(--apxp-text); border: 0; border-radius: 4px; background: transparent; text-align: left; font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; }
.apxute-public-page .apxp-role-explorer button span { color: #97a8af; font-size: 9px; }
.apxute-public-page .apxp-role-explorer button.is-active { color: #fff; background: var(--apxp-navy); }
.apxute-public-page .apxp-role-explorer button.is-active span { color: #68d4cb; }
.apxute-public-page .apxp-role-panels { min-height: 360px; }
.apxute-public-page .apxp-role-panels section { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 25px; align-items: start; padding: 54px; }
.apxute-public-page .apxp-role-panels section[hidden] { display: none; }
.apxute-public-page .apxp-role-panels section > span { display: grid; width: 64px; height: 64px; place-items: center; color: #fff; border-radius: 6px; background: var(--apxp-teal); font-size: 22px; }
.apxute-public-page .apxp-role-panels small { color: var(--apxp-teal); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-role-panels h3 { margin: 8px 0 12px; color: var(--apxp-ink); font-size: 26px; }
.apxute-public-page .apxp-role-panels p { max-width: 650px; margin: 0 0 20px; color: var(--apxp-text); font-size: 14px; line-height: 1.7; }
.apxute-public-page .apxp-role-panels b { display: flex; gap: 8px; align-items: center; margin-top: 8px; color: var(--apxp-ink); font-size: 11px; }
.apxute-public-page .apxp-role-panels b i { color: var(--apxp-teal); }
.apxute-public-page .apxp-commerce { background: #fff; }
.apxute-public-page .apxp-commerce-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr); gap: 70px; align-items: center; }
.apxute-public-page .apxp-commerce-grid > div:first-child > p { margin: 18px 0 25px; color: var(--apxp-text); font-size: 15px; line-height: 1.72; }
.apxute-public-page .apxp-commerce-grid > div:first-child ul,
.apxute-public-page .apxp-outcomes ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.apxute-public-page .apxp-commerce-grid > div:first-child li,
.apxute-public-page .apxp-outcomes li { display: flex; gap: 11px; color: var(--apxp-ink); font-size: 12px; font-weight: 750; }
.apxute-public-page .apxp-commerce-grid li i,
.apxute-public-page .apxp-outcomes li i { color: var(--apxp-teal); }
.apxute-public-page .apxp-ledger { overflow: hidden; border: 1px solid #cbd9df; border-radius: 8px; background: #fff; box-shadow: 0 20px 45px rgba(17,73,95,.12); }
.apxute-public-page .apxp-ledger > header { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; color: #fff; background: var(--apxp-navy); }
.apxute-public-page .apxp-ledger header div { display: grid; gap: 3px; }
.apxute-public-page .apxp-ledger header small { color: #8db5c3; font-size: 9px; text-transform: uppercase; }
.apxute-public-page .apxp-ledger header strong { font-size: 14px; }
.apxute-public-page .apxp-ledger header > span { padding: 7px 9px; border: 1px solid #4f7180; border-radius: 4px; font-size: 9px; }
.apxute-public-page .apxp-ledger-summary { display: grid; grid-template-columns: repeat(2, 1fr); border-bottom: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-ledger-summary > span { display: grid; gap: 5px; padding: 18px 22px; border-right: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-ledger-summary > span:last-child { border-right: 0; }
.apxute-public-page .apxp-ledger-summary small { color: #84959d; font-size: 9px; text-transform: uppercase; }
.apxute-public-page .apxp-ledger-summary strong { color: var(--apxp-ink); font-size: 12px; }
.apxute-public-page .apxp-ledger ol { margin: 0; padding: 8px 22px; list-style: none; }
.apxute-public-page .apxp-ledger li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 15px 0; border-bottom: 1px solid #e2eaed; }
.apxute-public-page .apxp-ledger li:last-child { border-bottom: 0; }
.apxute-public-page .apxp-ledger li > i { display: grid; width: 28px; height: 28px; place-items: center; color: var(--apxp-blue); border-radius: 4px; background: #eaf4f7; font-size: 11px; }
.apxute-public-page .apxp-ledger li > span { display: grid; gap: 3px; }
.apxute-public-page .apxp-ledger li strong { color: var(--apxp-ink); font-size: 11px; }
.apxute-public-page .apxp-ledger li small { color: #84969e; font-size: 9px; }
.apxute-public-page .apxp-ledger li b { padding: 6px 8px; color: var(--apxp-green); border-radius: 4px; background: #e9f6f0; font-size: 8px; }

/* Outcomes, growth, close */
.apxute-public-page .apxp-outcomes { background: #edf4f6; }
.apxute-public-page .apxp-outcome-layout { display: grid; grid-template-columns: minmax(420px, 1.08fr) minmax(0, .92fr); gap: 66px; align-items: center; }
.apxute-public-page .apxp-outcome-layout figure { position: relative; margin: 0; }
.apxute-public-page .apxp-outcome-layout figure img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 8px; }
.apxute-public-page .apxp-outcome-layout figcaption { position: absolute; right: 18px; bottom: 18px; display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; width: min(330px, calc(100% - 36px)); align-items: center; padding: 14px; color: #d7e6eb; border-radius: 6px; background: rgba(7,39,52,.93); font-size: 10px; }
.apxute-public-page .apxp-outcome-layout figcaption > i { display: grid; width: 36px; height: 36px; place-items: center; color: #fff; border-radius: 5px; background: var(--apxp-orange); }
.apxute-public-page .apxp-outcome-layout figcaption span { display: grid; gap: 3px; }
.apxute-public-page .apxp-outcome-layout figcaption strong { color: #fff; font-size: 11px; }
.apxute-public-page .apxp-outcome-layout > div > p { margin: 18px 0 24px; color: var(--apxp-text); font-size: 15px; line-height: 1.7; }
.apxute-public-page .apxp-growth { background: #fff; }
.apxute-public-page .apxp-growth-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--apxp-line); border-bottom: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-growth-columns article { padding: 28px 34px 28px 0; border-right: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-growth-columns article + article { padding-left: 34px; border-right: 0; }
.apxute-public-page .apxp-growth-columns span { display: flex; gap: 9px; align-items: center; color: var(--apxp-ink); font-size: 13px; font-weight: 800; }
.apxute-public-page .apxp-growth-columns span i { color: var(--apxp-teal); }
.apxute-public-page .apxp-growth-columns article + article span i { color: var(--apxp-orange); }
.apxute-public-page .apxp-growth-columns p { margin: 11px 0 0; color: var(--apxp-text); font-size: 13px; line-height: 1.65; }
.apxute-public-page .apxp-final-cta { padding: 66px 0; color: #fff; background: var(--apxp-blue); }
.apxute-public-page .apxp-final-cta-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 50px; align-items: center; }
.apxute-public-page .apxp-final-cta .apxp-eyebrow { color: #9fe1d8; }
.apxute-public-page .apxp-final-cta h2 { margin: 0; color: #fff; font-size: 38px; }
.apxute-public-page .apxp-final-cta p { max-width: 720px; margin: 12px 0 0; color: #d7e8ed; font-size: 14px; }
.apxute-public-page .apxp-final-cta-inner > div:last-child { display: flex; gap: 10px; }
.apxute-public-page .apxp-button-light { color: var(--apxp-navy); background: #fff; }
.apxute-public-page .apxp-button-outline { color: #fff; border-color: rgba(255,255,255,.65); }
.apxute-public-page .apxp-related { background: var(--apxp-pale); }
.apxute-public-page .apxp-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--apxp-line); border-left: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-related-grid a { display: grid; grid-template-columns: 70px minmax(0, 1fr) 20px; gap: 13px; align-items: center; min-width: 0; padding: 14px; color: var(--apxp-ink); border-right: 1px solid var(--apxp-line); border-bottom: 1px solid var(--apxp-line); background: #fff; }
.apxute-public-page .apxp-related-grid img { width: 70px; height: 58px; object-fit: cover; border-radius: 5px; }
.apxute-public-page .apxp-related-grid span { display: grid; gap: 4px; min-width: 0; }
.apxute-public-page .apxp-related-grid small { color: var(--apxp-teal); font-size: 8px; text-transform: uppercase; }
.apxute-public-page .apxp-related-grid strong { overflow-wrap: anywhere; font-size: 12px; }
.apxute-public-page .apxp-related-grid > a > i { color: var(--apxp-orange); }

@media (max-width: 1199px) {
    .apxute-public-page .apxp-section,
    .apxute-public-page .apxp-transform { padding: 64px 0; }
    .apxute-public-page .apxp-hero,
    .apxute-public-page .apxp-hero-inner { min-height: 560px; }
    .apxute-public-page .apxp-hero-scrim { width: 72%; }
    .apxute-public-page .apxp-hero-copy { width: 64%; }
    .apxute-public-page .apxp-section-nav { top: 112px; }
    .apxute-public-page .apxp-site-stage { min-height: 530px; padding: 25px; }
    .apxute-public-page .apxp-workspace-demo { grid-template-columns: 205px minmax(0, 1fr); }
    .apxute-public-page .apxp-workspace-body { grid-template-columns: minmax(230px, .72fr) minmax(300px, 1.28fr); }
    .apxute-public-page .apxp-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .apxute-public-page .apxp-heading-split { grid-template-columns: 1fr; gap: 18px; }
    .apxute-public-page .apxp-section-intro h2,
    .apxute-public-page .apxp-commerce h2,
    .apxute-public-page .apxp-outcomes h2 { font-size: 34px; }
    .apxute-public-page .apxp-hero { min-height: 680px; background-position: 68% center; }
    .apxute-public-page .apxp-hero-inner { min-height: 680px; }
    .apxute-public-page .apxp-hero-scrim { width: 100%; background: rgba(5,31,44,.78); }
    .apxute-public-page .apxp-hero-copy { width: min(680px, 92%); }
    .apxute-public-page .apxp-hero h1 { font-size: 46px; }
    .apxute-public-page .apxp-hero-proof { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .apxute-public-page .apxp-transform-rail { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-transform-rail article,
    .apxute-public-page .apxp-transform-rail article + article { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--apxp-line); }
    .apxute-public-page .apxp-transform-rail article:last-child { border-bottom: 0; }
    .apxute-public-page .apxp-demo-toolbar { grid-template-columns: 60px minmax(0, 1fr) auto; }
    .apxute-public-page .apxp-address { width: 100%; }
    .apxute-public-page .apxp-site-stage { min-height: 500px; padding: 18px; }
    .apxute-public-page .apxp-site-header nav { display: none; }
    .apxute-public-page .apxp-site-services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .apxute-public-page .apxp-workspace-demo { grid-template-columns: 170px minmax(0, 1fr); }
    .apxute-public-page .apxp-workspace-sidebar button { grid-template-columns: 22px minmax(0, 1fr); padding-inline: 7px; font-size: 10px; }
    .apxute-public-page .apxp-workspace-body { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-kpi-strip { grid-template-columns: 1fr 1fr; }
    .apxute-public-page .apxp-kpi-strip article:first-child { grid-column: 1 / -1; }
    .apxute-public-page .apxp-stack-list article { grid-template-columns: 50px minmax(0, 1fr); }
    .apxute-public-page .apxp-stack-list article ul { grid-column: 2; }
    .apxute-public-page .apxp-flow-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .apxute-public-page .apxp-flow-line li:nth-child(2) { border-right: 0; }
    .apxute-public-page .apxp-flow-line li:nth-child(n+3) { border-top: 1px solid #3a6677; }
    .apxute-public-page .apxp-role-explorer { grid-template-columns: 220px minmax(0, 1fr); }
    .apxute-public-page .apxp-role-panels section { grid-template-columns: 58px minmax(0, 1fr); padding: 35px; }
    .apxute-public-page .apxp-role-panels section > span { width: 52px; height: 52px; }
    .apxute-public-page .apxp-commerce-grid,
    .apxute-public-page .apxp-outcome-layout { grid-template-columns: 1fr; gap: 44px; }
    .apxute-public-page .apxp-final-cta-inner { grid-template-columns: 1fr; gap: 28px; }
}

@media (max-width: 640px) {
    .apxute-public-page .apxp-section,
    .apxute-public-page .apxp-transform { padding: 52px 0; }
    .apxute-public-page .apxp-transform { padding-top: 18px; }
    .apxute-public-page .apxp-section-intro { margin-bottom: 28px; }
    .apxute-public-page .apxp-section-intro h2,
    .apxute-public-page .apxp-section-intro-compact h2,
    .apxute-public-page .apxp-commerce h2,
    .apxute-public-page .apxp-outcomes h2,
    .apxute-public-page .apxp-final-cta h2 { font-size: 29px; }
    .apxute-public-page .apxp-hero,
    .apxute-public-page .apxp-hero-inner { min-height: 640px; }
    .apxute-public-page .apxp-hero-inner { align-content: start; padding-top: 88px; padding-bottom: 18px; }
    .apxute-public-page .apxp-breadcrumbs { top: 19px; max-width: 100%; overflow: hidden; white-space: nowrap; }
    .apxute-public-page .apxp-breadcrumbs strong { overflow: hidden; text-overflow: ellipsis; }
    .apxute-public-page .apxp-hero-copy { width: 100%; }
    .apxute-public-page .apxp-hero h1 { margin-top: 12px; margin-bottom: 9px; font-size: 34px; }
    .apxute-public-page .apxp-hero-promise { margin-bottom: 10px; font-size: 17px; }
    .apxute-public-page .apxp-hero-summary { display: -webkit-box; overflow: hidden; font-size: 13px; line-height: 1.48; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
    .apxute-public-page .apxp-actions { margin-top: 18px; }
    .apxute-public-page .apxp-actions { display: grid; grid-template-columns: 1fr; gap: 8px; }
    .apxute-public-page .apxp-button { min-height: 42px; }
    .apxute-public-page .apxp-hero-proof { grid-template-columns: 1fr 1fr; margin-top: 14px; }
    .apxute-public-page .apxp-hero-proof li { grid-template-columns: 19px minmax(0, 1fr); padding: 13px 8px 0 0; font-size: 10px; }
    .apxute-public-page .apxp-hero-proof i { width: 17px; height: 17px; }
    .apxute-public-page .apxp-section-nav { top: 120px; }
    .apxute-public-page .apxp-section-nav::after { content: ''; position: absolute; top: 8px; right: 0; bottom: 8px; width: 3px; background: var(--apxp-orange); pointer-events: none; }
    .apxute-public-page .apxp-section-nav .apx265-container { gap: 18px; padding-right: 28px; }
    .apxute-public-page .apxp-section-nav a { padding-block: 10px; font-size: 11px; }
    .apxute-public-page .apxp-demo-toolbar { grid-template-columns: 1fr auto; }
    .apxute-public-page .apxp-browser-dots { display: none; }
    .apxute-public-page .apxp-address { min-width: 0; }
    .apxute-public-page .apxp-address span { overflow: hidden; text-overflow: ellipsis; }
    .apxute-public-page .apxp-segmented button { width: 34px; justify-content: center; padding: 0; }
    .apxute-public-page .apxp-segmented button span { display: none; }
    .apxute-public-page .apxp-segmented button.is-active { box-shadow: inset 0 -3px 0 var(--apxp-orange); }
    .apxute-public-page .apxp-site-stage { min-height: 490px; padding: 12px; }
    .apxute-public-page .apxp-site-canvas,
    .apxute-public-page .apxp-browser-demo[data-device="mobile"] .apxp-site-canvas { width: 100%; }
    .apxute-public-page .apxp-site-header { grid-template-columns: 1fr auto; min-height: 58px; padding: 0 13px; }
    .apxute-public-page .apxp-site-header > b { font-size: 0; }
    .apxute-public-page .apxp-site-header > b::after { content: '\f0c9'; font-family: 'Font Awesome 6 Free'; font-size: 12px; }
    .apxute-public-page .apxp-site-hero { min-height: 360px; }
    .apxute-public-page .apxp-site-hero-scrim { width: 100%; background: rgba(8,45,60,.78); }
    .apxute-public-page .apxp-site-hero > div:last-child { width: 100%; padding: 27px 22px; }
    .apxute-public-page .apxp-site-hero h3 { font-size: 24px; }
    .apxute-public-page .apxp-site-services article { padding: 13px 10px; }
    .apxute-public-page .apxp-demo-caption { align-items: flex-start; padding: 16px; }
    .apxute-public-page .apxp-demo-caption span { font-size: 10px; }
    .apxute-public-page .apxp-workspace-demo { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-workspace-sidebar { padding: 15px; }
    .apxute-public-page .apxp-workspace-sidebar > p,
    .apxute-public-page .apxp-workspace-sidebar > small { display: none; }
    .apxute-public-page .apxp-workspace-sidebar [role="tablist"] { display: flex; margin-top: 14px; overflow-x: auto; }
    .apxute-public-page .apxp-workspace-sidebar button { flex: 0 0 42px; grid-template-columns: 1fr; place-items: center; min-height: 38px; padding: 0; border-left: 0; border-bottom: 3px solid transparent; }
    .apxute-public-page .apxp-workspace-sidebar button span { display: none; }
    .apxute-public-page .apxp-workspace-sidebar button.is-active { border-bottom-color: var(--apxp-orange); box-shadow: inset 0 -2px 0 var(--apxp-orange); }
    .apxute-public-page .apxp-workspace-main > header { padding: 0 16px; }
    .apxute-public-page .apxp-workspace-main > header h3 { font-size: 16px; }
    .apxute-public-page .apxp-kpi-strip { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-kpi-strip article:first-child { grid-column: auto; }
    .apxute-public-page .apxp-kpi-strip article { padding: 13px 16px; border-right: 0; border-bottom: 1px solid #dce5e9; }
    .apxute-public-page .apxp-workspace-body { padding: 12px; }
    .apxute-public-page .apxp-tab-panels section { padding: 21px; }
    .apxute-public-page .apxp-stack-list article { grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 22px 0; }
    .apxute-public-page .apxp-stack-icon { width: 40px; height: 40px; }
    .apxute-public-page .apxp-stack-list article ul { grid-column: 1 / -1; }
    .apxute-public-page .apxp-flow-line { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-flow-line li,
    .apxute-public-page .apxp-flow-line li + li { padding: 23px 0; border-right: 0; border-top: 1px solid #3a6677; }
    .apxute-public-page .apxp-role-explorer { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-role-explorer > [role="tablist"] { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--apxp-line); }
    .apxute-public-page .apxp-role-explorer button { flex: 0 0 155px; }
    .apxute-public-page .apxp-role-panels { min-height: 330px; }
    .apxute-public-page .apxp-role-panels section { grid-template-columns: 1fr; padding: 27px 22px; }
    .apxute-public-page .apxp-commerce-grid { gap: 34px; }
    .apxute-public-page .apxp-ledger-summary { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-ledger-summary > span { border-right: 0; border-bottom: 1px solid var(--apxp-line); }
    .apxute-public-page .apxp-ledger li { grid-template-columns: 28px minmax(0, 1fr); }
    .apxute-public-page .apxp-ledger li b { grid-column: 2; justify-self: start; }
    .apxute-public-page .apxp-outcome-layout { gap: 34px; }
    .apxute-public-page .apxp-outcome-layout figure img { aspect-ratio: 4 / 3; }
    .apxute-public-page .apxp-growth-columns { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-growth-columns article,
    .apxute-public-page .apxp-growth-columns article + article { padding: 23px 0; border-right: 0; border-bottom: 1px solid var(--apxp-line); }
    .apxute-public-page .apxp-final-cta-inner > div:last-child { display: grid; grid-template-columns: 1fr; }
    .apxute-public-page .apxp-related-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    .apxute-public-page *,
    .apxute-public-page *::before,
    .apxute-public-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .apxute-public-page.apxp-motion-ready [data-product-reveal] { opacity: 1; transform: none; }
}

/* Owner-facing offer map and practical growth roadmap */
.apxute-public-page .apxp-offer { background: #f7fbfc; }
.apxute-public-page .apxp-offer-lead { display: grid; grid-template-columns: minmax(0, .86fr) minmax(420px, 1.14fr); gap: 66px; align-items: center; }
.apxute-public-page .apxp-offer-lead h2 { max-width: 660px; margin: 0; color: var(--apxp-ink); font-size: 40px; font-weight: 650; line-height: 1.12; }
.apxute-public-page .apxp-offer-lead > div > p { max-width: 590px; margin: 18px 0 22px; color: var(--apxp-text); font-size: 15px; line-height: 1.72; }
.apxute-public-page .apxp-offer-proof { display: grid; gap: 10px; margin: 0; padding: 0; color: var(--apxp-ink); list-style: none; }
.apxute-public-page .apxp-offer-proof li { display: flex; gap: 10px; align-items: center; font-size: 12px; font-weight: 800; }
.apxute-public-page .apxp-offer-proof li i { color: var(--apxp-teal); }
.apxute-public-page .apxp-offer-visual { position: relative; margin: 0; }
.apxute-public-page .apxp-offer-visual img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1px solid #d0e0e5; border-radius: 8px; box-shadow: 0 22px 48px rgba(12,52,70,.13); }
.apxute-public-page .apxp-offer-visual figcaption { position: absolute; right: 18px; bottom: 18px; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; width: min(260px, calc(100% - 36px)); align-items: center; padding: 11px; color: #d8edf0; border-radius: 6px; background: rgba(8,45,60,.92); font-size: 10px; line-height: 1.45; }
.apxute-public-page .apxp-offer-visual figcaption > i { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; border-radius: 5px; background: var(--apxp-teal); }
.apxute-public-page .apxp-offer-visual figcaption span { display: grid; gap: 2px; }
.apxute-public-page .apxp-offer-visual figcaption strong { color: #fff; font-size: 11px; }
.apxute-public-page .apxp-offer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 58px; border-top: 1px solid var(--apxp-line); border-left: 1px solid var(--apxp-line); }
.apxute-public-page .apxp-offer-grid article { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 15px; min-width: 0; padding: 25px 24px 28px; border-right: 1px solid var(--apxp-line); border-bottom: 1px solid var(--apxp-line); background: #fff; }
.apxute-public-page .apxp-offer-icon { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; border-radius: 6px; background: var(--apxp-blue); font-size: 14px; }
.apxute-public-page .apxp-offer-grid article:nth-child(3n + 2) .apxp-offer-icon { background: var(--apxp-teal); }
.apxute-public-page .apxp-offer-grid article:nth-child(3n) .apxp-offer-icon { background: var(--apxp-orange); }
.apxute-public-page .apxp-offer-grid small { color: var(--apxp-teal); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-offer-grid h3 { margin: 6px 0 8px; color: var(--apxp-ink); font-size: 17px; line-height: 1.2; }
.apxute-public-page .apxp-offer-grid p { margin: 0; color: var(--apxp-text); font-size: 12px; line-height: 1.6; }
.apxute-public-page .apxp-roadmap { margin-top: 58px; padding: 31px 32px 33px; border: 1px solid #c8dde2; border-radius: 8px; background: #eaf5f6; }
.apxute-public-page .apxp-roadmap > header { display: flex; gap: 30px; align-items: end; justify-content: space-between; margin-bottom: 18px; }
.apxute-public-page .apxp-roadmap > header .apxp-eyebrow { margin-bottom: 8px; }
.apxute-public-page .apxp-roadmap h3 { margin: 0; color: var(--apxp-ink); font-size: 25px; }
.apxute-public-page .apxp-roadmap-note { display: flex; gap: 8px; align-items: center; color: var(--apxp-blue); font-size: 11px; font-weight: 800; white-space: nowrap; }
.apxute-public-page .apxp-roadmap-note i { color: var(--apxp-orange); }
.apxute-public-page .apxp-roadmap > ol { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin: 0; padding: 19px 0 0; list-style: none; }
.apxute-public-page .apxp-roadmap > ol::before { position: absolute; top: 37px; right: 6%; left: 6%; height: 2px; background: #b5d2d8; content: ''; }
.apxute-public-page .apxp-roadmap > ol li { position: relative; z-index: 1; min-width: 0; padding-right: 22px; }
.apxute-public-page .apxp-roadmap > ol li + li { padding-left: 22px; border-left: 1px solid rgba(140,184,193,.55); }
.apxute-public-page .apxp-roadmap-number { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 17px; color: #fff; border: 6px solid #eaf5f6; border-radius: 50%; background: var(--apxp-blue); font-size: 10px; font-weight: 800; }
.apxute-public-page .apxp-roadmap > ol li:nth-child(2) .apxp-roadmap-number { background: var(--apxp-teal); }
.apxute-public-page .apxp-roadmap > ol li:nth-child(3) .apxp-roadmap-number { background: var(--apxp-orange); }
.apxute-public-page .apxp-roadmap > ol li:nth-child(4) .apxp-roadmap-number { background: var(--apxp-navy); }
.apxute-public-page .apxp-roadmap small { color: var(--apxp-teal); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.apxute-public-page .apxp-roadmap h4 { margin: 6px 0 7px; color: var(--apxp-ink); font-size: 16px; }
.apxute-public-page .apxp-roadmap p { margin: 0; color: var(--apxp-text); font-size: 11px; line-height: 1.6; }

@media (max-width: 1000px) {
    .apxute-public-page .apxp-offer-lead { grid-template-columns: 1fr; gap: 34px; }
    .apxute-public-page .apxp-offer-lead h2 { max-width: 760px; }
}

@media (max-width: 760px) {
    .apxute-public-page .apxp-offer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 40px; }
    .apxute-public-page .apxp-offer-grid article { padding: 20px 16px 22px; }
    .apxute-public-page .apxp-roadmap { margin-top: 40px; padding: 24px 20px; }
    .apxute-public-page .apxp-roadmap > header { display: grid; gap: 12px; align-items: start; }
    .apxute-public-page .apxp-roadmap-note { white-space: normal; }
    .apxute-public-page .apxp-roadmap > ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 23px 0; }
    .apxute-public-page .apxp-roadmap > ol::before { display: none; }
    .apxute-public-page .apxp-roadmap > ol li + li { padding-left: 17px; }
    .apxute-public-page .apxp-roadmap > ol li:nth-child(3) { padding-left: 0; border-left: 0; }
}

@media (max-width: 520px) {
    .apxute-public-page .apxp-offer-lead h2 { font-size: 30px; }
    .apxute-public-page .apxp-offer-grid { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-offer-grid article { grid-template-columns: 38px minmax(0, 1fr); }
    .apxute-public-page .apxp-offer-visual figcaption { right: 10px; bottom: 10px; width: calc(100% - 20px); }
    .apxute-public-page .apxp-roadmap > ol { grid-template-columns: 1fr; }
    .apxute-public-page .apxp-roadmap > ol li,
    .apxute-public-page .apxp-roadmap > ol li + li,
    .apxute-public-page .apxp-roadmap > ol li:nth-child(3) { padding: 0 0 20px; border: 0; border-bottom: 1px solid rgba(140,184,193,.55); }
    .apxute-public-page .apxp-roadmap > ol li:last-child { padding-bottom: 0; border-bottom: 0; }
}