:root {
  --bg: #07090d;
  --panel: rgba(17, 21, 29, .66);
  --panel-strong: rgba(20, 25, 34, .88);
  --line: rgba(255,255,255,.09);
  --text: #f4f7f6;
  --muted: #8f99a8;
  --accent: #56f2c2;
  --accent-soft: rgba(86,242,194,.12);
  --purple: #9d7bff;
  --discord: #5865f2;
  --font-display: "Space Grotesk", sans-serif;
  --font-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: var(--font-body); overflow-x: hidden; }
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .32; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
.section-shell, .site-header { width: min(1280px, calc(100% - 56px)); margin-inline: auto; }
.ambient { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; opacity: .13; }
.ambient-one { width: 520px; height: 520px; background: #28e7ad; top: -260px; right: -180px; }
.ambient-two { width: 450px; height: 450px; background: #5b47ff; top: 1450px; left: -320px; }

.site-header { height: 82px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--line); border-top: 0; padding: 0 22px; position: sticky; top: 0; z-index: 30; background: rgba(7,9,13,.7); backdrop-filter: blur(22px) saturate(140%); border-radius: 0 0 12px 12px; box-shadow: 0 12px 45px rgba(0,0,0,.2); }
.brand { display: flex; align-items: center; gap: 12px; font: 700 23px var(--font-display); letter-spacing: -.5px; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(86,242,194,.25); border-radius: 9px; background: linear-gradient(145deg, rgba(86,242,194,.18), rgba(86,242,194,.03)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 0 22px rgba(86,242,194,.08); }
.brand-mark svg { width: 28px; height: 28px; fill: var(--accent); }
.brand-name { display: flex; flex-direction: column; line-height: 1; }
.brand-name small { margin-top: 5px; color: #697583; font: 600 6px var(--font-display); letter-spacing: .22em; }
nav { display: flex; gap: 38px; font-size: 14px; color: #aeb7c3; }
nav a, .site-footer a { transition: color .2s; }
nav a:hover, .site-footer a:hover { color: var(--accent); }
.nav-cta { font-size: 13px; border: 1px solid var(--line); border-radius: 99px; padding: 11px 17px; background: rgba(255,255,255,.035); }
.nav-cta span { margin-left: 7px; color: var(--accent); }

.hero { min-height: 750px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; padding-block: 100px 90px; }
.eyebrow, .kicker { color: var(--accent); font: 600 11px var(--font-display); letter-spacing: .2em; }
.eyebrow { display: flex; align-items: center; gap: 9px; }
.eyebrow span { width: 20px; height: 1px; background: var(--accent); box-shadow: 0 0 8px var(--accent); }
h1, h2, h3, p { margin-top: 0; }
h1 { font: 600 clamp(48px, 6vw, 80px)/.98 var(--font-display); letter-spacing: -.055em; margin: 25px 0 28px; }
h1 em { font-style: normal; color: transparent; -webkit-text-stroke: 1px rgba(244,247,246,.58); }
.hero-copy > p { max-width: 625px; font-size: 18px; line-height: 1.75; color: var(--muted); }
.hero-actions { display: flex; align-items: center; gap: 27px; margin-top: 38px; }
.primary-button { border-radius: 8px; background: var(--accent); color: #07100d; font-weight: 700; font-size: 13px; padding: 15px 19px; box-shadow: 0 10px 35px rgba(86,242,194,.13); transition: transform .2s, box-shadow .2s; }
.primary-button:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(86,242,194,.25); }
.primary-button span { padding-left: 18px; font-size: 17px; }
.live-status { display: flex; align-items: center; gap: 10px; font-size: 10px; color: #647080; line-height: 1.35; }
.live-status > i, .map-live i, .footer-status i { width: 7px; height: 7px; background: var(--accent); border-radius: 50%; box-shadow: 0 0 10px var(--accent); }
.live-status strong { display: block; color: #c8d1d8; font-size: 11px; font-weight: 500; }

.globe-wrap { position: relative; height: 490px; display: grid; place-items: center; perspective: 800px; }
.globe-halo { position: absolute; width: 350px; height: 350px; border-radius: 50%; background: radial-gradient(circle, rgba(86,242,194,.12), transparent 68%); filter: blur(18px); }
.globe { width: 310px; height: 310px; border: 1px solid rgba(86,242,194,.4); border-radius: 50%; position: relative; overflow: hidden; background: radial-gradient(circle at 32% 25%, rgba(86,242,194,.14), rgba(8,15,17,.38) 48%, rgba(3,7,9,.92) 75%); box-shadow: inset -35px -20px 70px rgba(0,0,0,.8), inset 15px 10px 30px rgba(86,242,194,.09), 0 0 70px rgba(86,242,194,.1); animation: globe-float 6s ease-in-out infinite; }
.globe::before, .globe::after { content:""; position:absolute; border: 1px solid rgba(86,242,194,.13); inset: 0 53px; border-radius: 50%; }
.globe::after { inset: 60px 0; }
.globe-grid { position: absolute; inset: -10%; border-radius: 50%; background: repeating-linear-gradient(0deg, transparent 0 35px, rgba(86,242,194,.1) 36px 37px); }
.globe-grid-b { transform: rotate(90deg); opacity: .6; }
.land { position: absolute; background: rgba(86,242,194,.22); filter: drop-shadow(0 0 5px rgba(86,242,194,.25)); animation: land-drift 12s linear infinite; }
.land-one { width: 105px; height: 82px; top: 57px; left: 34px; clip-path: polygon(0 31%, 20% 10%, 58% 0, 100% 23%, 82% 49%, 61% 56%, 48% 100%, 25% 76%, 8% 65%); }
.land-two { width: 65px; height: 115px; top: 141px; left: 97px; clip-path: polygon(0 0, 82% 13%, 100% 38%, 70% 77%, 43% 100%, 24% 63%); }
.land-three { width: 140px; height: 120px; top: 65px; left: 185px; clip-path: polygon(0 9%, 30% 0, 42% 17%, 76% 5%, 100% 31%, 70% 53%, 61% 87%, 32% 100%, 17% 64%, 2% 48%); }
.globe-node { position: absolute; width: 6px; height: 6px; background: #fff; border: 2px solid var(--accent); border-radius: 50%; box-shadow: 0 0 10px var(--accent); z-index: 3; }
.n1{left:68px;top:91px}.n2{left:115px;top:115px}.n3{left:218px;top:98px}.n4{left:253px;top:128px}.n5{left:225px;top:161px}.n6{left:130px;top:210px}
.orbit { position: absolute; width: 430px; height: 125px; border: 1px solid rgba(86,242,194,.15); border-radius: 50%; transform: rotate(-17deg); animation: orbit-spin 9s linear infinite; }
.orbit-two { transform: rotate(68deg); width: 390px; height: 110px; animation-duration: 12s; animation-direction: reverse; }
.orbit i { position: absolute; width: 5px; height: 5px; background: var(--accent); border-radius: 50%; left: 16%; top: 5%; box-shadow: 0 0 10px var(--accent); }
.globe-tag { position: absolute; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: rgba(12,16,22,.7); backdrop-filter: blur(12px); font: 500 8px var(--font-display); letter-spacing: .1em; color: #8d98a5; }
.globe-tag i { width: 5px; height: 5px; border-radius: 50%; background: var(--accent); }
.globe-tag strong { display: block; color: #e7f9f3; font-size: 10px; margin-top: 3px; }
.tag-la { left: 15px; top: 110px; }.tag-tky { right: -5px; bottom: 100px; }

.stats { min-height: 175px; border-block: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, 1fr) auto; align-items: center; }
.stat-card { display: flex; align-items: center; gap: 16px; height: 80px; padding-left: 32px; border-right: 1px solid var(--line); }
.stat-card:first-child { padding-left: 0; }
.stat-icon { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid rgba(86,242,194,.2); background: var(--accent-soft); color: var(--accent); border-radius: 50%; }
.stat-card strong, .stat-card b { font: 600 32px var(--font-display); letter-spacing: -.04em; }
.stat-card b { color: var(--accent); }
.stat-card p { margin: 1px 0 0; color: #697382; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; }
.stat-note { font-size: 10px; color: #697382; letter-spacing: .1em; padding-left: 30px; text-transform: uppercase; }
.stat-note i { display: inline-block; width: 4px; height: 4px; background: var(--accent); border-radius: 50%; margin-right: 7px; vertical-align: 2px; }
@property --num { syntax: "<integer>"; initial-value: 0; inherits: false; }
.counter { --num: 0; animation: count-up 1s ease-out forwards; counter-reset: num var(--num); font-size: 0 !important; }
.counter::after { content: counter(num); font-size: 32px; }
.count-30 { --target: 30; }.count-90 { --target: 90; }.count-5000 { --target: 5000; }
@keyframes count-up { to { --num: var(--target); } }

.features { padding-block: 145px; }
.section-heading.centered { text-align: center; }
.section-heading h2 { font: 600 clamp(36px, 5vw, 58px)/1.05 var(--font-display); letter-spacing: -.045em; margin: 17px 0 16px; }
.section-heading > p, .map-heading > p, .performance-heading > p { color: var(--muted); font-size: 16px; line-height: 1.7; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 58px; }
.feature-card { min-height: 385px; padding: 38px; position: relative; overflow: hidden; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.012)); border-radius: 13px; backdrop-filter: blur(16px); transition: transform .25s, border-color .25s; }
.feature-card:hover { transform: translateY(-5px); border-color: rgba(86,242,194,.28); }
.feature-card.featured { background: linear-gradient(145deg, rgba(86,242,194,.09), rgba(255,255,255,.015)); }
.feature-number { position: absolute; right: 25px; top: 20px; color: rgba(255,255,255,.09); font: 600 43px var(--font-display); }
.feature-icon { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(86,242,194,.22); background: var(--accent-soft); border-radius: 11px; margin-bottom: 31px; }
.feature-icon svg { width: 31px; height: 31px; fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.feature-card h3 { font: 600 22px/1.25 var(--font-display); letter-spacing: -.025em; }
.feature-card p { color: var(--muted); font-size: 14px; line-height: 1.75; }
.feature-line { position: absolute; bottom: 0; left: 34px; right: 34px; height: 2px; background: linear-gradient(90deg, var(--accent), transparent); transform: scaleX(.2); transform-origin: left; transition: transform .4s; }
.feature-card:hover .feature-line { transform: scaleX(1); }

.network { padding-bottom: 145px; }
.map-heading, .performance-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; margin-bottom: 50px; }
.map-heading > p, .performance-heading > p { max-width: 440px; justify-self: end; margin-bottom: 5px; }
.map-card, .benchmark-card { border: 1px solid var(--line); border-radius: 15px; background: var(--panel); backdrop-filter: blur(18px); overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.24); }
.map-topbar, .benchmark-top { height: 62px; border-bottom: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; padding: 0 25px; color: #75808e; font: 500 9px var(--font-display); letter-spacing: .14em; }
.map-legend { display: flex; gap: 25px; }.map-legend span { display: flex; align-items: center; gap: 8px; }
.map-legend i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.dot-live { background: var(--accent); box-shadow: 0 0 8px var(--accent); }.dot-planned { border: 1px solid var(--purple); background: rgba(157,123,255,.4); box-shadow: 0 0 7px var(--purple); }
.map-live { display: flex; align-items: center; gap: 8px; color: var(--accent); }
.world-map { position: relative; aspect-ratio: 2 / 1; margin: 20px 30px 0; overflow: hidden; background-color: rgba(3,7,10,.3); background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), radial-gradient(ellipse at center, rgba(86,242,194,.045), transparent 68%); background-size: 40px 40px, 40px 40px, auto; }
.online-map { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: fill; filter: invert(1) grayscale(1) contrast(1.15); opacity: .13; mix-blend-mode: screen; }
.route-overlay, .pop-layer { position: absolute; inset: 0; width: 100%; height: 100%; }
.route-overlay { overflow: visible; pointer-events: none; }
.route { fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-dasharray: 5 8; opacity: .5; filter: drop-shadow(0 0 4px rgba(86,242,194,.55)); animation: route-flow 18s linear infinite; }
.shanghai-tokyo { stroke-dasharray: 3 5; }
.newyork-london { animation-delay: -6s; }
.lax-sydney, .ashburn-saopaulo { animation-delay: -9s; }
.tokyo-singapore, .madrid-johannesburg { animation-delay: -13s; }
.pop-layer { z-index: 2; pointer-events: none; }
.pop { position: absolute; left: var(--x); top: var(--y); width: 10px; height: 10px; padding: 0; border: 2px solid rgba(229,255,247,.92); border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgba(86,242,194,.1), 0 0 13px rgba(86,242,194,.9); transform: translate(-50%,-50%); pointer-events: auto; cursor: pointer; font: inherit; transition: transform .2s, box-shadow .2s; }
.pop::after { content:""; position:absolute; inset:-6px; border:1px solid rgba(86,242,194,.25); border-radius:50%; animation: pop-pulse 2.4s ease-out infinite; }
.pop.planned { background: var(--purple); border-color: #e8e0ff; box-shadow: 0 0 0 4px rgba(157,123,255,.1), 0 0 13px rgba(157,123,255,.85); }
.pop.planned::after { border-color: rgba(157,123,255,.35); }
.pop:hover, .pop:focus-visible { z-index: 20; transform: translate(-50%,-50%) scale(1.35); outline: none; box-shadow: 0 0 0 5px rgba(86,242,194,.15), 0 0 18px var(--accent); }
.pop-tooltip { position: absolute; left: 50%; bottom: calc(100% + 13px); min-width: max-content; display: flex; align-items: center; gap: 8px; padding: 8px 10px; color: #edf5f3; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; background: rgba(11,15,21,.94); backdrop-filter: blur(14px); box-shadow: 0 10px 28px rgba(0,0,0,.42); font: 600 10px var(--font-display); letter-spacing: .02em; opacity: 0; visibility: hidden; transform: translate(-50%,5px) scale(.74); transform-origin: bottom center; transition: opacity .18s, visibility .18s, transform .18s; pointer-events: none; }
.pop-tooltip::after { content:""; position:absolute; left:50%; bottom:-5px; width:8px; height:8px; border-right:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); background: rgba(11,15,21,.94); transform:translateX(-50%) rotate(45deg); }
.pop-tooltip img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.15); }
.pop-tooltip small { color: var(--purple); font: 600 6px var(--font-display); letter-spacing: .1em; margin-left: 2px; }
.pop:hover .pop-tooltip, .pop:focus-visible .pop-tooltip { opacity: 1; visibility: visible; transform: translate(-50%,0) scale(.74); }
.pop-tooltip-right { left: auto; right: -4px; transform: translate(0,5px) scale(.74); transform-origin: bottom right; }
.pop-tooltip-right::after { left: auto; right: 5px; transform: rotate(45deg); }
.pop:hover .pop-tooltip-right, .pop:focus-visible .pop-tooltip-right { transform: translate(0,0) scale(.74); }
.map-source { display: block; width: max-content; max-width: calc(100% - 50px); margin: -12px 25px 18px auto; color: #56616e; font-size: 8px; letter-spacing: .06em; transition: color .2s; }
.map-source:hover { color: var(--accent); }
.map-source span { margin-left: 4px; }
.pop-directory { display: grid; grid-template-columns: 120px repeat(5, 1fr); gap: 18px; border-top: 1px solid var(--line); padding: 28px 25px 30px; }
.directory-label { font: 500 8px/1.6 var(--font-display); color: #697382; letter-spacing: .12em; }
.directory-label span { font: 600 28px var(--font-display); color: var(--text); display: block; letter-spacing: -.04em; }
.region h4 { color: var(--accent); font: 600 8px var(--font-display); letter-spacing: .14em; margin: 0 0 8px; }
.region p { color: #7e8998; font-size: 9px; line-height: 1.7; margin: 0; }
.planned-region h4 { color: var(--purple); }

.performance { padding-bottom: 145px; }
.benchmark-top > div { display: flex; align-items: center; gap: 9px; }
.status-pulse { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 9px var(--accent); }
.chart-legend { gap: 24px !important; }.chart-legend span { display: flex; gap: 8px; align-items: center; }
.chart-legend i { width: 17px; height: 3px; display: inline-block; border-radius: 3px; }.bar-overlag { background: var(--accent); }.bar-public { background: #596170; }
.chart-grid { display: grid; grid-template-columns: 1fr 1fr; }
.route-chart { min-height: 260px; padding: 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); position: relative; }
.route-chart:nth-child(even) { border-right: 0; }.route-chart:nth-child(n+3) { border-bottom: 0; }
.route-title { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }
.route-title strong { font: 600 18px var(--font-display); }.route-title > span { color: var(--accent); }
.route-title small { color: #66717f; font-size: 9px; letter-spacing: .08em; text-transform: uppercase; margin-left: auto; }
.bar-row { display: grid; grid-template-columns: 63px 1fr 58px; gap: 12px; align-items: center; margin: 12px 0; }
.bar-row > span { color: #6c7785; font: 500 8px var(--font-display); letter-spacing: .1em; }
.track { height: 6px; border-radius: 8px; background: rgba(255,255,255,.045); overflow: hidden; }
.track i { display: block; height: 100%; width: var(--width); border-radius: inherit; transform-origin: left; animation: bar-grow 1.2s .25s cubic-bezier(.2,.8,.2,1) both; }
.track .ol { background: linear-gradient(90deg, #31a987, var(--accent)); box-shadow: 0 0 10px rgba(86,242,194,.35); }.track .public { background: #48515e; }
.bar-row b { text-align: right; font: 600 13px var(--font-display); }.bar-row b small { color: #717c89; font-size: 8px; margin-left: 2px; }
.saving { display: inline-block; margin-top: 13px; padding: 5px 8px; border-radius: 4px; background: var(--accent-soft); color: var(--accent); font: 600 8px var(--font-display); letter-spacing: .1em; }
.benchmark-note { margin: 0; padding: 18px 25px; border-top: 1px solid var(--line); color: #626d79; font-size: 9px; text-align: center; }

.cta-section { position: relative; overflow: hidden; padding: 100px 30px; margin-bottom: 85px; text-align: center; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(135deg, rgba(88,101,242,.08), rgba(86,242,194,.06)); }
.cta-section::before { content:""; position:absolute; inset:0; background: radial-gradient(circle at 50% 130%, rgba(86,242,194,.13), transparent 44%); }
.cta-section > * { position: relative; }
.cta-section h2 { font: 600 clamp(40px, 6vw, 66px)/1 var(--font-display); letter-spacing: -.05em; margin: 18px 0; }
.cta-section p { color: var(--muted); font-size: 14px; }
.discord-button { display: inline-flex; align-items: center; gap: 11px; margin-top: 20px; padding: 15px 19px; border-radius: 8px; background: var(--discord); box-shadow: 0 12px 35px rgba(88,101,242,.25); font-size: 13px; font-weight: 700; transition: transform .2s, background .2s; }
.discord-button:hover { transform: translateY(-2px); background: #6975f5; }
.discord-button svg { width: 20px; fill: white; }.discord-button span { margin-left: 10px; }

.site-footer { min-height: 115px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; color: #66717e; font-size: 10px; }
.site-footer > p { text-align: center; margin: 0; }.site-footer > div { display: flex; justify-content: flex-end; gap: 22px; align-items: center; }
.footer-status { display: flex; align-items: center; gap: 7px; }

@keyframes globe-float { 0%,100%{transform:translateY(0) rotate(-2deg)} 50%{transform:translateY(-9px) rotate(2deg)} }
@keyframes land-drift { 0%{translate:0} 50%{translate:-12px 3px} 100%{translate:0} }
@keyframes orbit-spin { from{rotate:0deg} to{rotate:360deg} }
@keyframes bar-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes route-flow { to { stroke-dashoffset: -260; } }
@keyframes pop-pulse { 0%{transform:scale(.4);opacity:1} 75%,100%{transform:scale(1.5);opacity:0} }

@media (max-width: 980px) {
  .hero { grid-template-columns: 1fr; text-align: center; padding-top: 80px; }
  .hero-copy > p { margin-inline: auto; }.eyebrow, .hero-actions { justify-content: center; }
  .globe-wrap { margin-top: 45px; }
  .stats { grid-template-columns: repeat(3, 1fr); }.stat-note { display: none; }
  .feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 280px; }
  .pop-directory { grid-template-columns: repeat(3, 1fr); }.directory-label { grid-row: span 2; }
}

@media (max-width: 720px) {
  .section-shell, .site-header { width: min(100% - 28px, 1180px); }
  nav { display: none; }.site-header { height: 72px; }
  .hero { padding-top: 70px; min-height: auto; }.hero-actions { flex-direction: column; }
  h1 { font-size: clamp(44px, 13vw, 64px); }.globe-wrap { height: 390px; transform: scale(.84); margin-inline: -40px; }
  .stats { grid-template-columns: 1fr; padding-block: 20px; }.stat-card, .stat-card:first-child { border-right: 0; border-bottom: 1px solid var(--line); padding-left: 15px; }.stat-card:last-of-type { border-bottom: 0; }
  .features { padding-block: 105px; }.feature-card { padding: 28px; }
  .map-heading, .performance-heading { grid-template-columns: 1fr; gap: 12px; }.map-heading > p, .performance-heading > p { justify-self: start; }
  .map-topbar { padding-inline: 15px; }.map-live { display: none; }.world-map { width: 760px; margin: 10px 0 0; }.map-card { overflow-x: auto; }.pop-directory, .map-source { min-width: 760px; }
  .pop-directory { grid-template-columns: 1fr 1fr; }.directory-label { grid-row: auto; }.region { min-width: 0; }
  .chart-grid { grid-template-columns: 1fr; }.route-chart, .route-chart:nth-child(even), .route-chart:nth-child(n+3) { border-right: 0; border-bottom: 1px solid var(--line); }.route-chart:last-child { border-bottom: 0; }
  .benchmark-top { align-items: flex-start; height: auto; padding-block: 18px; gap: 15px; flex-direction: column; }.chart-legend { flex-wrap: wrap; }
  .route-chart { padding: 25px 19px; }.route-title small { display: none; }.bar-row { grid-template-columns: 55px 1fr 55px; gap: 8px; }
  .cta-section { padding: 75px 18px; }.site-footer { grid-template-columns: 1fr; gap: 20px; text-align: center; padding-block: 35px; }.site-footer > p { order: 3; }.site-footer > .brand, .site-footer > div { justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}