.experience{height:440vh;background:#061321;color:#fff;position:relative}.experience-sticky{height:calc(100svh - 90px);min-height:660px;position:sticky;top:90px;padding:32px 5vw 20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.experience-head{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1400px;width:100%;margin:0 auto}.experience-head .section-index{font-size:11px;color:#7e9dbb;letter-spacing:1.3px}.experience-head h2{font-size:clamp(30px,3vw,45px);line-height:1.12;margin:12px 0 5px;letter-spacing:-1.3px}.experience-head h2 span{color:#75b6ff}.experience-step{display:flex;align-items:baseline;gap:7px;font-size:12px;color:#6d8ba5;flex-wrap:wrap;width:115px;flex-shrink:0}.experience-step>span:first-child{color:#e6f3ff;font-size:35px;font-weight:500}.experience-track{width:100%;height:2px;background:#29415d;overflow:hidden}.experience-track i{display:block;width:0;height:100%;background:#3e9cff}.experience-stage{position:relative;width:100%;max-width:1250px;margin:10px auto;flex:1;min-height:400px;max-height:660px}.map-scene{position:absolute;inset:0;will-change:opacity,transform;display:flex;align-items:center;justify-content:center}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#1e4c7220 1px,transparent 1px),linear-gradient(90deg,#1e4c7220 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%)}#turkey-network{width:100%;height:100%;overflow:visible;position:relative}.map-center{position:absolute;top:79.5%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;background:#102c48;border:1px solid #286aa0;border-radius:17px;padding:12px 24px;box-shadow:0 0 65px #0864e830}.map-center img{width:62px;height:62px}.map-center strong{font-size:16px;line-height:1.5}.map-center>span{font-size:9px;color:#90badf;letter-spacing:2px}.hub-flash{position:absolute;inset:-9px;border-radius:22px;border:1px solid #388fcd;opacity:0}.map-footnote{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#6c8da8}.data-line{fill:none;stroke:#3188c4;stroke-width:1.4;opacity:.5}.data-packet{fill:#71ddff;filter:drop-shadow(0 0 5px #3ab0ff)}.station-brand{font-family:'Manrope','Segoe UI',sans-serif;font-size:14px;font-weight:700;fill:#fff}.station-city{font-family:'Manrope','Segoe UI',sans-serif;font-size:11px;fill:#88aac7}.station-node{filter:drop-shadow(0 0 8px #227bc84d)}.dashboard-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(70px) scale(.91);will-change:transform,opacity;pointer-events:none}.dashboard-shell{width:100%;display:grid;grid-template-columns:150px 1fr;border:1px solid #2b4864;border-radius:18px;overflow:hidden;background:#0c1c2e;box-shadow:0 30px 100px #0005;max-height:100%}.dashboard-sidebar{background:#0a2136;padding:22px 15px;display:flex;flex-direction:column;gap:16px;font-size:11px;color:#829db5;border-right:1px solid #223b52}.dashboard-sidebar img{margin-bottom:15px}.dashboard-sidebar>span{padding:0 8px}.dashboard-sidebar .sidebar-active{background:#175fbb;color:white;padding:9px 8px;border-radius:7px}.dashboard-sidebar>div{margin-top:auto;padding:12px 8px;border-top:1px solid #26435b;font-size:11px}.dashboard-sidebar small{font-size:10px;line-height:2.5;color:#6b8ba7}.dashboard-main{padding:20px 24px;min-width:0}.dash-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.dash-tabs{display:flex;background:#152c44;padding:3px;border-radius:22px}.dash-tabs button{border:0;background:none;color:#85a7c5;border-radius:20px;padding:6px 17px;font-size:12px;font-weight:600}.dash-tabs button.active{color:white;background:#156be4}.demo-label{font-size:10px;letter-spacing:1px;color:#8aa7bd}.dash-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0;gap:16px}.dash-title h3{font-size:20px;font-weight:600;letter-spacing:-.5px;margin:0 0 3px}.dash-title div>span{font-size:10px;color:#88a1b8}.dash-time{color:#7d9bb7;font-size:10px}.dash-time b{color:#bcd4ec;font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kpi-grid>div{border:1px solid #263e55;background:#132940;padding:12px 13px;border-radius:10px;min-width:0}.kpi-grid>div>span{color:#93abc2;font-size:10px;display:block;margin-bottom:6px}.kpi-grid small{font-size:9px;color:#7291ad;display:block;margin-top:6px}.odometer{font-size:clamp(17px,2vw,29px);font-weight:600;letter-spacing:-.8px;line-height:1.25;display:flex;align-items:center;height:1.25em;font-variant-numeric:tabular-nums;white-space:nowrap}.odo-digit{display:inline-block;width:.66em;height:1.25em;overflow:hidden;position:relative}.odo-reel{display:flex;flex-direction:column;will-change:transform;transition:transform .55s cubic-bezier(.22,.75,.15,1)}.odo-reel>span{height:1.25em;line-height:1.25em;flex:0 0 auto;text-align:center}.odo-sep{display:inline-block;min-width:.25em}.dash-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}.dash-charts article{border:1px solid #263e55;background:#102337;padding:14px;border-radius:10px}.chart-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.chart-heading strong{font-size:11px;font-weight:500}.chart-heading span{font-size:9px;color:#7192ac}.dash-charts svg{width:100%;height:150px;display:block;margin-top:10px;overflow:visible}.dash-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dash-bottom[hidden]{display:none}.dash-bottom>div{border:1px solid #263e55;background:#102337;padding:14px;border-radius:10px}.dash-bottom strong{font-size:11px;font-weight:500}.payment-bar,.tank-bar{height:7px;background:#0864e8;border-radius:8px;overflow:hidden;margin:15px 0 10px}.payment-bar i{display:block;width:34%;height:100%;background:#50c7b1;transition:width .5s}.dash-bottom p{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#88a5bd;margin:0}.dash-bottom b{color:#d3e4f3;font-weight:500;margin-left:4px}.inventory-pair{margin-top:18px!important}.inventory-pair b{display:block;margin:7px 0 0;font-size:15px}.tank-bar{background:#1d364d}.tank-bar i{display:block;background:#4098fa;height:100%;width:53%;transition:width .5s}.tank-bar.petrol i{background:#56ccb8}.dash-disclaimer{color:#7090a9;font-size:9px;margin-top:12px}.experience-caption{max-width:1400px;width:100%;margin:5px auto 0;display:flex;align-items:center;gap:22px;justify-content:space-between;min-height:38px}.experience-caption p{font-size:13px;color:#9eb6cb;margin:0}.experience-caption button{background:none;border:1px solid #385776;padding:7px 13px;border-radius:25px;color:#9eb6cb;font-size:11px;white-space:nowrap}.scroll-cue{color:#6689a8;font-size:11px;white-space:nowrap}
@media(min-width:1500px){.experience-stage{max-width:1300px}.dash-charts svg{height:180px}}
@media(max-width:1050px){.dashboard-sidebar{display:none}.dashboard-shell{grid-template-columns:1fr}.experience-sticky{padding:26px 4vw 18px}.dashboard-main{padding:18px}.map-center{padding:8px 18px}.map-center img{width:48px;height:48px}.map-center strong{font-size:13px}.map-center>span{font-size:9px}}
@media(max-width:720px){.experience{height:380vh}.experience-sticky{top:74px;height:calc(100svh - 74px);min-height:580px;padding:24px 15px 16px}.experience-head{gap:15px}.experience-head .section-index{font-size:9px;letter-spacing:.5px}.experience-head h2{font-size:27px;letter-spacing:-1px;line-height:1.15}.experience-step{width:57px;gap:4px}.experience-step>span:first-child{font-size:27px}.experience-stage{min-height:375px;margin:10px auto}.map-scene{overflow:hidden}#turkey-network{width:100%;max-width:none;height:100%;flex-shrink:0;transform:translateY(-23px)}.map-center{top:74%;padding:8px 20px}.map-center img{width:55px;height:55px}.map-footnote{font-size:9px;padding:0 20px;bottom:16px}.map-grid{background-size:25px 25px}.dashboard-main{padding:13px}.dashboard-shell{border-radius:13px}.dash-tabs button{font-size:11px;padding:5px 14px}.demo-label{font-size:9px}.dash-title{margin:13px 0}.dash-title h3{font-size:16px}.dash-time{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:7px}.kpi-grid>div{padding:9px 10px}.odometer{font-size:22px}.kpi-grid small{display:none}.kpi-grid>div>span{font-size:10px;margin-bottom:5px}.dash-charts{grid-template-columns:1fr;margin-top:8px}.intensity-card{display:none}.dash-charts article{padding:11px}.dash-charts svg{height:105px;margin-top:4px}.chart-heading strong{font-size:10px}.dash-bottom{gap:7px;margin-top:8px}.dash-bottom>div{padding:10px}.dash-bottom strong{font-size:9px}.dash-bottom p{font-size:8px;gap:5px}.dash-bottom p>span{min-width:0}.dash-bottom p b{display:block;margin-left:0}.inventory-pair b{font-size:11px}.payment-bar,.tank-bar{margin:9px 0 6px;height:5px}.inventory-pair{margin-top:8px!important}.dash-disclaimer{font-size:8px;line-height:1.5;margin-top:9px}.experience-caption{flex-wrap:wrap;gap:8px}.experience-caption p{font-size:11px;width:100%;line-height:1.5}.experience-caption button{font-size:10px;padding:5px 11px}.scroll-cue{font-size:10px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){html:not(.motion-enabled) .odo-reel{transition:none}html:not(.motion-enabled) .experience{height:auto}html:not(.motion-enabled) .experience-sticky{position:relative;top:0;height:auto;min-height:0;overflow:visible}html:not(.motion-enabled) .experience-stage{height:1000px;flex:none;max-height:none}html:not(.motion-enabled) .map-scene{height:430px;position:relative;transform:none!important;opacity:1!important}html:not(.motion-enabled) .dashboard-scene{position:relative;height:560px;opacity:1!important;transform:none!important;pointer-events:auto!important}html:not(.motion-enabled) .experience-caption .scroll-cue{display:none}}