:root {--chart-axis-color: #6b7280;}
.tick{color: var(--chart-axis-color); font-size: 9px;}
p:empty, .scripts br {display: none;}
svg .domain {display: none !important;}
.show-more {margin-left: 6px; padding: 0; border: none; background: none; color: #2a6df4; font-size: 12px; cursor: pointer; text-decoration: underline;}
.show-more:hover {color: #1a4fc4;}
.hero-section * {box-sizing: border-box;}
.hero-section {position: relative; z-index: 1; padding: 80px 24px; background-image: url('/wp-content/uploads/2025/03/masthead@2x.jpg'); background-size: cover; background-position: center; overflow: hidden; display: flex; align-items: center; min-height: 500px;}
.hero-overlay {position: absolute; inset: 0; background: rgba(21, 27, 38, 0.75); z-index: 1;}
.hero-container {position: relative; z-index: 10; max-width: 1100px; text-align: left; margin: 0 auto;}
.hero-eyebrow {font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: var(--primary-color); margin: 0 0 20px 0 !important; text-align: left !important;}
.hero-title {font-size: 32px !important; line-height: 1.12 !important; color: #ffffff !important; margin: 0 0 24px 0 !important; font-weight: 700 !important; text-align: left !important;}
.hero-subtitle {font-size: 18px !important; color: #d9d9d9 !important; margin: 0 0 32px 0 !important; text-align: left !important;}
.hero-btn {display: inline-block; background: var(--primary-color); color: #ffffff; padding: 14px 32px; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: opacity 0.2s;}
.hero-btn:hover {opacity: 0.9; color: #ffffff; text-decoration: none !important;}
@media(min-width:768px) {.hero-section {padding: 112px 48px;} .hero-title {font-size: 48px !important;} .hero-eyebrow {font-size: 16px;} .hero-subtitle {font-size: 20px !important;}}
@media(min-width:1024px) {.hero-title {font-size: 52px !important;}}
@media(min-width:1200px) {.container {width: 1180px;}}
h2 {line-height: 1.2em;}
.masthead {background: url(/wp-content/uploads/2025/03/masthead@2x.jpg); background-repeat: no-repeat; text-align: left;}
.masthead::before {display: none;}
@media screen and (max-width:767px) {.masthead {background: url(/wp-content/uploads/2025/03/masthead.jpg);} .landing-page #masthead h1 {line-height: 1.2em;}}
.stats-container {padding: 0; background-color: #fff; border-bottom: 1px solid #e5e7eb;}
.stats-grid {display: grid; grid-template-columns: 1fr; max-width: 1100px; margin: 0 auto;}
.stats-item {padding: 24px; text-align: center; border-bottom: 1px solid #e5e7eb; opacity: 1;}
.stats-title {font-size: 20px; font-weight: 600; color: var(--primary-color); line-height: 1.2;}
.stats-subtitle {font-size: 12px; color: #6b7280; margin-top: 4px;}
@media(min-width:768px) {.stats-grid {grid-template-columns: repeat(3, 1fr);} .stats-item {padding: 24px 32px; border-bottom: 0; border-right: 1px solid #e5e7eb;} .stats-item:last-child {border-right: 0;} .stats-title {font-size: 24px;}}
.custom-data-section {scroll-margin-top: 80px; padding: 32px 24px;}
.custom-container {max-width: 1100px; margin: 0 auto;}
.custom-header {text-align: center; margin-bottom: 32px !important;}
.custom-main-title {font-size: 24px; font-weight: 600; color: #000000; margin: 0;}
.custom-grid {display: grid; grid-template-columns: 1fr; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background-color: #fff; margin-bottom: 40px;}
.custom-card {padding: 20px; border-bottom: 1px solid #e5e7eb; opacity: 1;}
.custom-card:last-child {border-bottom: 0;}
.custom-card-title {font-size: 19px; line-height: 1.2; color: #000000; margin: 0; font-weight: 600;}
.custom-card-text {margin-top: 8px; font-size: 12px; color: #6b7280; line-height: 1.625; margin-bottom: 0;}
@media(min-width:768px) {.custom-data-section {padding: 32px 48px;} .custom-main-title {font-size: 30px;} .custom-grid {grid-template-columns: repeat(3, 1fr);} .custom-card {border-bottom: 0; border-right: 1px solid #e5e7eb;} .custom-card:last-child {border-right: 0;}}
.intro-section {padding: 32px 24px;}
.intro-container {max-width: 800px; margin: 0 auto; text-align: center;}
.intro-text {font-size: 15px; color: #6b7280; line-height: 1.625; margin: 0; opacity: 1;}
@media(min-width:768px) {.intro-section {padding: 32px 48px;} .intro-text {font-size: 16px;}}
.delivery-section {padding: 32px 24px;}
.delivery-container {max-width: 1100px; margin: 0 auto;}
.delivery-header {text-align: center; margin-bottom: 32px;}
.delivery-main-title {font-size: 24px; font-weight: 600; color: #000000; margin: 0;}
.delivery-grid {display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background-color: #fff;}
.delivery-card {padding: 16px; border-bottom: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; opacity: 1;}
.delivery-card:nth-child(3), .delivery-card:nth-child(4) {border-bottom: 0;}
.delivery-card-title {font-size: 15px; line-height: 1.2; color: #000000; margin: 0; font-weight: 600;}
.delivery-card-text {margin-top: 4px; font-size: 12px; color: #6b7280; line-height: 1.625; margin-bottom: 0;}
@media(min-width:768px) {.delivery-section {padding: 32px 48px;} .delivery-main-title {font-size: 30px;}}
@media(min-width:1024px) {.delivery-grid {grid-template-columns: repeat(4, 1fr);} .delivery-card {border-bottom: 0; border-right: 1px solid #e5e7eb;} .delivery-card:last-child {border-right: 0;}}
.intraday-section {scroll-margin-top: 80px; padding: 32px 24px;}
.intraday-container {max-width: 1100px; margin: 0 auto;}
.intraday-header {text-align: center; margin-bottom: 32px;}
.intraday-main-title {font-size: 24px; font-weight: 600; color: #000; margin: 0;}
.intraday-stats-grid {display: grid; grid-template-columns: 1fr; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; margin-bottom: 24px;}
.intraday-stat-card {padding: 16px; border-bottom: 1px solid #e5e7eb; background-color: #fff;}
.intraday-stat-card:last-child {border-bottom: 0;}
.intraday-stat-title {font-size: 15px; font-weight: 600; margin: 0; color: #000;}
.intraday-stat-text {font-size: 12px; color: #6b7280; margin: 4px 0 0 0;}
.chart-wrapper {background: #fff; border-left: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; border-radius: 8px; padding: 24px 24px 0 24px;}
.chart-header {display: flex; flex-direction: column; gap: 16px; margin-bottom: 20px;}
.chart-label {margin-bottom: 5px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #6b7280;}
.chart-title {font-size: 18px; color: #000; font-weight: 600;}
.chart-btn {border: 1px solid #e5e7eb; color: #6b7280; padding: 6px 12px; border-radius: 6px; font-size: 11px; background: none; cursor: pointer; transition: all 0.2s;}
.chart-btn:hover {border-color: #000; color: #000;}
.line {width: 16px; height: 2px; border-radius: 2px; display: inline-block;}
.line-1 {background: #2563eb;}
.line-2 {background: #7c3aed;}
.line-3 {background: #db2777;}
@media(min-width:640px) {.intraday-stats-grid {grid-template-columns: repeat(3, 1fr);} .intraday-stat-card {border-bottom: 0; border-right: 1px solid #e5e7eb;} .intraday-stat-card:last-child {border-right: 0;} .chart-header {flex-direction: row; justify-content: space-between; align-items: flex-start;}}
@media(min-width:768px) {.intraday-section {padding: 32px 48px;} .intraday-main-title {font-size: 30px;}}
.daily-section {scroll-margin-top: 80px; padding: 32px 24px;}
.daily-container {max-width: 1100px; margin: 0 auto;}
.daily-header {text-align: center; margin-bottom: 32px;}
.daily-main-title {font-size: 24px; font-weight: 600; color: #000; margin: 0;}
.daily-grid {display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; margin-bottom: 24px;}
.daily-card {padding: 16px; border-bottom: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; background-color: #fff;}
.daily-card:nth-child(3), .daily-card:nth-child(4) {border-bottom: 0;}
.daily-card-title {font-size: 15px; font-weight: 600; margin: 0; color: #000; line-height: 1.2;}
.daily-card-text {font-size: 12px; color: #6b7280; margin: 4px 0 0 0; line-height: 1.4;}
.daily-chart-wrapper {background: #fff; border-left: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; border-radius: 8px; padding: 24px 24px 0 24px;}
.daily-chart-header {display: flex; gap: 16px; margin-bottom: 20px; justify-content: space-between; align-items: center;}
.daily-chart-label {margin-bottom: 5px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #6b7280;}
.daily-chart-title {font-size: 18px; color: #000; font-weight: 600;}
.daily-btn-group {display: flex; gap: 8px;}
.daily-btn {border: 1px solid #e5e7eb; color: #6b7280; padding: 6px 12px; border-radius: 6px; font-size: 11px; background: none; cursor: pointer; transition: all 0.2s;}
.daily-btn:hover {border-color: #000; color: #000;}
.daily-chart-area {width: 100%; position: relative;}
@media(min-width:768px) {.daily-section {padding: 32px 48px;} .daily-main-title {font-size: 30px;}}
@media(min-width:1024px) {.daily-grid {grid-template-columns: repeat(4, 1fr);} .daily-card {border-bottom: 0; border-right: 1px solid #e5e7eb;} .daily-card:last-child {border-right: 0;} .daily-chart-header {flex-direction: row; justify-content: space-between; align-items: flex-start;}}
.offer-section * {box-sizing: border-box;}
.offer-section {scroll-margin-top: 80px; padding: 40px 24px; background-color: rgba(244, 244, 245, 0.4);}
.offer-container {max-width: 1100px; margin: 0 auto;}
.offer-header {text-align: center; margin-bottom: 40px;}
.offer-main-title {font-size: 30px; font-weight: 600; color: #000; margin: 0;}
.offer-grid {display: grid; grid-template-columns: 1fr; gap: 16px;}
.offer-card {background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 28px; display: flex; flex-direction: column; transition: all 0.3s ease; opacity: 1; height: 100%; cursor: pointer;}
.offer-card:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); transform: translateY(-2px);}
.offer-card-title {font-size: 22px; line-height: 1.2; color: #000; margin: 0 0 16px 0; font-weight: 600;}
#main .offer-section .offer-list {margin: 0 0 auto 0; padding: 0 0 20px 0; list-style: none;}
#main .offer-section .offer-list li {margin: 0; font-size: 13px; color: #6b7280; padding: 6px 0; border-bottom: 1px solid #f4f4f5; display: flex; align-items: center; gap: 8px; text-align: left;}
#main .offer-section .offer-list li::before {content: ""; width: 4px; height: 4px; background: #000; border-radius: 50%; flex-shrink: 0; position: static;}
.offer-btn {display: block; width: 100%; padding: 10px 0; font-size: 13px; font-weight: 600; border-radius: 6px; text-align: center; transition: 0.2s;}
.btn-filled {background: var(--primary-color); color: #fff;}
.offer-card:hover .btn-filled {opacity: 0.9;}
.btn-outline {border: 1px solid var(--primary-color); color: var(--primary-color);}
.offer-card:hover .btn-outline {background: rgba(0, 0, 0, 0.05);}
@media(min-width:768px) {.offer-grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;} .offer-section {padding: 40px 48px;} .offer-main-title {font-size: 36px;}}
.insights-section * {box-sizing: border-box;}
.insights-section {padding: 32px 24px 32px 24px;}
.insights-container {max-width: 1100px; margin: 0 auto;}
.insights-header {margin-bottom: 32px; opacity: 1;}
.insights-header h2 {font-size: 30px; color: #000; margin: 0 0 8px 0; font-weight: 600;}
.insights-header p {font-size: 14px; color: #6b7280; max-width: 512px; margin: 0;}
.insights-card {background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden;}
.insights-grid {display: grid; grid-template-columns: 1fr;}
.insights-content {padding: 28px;}
.insights-badge-row {display: flex; align-items: center; gap: 12px; margin-bottom: 20px;}
.badge {padding: 4px 10px; background: var(--primary-color); color: #fff; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border-radius: 4px;}
.date {font-size: 12px; color: #6b7280;}
.insights-content h3 {font-size: 20px; color: #000; margin: 0 0 12px 0; font-weight: 600;}
.description {font-size: 13px; color: #6b7280; line-height: 1.6; margin-bottom: 24px;}
.highlight-red {font-weight: 600; color: #ef4444;}
.stats-row {display: flex; gap: 12px; flex-wrap: wrap;}
.stat-box {background: #f4f4f5; border-radius: 6px; padding: 10px 14px;}
.stat-label {font-size: 9px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #6b7280;}
.stat-value {font-size: 18px; color: #000; font-weight: 600;}
.stat-value.red {color: #ef4444;}
.insights-chart-side {padding: 20px; background: rgba(244, 244, 245, 0.3); border-top: 1px solid #e5e7eb;}
.chart-info h4 {margin-bottom: 5px !important; font-size: 16px; color: #000; margin: 0; font-weight: 600;}
.chart-info p {font-size: 11px; color: #6b7280; margin: 0;}
.chart-placeholder {height: 220px; margin-top: 12px; width: 100%; position: relative;}
@media(min-width:768px) {.insights-section {padding: 32px 48px;} .insights-header h2 {font-size: 36px;} .insights-content {padding: 36px;} .insights-content h3 {font-size: 24px;}}
@media(min-width:1024px) {.insights-grid {grid-template-columns: repeat(2, 1fr);} .insights-chart-side {border-top: 0; border-left: 1px solid #e5e7eb; padding: 28px;}}
.cta-section {position: relative; padding: 64px 24px; text-align: center; overflow: hidden; background-image: url('/wp-content/uploads/iStock-1124347661.jpg'); background-size: cover; background-position: center center; display: flex; align-items: center; justify-content: center; min-height: 300px;}
.cta-overlay {position: absolute; inset: 0; background: rgba(71, 129, 209, 0.8); z-index: 1;}
.cta-content {position: relative; z-index: 10; max-width: 800px; margin: 0 auto;}
.cta-title {font-size: 24px !important; color: #ffffff !important; margin: 0 0 24px 0 !important; font-weight: 600 !important; line-height: 1.2 !important; text-align: center !important;}
.cta-button {display: inline-block; background: var(--primary-color); color: #fff; padding: 16px 40px; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 6px; transition: opacity 0.2s;}
.cta-button:hover {opacity: 0.9; color: #fff; text-decoration: none !important;}
@media(min-width:768px) {.cta-section {padding: 64px 48px;} .cta-title {font-size: 36px;}}
.d3-chart-wrapper {background: rgba(244, 244, 245, 0.3); border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; font-family: sans-serif;}
.chart-title {font-size: 16px; margin: 0; color: #111827;}
.chart-subtitle {font-size: 11px; margin: 4px 0 12px 0; color: #6b7280;}
.d3-tooltip {position: fixed; visibility: hidden; background: #fff; border: 1px solid #e5e7eb; padding: 8px; border-radius: 6px; font-size: 11px; pointer-events: none; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);}
.grid line {stroke: #e5e7eb; stroke-opacity: 0.7; shape-rendering: crispEdges;}
.grid path {stroke-width: 0;}
.axis-label {font-size: 9px; fill: #6b7280;}
.chart-legend {display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 16px; justify-content: center;}
.legend-item {padding: 3px 13px; font-size: 11px; cursor: pointer; transition: all 0.2s; border-radius: 24px; border: 1px solid transparent;}
.legend-item.disabled {opacity: 0.3; text-decoration: line-through;}
#daily-tooltip {position: fixed !important; visibility: hidden; background: #fff; border: 1px solid #e5e7eb; padding: 10px; border-radius: 8px; font-size: 11px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 10000; pointer-events: none; transform: translate(-50%, -110%);}
:root {--wp-modal-bg: #ffffff; --wp-modal-overlay: rgba(0, 0, 0, 0.4); --wp-modal-border: #e5e7eb;}
.wp-modal-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: var(--wp-modal-overlay); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; transition: all 0.3s ease; z-index: 99999;}
.wp-modal-overlay.active {visibility: visible; opacity: 1;}
.wp-modal-content {background: var(--wp-modal-bg); width: 90%; max-width: 700px; border-radius: 12px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); transform: translateY(20px); transition: transform 0.3s ease; overflow: hidden;}
.wp-modal-overlay.active .wp-modal-content {transform: translateY(0);}
.wp-modal-header {padding: 16px 20px; border-bottom: 1px solid var(--wp-modal-border); display: flex; justify-content: space-between; align-items: flex-start;}
.wp-modal-title {font-size: 15px; font-weight: 600; color: #111827; margin: 0; line-height: 1.2;}
.wp-modal-subtitle {font-size: 11px; font-weight: 400; color: #6b7280; margin: 4px 0 0 0; line-height: 1;}
.wp-modal-close {background: none; border: none; font-size: 24px; cursor: pointer; color: #9ca3af; line-height: 1; padding: 0;}
.wp-modal-body {padding: 20px; font-size: 14px; color: #4b5563;}
.wp-modal-footer {padding: 12px 20px; border-top: 1px solid var(--wp-modal-border); display: flex; justify-content: flex-end; gap: 10px;}
.wp-modal-btn {border: 1px solid var(--wp-modal-border); padding: 6px 12px; border-radius: 6px; font-size: 11px; cursor: pointer; transition: all 0.2s; font-weight: 500; font-family: inherit;}
.wp-modal-btn-cancel {color: #6b7280; background: none;}
.wp-modal-btn-cancel:hover {border-color: #000; color: #000;}
.wp-modal-btn-action {background-color: var(--primary-color); border-color: var(--primary-color); color: #ffffff;}
.wp-modal-btn-action:hover {background-color: #357bd9; border-color: #357bd9; color: #ffffff;}
.wp-modal-table-container {width: 100%; max-height: 400px; overflow-y: auto; overflow-x: auto; border: 1px solid var(--wp-modal-border); border-radius: 6px;}
.wp-modal-table {width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; color: #374151; background: #fff;}
.wp-modal-table thead {background: #f9fafb; position: sticky; top: 0; z-index: 1; box-shadow: 0 1px 0 var(--wp-modal-border);}
.wp-modal-table th {padding: 12px 16px; font-weight: 600; color: #111827; white-space: nowrap;}
.wp-modal-table td {padding: 10px 16px; border-bottom: 1px solid #f3f4f6; white-space: nowrap; vertical-align: top;}
.wp-modal-table tr:last-child td {border-bottom: none;}
.wp-modal-table tr:hover {background-color: #f9fafb;}