/* Blue highlights data and interaction; neutral surfaces preserve the reading hierarchy. */
:root {
  --editorial-rose: #f0adc3;
  --editorial-teal: #83d2ca;
  --data-blue: #9bc6e6;
  --data-soft: #1c2f3d;
  --data-hover: #263e50;
  --data-line: #45647c;
  --data-halo: #29496652;
}
:root[data-theme=light] {
  --editorial-rose: #843952;
  --editorial-teal: #216e69;
  --data-blue: #205b86;
  --data-soft: #eaf2f8;
  --data-hover: #dceaf4;
  --data-line: #9bb8cf;
  --data-halo: #b3cee152;
}

.platform-inventory {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 17px 24px 22px;
  margin-bottom: 28px;
}
.platform-inventory .inventory-heading { margin-bottom: 18px; }
.platform-inventory .inventory-metrics strong,
.platform-inventory .inventory-metrics small { color: var(--data-blue); }
.platform-inventory .inventory-heading button:hover { color: var(--data-blue); }

.canvas-wrap {
  border-radius: 50%;
  background: radial-gradient(ellipse at center, var(--data-halo), transparent 69%);
}
.scene-steps button[aria-pressed=true] {
  background: var(--data-soft);
  border-bottom-color: var(--data-blue);
}
.scene-steps button:first-child { padding-left: 16px; }
.scene-steps button[aria-pressed=true] > span,
.scene-steps button[aria-pressed=true] strong { color: var(--data-blue); }
.scene-progress i { background: var(--data-blue); }
.authority-trigger {
  background: var(--panel);
  border-color: var(--data-line);
  color: var(--data-blue);
}
.authority-trigger:hover { background: var(--data-hover); }

.platform-coverage { border-color: var(--line); }
.coverage-heading { background: var(--panel); }
.coverage-heading h3,
.coverage-heading .eyebrow { color: var(--data-blue); }
.coverage-heading .eyebrow:before { border-color: var(--data-blue); }
.coverage-metrics .inventory-direct { background: var(--panel); }
.coverage-metrics .inventory-direct strong { color: var(--data-blue); }

.mr-heading { background: var(--panel); }
.mr-heading h3,
.mr-heading .eyebrow { color: var(--data-blue); }
.mr-heading .eyebrow:before { border-color: var(--data-blue); }
.mr-evidence-badge { color: var(--data-blue); border-color: var(--data-line); }
.mr-columns > span:first-child,
.mr-columns > span:first-child b { color: var(--data-blue); }
.mr-authority .mr-node-box { fill: var(--panel); stroke: var(--data-line); }
.mr-authority .mr-symbol { stroke: var(--data-blue); }
.mr-authority.mr-active .mr-node-box,
.mr-authority:hover .mr-node-box,
.mr-authority:focus .mr-node-box {
  stroke: var(--data-blue);
  stroke-width: 2.5;
  fill: var(--data-hover);
}
.authority-example { background: var(--panel); border-color: var(--line); }
.authority-example strong,
.authority-example > span:last-child { color: var(--data-blue); }
.authority-example:hover { background: var(--data-hover); border-color: var(--data-blue); }

@media(max-width:700px) {
  .platform-inventory { padding: 16px 18px 20px; border-radius: 12px; }
  .platform-inventory .inventory-heading { gap: 8px; align-items: flex-start; }
  .platform-inventory .inventory-metrics { gap: 20px 14px; }
  .scene-steps button:first-child { padding-left: 7px; }
}

/* Typography grows without fixing content into a viewport-height scene. */
body {font-size:18px;line-height:1.65}
.story {height:auto;min-height:0}
.story-sticky {position:relative;top:0;padding-bottom:30px}
.hero-description {max-width:540px;line-height:1.7}
.site-header nav {font-size:16px;gap:24px}
.site-header nav a {display:inline-flex;align-items:center;min-height:44px}
.button,.global-cta {min-height:48px;font-size:17px}
.round-button {min-width:44px;min-height:44px}
.lookup label,.lookup input,.lookup .button {font-size:17px}
.lookup-row {max-width:none}
.story-top {gap:16px;flex-wrap:wrap;letter-spacing:.08em}
.hero-kicker,.eyebrow {letter-spacing:.09em}
.scene-steps small {max-width:none}
.scene-steps button {min-width:0}
.visual-foot {height:auto;flex-wrap:wrap;gap:10px;padding-block:16px}
.visual-toolbar {flex-wrap:wrap;gap:12px}
.inventory-heading {flex-wrap:wrap;align-items:center}
.inventory-metrics strong {font-size:34px}
.section-heading h2 em,.product-copy h3 {color:var(--data-blue)}
.feature-grid {gap:22px}
.feature-grid article {--feature-color:var(--data-blue);padding:26px;border:1px solid var(--line);border-top:4px solid var(--feature-color);border-radius:14px;background:var(--panel)}
.feature-grid article:nth-child(2) {--feature-color:var(--editorial-rose)}
.feature-grid article:nth-child(3) {--feature-color:var(--editorial-teal)}
.feature-grid h3,.feature-grid .eyebrow {color:var(--feature-color)}
.feature-grid .eyebrow::before {background:var(--feature-color)}
.package-preview .price[data-plan=START] h3 {color:var(--data-blue)}
.package-preview .price[data-plan=BID] h3 {color:var(--editorial-rose)}
.package-preview .price[data-plan=START] {border-top:3px solid var(--data-blue)}
.package-preview .price[data-plan=PRO] {border-top:3px solid var(--accent)}
.package-preview .price[data-plan=BID] {border-top:3px solid var(--editorial-rose)}
.final-section {border-top:3px solid var(--data-blue)}
.final-section h2 {color:var(--data-blue)}
@media(max-width:1100px) {
  .site-header .wrap {flex-wrap:wrap;gap:10px 20px;padding-block:14px}
  .site-header nav {order:3;flex-basis:100%;justify-content:center}
  .header-actions {margin-left:auto}
  .lm-rank-name {grid-template-columns:26px minmax(0,1fr)}
  .lm-rank-name strong {grid-column:2}
}
@media(max-width:780px) {
  .site-header nav {gap:8px 18px;flex-wrap:wrap;margin-top:0}
  .header-actions .primary {min-height:44px;font-size:15px}
  .header-actions .round-button {width:44px;height:44px}
  .hero-description {font-size:18px}
  .scene-steps button {padding-inline:8px;gap:6px}
  .scene-steps button>span {display:none}
  .scene-steps small {font-size:15px}
  .story-top>span:first-child {max-width:none;font-size:15px}
  .product-copy {padding-top:0}
  .feature-grid article {padding:24px}
  .footer nav {flex-wrap:wrap}
}
@media(max-width:460px) {
  .lookup-row {flex-wrap:wrap}
  .lookup-row .button {width:100%}
  .inventory-metrics {gap:22px 16px}
  .inventory-metrics strong {font-size:28px}
  .scene-steps strong {font-size:17px}
  .scene-steps small {font-size:15px;line-height:1.5}
  .lm-metrics {grid-template-columns:1fr}
}
input::placeholder {color:var(--muted);opacity:1}
@media(max-width:780px) {
  .site-header .wrap {gap:8px 10px;padding-block:10px}
  .site-header .logo {font-size:18px;gap:7px}
  .site-header .logo img {width:26px;height:26px}
  .header-actions {gap:6px}
  .header-actions .primary {padding:8px 10px;font-size:15px}
  .header-actions .primary span {display:none}
  .site-header nav {font-size:15px;gap:0 10px;justify-content:space-between}
  .site-header nav a {white-space:nowrap}
  :where([id]) {scroll-margin-top:155px}
}
@media(max-width:360px) {
  .site-header nav {display:grid;grid-template-columns:1fr 1fr}
  :where([id]) {scroll-margin-top:185px}
}

/* A confirmed empty period stays connected to the chosen public entity. */
.explorer-empty{display:block;margin-top:16px;padding:16px 20px;border-left:3px solid var(--explorer-accent,var(--data-blue));background:var(--panel);line-height:1.65}.explorer-empty strong{color:var(--ink)}
.scene-empty{padding:40px 28px;border:1px dashed var(--line);border-radius:16px;background:var(--panel);text-align:center;margin:18px 0}.scene-empty strong{display:block;font-size:24px;color:var(--data-blue)}.scene-empty p{font-size:18px;line-height:1.7;color:var(--ink);margin:16px 0 0}

/* The globe is the first view; the shared selection and its comparison follow. */
:root{--sphere-point:#f4d675}
.story-top{padding-bottom:20px;font-size:13px}
.composition{align-items:start;gap:36px}
.hero-copy{padding:28px 0 0}
.hero-kicker{margin-bottom:18px}
.hero-description{margin:22px 0;font-size:18px}
.hero-stat{margin:22px 0}
.hero-action{margin-top:24px}
.hero-action .button{white-space:normal;text-align:left;line-height:1.5}
.hero-action p{margin-top:10px;color:var(--muted);font-size:16px}
.hero-links{gap:10px 18px;margin-top:20px}
.hero-links .text-link,.hero-links .example-button{font-size:15px;background:transparent;text-align:left;padding:0}
.sphere-stage{position:relative;border:1px solid #446e8e;border-radius:24px;padding:18px 20px 20px;background:radial-gradient(ellipse at 55% 42%,#286387 0%,#153e60 48%,#0c2841 100%);box-shadow:0 18px 48px #12334e20;color:#f6f8fc;overflow:hidden}
[data-theme=dark] .sphere-stage{background:radial-gradient(ellipse at 55% 42%,#225879 0%,#112f49 52%,#091e30 100%);border-color:#48758f}
.sphere-stage .canvas-wrap{background:none;border-radius:0;height:clamp(320px,42vw,440px);min-height:0}
.sphere-stage .visual-toolbar{color:#edf5ff;font-size:16px;padding:0;gap:10px}
.sphere-stage .round-button{background:#ffffff12;border-color:#85a6bb;color:#fff;width:44px;height:44px}
.sphere-stage .round-button:hover{background:#ffffff25}
.visual>.scene-return{margin-bottom:14px;min-height:44px}
.sphere-density{font-size:15px;line-height:1.6;color:#e2edf6;margin:4px 0 12px;max-width:440px}
.sphere-change{display:inline-flex;align-items:center;min-height:44px;font-weight:600;font-size:16px;color:#f4d675;text-decoration:underline;text-underline-offset:5px}
.sphere-stage .scene-tip{color:var(--ink)}
.visual[data-view=players] .sphere-stage{display:none}
.story .sphere-pagination{margin-top:16px;gap:8px;align-items:center}
.story .sphere-pagination button{font-size:15px;padding:10px 12px}
.story .sphere-state{font-size:15px;margin:12px 0}
#piata{padding-top:22px}
#market-explorer{margin:0 0 16px}
#cum-se-cumpara{margin:0 0 32px;border-top:3px solid var(--data-blue)}
.purchase-selection{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--data-soft);border-radius:10px;margin-bottom:20px}
.purchase-selection p{font-size:17px;line-height:1.6;color:var(--ink);margin:0}
.purchase-selection a{flex-shrink:0;font-size:16px}
.platform-context{margin-top:72px;padding-top:44px;border-top:1px solid var(--line)}
.platform-context .section-heading{margin-bottom:28px}
.platform-context .section-heading h2{font-size:clamp(30px,3.5vw,44px)}

/* Give the European comparison the width it needs, instead of one tall sidebar. */
.package-preview #global .global-layout{display:block}
.package-preview #global .global-pitch{display:grid;grid-template-columns:1.1fr 1fr;column-gap:48px;align-items:start}
.package-preview #global .global-pitch h2{margin-bottom:22px}
.package-preview #global .global-intro>p{font-size:18px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.package-preview #global .global-path{margin:0 0 22px;padding:14px 0}
.package-preview #global .global-capacity{margin:0 0 22px}
.package-preview #global .global-included{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
.package-preview #global .global-cta{margin-bottom:28px}
.package-preview #global .global-context{padding:28px;background:var(--data-soft);border-color:var(--data-line)}
.package-preview #global .global-pie h3{font-size:30px;margin:10px 0 22px}
.package-preview #global .pie-layout{grid-template-columns:minmax(230px,.7fr) minmax(0,1fr);gap:40px;padding:18px 0}
.package-preview #global .pie-visual{max-width:270px}
.package-preview #global .pie-total{text-align:left;margin-bottom:18px}
.package-preview #global .pie-total strong{font-size:28px;display:block;margin:5px 0 0}
.package-preview #global .pie-note{max-width:850px}
@media(max-width:780px){
  .story-top{font-size:12px;letter-spacing:.04em;padding-bottom:14px;gap:8px}
  .composition{grid-template-columns:1fr;gap:20px}
  .composition>.visual{order:-1}
  .sphere-stage{padding:16px;border-radius:18px}
  .sphere-stage .canvas-wrap{height:320px}
  .sphere-stage .visual-toolbar{font-size:15px;flex-wrap:nowrap}
  .sphere-stage .visual-tools{gap:4px}
  .hero-copy{padding:6px 0}
  .hero-copy h1{font-size:46px}
  .hero-action .button{width:100%;justify-content:center}
  .purchase-selection{display:block;padding:14px}
  .purchase-selection a{display:inline-flex;min-height:44px;align-items:center;margin-top:4px}
  .platform-context{margin-top:44px;padding-top:30px}
  .package-preview #global .global-pitch{display:block}
  .package-preview #global .global-benefits{margin-bottom:28px}
  .package-preview #global .global-pitch h2{font-size:36px}
  .package-preview #global .global-context{padding:22px 18px}
  .package-preview #global .pie-layout{grid-template-columns:1fr;gap:16px}
  .package-preview #global .pie-total{text-align:center}
}
@media(prefers-reduced-motion:reduce){.sphere-stage{scroll-behavior:auto}}

/* Explain the product at entry, alongside the interactive market. */
.hero-sources {margin:20px 0 24px;padding-left:16px;border-left:3px solid var(--data-blue);max-width:550px}
.hero-sources strong {color:var(--data-blue);font-size:17px}
.hero-sources p {font-size:16px;line-height:1.6;margin:7px 0;color:var(--ink)}
.hero-sources a {color:var(--data-blue);text-decoration:underline;text-underline-offset:3px}