.edx55{
  --brand-navy: #0b2337;
  --brand-mid: #126f93;
  --brand-blue: #049cd1;
  --brand-cyan: #00d7e7;
  --s3-green: #01963c;
  --s3-blue: #049cd1;
  --s3-purple: #655ca5;
  --ink: #071426;
  --muted: #56667a;
  --paper: #ffffff;
  --soft: #f1f5f9;
  --line: #d7e0ea;
  --positive: #06874a;
  --negative: #d6455d;
  --shell: min(1240px, calc(100vw - 3rem));
  --radius: 1.5rem;
  --shadow: 0 24px 70px rgba(0, 30, 80, .14);
  font-family: "Segoe UI", Aptos, Inter, Helvetica, Arial, sans-serif;
  color-scheme: light;
}
.edx55 *{ box-sizing: border-box; }
.edx55{ scroll-behavior: smooth; background: var(--brand-navy); }
.edx55{ margin: 0; color: var(--ink); background: var(--paper); font-size: 16px; line-height: 1.55; overflow-x: hidden; }
.edx55 button{ font: inherit; }
.edx55 img{ max-width: 100%; display: block; }
.edx55 .shell{ width: var(--shell); margin-inline: auto; }
.edx55 .section{ padding: 8rem 0; }
.edx55 .skip-link{ position: fixed; left: 1rem; top: -5rem; z-index: 1000; color: white; background: var(--brand-navy); padding: .8rem 1rem; border-radius: .4rem; font-weight: 700; }
.edx55 .skip-link:focus{ top: 1rem; }
.edx55 .progress{ position: fixed; z-index: 999; inset: 0 0 auto; height: 3px; pointer-events: none; }
.edx55 .progress span{ display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--s3-green), var(--brand-blue), var(--s3-purple)); box-shadow: 0 0 18px rgba(4,156,209,.45); }
.edx55 .site-header{ position: fixed; z-index: 100; inset: 0 0 auto; background: rgba(255,255,255,.96); border-bottom: 1px solid rgba(11,35,55,.09); backdrop-filter: blur(18px); }
.edx55 .header-inner{ min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.edx55 .brand-lockup{ display: flex; align-items: center; gap: 1rem; }
.edx55 .brand-lockup > i{ width: 1px; height: 31px; background: #cbd5e1; }
.edx55 .s3-logo{ width: 145px; height: auto; }
.edx55 .s3-logo-only{ width: 158px; }
.edx55 .header-label{ display: flex; align-items: center; gap: .7rem; color: var(--brand-navy); font-size: .78rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.edx55 .header-label:before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--brand-blue); }
.edx55 .header-label span{ color: #7a8797; font-weight: 620; }
.edx55 .hero{ position: relative; min-height: 100svh; overflow: hidden; padding: 9.7rem 0 5.2rem; color: white; background: radial-gradient(circle at 85% 16%, rgba(4,156,209,.22), transparent 26%), radial-gradient(circle at 12% 76%, rgba(0,215,231,.11), transparent 24%), var(--brand-navy); }
.edx55 .hero-grid-pattern{ position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.11) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(180deg, transparent 0, #000 35%, #000 80%, transparent); }
.edx55 .hero-orbit{ position: absolute; border: 1px solid rgba(4,156,209,.23); border-radius: 50%; pointer-events: none; }
.edx55 .hero-orbit:before{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--brand-blue); box-shadow: 0 0 20px var(--brand-blue); }
.edx55 .orbit-a{ width: 520px; height: 520px; right: -190px; top: 110px; animation: edx55-orbit 24s linear infinite; }
.edx55 .orbit-a:before{ top: 85px; left: 60px; }
.edx55 .orbit-b{ width: 330px; height: 330px; left: -190px; bottom: 40px; border-color: rgba(0,215,231,.14); animation: edx55-orbit 18s linear infinite reverse; }
.edx55 .orbit-b:before{ top: 35px; right: 35px; background: var(--brand-cyan); }
.edx55 .hero-copy{ position: relative; z-index: 2; text-align: center; }
.edx55 .eyebrow{ margin: 0 0 1.25rem; font-size: .75rem; line-height: 1; font-weight: 780; letter-spacing: .17em; text-transform: uppercase; }
.edx55 .eyebrow:before{ content: ""; display: inline-block; width: 1.8rem; height: 2px; margin: 0 .72rem .22rem 0; background: linear-gradient(90deg, var(--s3-green), var(--brand-blue)); }
.edx55 .eyebrow.light{ color: #a9cae6; }
.edx55 .eyebrow.dark{ color: #5d7187; }
.edx55 .hero h1{ margin: 0 auto; max-width: 1120px; font-size: clamp(3.35rem, 5.6vw, 6rem); line-height: .98; letter-spacing: -.058em; font-weight: 390; }
.edx55 .hero h1 span{ color: #66d5ff; }
.edx55 .hero-lead{ max-width: 790px; margin: 1.7rem auto 1.35rem; color: #b6c8dc; font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.7; }
.edx55 .hero-proof{ display: flex; justify-content: center; flex-wrap: wrap; gap: .55rem; margin: 0 auto 2.6rem; }
.edx55 .hero-proof span{ padding: .48rem .75rem; border: 1px solid rgba(255,255,255,.14); border-radius: 99px; color: #d4e4f2; background: rgba(255,255,255,.055); font-size: .68rem; animation: edx55-proofIn .65s both; }
.edx55 .hero-proof span:nth-child(2){ animation-delay: .12s; }
.edx55 .hero-proof span:nth-child(3){ animation-delay: .24s; }
.edx55 .cockpit{ position: relative; z-index: 3; overflow: hidden; border: 1px solid rgba(255,255,255,.18); border-radius: 1.55rem; background: rgba(255,255,255,.985); box-shadow: 0 40px 100px rgba(0,0,0,.38); color: var(--ink); transform-style: preserve-3d; transition: transform .18s ease-out; }
.edx55 .cockpit:before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 5px; background: linear-gradient(var(--s3-green), var(--brand-blue), var(--s3-purple)); }
.edx55 .cockpit-topbar{ min-height: 64px; padding: .9rem 1.35rem .9rem 1.6rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #e2e8ef; background: #f8fafc; }
.edx55 .cockpit-title{ display: flex; align-items: center; gap: .7rem; font-size: .9rem; color: var(--brand-navy); }
.edx55 .pulse-dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 0 0 rgba(6,135,74,.4); animation: edx55-pulse 2.2s infinite; }
.edx55 .cockpit-filters{ display: flex; gap: .55rem; }
.edx55 .cockpit-filters span{ padding: .45rem .7rem; border: 1px solid #d9e1ea; border-radius: 999px; color: #526174; background: white; font-size: .69rem; }
.edx55 .cockpit-layout{ display: grid; grid-template-columns: 1.08fr 2.25fr 1.05fr; min-height: 310px; }
.edx55 .cockpit-kpis{ display: grid; grid-template-columns: 1fr 1fr; border-right: 1px solid #e2e8ef; }
.edx55 .cockpit-kpis > div{ padding: 1.35rem; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #e8edf2; border-bottom: 1px solid #e8edf2; }
.edx55 .cockpit.visible .cockpit-kpis > div{ animation: edx55-kpiIn .65s cubic-bezier(.2,.8,.2,1) both; }
.edx55 .cockpit.visible .cockpit-kpis > div:nth-child(2){ animation-delay: .08s; }
.edx55 .cockpit.visible .cockpit-kpis > div:nth-child(3){ animation-delay: .16s; }
.edx55 .cockpit.visible .cockpit-kpis > div:nth-child(4){ animation-delay: .24s; }
.edx55 .cockpit-kpis > div:nth-child(even){ border-right: 0; }
.edx55 .cockpit-kpis > div:nth-child(n+3){ border-bottom: 0; }
.edx55 .cockpit-kpis span{ color: #697789; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; }
.edx55 .cockpit-kpis strong{ margin: .4rem 0 .1rem; color: var(--brand-navy); font-size: 2.15rem; line-height: 1; letter-spacing: -.05em; font-weight: 450; }
.edx55 .cockpit-kpis small,.edx55 .up,.edx55 .down{ font-weight: 720; }
.edx55 .cockpit-kpis small:not(.up):not(.down){ color: #7b8999; }
.edx55 .up{ color: var(--positive) !important; }
.edx55 .down{ color: var(--negative) !important; }
.edx55 .cockpit-chart{ padding: 1.35rem 1.5rem .8rem; border-right: 1px solid #e2e8ef; }
.edx55 .chart-title{ display: flex; justify-content: space-between; gap: 1rem; color: #68778a; font-size: .72rem; }
.edx55 .chart-title strong{ color: var(--brand-navy); font-weight: 700; }
.edx55 .cockpit-chart svg{ width: 100%; height: 198px; margin-top: .2rem; overflow: visible; }
.edx55 .hero-gridlines path{ stroke: #e5eaf0; stroke-width: 1; }
.edx55 .hero-area{ fill: url(#heroArea); }
.edx55 .hero-line{ fill: none; stroke: var(--brand-blue); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: edx55-lineDraw 2.2s .45s ease forwards; }
.edx55 .market-line{ fill: none; stroke: #aeb8c5; stroke-width: 2; stroke-dasharray: 6 7; }
.edx55 .gap-line{ fill: none; stroke: var(--positive); stroke-width: 2; stroke-dasharray: 3 4; }
.edx55 .gap-label{ fill: var(--positive); font-size: 12px; font-weight: 800; }
.edx55 .cockpit.visible .gap-label{ animation: edx55-gapPulse 2.2s 2s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.edx55 .hero-point{ fill: white; stroke: var(--brand-blue); stroke-width: 4; }
.edx55 .cockpit-legend{ display: flex; align-items: center; gap: 1rem; color: #667487; font-size: .66rem; }
.edx55 .cockpit-legend span{ display: flex; align-items: center; gap: .35rem; }
.edx55 .cockpit-legend i{ width: 14px; height: 3px; border-radius: 4px; }
.edx55 .focus-swatch{ background: var(--brand-blue); }
.edx55 .market-swatch{ background: #aeb8c5; }
.edx55 .sample-badge{ margin-left: auto; padding: .25rem .5rem; border-radius: 99px; background: #eef3f7; color: #718093; }
.edx55 .cockpit-reading{ padding: 1.5rem; display: flex; flex-direction: column; background: var(--brand-navy); color: white; }
.edx55 .cockpit-reading > span{ color: #70d8ff; font-size: .68rem; font-weight: 760; letter-spacing: .12em; text-transform: uppercase; }
.edx55 .cockpit-reading > strong{ margin: 1.1rem 0 .7rem; font-size: 1.17rem; line-height: 1.25; }
.edx55 .cockpit-reading p{ margin: 0; color: #b8c9db; font-size: .78rem; line-height: 1.6; }
.edx55 .reading-signal{ margin-top: auto; padding-top: 1rem; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .55rem; border-top: 1px solid rgba(255,255,255,.15); font-size: .7rem; }
.edx55 .reading-signal i{ width: 8px; height: 8px; border-radius: 50%; background: #43d483; box-shadow: 0 0 12px rgba(67,212,131,.7); }
.edx55 .reading-signal span{ color: #8fa5bb; }
.edx55 .reading-signal b{ color: #72e2a3; }
.edx55 .scroll-note{ position: absolute; bottom: 1rem; left: 50%; z-index: 4; transform: translateX(-50%); display: flex; align-items: center; gap: .65rem; color: #7195b5; font-size: .65rem; letter-spacing: .14em; text-transform: uppercase; }
.edx55 .scroll-note i{ width: 1px; height: 25px; background: linear-gradient(var(--brand-blue), transparent); animation: edx55-scrollLine 1.7s ease-in-out infinite; }
.edx55 .chapter-nav{ position: sticky; z-index: 80; top: 78px; background: rgba(255,255,255,.96); border-bottom: 1px solid #dfe6ed; box-shadow: 0 8px 28px rgba(11,35,55,.05); backdrop-filter: blur(15px); }
.edx55 .chapter-scroll{ display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; }
.edx55 .chapter-scroll::-webkit-scrollbar{ display: none; }
.edx55 .chapter-scroll a{ flex: 1 0 auto; padding: 1rem .85rem .9rem; color: #617186; border-bottom: 3px solid transparent; text-align: center; text-decoration: none; font-size: .72rem; font-weight: 670; white-space: nowrap; transition: .22s ease; }
.edx55 .chapter-scroll a span{ display: block; color: #9aa6b4; font-size: .57rem; letter-spacing: .12em; }
.edx55 .chapter-scroll a:hover{ color: var(--brand-navy); background: #f6f9fb; }
.edx55 .chapter-scroll a.active{ color: var(--brand-navy); border-bottom-color: var(--brand-blue); }
.edx55 .intro{ background: white; }
.edx55 .intro-grid{ text-align: center; }
.edx55 .intro h2{ margin: 0 auto; max-width: 1080px; font-size: clamp(3rem, 5.4vw, 5.8rem); line-height: 1; letter-spacing: -.06em; font-weight: 390; }
.edx55 .intro h2 span{ color: var(--brand-mid); }
.edx55 .intro-grid > p:last-child{ max-width: 760px; margin: 2rem auto 0; color: var(--muted); font-size: 1.08rem; line-height: 1.75; }
.edx55 .questions{ color: white; background: radial-gradient(circle at 85% 20%, rgba(4,156,209,.2), transparent 25%), #00173c; }
.edx55 .launch-context{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: .75rem 1rem; padding: 1rem 1.3rem; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; background: rgba(255,255,255,.06); }
.edx55 .launch-context > span{ color: #71d8ff; font-size: .66rem; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.edx55 .launch-context strong{ font-size: .75rem; font-weight: 650; }
.edx55 .launch-context i{ width: 3px; height: 3px; border-radius: 50%; background: rgba(255,255,255,.38); }
.edx55 .questions-heading{ max-width: 950px; margin: 5rem 0 3rem; }
.edx55 .questions-heading h2{ margin: 0; font-size: clamp(2.9rem, 5.2vw, 5.5rem); line-height: 1; letter-spacing: -.06em; font-weight: 390; }
.edx55 .questions-heading > p:last-child{ max-width: 760px; margin: 1.5rem 0 0; color: #afc3d8; font-size: 1rem; line-height: 1.7; }
.edx55 .question-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 1.5rem; background: rgba(255,255,255,.14); }
.edx55 .question-card{ position: relative; min-height: 235px; padding: 1.6rem; background: linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.045)), #0b2337; transition: background .25s ease, transform .25s ease; }
.edx55 .question-card:hover{ z-index: 2; background: linear-gradient(145deg, rgba(4,156,209,.22), rgba(255,255,255,.055)), #00275f; transform: translateY(-3px); }
.edx55 .question-card span{ color: #66d6ff; font-size: .66rem; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.edx55 .question-card strong{ display: block; max-width: 310px; margin: 2rem 0 .8rem; font-size: 1.18rem; line-height: 1.35; }
.edx55 .question-card p{ margin: 0; color: #9fb5cb; font-size: .82rem; line-height: 1.6; }
.edx55 .context-note{ margin: 1rem 0 0; color: #748fa9; font-size: .68rem; }
.edx55 .question-card:nth-child(2){ transition-delay: .06s; }
.edx55 .question-card:nth-child(3){ transition-delay: .12s; }
.edx55 .question-card:nth-child(4){ transition-delay: .18s; }
.edx55 .question-card:nth-child(5){ transition-delay: .24s; }
.edx55 .question-card:nth-child(6){ transition-delay: .3s; }
.edx55 .decision-lab{ position: relative; overflow: hidden; background: linear-gradient(180deg, #f7fafc, #eaf2f8); }
.edx55 .decision-halo{ position: absolute; width: 650px; height: 650px; left: -320px; top: 5%; border-radius: 50%; background: radial-gradient(circle, rgba(4,156,209,.14), transparent 68%); animation: edx55-haloBreathe 5s ease-in-out infinite; }
.edx55 .decision-shell{ position: relative; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 7vw, 7rem); align-items: center; }
.edx55 .decision-heading h2{ margin: 0; font-size: clamp(2.85rem, 4.7vw, 5rem); line-height: 1; letter-spacing: -.06em; font-weight: 390; }
.edx55 .decision-heading > p:last-child{ margin: 1.5rem 0 0; color: var(--muted); font-size: 1rem; line-height: 1.7; }
.edx55 .decision-stage{ overflow: hidden; border: 1px solid #d8e3ec; border-radius: 1.6rem; background: white; box-shadow: 0 28px 75px rgba(11,35,55,.14); }
.edx55 .decision-tabs{ display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid #e1e8ef; background: #f6f9fb; }
.edx55 .decision-tabs button{ appearance: none; position: relative; padding: 1.05rem .75rem; border: 0; border-right: 1px solid #e1e8ef; color: #6c7b8d; background: transparent; font-size: .73rem; font-weight: 720; cursor: pointer; transition: color .2s ease, background .2s ease; }
.edx55 .decision-tabs button:last-child{ border-right: 0; }
.edx55 .decision-tabs button:hover{ color: var(--brand-navy); background: white; }
.edx55 .decision-tabs button[aria-selected="true"]{ color: var(--brand-navy); background: white; }
.edx55 .decision-tabs button[aria-selected="true"]:after{ content: ""; position: absolute; inset: auto 1rem -1px; height: 3px; border-radius: 4px 4px 0 0; background: var(--brand-blue); }
.edx55 .decision-panel{ display: grid; grid-template-columns: 1fr 42px 1fr; }
.edx55 .decision-view{ min-height: 205px; padding: 1.7rem; display: flex; flex-direction: column; justify-content: center; }
.edx55 .decision-view > span,.edx55 .edx-decision-outcome > span{ color: #718196; font-size: .66rem; font-weight: 780; letter-spacing: .11em; text-transform: uppercase; }
.edx55 .decision-view > strong{ margin: 1.2rem 0 .5rem; color: var(--brand-navy); font-size: 1.55rem; line-height: 1.16; letter-spacing: -.035em; }
.edx55 .decision-view > p{ margin: 0; color: #647488; font-size: .8rem; line-height: 1.55; }
.edx55 .local-view{ background: #fafcfd; }
.edx55 .benchmark-view{ background: linear-gradient(145deg, #eef9fd, white); }
.edx55 .benchmark-view > span{ color: var(--brand-mid); }
.edx55 .decision-arrow{ display: grid; place-items: center; align-content: center; gap: .4rem; background: var(--brand-navy); }
.edx55 .decision-arrow i{ width: 1px; height: 25px; background: linear-gradient(transparent, #54d0ff); }
.edx55 .decision-arrow i:last-child{ transform: rotate(180deg); }
.edx55 .decision-arrow span{ color: #6cd8ff; font-size: 1.2rem; }
.edx55 .edx-decision-outcome{ grid-column: 1 / -1; padding: 1.5rem 1.7rem; display: grid; grid-template-columns: 6.5rem 1.05fr 1fr; gap: 1.2rem; align-items: start; color: white; background: linear-gradient(110deg, var(--brand-navy), #003f77); }
.edx55 .edx-decision-outcome > span{ color: #68d7ff; }
.edx55 .edx-decision-outcome > strong{ font-size: .98rem; line-height: 1.42; }
.edx55 .edx-decision-outcome > p{ margin: 0; color: #b7c9da; font-size: .78rem; line-height: 1.55; }
.edx55 .decision-panel.is-changing .decision-view,.edx55 .decision-panel.is-changing .edx-decision-outcome{ animation: edx55-decisionSwap .45s cubic-bezier(.2,.8,.2,1) both; }
.edx55 .decision-panel.is-changing .benchmark-view{ animation-delay: .06s; }
.edx55 .decision-panel.is-changing .edx-decision-outcome{ animation-delay: .12s; }
.edx55 .decision-progress{ height: 3px; background: #e5edf3; }
.edx55 .decision-progress i{ display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--s3-green), var(--brand-blue), var(--s3-purple)); }
.edx55 .decision-progress i.running{ animation: edx55-decisionTick 6s linear both; }
.edx55 .decision-note{ margin: .85rem 1.2rem 1rem; color: #8492a3; font-size: .66rem; text-align: center; }
.edx55 .chapter{ position: relative; scroll-margin-top: 132px; padding: 8.5rem 0; overflow: hidden; }
.edx55 .chapter-light{ background: white; }
.edx55 .chapter-soft{ background: var(--soft); }
.edx55 .chapter-blue{ color: white; background: radial-gradient(circle at 12% 30%, rgba(4,156,209,.18), transparent 25%), linear-gradient(135deg, var(--brand-navy), #003c70); }
.edx55 .chapter-dark{ color: white; background: radial-gradient(circle at 88% 15%, rgba(101,92,165,.18), transparent 28%), #071426; }
.edx55 .chapter-grid{ display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(4rem, 7vw, 7.5rem); align-items: center; }
.edx55 .chapter-grid.reverse{ grid-template-columns: 1.22fr .78fr; }
.edx55 .chapter-grid > *{ min-width: 0; }
.edx55 .chapter-copy{ position: relative; }
.edx55 .chapter-number{ margin-bottom: 3.8rem; color: rgba(11,35,55,.1); font-size: 7.8rem; line-height: .65; letter-spacing: -.09em; font-weight: 750; }
.edx55 .light-number{ color: rgba(255,255,255,.1); }
.edx55 .chapter-copy h2,.edx55 .section-heading h2,.edx55 .participation h2{ margin: 0; font-size: clamp(2.65rem, 4.25vw, 4.6rem); line-height: 1.02; letter-spacing: -.055em; font-weight: 400; }
.edx55 .chapter-lead{ margin: 1.5rem 0 2rem; color: #647488; font-size: 1.05rem; line-height: 1.72; }
.edx55 .chapter-blue .chapter-lead,.edx55 .chapter-dark .chapter-lead{ color: #b4c7d9; }
.edx55 .value-list{ margin: 0; border-top: 1px solid #d9e2eb; }
.edx55 .value-list > div{ display: grid; grid-template-columns: 9rem 1fr; gap: 1.25rem; padding: 1.1rem 0; border-bottom: 1px solid #d9e2eb; }
.edx55 .value-list dt{ color: var(--brand-mid); font-size: .7rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .value-list dd{ margin: 0; color: #58697d; font-size: .86rem; line-height: 1.6; }
.edx55 .light-list{ border-color: rgba(255,255,255,.16); }
.edx55 .light-list > div{ border-color: rgba(255,255,255,.16); }
.edx55 .light-list dt{ color: #65d6ff; }
.edx55 .light-list dd{ color: #b8c8d8; }
.edx55 .module-card,.edx55 .ranking-card{ position: relative; border: 1px solid #dce4ec; border-radius: var(--radius); background: white; box-shadow: var(--shadow); overflow: hidden; color: var(--ink); }
.edx55 .module-card:after,.edx55 .ranking-card:after{ content: ""; position: absolute; z-index: 6; inset: 0; pointer-events: none; opacity: 0; background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%), rgba(4,156,209,.11), transparent 65%); transition: opacity .3s ease; }
.edx55 .module-card:hover:after,.edx55 .ranking-card:hover:after{ opacity: 1; }
.edx55 .module-card:before,.edx55 .ranking-card:before{ content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(var(--s3-green), var(--brand-blue), var(--s3-purple)); }
.edx55 .module-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.4rem 1.6rem; border-bottom: 1px solid #e3e9ef; }
.edx55 .module-head span{ color: #718094; font-size: .66rem; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .module-head h3{ margin: .2rem 0 0; color: var(--brand-navy); font-size: 1.35rem; line-height: 1.1; }
.edx55 .light-head{ border-color: rgba(255,255,255,.15); }
.edx55 .light-head span{ color: #92b8d4; }
.edx55 .light-head h3{ color: white; }
.edx55 .kpi-selector{ display: grid; grid-template-columns: repeat(4, 1fr); }
.edx55 .kpi-selector button{ appearance: none; min-width: 0; padding: 1.5rem 1rem; border: 0; border-right: 1px solid #e4eaf0; border-bottom: 3px solid transparent; background: white; text-align: left; cursor: pointer; transition: .25s ease; }
.edx55 .kpi-selector button:last-child{ border-right: 0; }
.edx55 .kpi-selector button:hover{ background: #f5f9fc; }
.edx55 .kpi-selector button[aria-selected="true"]{ background: #eef8fd; border-bottom-color: var(--brand-blue); }
.edx55 .kpi-selector button span,.edx55 .kpi-selector button strong,.edx55 .kpi-selector button small{ display: block; }
.edx55 .kpi-selector button span{ color: #667589; font-size: .68rem; }
.edx55 .kpi-selector button strong{ margin: .5rem 0 .35rem; color: var(--brand-navy); font-size: clamp(1.55rem,2.3vw,2.3rem); line-height: 1; letter-spacing: -.045em; font-weight: 440; }
.edx55 .kpi-selector button small{ font-size: .68rem; }
.edx55 .metric-explanation{ display: grid; grid-template-columns: 90px 1fr; gap: 1.5rem; padding: 2rem 1.7rem; align-items: center; background: #f8fafc; }
.edx55 .metric-explanation > div:last-child > span{ color: var(--brand-blue); font-size: .67rem; font-weight: 780; letter-spacing: .12em; text-transform: uppercase; }
.edx55 .metric-explanation h4{ margin: .35rem 0 .45rem; color: var(--brand-navy); font-size: 1.2rem; }
.edx55 .metric-explanation p{ margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.6; }
.edx55 .metric-icon{ width: 78px; height: 78px; display: flex; align-items: end; gap: 6px; padding: 15px; border-radius: 50%; border: 1px solid #cde8f3; background: white; }
.edx55 .metric-icon i{ flex: 1; height: var(--h); border-radius: 4px 4px 1px 1px; background: linear-gradient(var(--brand-blue), var(--brand-mid)); animation: edx55-barUp .55s both; }
.edx55 .metric-icon i:nth-child(1){--h:43%}
.edx55 .metric-icon i:nth-child(2){--h:72%}
.edx55 .metric-icon i:nth-child(3){--h:92%}
.edx55 .entrant-module{ padding-bottom: 1.5rem; border-color: rgba(255,255,255,.18); background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.055)); box-shadow: 0 32px 80px rgba(0,0,0,.3); backdrop-filter: blur(14px); color: white; }
.edx55 .donut-row{ display: grid; grid-template-columns: 1fr .8fr; gap: 2rem; align-items: center; padding: 2rem; }
.edx55 .donut{ position: relative; width: min(245px, 100%); aspect-ratio: 1; margin-inline: auto; }
.edx55 .donut svg{ width: 100%; transform: rotate(-90deg); overflow: visible; }
.edx55 .donut circle{ fill: none; stroke-width: 16; }
.edx55 .donut-base{ stroke: rgba(255,255,255,.1); }
.edx55 .donut-value{ stroke: var(--brand-cyan); stroke-linecap: round; stroke-dasharray: 11.53 88.47; filter: drop-shadow(0 0 7px rgba(0,215,231,.4)); animation: edx55-donutIn 1.2s .25s both; }
.edx55 .donut > div{ position: absolute; inset: 0; display: grid; place-content: center; text-align: center; }
.edx55 .donut strong{ font-size: 2.8rem; line-height: 1; letter-spacing: -.055em; font-weight: 420; }
.edx55 .donut span{ margin-top: .3rem; color: #a6c5db; font-size: .7rem; }
.edx55 .entrant-change > span{ color: #91b5d1; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .entrant-change strong{ display: block; margin: .45rem 0 .8rem; color: #64e39b; font-size: 3rem; font-weight: 430; letter-spacing: -.05em; }
.edx55 .entrant-change p{ margin: 0; color: #c0d0df; font-size: .83rem; line-height: 1.6; }
.edx55 .entrant-trend{ position: relative; height: 75px; margin: 0 2rem; display: flex; align-items: flex-start; gap: 2px; border-bottom: 1px solid rgba(255,255,255,.12); }
.edx55 .entrant-trend:before{ content: ""; position: absolute; left: 0; right: 0; top: 45%; height: 1px; background: rgba(255,255,255,.08); }
.edx55 .entrant-trend i{ position: relative; flex: 1; height: calc(100% - var(--y)); margin-top: var(--y); background: linear-gradient(180deg, var(--brand-cyan), rgba(4,156,209,.18)); border-radius: 3px 3px 0 0; animation: edx55-barUp .75s both; }
.edx55 .audience-module{ overflow: visible; }
.edx55 .chart-legend,.edx55 .compare-legend,.edx55 .quality-key{ display: flex; flex-wrap: wrap; gap: 1rem; padding: 1.1rem 1.6rem 0; color: #66768a; font-size: .67rem; }
.edx55 .chart-legend span,.edx55 .compare-legend span,.edx55 .quality-key span{ display: flex; align-items: center; gap: .4rem; }
.edx55 .chart-legend i,.edx55 .compare-legend i,.edx55 .quality-key i{ width: 16px; height: 4px; border-radius: 4px; }
.edx55 .line-key{ background: var(--brand-blue); }
.edx55 .bar-key{ background: #ccd5df; }
.edx55 .svg-chart-wrap{ position: relative; margin: .5rem 1rem 0; }
.edx55 .svg-chart-wrap svg{ width: 100%; display: block; overflow: visible; }
.edx55 .chart-grid{ stroke: #dfe5ec; stroke-width: 1; }
.edx55 .chart-axis{ fill: #788697; font-size: 11px; }
.edx55 .chart-bar{ fill: #d7dee7; transition: fill .2s ease; }
.edx55 .chart-hit:hover + .chart-bar,.edx55 .chart-bar:hover{ fill: #aebdca; }
.edx55 .chart-share{ fill: none; stroke: var(--brand-blue); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 3px 5px rgba(4,156,209,.18)); stroke-dasharray: 1200; stroke-dashoffset: 1200; animation: edx55-lineDraw 1.7s .25s ease forwards; }
.edx55 .chart-point{ fill: white; stroke: var(--brand-blue); stroke-width: 3; cursor: pointer; }
.edx55 .chart-tooltip{ position: absolute; z-index: 5; min-width: 120px; padding: .65rem .75rem; border-radius: .55rem; color: white; background: var(--brand-navy); box-shadow: 0 8px 25px rgba(11,35,55,.22); font-size: .69rem; pointer-events: none; transform: translate(-50%, calc(-100% - 12px)); }
.edx55 .chart-tooltip strong,.edx55 .chart-tooltip span{ display: block; }
.edx55 .chart-tooltip span{ color: #b8c9dc; }
.edx55 .chart-foot{ margin: .35rem 1.6rem 1.35rem; color: #8592a2; font-size: .66rem; }
.edx55 .funnel-module{ padding-bottom: 1.8rem; }
.edx55 .compare-legend i{ background: var(--brand-blue); }
.edx55 .compare-legend span:nth-child(2) i{ background: #bec8d2; }
.edx55 .funnel-bars{ display: grid; gap: 1.1rem; padding: 1.6rem; }
.edx55 .row-label{ display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .45rem; font-size: .78rem; }
.edx55 .row-label span{ color: #526276; }
.edx55 .row-label strong{ color: var(--brand-navy); }
.edx55 .row-label small{ margin-left: .3rem; font-size: .65rem; }
.edx55 .twin-track{ position: relative; height: 17px; }
.edx55 .twin-track i,.edx55 .twin-track em{ position: absolute; left: 0; height: 6px; width: var(--w); border-radius: 6px; transform-origin: left; animation: edx55-widthIn .9s both; }
.edx55 .twin-track i{ top: 0; height: 8px; z-index: 2; background: linear-gradient(90deg, var(--brand-mid), var(--brand-blue)); box-shadow: 0 3px 9px rgba(4,156,209,.18); }
.edx55 .twin-track em{ bottom: 0; height: 5px; background: repeating-linear-gradient(90deg, #aebbc8 0 9px, #dfe5eb 9px 13px); }
.edx55 .gap-positive{ color: var(--positive) !important; }
.edx55 .gap-negative{ color: var(--negative) !important; }
.edx55 .comparison-reading{ display: grid; grid-template-columns: 8rem 1fr; gap: 1rem; margin: 0 1.6rem; padding: 1rem 1.1rem; border-radius: .85rem; background: #eef8fd; }
.edx55 .comparison-reading span{ color: var(--brand-mid); font-size: .64rem; font-weight: 780; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .comparison-reading p{ margin: 0; color: #4f6478; font-size: .76rem; line-height: 1.55; }
.edx55 .leads-module,.edx55 .trends-module{ border-color: rgba(255,255,255,.16); background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035)); box-shadow: 0 30px 80px rgba(0,0,0,.28); color: white; }
.edx55 .lead-list{ display: grid; gap: 1rem; padding: 1.7rem; }
.edx55 .lead-list > div{ display: grid; grid-template-columns: 7.8rem 1fr 3.7rem 3.2rem; align-items: center; gap: .8rem; }
.edx55 .lead-list span{ color: #c3cfdb; font-size: .78rem; }
.edx55 .lead-list strong{ font-size: .78rem; text-align: right; }
.edx55 .lead-list small{ font-size: .68rem; text-align: right; }
.edx55 .lead-track{ height: 7px; border-radius: 10px; background: rgba(255,255,255,.1); overflow: hidden; }
.edx55 .lead-track i{ display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--s3-purple), var(--brand-blue)); transform-origin: left; animation: edx55-widthIn .9s both; }
.edx55 .module-insight{ display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1rem 1.7rem; border-top: 1px solid rgba(255,255,255,.12); background: rgba(4,156,209,.08); }
.edx55 .module-insight span{ color: #69d8ff; font-size: .65rem; font-weight: 780; letter-spacing: .11em; text-transform: uppercase; }
.edx55 .module-insight p{ margin: 0; color: #c5d1dc; font-size: .78rem; }
.edx55 .quality-module{ padding-bottom: 1.6rem; }
.edx55 .quality-stack{ display: grid; gap: 1.25rem; padding: 2rem 1.6rem 1.1rem; }
.edx55 .quality-stack > div{ display: grid; grid-template-columns: 6.8rem 1fr 5.2rem; align-items: center; gap: .8rem; }
.edx55 .quality-stack span{ color: #536477; font-size: .78rem; }
.edx55 .quality-stack strong{ color: var(--brand-navy); font-size: .75rem; line-height: 1.25; text-align: right; }
.edx55 .quality-stack strong small{ display: block; margin-top: .15rem; font-size: .62rem; }
.edx55 .quality-stack > div > div{ position: relative; height: 14px; }
.edx55 .quality-stack i,.edx55 .quality-stack em{ position: absolute; left: 0; width: var(--w); height: 7px; border-radius: 6px; transform-origin: left; animation: edx55-widthIn .9s both; }
.edx55 .quality-stack i{ top: 0; height: 8px; z-index: 2; background: linear-gradient(90deg, var(--brand-mid), var(--brand-blue)); }
.edx55 .quality-stack em{ bottom: 0; height: 5px; background: repeating-linear-gradient(90deg, #aebbc8 0 9px, #dfe5eb 9px 13px); }
.edx55 .quality-key{ padding-top: .7rem; padding-bottom: 1rem; }
.edx55 .quality-key i{ background: var(--brand-blue); }
.edx55 .quality-key span:nth-child(2) i{ background: #bfcad5; }
.edx55 .light-reading{ margin-bottom: 1.5rem; }
.edx55 .wide-chapter .section-heading{ display: grid; grid-template-columns: 1fr .72fr; gap: 6rem; align-items: end; margin-bottom: 3.7rem; }
.edx55 .section-heading .chapter-number{ margin-bottom: 3.2rem; }
.edx55 .section-heading > div:last-child > p{ margin: 0 0 1.2rem; color: var(--muted); font-size: .95rem; line-height: 1.7; }
.edx55 .mini-value{ margin: 0; }
.edx55 .mini-value div{ padding: 1rem 0 0; border-top: 1px solid #d5dee7; }
.edx55 .mini-value dt{ color: var(--brand-mid); font-size: .68rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .mini-value dd{ margin: .3rem 0 0; color: #657488; font-size: .82rem; }
.edx55 .ranking-top{ display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 1.5rem 1.8rem; border-bottom: 1px solid #e0e6ed; }
.edx55 .ranking-top span{ color: #788698; font-size: .65rem; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .ranking-top h3{ margin: .25rem 0 0; color: var(--brand-navy); font-size: 1.35rem; }
.edx55 .rank-legend{ display: flex; align-items: center; gap: .5rem; }
.edx55 .rank-legend i{ width: 90px; height: 7px; border-radius: 99px; background: linear-gradient(90deg, #9fe9ff, #cfc9f3); }
.edx55 .table-wrap{ overflow-x: auto; }
.edx55 table{ width: 100%; min-width: 890px; border-collapse: collapse; font-size: .76rem; }
.edx55 th,.edx55 td{ padding: .85rem .7rem; border-bottom: 1px solid #e5eaf0; text-align: center; }
.edx55 thead th{ color: #67768a; background: #f5f7fa; font-size: .63rem; letter-spacing: .045em; text-transform: uppercase; }
.edx55 thead th:first-child,.edx55 tbody th{ text-align: left; }
.edx55 tbody th{ color: #304258; font-weight: 650; }
.edx55 tbody td{ color: #44566b; }
.edx55 .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.edx55 .performance-table{ min-width: 1080px; table-layout: fixed; }
.edx55 .performance-table th,.edx55 .performance-table td{ padding: .68rem .42rem; }
.edx55 .performance-table thead th:first-child{ width: 11.5rem; }
.edx55 .performance-table .metric-groups th{ padding-block: .8rem; color: var(--brand-navy); font-size: .76rem; letter-spacing: .02em; text-transform: none; border-bottom-color: #d6e0e9; }
.edx55 .performance-table .metric-groups th:nth-child(2){ background: #e8f5fb; }
.edx55 .performance-table .metric-groups th:nth-child(3){ background: #eef0ff; }
.edx55 .performance-table .metric-groups th:nth-child(4){ background: #e8f8f7; }
.edx55 .performance-table .metric-groups th:nth-child(5){ background: #e5f4f3; }
.edx55 .performance-table .metric-groups th:nth-child(6){ background: #f3eafe; }
.edx55 .performance-table .metric-subhead th{ color: #748397; background: #f8fafc; font-size: .75rem; }
.edx55 .performance-table .metric-subhead th:nth-child(even),.edx55 .performance-table tbody td:nth-child(3),.edx55 .performance-table tbody td:nth-child(5),.edx55 .performance-table tbody td:nth-child(7),.edx55 .performance-table tbody td:nth-child(9),.edx55 .performance-table tbody td:nth-child(11){ border-right: 2px solid white; }
.edx55 .performance-table tbody td:nth-child(2),.edx55 .performance-table tbody td:nth-child(3){ background: rgba(4,156,209,.09); }
.edx55 .performance-table tbody td:nth-child(4),.edx55 .performance-table tbody td:nth-child(5){ background: rgba(101,92,165,.09); }
.edx55 .performance-table tbody td:nth-child(6),.edx55 .performance-table tbody td:nth-child(7){ background: rgba(0,215,231,.085); }
.edx55 .performance-table tbody td:nth-child(8),.edx55 .performance-table tbody td:nth-child(9){ background: rgba(1,150,60,.075); }
.edx55 .performance-table tbody td:nth-child(10),.edx55 .performance-table tbody td:nth-child(11){ background: rgba(145,55,215,.09); }
.edx55 .performance-table tbody td:nth-child(3),.edx55 .performance-table tbody td:nth-child(5),.edx55 .performance-table tbody td:nth-child(7),.edx55 .performance-table tbody td:nth-child(9),.edx55 .performance-table tbody td:nth-child(11){ color: #657589; font-weight: 700; }
.edx55 .performance-table thead th:first-child,.edx55 .performance-table tbody th{ position: sticky; left: 0; z-index: 3; background: white; box-shadow: 1px 0 #dfe6ed; }
.edx55 .performance-table thead th:first-child{ z-index: 5; background: #f5f7fa; }
.edx55 .performance-table .focus-row th{ background: #e8f7fd; }
.edx55 .performance-table tbody tr:hover td{ filter: saturate(1.25) brightness(.98); }
.edx55 .performance-table tbody th{ white-space: nowrap; }
.edx55 .brand-mark{ width: 29px; height: 29px; display: inline-grid; place-items: center; margin-right: .62rem; vertical-align: middle; border: 1px solid #e1e8ef; border-radius: 50%; background: white; box-shadow: 0 2px 7px rgba(0,36,74,.07); }
.edx55 .brand-mark img{ display: block; width: 21px; height: 21px; object-fit: contain; }
.edx55 .performance-table td.neutral{ color: #7f8fa1; font-weight: 750; }
.edx55 .performance-table td.not-ranked{ color: #8a98a8; font-size: .68rem; font-weight: 760; letter-spacing: .06em; }
.edx55 .ranking-key{ display: flex; justify-content: flex-end; gap: 1.2rem; padding: .56rem 1.4rem; color: #77879a; background: #f8fafc; border-top: 1px solid #e4eaf0; font-size: .65rem; }
.edx55 .ranking-key strong{ margin-right: .25rem; color: var(--brand-navy); }
.edx55 .rank{ background: rgba(4,156,209,.06); }
.edx55 .r1,.edx55 .r2,.edx55 .r3,.edx55 .r4,.edx55 .r5,.edx55 .r6{ background: rgba(4,156,209,.28); }
.edx55 .r7,.edx55 .r9,.edx55 .r11,.edx55 .r12{ background: rgba(4,156,209,.21); }
.edx55 .r15,.edx55 .r16,.edx55 .r17,.edx55 .r18{ background: rgba(4,156,209,.15); }
.edx55 .r22,.edx55 .r26,.edx55 .r27{ background: rgba(4,156,209,.1); }
.edx55 .r40,.edx55 .r44{ background: rgba(4,156,209,.045); }
.edx55 .focus-row{ position: relative; outline: 2px solid var(--brand-blue); outline-offset: -2px; background: #eef9fd; }
.edx55 .focus-row th{ color: var(--brand-navy); }
.edx55 .focus-row .brand-mark{ border-color: rgba(0,126,186,.28); box-shadow: 0 2px 9px rgba(0,126,186,.13); }
.edx55 .focus-symbol{ color: white; border-color: transparent !important; background: linear-gradient(135deg, var(--s3-green), var(--brand-blue), var(--s3-purple)); font-size: .58rem; font-weight: 820; letter-spacing: -.02em; }
.edx55 .ranking-reading{ display: grid; grid-template-columns: auto 1fr; gap: 1.4rem; padding: 1.3rem 1.8rem; background: var(--brand-navy); color: white; }
.edx55 .ranking-reading > span{ color: #6ad9ff; font-size: .66rem; font-weight: 760; letter-spacing: .1em; text-transform: uppercase; }
.edx55 .ranking-reading p{ margin: 0; color: #becddd; font-size: .84rem; }
.edx55 .ranking-reading strong{ color: white; }
.edx55 .trends-module{ overflow: visible; }
.edx55 .brand-toggles{ display: flex; flex-wrap: wrap; gap: .45rem; padding: 1.2rem 1.5rem .4rem; }
.edx55 .brand-toggles button{ appearance: none; padding: .45rem .7rem; display: flex; align-items: center; gap: .4rem; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; color: #8eabc1; background: transparent; font-size: .66rem; cursor: pointer; transition: .2s ease; }
.edx55 .brand-toggles button:hover{ color: white; border-color: rgba(255,255,255,.4); }
.edx55 .brand-toggles button.active{ color: white; background: rgba(255,255,255,.1); }
.edx55 .brand-toggles i{ width: 7px; height: 7px; border-radius: 50%; background: var(--c); opacity: .35; }
.edx55 .brand-toggles button.active i{ opacity: 1; box-shadow: 0 0 9px var(--c); }
.edx55 .trend-wrap{ margin-top: .4rem; }
.edx55 .trend-grid{ stroke: rgba(255,255,255,.12); stroke-width: 1; }
.edx55 .trend-axis{ fill: #8ba5ba; font-size: 11px; }
.edx55 .trend-line{ fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1200; stroke-dashoffset: 1200; animation: edx55-lineDraw 1.4s ease forwards; transition: opacity .25s ease; }
.edx55 .trend-dot{ cursor: pointer; stroke: #082441; stroke-width: 2; }
.edx55 .light-foot{ color: #83a3bc; }
.edx55 .participation{ position: relative; overflow: hidden; padding: 9rem 0; background: white; }
.edx55 .participation-inner{ position: relative; padding: 5rem; overflow: hidden; border-radius: 2rem; color: white; background: linear-gradient(135deg, var(--brand-navy), var(--brand-mid)); box-shadow: 0 35px 90px rgba(11,35,55,.24); }
.edx55 .participation-inner:before{ content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.13) 1px, transparent 1px); background-size: 56px 56px; }
.edx55 .participation-inner > *{ position: relative; z-index: 2; }
.edx55 .participation h2{ max-width: 900px; }
.edx55 .participation h2 span{ color: #67d6ff; }
.edx55 .participation-inner > p:not(.eyebrow){ max-width: 700px; margin: 1.7rem 0 3.2rem; color: #b7cadb; font-size: 1.02rem; }
.edx55 .participation-points{ display: grid; grid-template-columns: repeat(4,1fr); gap: 1rem; }
.edx55 .participation-points > div{ min-height: 145px; padding: 1.25rem; border: 1px solid rgba(255,255,255,.15); border-radius: 1rem; background: rgba(255,255,255,.06); backdrop-filter: blur(8px); }
.edx55 .participation-points span,.edx55 .participation-points strong{ display: block; }
.edx55 .participation-points span{ color: #69d8ff; font-size: .65rem; font-weight: 780; letter-spacing: .11em; text-transform: uppercase; }
.edx55 .participation-points strong{ margin-top: 2rem; font-size: 1rem; line-height: 1.35; }
.edx55 .footer{ padding: 2rem 0; color: white; background: #000e25; }
.edx55 .footer-inner{ display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 2rem; }
.edx55 .footer-lockup img:first-child{ filter: brightness(0) invert(1); }
.edx55 .footer-lockup > i{ background: rgba(255,255,255,.28); }
.edx55 .footer-inner > div:nth-child(2){ text-align: center; }
.edx55 .footer-inner > div:nth-child(2) strong,.edx55 .footer-inner > div:nth-child(2) span{ display: block; }
.edx55 .footer-inner > div:nth-child(2) strong{ font-size: .82rem; }
.edx55 .footer-inner > div:nth-child(2) span{ color: #8097af; font-size: .66rem; }
.edx55 .footer small{ justify-self: end; color: #6f839a; font-size: .63rem; }
.edx55 .hero-proof span,.edx55 .cockpit-filters span,.edx55 .cockpit-kpis span,.edx55 .chart-title,.edx55 .cockpit-legend,.edx55 .cockpit-reading > span,.edx55 .reading-signal,.edx55 .scroll-note,.edx55 .chapter-scroll a,.edx55 .chapter-scroll a span,.edx55 .launch-context > span,.edx55 .question-card span,.edx55 .context-note,.edx55 .decision-tabs button,.edx55 .decision-view > span,.edx55 .edx-decision-outcome > span,.edx55 .decision-note,.edx55 .value-list dt,.edx55 .module-head span,.edx55 .kpi-selector button span,.edx55 .kpi-selector button small,.edx55 .metric-explanation > div:last-child > span,.edx55 .donut span,.edx55 .entrant-change > span,.edx55 .chart-legend,.edx55 .compare-legend,.edx55 .quality-key,.edx55 .chart-tooltip,.edx55 .chart-foot,.edx55 .row-label small,.edx55 .comparison-reading span,.edx55 .lead-list small,.edx55 .module-insight span,.edx55 .quality-stack strong small,.edx55 .mini-value dt,.edx55 .ranking-top span,.edx55 thead th,.edx55 .ranking-reading > span,.edx55 .brand-toggles button,.edx55 .participation-points span,.edx55 .footer-inner > div:nth-child(2) span,.edx55 .footer small{ font-size: .75rem; }
.edx55 .chart-axis,.edx55 .trend-axis{ font-size: 12px; }
.edx55 .edx-reveal{ opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.edx55 .edx-reveal.visible{ opacity: 1; transform: none; }
.edx55 .chapter-copy.edx-reveal{ transform: translateX(-32px); }
.edx55 .chapter-grid.reverse .chapter-copy.edx-reveal{ transform: translateX(32px); }
.edx55 .chapter-copy.edx-reveal.visible,.edx55 .chapter-grid.reverse .chapter-copy.edx-reveal.visible{ transform: none; }
.edx55 .module-card.edx-reveal{ transform: translateY(32px) scale(.985); }
.edx55 .module-card.edx-reveal.visible{ transform: none; }
.edx55 .module-card.edx-reveal .donut-value,.edx55 .module-card.edx-reveal .entrant-trend i,.edx55 .module-card.edx-reveal .metric-icon i,.edx55 .module-card.edx-reveal .lead-track i,.edx55 .module-card.edx-reveal .quality-stack i,.edx55 .module-card.edx-reveal .quality-stack em,.edx55 .module-card.edx-reveal .twin-track i,.edx55 .module-card.edx-reveal .twin-track em,.edx55 .module-card.edx-reveal .chart-share,.edx55 .module-card.edx-reveal .trend-line{ animation-play-state: paused; }
.edx55 .module-card.edx-reveal.visible .donut-value,.edx55 .module-card.edx-reveal.visible .entrant-trend i,.edx55 .module-card.edx-reveal.visible .metric-icon i,.edx55 .module-card.edx-reveal.visible .lead-track i,.edx55 .module-card.edx-reveal.visible .quality-stack i,.edx55 .module-card.edx-reveal.visible .quality-stack em,.edx55 .module-card.edx-reveal.visible .twin-track i,.edx55 .module-card.edx-reveal.visible .twin-track em,.edx55 .module-card.edx-reveal.visible .chart-share,.edx55 .module-card.edx-reveal.visible .trend-line{ animation-play-state: running; }

@keyframes edx55-orbit { to { transform: rotate(360deg); } }
@keyframes edx55-proofIn { from { opacity: 0; transform: translateY(10px); } }
@keyframes edx55-kpiIn { from { opacity: 0; transform: translateY(12px); } }
@keyframes edx55-gapPulse { 50% { opacity: .45; transform: scale(1.08); } }
@keyframes edx55-haloBreathe { 50% { transform: scale(1.12); opacity: .65; } }
@keyframes edx55-decisionSwap { from { opacity: 0; transform: translateY(10px); } }
@keyframes edx55-decisionTick { to { width: 100%; } }
@keyframes edx55-pulse { 70% { box-shadow: 0 0 0 10px rgba(6,135,74,0); } 100% { box-shadow: 0 0 0 0 rgba(6,135,74,0); } }
@keyframes edx55-lineDraw { to { stroke-dashoffset: 0; } }
@keyframes edx55-scrollLine { 0%,100% { transform: scaleY(.3); transform-origin: top; opacity: .4; } 50% { transform: scaleY(1); opacity: 1; } }
@keyframes edx55-barUp { from { transform: scaleY(0); opacity: .2; } }
@keyframes edx55-widthIn { from { transform: scaleX(0); opacity: .3; } }
@keyframes edx55-donutIn { from { stroke-dasharray: 0 100; } }

@media (max-width: 1050px) {
.edx55 .cockpit-layout{ grid-template-columns: 1fr 1.75fr; }
.edx55 .cockpit-reading{ grid-column: 1 / -1; min-height: 170px; }
.edx55 .cockpit-reading p{ max-width: 680px; }
.edx55 .reading-signal{ margin-top: 1.2rem; }
.edx55 .chapter-grid,.edx55 .chapter-grid.reverse{ grid-template-columns: 1fr; gap: 4rem; }
.edx55 .chapter-grid.reverse .module-card{ order: 2; }
.edx55 .chapter-grid.reverse .chapter-copy{ order: 1; }
.edx55 .chapter-copy{ max-width: 800px; }
.edx55 .question-grid{ grid-template-columns: 1fr 1fr; }
.edx55 .decision-shell{ grid-template-columns: 1fr; }
.edx55 .decision-heading{ max-width: 820px; }
.edx55 .wide-chapter .section-heading{ grid-template-columns: 1fr; gap: 2rem; }
.edx55 .participation-points{ grid-template-columns: 1fr 1fr; }
.edx55 .footer-inner{ grid-template-columns: 1fr auto; }
.edx55 .footer-inner > div:nth-child(2){ display: none; }
}

@media (max-width: 720px) {
.edx55{ --shell: min(100% - 1.5rem, 1240px); --radius: 1.1rem; }
.edx55 .section{ padding: 5.5rem 0; }
.edx55 .header-inner{ min-height: 68px; }
.edx55 .s3-logo{ width: 118px; }
.edx55 .brand-lockup{ gap: .7rem; }
.edx55 .brand-lockup > i{ height: 25px; }
.edx55 .header-label{ font-size: .75rem; }
.edx55 .header-label span{ display: none; }
.edx55 .hero{ padding: 8.2rem 0 4.4rem; }
.edx55 .hero h1{ font-size: clamp(3.05rem, 14.5vw, 4.8rem); }
.edx55 .hero-lead{ font-size: .98rem; }
.edx55 .hero-proof{ margin-bottom: 2rem; }
.edx55 .cockpit{ width: calc(100vw - 1rem); border-radius: 1.1rem; }
.edx55 .cockpit-topbar{ align-items: flex-start; padding: 1rem; }
.edx55 .cockpit-filters span:not(:last-child){ display: none; }
.edx55 .cockpit-layout{ grid-template-columns: 1fr; }
.edx55 .cockpit-kpis{ border-right: 0; }
.edx55 .cockpit-kpis > div{ padding: 1rem; }
.edx55 .cockpit-kpis strong{ font-size: 1.75rem; }
.edx55 .cockpit-chart{ border-right: 0; border-top: 1px solid #e2e8ef; padding: 1.1rem 1rem .8rem; }
.edx55 .cockpit-chart svg{ height: 155px; }
.edx55 .cockpit-reading{ min-height: 185px; padding: 1.2rem; }
.edx55 .scroll-note{ display: none; }
.edx55 .chapter-nav{ top: 68px; }
.edx55 .chapter-scroll{ width: 100%; }
.edx55 .chapter-scroll a{ padding: .8rem .75rem .7rem; }
.edx55 .intro h2{ font-size: clamp(2.65rem, 12.8vw, 4.2rem); }
.edx55 .launch-context{ justify-content: flex-start; border-radius: 1rem; }
.edx55 .launch-context > span{ width: 100%; }
.edx55 .questions-heading{ margin: 3.5rem 0 2.2rem; }
.edx55 .questions-heading h2{ font-size: clamp(2.55rem, 12vw, 3.8rem); }
.edx55 .question-grid{ grid-template-columns: 1fr; }
.edx55 .question-card{ min-height: 205px; }
.edx55 .decision-panel{ grid-template-columns: 1fr; }
.edx55 .decision-view{ min-height: 180px; }
.edx55 .decision-arrow{ min-height: 42px; grid-template-columns: 1fr auto 1fr; gap: .55rem; }
.edx55 .decision-arrow i{ width: 100%; height: 1px; background: linear-gradient(90deg, transparent, #54d0ff); }
.edx55 .decision-arrow i:last-child{ transform: rotate(180deg); }
.edx55 .edx-decision-outcome{ grid-column: 1; grid-template-columns: 1fr; gap: .55rem; }
.edx55 .decision-tabs button{ padding-inline: .35rem; font-size: .75rem; }
.edx55 .chapter{ padding: 5.8rem 0; scroll-margin-top: 115px; }
.edx55 .chapter-grid,.edx55 .chapter-grid.reverse{ gap: 3rem; }
.edx55 .chapter-number{ margin-bottom: 3rem; font-size: 6rem; }
.edx55 .chapter-copy h2,.edx55 .section-heading h2,.edx55 .participation h2{ font-size: clamp(2.45rem, 11.5vw, 3.5rem); }
.edx55 .value-list > div{ grid-template-columns: 1fr; gap: .35rem; }
.edx55 .module-head{ padding: 1.1rem; }
.edx55 .module-head > span{ display: none; }
.edx55 .kpi-selector{ grid-template-columns: 1fr 1fr; }
.edx55 .kpi-selector button:nth-child(2){ border-right: 0; }
.edx55 .kpi-selector button{ padding: 1.1rem; border-bottom: 1px solid #e4eaf0; }
.edx55 .kpi-selector button[aria-selected="true"]{ box-shadow: inset 0 -3px var(--brand-blue); }
.edx55 .metric-explanation{ grid-template-columns: 64px 1fr; gap: 1rem; padding: 1.35rem 1.1rem; }
.edx55 .metric-icon{ width: 60px; height: 60px; padding: 12px; }
.edx55 .donut-row{ grid-template-columns: 1fr; padding: 1.4rem; }
.edx55 .entrant-change{ text-align: center; }
.edx55 .entrant-trend{ margin-inline: 1.4rem; }
.edx55 .audience-module,.edx55 .trends-module{ width: 100%; max-width: 100%; overflow: hidden; }
.edx55 .svg-chart-wrap{ width: auto; max-width: 100%; margin-inline: .3rem; overflow: hidden; }
.edx55 .svg-chart-wrap svg{ width: 100%; max-width: 100%; min-width: 0; height: auto; }
.edx55 .svg-chart-wrap .chart-axis,.edx55 .svg-chart-wrap .trend-axis{ font-size: 17px; }
.edx55 .chart-foot{ margin-inline: 1.1rem; }
.edx55 .row-label{ display: grid; gap: .2rem; }
.edx55 .row-label strong{ font-size: .75rem; }
.edx55 .lead-list{ padding: 1.2rem; }
.edx55 .lead-list > div{ grid-template-columns: 6.2rem 1fr 3rem 2.7rem; gap: .4rem; }
.edx55 .quality-stack{ padding: 1.4rem 1.1rem; }
.edx55 .quality-stack > div{ grid-template-columns: 4.7rem 1fr 4.6rem; gap: .5rem; }
.edx55 .comparison-reading{ grid-template-columns: 1fr; gap: .35rem; margin-inline: 1.1rem; }
.edx55 .wide-chapter .section-heading{ margin-bottom: 2.5rem; }
.edx55 .ranking-top{ padding: 1.2rem; }
.edx55 .rank-legend{ display: none; }
.edx55 .ranking-reading{ grid-template-columns: 1fr; gap: .4rem; padding: 1.1rem; }
.edx55 .brand-toggles{ padding: 1rem; }
.edx55 .participation{ padding: 5.5rem 0; }
.edx55 .participation-inner{ padding: 3.2rem 1.4rem; border-radius: 1.25rem; }
.edx55 .participation-points{ grid-template-columns: 1fr; }
.edx55 .participation-points > div{ min-height: 120px; }
.edx55 .footer-inner{ grid-template-columns: 1fr; text-align: center; }
.edx55 .footer-lockup{ justify-content: center; }
.edx55 .footer small{ justify-self: center; }
}

@media (prefers-reduced-motion: reduce) {
.edx55{ scroll-behavior: auto; }
.edx55 *,.edx55 *:before,.edx55 *:after{ animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
.edx55 .edx-reveal{ opacity: 1; transform: none; }
.edx55 .cockpit{ transform: none !important; }
}

.edx55{font-family:inherit;--brand-navy:#242b35;--ink:#2d313b;--s3-purple:#82368c;--s3-blue:#009fe3;--brand-blue:#009fe3;overflow:clip}
.edx55 .shell{max-width:var(--shell);padding-inline:0}.edx55 .hero{padding:65px 0 58px;min-height:0}.edx55 .hero h1{font-size:clamp(40px,4.6vw,68px);font-weight:650;letter-spacing:-.045em}.edx55 h2,.edx55 h3{color:inherit}.edx55 .chapter-nav{top:86px;z-index:40}.edx55 [id]{scroll-margin-top:165px}.edx55 .edx-actions{justify-content:center;margin:25px 0 15px}.edx55 .edx-explore{color:#d2eafa;font-weight:700}.edx55 .edx-sample{color:#b6c8dc;font-size:13px}.edx55 .edx-motion{position:relative;background:transparent;color:#c8e4f4;border:1px solid #648095;border-radius:6px;padding:8px 13px;margin:0 0 18px;cursor:pointer}.edx55 .edx-reveal{opacity:1;transform:none}.edx55 .edx-reveal:not(.visible){opacity:1;transform:none}.edx55 .decision-progress{display:none}.edx55.edx-paused *{animation-play-state:paused!important}.edx55 .table-wrap:focus-visible,.edx55 button:focus-visible{outline:3px solid #009fe3;outline-offset:3px}.edx55 .resource-promo53 .eyebrow{line-height:1.5}
@media(max-width:720px){.edx55 .hero{padding-top:40px}.edx55 .chapter-nav{top:72px}.edx55 .edx-actions{gap:18px}.edx55 [id]{scroll-margin-top:150px}.edx55 .hero h1{font-size:40px}}

.edx55 .edx-sample{text-align:center;max-width:none}.edx55 .hero-copy>.hero-lead{max-width:790px;margin-inline:auto}.edx55 .context-note,.edx55 .chart-foot{font-size:13px}.edx55 .hero .cockpit{margin-top:30px}

/* v56: isolate the decision panel, restore card gutters and keep hero actions aligned. */
.edx55 .edx-actions{align-items:center;gap:16px}
.edx55 .edx-explore{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;margin:0;border:1px solid #7494ab;border-radius:12px;color:#e5f5ff;background:#ffffff08;line-height:1.25;text-decoration:none;font-size:16px;transition:background .2s,border-color .2s}
.edx55 .edx-explore:hover{background:#ffffff14;border-color:#8ed8f5;color:#fff}.edx55 .edx-explore:focus-visible{outline:3px solid #009fe3;outline-offset:4px}
.edx55 .shell.participation-inner{padding:clamp(26px,5vw,72px)}
.edx55 .participation-inner .eyebrow{color:#a8d9ee}
.edx55 .edx-decision-outcome{position:relative;inset:auto;width:auto;min-width:0;border-radius:0;box-shadow:none;border:0;transform:none;margin:0}
.edx55 .edx-decision-outcome strong{margin:0}
.edx55 .chapter-nav{backdrop-filter:none;background:#fff}
.edx55 .module-card,.edx55 .ranking-card{transition:box-shadow .2s,border-color .2s}
@media(max-width:720px){.edx55 .edx-explore{min-height:50px;padding:14px 19px}.edx55 .participation-inner h2{font-size:clamp(30px,7vw,42px)}.edx55 .edx-decision-outcome{grid-template-columns:1fr;gap:12px}}