/* Shared card surfaces: a visible tonal shift without fading foreground text. */
:root{--card-blue:radial-gradient(ellipse at 100% 100%,#8cbdef80,transparent 65%),linear-gradient(140deg,#f2f8ff 0%,#dcecff 48%,#bfdcfa 100%);--card-purple:radial-gradient(ellipse at 100% 100%,#ad8cdc70,transparent 65%),linear-gradient(140deg,#faf5ff 0%,#eadefa 48%,#cdb6ed 100%);--card-mint:radial-gradient(ellipse at 100% 100%,#69bea250,transparent 65%),linear-gradient(140deg,#f1fcf7 0%,#daf2e8 48%,#b6e2d2 100%);--card-peach:radial-gradient(ellipse at 100% 100%,#e9b28865,transparent 65%),linear-gradient(140deg,#fffaf4 0%,#fbe8d8 48%,#f1cdad 100%);--card-paper:linear-gradient(145deg,#fff 0%,#f8fbff 52%,#e6effa 100%)}
/* Animated numbers must retain the numeric font, never the smaller unit font. */
.count-visual.count-visual{font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;margin:0!important}
[data-theme=altitude] .metric .metric-value{font-size:52px;line-height:1.15;font-weight:750;letter-spacing:-1.8px;color:#16395d;margin:22px 0 16px;white-space:nowrap}
[data-theme=altitude] .metric .metric-value>span:not(.count-visual):not(.sr-only){font-size:19px;font-weight:650;margin-left:7px;color:inherit;letter-spacing:0}
[data-theme=altitude] .metric-price .metric-value{color:#50347b}
[data-theme=altitude] .metric-opportunity .metric-value{color:#195e49}
[data-theme=altitude] .hero-metrics .metric-revenue{background:var(--card-blue)}
[data-theme=altitude] .hero-metrics .metric-price{background:var(--card-purple)}
[data-theme=altitude] .hero-metrics .metric-opportunity{background:var(--card-mint)}
[data-theme=altitude] :is(.panel,.chart-card,.products-panel,.mini-report,.hero-report,.hero-mini-card){background:var(--card-paper)}
[data-theme=altitude] .price-ticket{background:linear-gradient(140deg,#fff 10%,#f3e8ff 100%)}
[data-theme=altitude] .product-mosaic{background:linear-gradient(145deg,#fff 10%,#e3f5ee 100%)}
[data-theme=altitude] .scene-chip{background:linear-gradient(140deg,#fff,#e7f2ff)}
:is(.suite-page,.item-page) :is(.suite-search,.search-panel,.analysis-panel,.result-focus){background:var(--card-paper)}
:is(.suite-page,.item-page) :is(.scene-card,.review-data-card,.rise-product,.deck-card,.example-card,.how-step,.next-links>a,.review-comparison>div,.band-grid>div){background:var(--card-blue)}
:is(.suite-page,.item-page) :is(.scene-card-1,.review-data-card-1,.rise-product.tone-1,.deck-tone-1,.example-card.tone-1,.how-step:nth-child(2),.next-links>a:nth-child(2),.review-comparison>div:nth-child(2),.band-grid>div:nth-child(2)){background:var(--card-purple)}
:is(.suite-page,.item-page) :is(.scene-card-2,.rise-product.tone-2,.deck-tone-2,.example-card.tone-2,.how-step:nth-child(3),.next-links>a:nth-child(3),.band-grid>div:nth-child(3)){background:var(--card-mint)}
:is(.suite-page,.item-page) :is(.review-data-card-2,.rise-product.tone-3,.deck-tone-3,.example-card.tone-3,.how-step-growth,.review-comparison>div:nth-child(3)){background:var(--card-peach)}
:is(.suite-page,.item-page) :is(.deck-tone-4,.example-card.tone-4){background:linear-gradient(140deg,#f3f7ff,#c3d1f4)}
.suite-page :is(.access-note,.snapshot-note){background:linear-gradient(130deg,#f5f9ff,#dce9fa)}
.suite-page .access-note a{background:var(--card-paper)}
[data-theme=monologue] :is(.metric,.metric:first-child,.chart-card,.panel,.products-panel){background:linear-gradient(140deg,#fffef8,#e4e9df)}
html:not([data-theme]) body:not(.suite-page):not(.item-page) :is(.metric,.panel,.products-panel){background:linear-gradient(140deg,#343c2d,#242b20)}
.card-a{background:linear-gradient(145deg,#e2eadc,#a7bea1)}.card-b{background:linear-gradient(145deg,#fff5e4,#d3bb97)}.card-c{background:linear-gradient(145deg,#ff9b72,#ed572e)}.card-d{background:linear-gradient(145deg,#315879,#14253d)}.card-e{background:linear-gradient(145deg,#fffff3,#d9e0bd)}.card-f{background:linear-gradient(145deg,#e4defe,#a49cda)}.card-g{background:linear-gradient(145deg,#f0ffc2,#bad568)}.card-h{background:linear-gradient(145deg,#fffdf7,#e1cfb9)}.card-i{background:linear-gradient(145deg,#98ae85,#4c6441)}
@media(min-width:1600px){[data-theme=altitude] .metric .metric-value{font-size:58px}}
@media(min-width:701px) and (max-width:1100px){[data-theme=altitude] .metric .metric-value{font-size:40px}[data-theme=altitude] .metric .metric-value>span:not(.count-visual):not(.sr-only){font-size:16px}}
@media(max-width:700px){[data-theme=altitude] .metric .metric-value{font-size:40px;letter-spacing:-1.4px;margin:18px 0 13px}[data-theme=altitude] .metric .metric-value>span:not(.count-visual):not(.sr-only){font-size:15px;margin-left:4px}}
@media(max-width:400px){[data-theme=altitude] .metric .metric-value{font-size:35px}}