.experience{height:340vh;background:radial-gradient(ellipse at 50% 55%,#103554 0%,#061321 67%)}.experience-sticky{top:90px;height:calc(100svh - 90px);min-height:0;padding:30px 4vw 18px;overflow:hidden;justify-content:flex-start;gap:0}.experience-head{display:block;text-align:center}.experience-head h2{font-size:clamp(30px,3.5vw,52px);line-height:1.13;margin:10px 0}.experience-head p{font-size:14px;color:#91b4cd;margin:12px 0 0}.map-stage{position:relative;flex:1;min-height:0;width:100%;max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center}#turkey-network{width:100%;height:100%;max-height:650px;overflow:visible;transform:none}.station-brand{font-size:14px;font-weight:700;fill:#e9f5ff}.station-city{font-size:12px;fill:#91b7ce}.station-node circle{transition:opacity .1s}.hub-ring{fill:none;stroke:#5ac4ff;opacity:.4;stroke-width:1}.hub-name{font-size:13px;font-weight:800;fill:white}.data-line{fill:none;stroke:#3c95c9;opacity:.25;stroke-width:1.4;stroke-dasharray:4 7}.data-packet{fill:#9cefff;filter:drop-shadow(0 0 5px #42bdff)}.sale-burst{pointer-events:none}.sale-burst rect{fill:#102c41;stroke:#58cbb7;stroke-width:1}.sale-burst .sale-amount{font-size:25px;font-weight:800;fill:#86f6d5}.sale-burst .sale-label{font-size:12px;fill:#e0f4fc}.burst-spark{stroke:#87e7ff;stroke-width:2;stroke-linecap:round}.experience-caption{flex-shrink:0;font-size:12px;color:#94b2cb;margin:0 auto;gap:14px;min-height:34px}.experience-caption .motion-control{font-size:11px;padding:7px 14px}.map-footnote{position:static;text-align:center;line-height:1.5;color:#607e97;font-size:10px;margin:10px 0 0}.map-progress{position:absolute;bottom:0;height:2px;left:0;right:0;background:#163349}.map-progress i{display:block;height:100%;background:#66d8ee;width:0}.map-mobile-event{display:none}.dashboard-journey{height:780vh;background:#061321;color:#fff;position:relative}.dashboard-sticky{position:sticky;top:90px;height:calc(100svh - 90px);padding:28px 5vw 18px;display:flex;flex-direction:column;gap:18px;overflow:hidden}.dashboard-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-shrink:0}.dashboard-intro .section-index{color:#7299b9;font-size:10px}.dashboard-intro h2{font-size:clamp(26px,3vw,40px);line-height:1.15;margin:8px 0 0}.dashboard-intro h2 span{color:#75b6ff}.dashboard-intro p{font-size:13px;color:#93afc7;line-height:1.7}.dashboard-shell{flex:1;min-height:0;max-height:none;width:100%;max-width:1320px;margin:0 auto;grid-template-columns:140px 1fr}.dashboard-sidebar{padding:20px 13px;font-size:11px;gap:18px}.dashboard-main{min-height:0;padding:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.dash-toolbar{padding:13px 22px;background:#10283e;border-bottom:1px solid #29445d;flex-shrink:0;position:relative;z-index:2}.dash-tabs button{padding:7px 24px;font-size:13px}.dash-tabs button[data-dashboard=fuel].active{background:#bf3854}.report-window{flex:1;min-height:0;overflow:hidden;position:relative}.report-content{padding:0 22px 22px;will-change:transform}.dash-title{margin:20px 0}.dash-title h3{font-size:23px}.live-pill{font-size:10px;color:#65d7b9}.kpi-grid>div{padding:14px;border-bottom:2px solid #4ad0b1}.kpi-grid>div:nth-child(2){border-bottom-color:#409fee}.kpi-grid>div:nth-child(3){border-bottom-color:#b095fb}.kpi-grid>div:nth-child(4){border-bottom-color:#ef789c}.kpi-grid>div>span{font-size:11px}.kpi-grid small{font-size:10px}.odometer{font-size:clamp(20px,2.25vw,31px)}.dash-charts{margin-top:16px;gap:16px}.dash-charts article{padding:17px}.chart-heading strong{font-size:13px;font-weight:700}.chart-heading span{font-size:10px}.dash-charts svg{height:170px;margin-top:14px}.dash-bottom{margin-top:16px;gap:16px}.dash-bottom>div{padding:18px}.dash-bottom strong{font-size:12px}.dash-bottom p{font-size:11px}.report-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-extra{display:grid;gap:16px;margin-top:16px}.report-extra[hidden]{display:none}.report-card{background:#102337;border:1px solid #263e55;border-radius:12px;padding:19px;min-width:0}.comparison{display:flex;justify-content:center;align-items:center;gap:35px;margin:25px 0 8px}.comparison>div:last-child{display:grid;gap:5px}.comparison>div:last-child span{font-size:10px;color:#86a4bd}.comparison b{font-size:16px;margin-bottom:8px;font-weight:600}.progress-ring{width:126px;height:126px;border-radius:50%;border:8px solid #214866;border-top-color:#58d6b8;border-right-color:#58d6b8;display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-ring strong{font-size:25px}.progress-ring span{font-size:8px;color:#89a7bf}.category-chart{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:30px}.donut{width:125px;height:125px;border-radius:50%;background:conic-gradient(#4f9cfb 0% 52%,#5bd3b6 52% 74%,#b397ff 74% 90%,#f7bd76 90% 97%,#46627d 97%);position:relative;display:grid;place-items:center;flex-shrink:0}.donut:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#102337}.donut span{position:relative;display:block;text-align:center;font-size:26px;font-weight:700}.donut strong{font-size:9px;display:block;color:#91adc4;font-weight:400}.category-chart ul{list-style:none;padding:0;margin:0;flex:1;max-width:200px}.category-chart li{font-size:10px;margin:10px 0;display:flex;align-items:center;gap:6px;color:#a4bdd1}.category-chart li b{margin-left:auto;color:#e1edf7}.category-chart li i{width:6px;height:6px;background:#4f9cfb;border-radius:50%}.category-chart li:nth-child(2) i{background:#5bd3b6}.category-chart li:nth-child(3) i{background:#b397ff}.category-chart li:nth-child(4) i{background:#f7bd76}.category-chart li:nth-child(5) i{background:#46627d}.report-card table{width:100%;border-collapse:collapse;margin-top:18px;font-size:11px;text-align:left}.report-card th{font-size:9px;text-transform:uppercase;color:#7394b0;font-weight:500}.report-card td,.report-card th{padding:12px 0;border-bottom:1px solid #274057}.report-card td{color:#b9d0e1}.report-card td:last-child,.report-card th:last-child{text-align:right;color:#deedf8}.report-card tbody tr:last-child td{border-bottom:0}.dues>div:last-child{display:flex;gap:30px;margin-top:20px}.dues>div:last-child>span{font-size:11px;color:#90aec6;flex:1}.dues b{display:block;font-size:17px;margin-top:5px;color:#d9eafa}.tank-card{padding:22px 24px}.tanks{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:28px auto 8px}.tank-item{text-align:center}.tank-vessel{position:relative;overflow:hidden;width:156px;height:156px;border-radius:50%;border:6px solid #803d55;margin:auto;background:#14283b;box-shadow:inset 0 0 30px #0003}.tank-vessel.petrol{border-color:#326c99}.tank-liquid{position:absolute;left:0;right:0;bottom:0;height:53%;background:linear-gradient(#ef779a,#bb3357);border-top:5px solid #ffa4ba;transition:height .35s}.petrol .tank-liquid{background:linear-gradient(#60b7ff,#1b70c0);border-top-color:#a1d8ff}.tank-reading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-shadow:0 1px 8px #062135}.tank-reading strong{font-size:21px}.tank-reading span{font-size:12px;color:#d9eafa;font-weight:700}.tank-item h4{font-size:17px;margin:15px 0 2px}.tank-item p{font-size:10px;color:#92aec7;margin:0 0 12px}.tank-item>strong{font-size:16px}.tank-item small{display:block;color:#6e95b3;font-size:9px;margin:3px 0}.tank-delivery{font-size:10px;color:#5dd0b3;display:block;margin-top:12px}.fuel-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fuel-type-grid article{padding:16px 12px;background:#122940;border:1px solid #28435e;border-top:2px solid #ed7497;border-radius:10px;text-align:center}.fuel-type-grid article:nth-child(2){border-top-color:#4daefb}.fuel-type-grid article:nth-child(3){border-top-color:#b499ff}.fuel-type-grid article:nth-child(4){border-top-color:#5cd6b9}.fuel-type-grid span{display:block;font-size:12px}.fuel-type-grid strong{font-size:21px;display:block;margin:8px 0}.fuel-type-grid small{color:#7a9bb8;font-size:10px}.price-chart{width:100%;height:170px;margin-top:18px;fill:none}.price-chart>path{stroke-width:3}.chart-legend{display:flex;gap:18px;justify-content:center;font-size:9px;color:#98b4cc}.chart-legend span:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;background:#ff738c;margin-right:5px}.chart-legend span:nth-child(2):before{background:#4cafff}.chart-legend span:nth-child(3):before{background:#b096ff}.channel{margin-top:30px}.channel span{display:flex;justify-content:space-between;color:#8eacc5;font-size:11px}.channel b{color:#d9e8f5}.channel i{display:block;height:7px;background:var(--color);width:var(--share);border-radius:5px;margin-top:8px}.report-position{position:absolute;right:5px;top:76px;bottom:15px;width:3px;background:#1b364d;border-radius:3px}.report-position i{position:absolute;top:0;left:0;width:100%;height:24%;background:#529cdc;border-radius:3px}.report-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#769cbb;max-width:1320px;width:100%;margin:0 auto}.dash-disclaimer{font-size:9px;margin-top:18px}.dashboard-shell.mode-fuel{border-color:#694154}.map-demo{white-space:nowrap}.motion-control{background:none;border:1px solid #375c7b;color:#9fc3dc;border-radius:25px;padding:8px 14px}
@media(max-width:1050px){.dashboard-sidebar{display:none}.dashboard-shell{grid-template-columns:1fr}.dashboard-sticky{padding:24px 3vw 15px}.report-content{padding:0 18px 18px}.category-chart{gap:12px}.donut{width:100px;height:100px}.fuel-type-grid strong{font-size:18px}}
@media(max-width:720px){.experience{height:320vh}.experience-sticky{top:74px;height:calc(100svh - 74px);min-height:0;padding:30px 12px 15px}.experience-head h2{font-size:32px}.experience-head p{font-size:12px}.map-stage{margin:0;align-items:flex-start;padding-top:25px}#turkey-network{min-height:220px;height:75%;max-width:none;width:100%;transform:none}.station-brand{font-size:19px}.station-city{font-size:16px}.sale-burst{display:none}.hub-name{font-size:15px}.map-mobile-event{display:flex;flex-direction:column;align-items:center;position:absolute;bottom:12%;left:12%;right:12%;padding:16px;background:#102c41;border:1px solid #4e9cab;border-radius:12px;gap:2px;opacity:0}.map-mobile-event strong{font-size:28px;color:#86f6d5}.map-mobile-event span{font-size:12px;color:#d9ecf6}.experience-caption{flex-wrap:wrap;justify-content:space-between;font-size:11px;gap:10px}.experience-caption>span:first-child{width:100%;text-align:center}.experience-caption .motion-control{font-size:10px}.map-footnote{font-size:8px;margin-top:9px}.map-demo{font-size:9px}.dashboard-journey{height:920vh}.dashboard-sticky{top:74px;height:calc(100svh - 74px);padding:20px 12px 12px;gap:12px}.dashboard-intro h2{font-size:26px}.dashboard-intro p{display:none}.dashboard-intro .section-index{font-size:9px}.dash-toolbar{padding:10px 12px}.dash-tabs button{font-size:11px;padding:6px 18px}.demo-label{font-size:8px}.report-content{padding:0 12px 16px}.dash-title h3{font-size:18px}.dash-title{margin:17px 0}.dash-title div>span{font-size:9px}.live-pill{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-grid>div{padding:12px}.kpi-grid>div>span{font-size:10px}.kpi-grid small{display:none}.odometer{font-size:25px}.dash-charts{grid-template-columns:1fr;gap:12px;margin-top:12px}.intensity-card{display:block}.dash-charts article{padding:14px}.dash-charts svg{height:135px;margin-top:10px}.chart-heading strong{font-size:11px}.chart-heading span{font-size:8px}.dash-bottom{grid-template-columns:1fr;gap:12px;margin-top:12px}.dash-bottom>div{padding:15px}.dash-bottom p{font-size:10px}.dash-bottom p b{display:inline}.inventory-pair b{font-size:15px}.report-row{grid-template-columns:1fr;gap:12px}.report-extra{gap:12px;margin-top:12px}.report-card{padding:15px}.category-chart{gap:24px;margin:22px 0 7px}.donut{width:115px;height:115px}.category-chart li{font-size:10px}.comparison{margin-top:20px}.report-card table{font-size:10px}.report-card td,.report-card th{padding:11px 0}.dues>div:last-child{gap:10px}.dues b{font-size:13px}.dues>div:last-child>span{font-size:9px}.tanks{gap:12px;margin-top:23px}.tank-vessel{width:112px;height:112px;border-width:4px}.tank-reading strong{font-size:15px}.tank-reading span{font-size:10px}.tank-item h4{font-size:15px}.tank-item>strong{font-size:13px}.tank-item small{font-size:8px}.tank-delivery{font-size:8px}.fuel-type-grid{grid-template-columns:1fr 1fr;gap:10px}.fuel-type-grid strong{font-size:20px}.report-bottom{font-size:8px;letter-spacing:.6px}.report-position{top:65px}.price-chart{height:145px}}
@media(max-height:700px) and (min-width:721px){.experience-sticky{padding-top:15px}.experience-head h2{font-size:30px}.experience-head p{margin-top:5px}.dashboard-sticky{padding-top:15px;gap:12px}.dashboard-intro h2{font-size:26px}.dashboard-intro p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .experience{height:auto}html:not(.motion-enabled) .experience-sticky{height:auto;position:relative;top:0;min-height:650px}html:not(.motion-enabled) .map-stage{height:430px;flex:none}html:not(.motion-enabled) .dashboard-journey{height:auto}html:not(.motion-enabled) .dashboard-sticky{position:relative;top:0;height:auto;overflow:visible}html:not(.motion-enabled) .dashboard-shell{flex:none;max-height:none}html:not(.motion-enabled) .report-window{overflow:visible}html:not(.motion-enabled) .report-content{transform:none!important}html:not(.motion-enabled) .report-position{display:none}}

/* User-driven motion: every frame is derived from scroll position. */
.stream-dot{filter:drop-shadow(0 0 5px currentColor);pointer-events:none}
.data-line{stroke:#5ca9df;stroke-width:1.8;stroke-dasharray:4 7}
#hub-arrows{transform-box:view-box;transition:none;animation:none}
.dash-tabs [data-dashboard],.scene-nav [data-show],.insight-tabs [data-insight]{display:inline-block;padding:10px 16px;border-radius:8px;color:#8da8c3;font-size:13px}
.dash-tabs .active,.scene-nav .active,.insight-tabs .active{background:#1265b7;color:white}
.experience-caption{justify-content:space-between}