/* MEACHOU SPORT Simulador 10.8: tema original isolado do restante do sistema. */
.i9demo-shell{--bg:#07131f;--panel:#101f2d;--line:#263846;--card:#142535;--lime:#c8ff5a;--cyan:#55dfe6;--orange:#ffa85c;--muted:#93a5b3;--white:#f2f8fa;--danger:#ff7478}
.i9demo-shell *{box-sizing:border-box}
.i9demo-shell{scroll-behavior:smooth}
.i9demo-shell{margin:0;background:var(--bg);color:var(--white);font:15px/1.55 "DM Sans",system-ui,sans-serif}
.i9demo-shell a{color:inherit;text-decoration:none}
.i9demo-shell button,.i9demo-shell input,.i9demo-shell select,.i9demo-shell textarea{font:inherit}
.i9demo-shell button,.i9demo-shell a,.i9demo-shell input,.i9demo-shell select{outline-offset:3px}
.i9demo-shell button{cursor:pointer}
.i9demo-shell img{max-width:100%}
.i9demo-shell h1,.i9demo-shell h2,.i9demo-shell h3,.i9demo-shell h4,.i9demo-shell p{margin:0}
.i9demo-shell h1,.i9demo-shell h2,.i9demo-shell h3{font-family:"Barlow Condensed","Arial Narrow",sans-serif;line-height:1.06;text-transform:uppercase;letter-spacing:.01em}
.i9demo-shell h1{font-size:clamp(3rem,6.5vw,6.9rem);font-weight:900}
.i9demo-shell h2{font-size:clamp(2rem,3.5vw,3.5rem)}
.i9demo-shell h3{font-size:1.6rem}
.i9demo-shell p{margin:0 0 12px}
.i9demo-shell small,.i9demo-shell .small{font-size:.78rem}
.i9demo-shell .subtle{color:var(--muted)}
.i9demo-shell .container{width:min(1310px,calc(100% - 44px));margin-inline:auto}
.i9demo-shell .page-pad{padding:58px 0 95px}
.i9demo-shell .eyebrow{font-weight:800;font-size:.71rem;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.i9demo-shell .topbar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1310px)/2));background:#07131ff2;border-bottom:1px solid #1d3243;backdrop-filter:blur(14px)}
.i9demo-shell .brand{font-family:"Barlow Condensed",sans-serif;font-size:1.5rem;letter-spacing:.025em;font-weight:900;display:inline-flex;align-items:center;white-space:nowrap}
.i9demo-shell .brand>span:not(.brand-mark){color:var(--lime)}
.i9demo-shell .brand small{font-family:"DM Sans",sans-serif;font-size:.52rem;font-weight:800;letter-spacing:.23em;margin-left:10px;color:var(--muted)}
.i9demo-shell .brand-mark{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;background:var(--lime);color:#05111c;border-radius:8px;font-size:1.8rem;margin-right:9px}
.i9demo-shell .topbar nav{display:flex;align-items:center;gap:24px;font-size:.85rem;font-weight:700}
.i9demo-shell .topbar nav>a:not(.btn){color:#bbccd3}
.i9demo-shell .topbar nav a:hover{color:var(--lime)}
.i9demo-shell .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lime);background:var(--lime);color:#07131d;font-weight:800;border-radius:11px;padding:14px 20px;line-height:1.2;min-height:45px;transition:.2s transform,.2s background}
.i9demo-shell .btn:hover{transform:translateY(-2px);background:#dfff92}
.i9demo-shell .btn-small{padding:9px 13px;min-height:34px;font-size:.79rem}
.i9demo-shell .btn.outline{background:transparent;color:var(--white);border-color:#506674}
.i9demo-shell .btn.outline:hover{color:var(--lime);border-color:var(--lime)}
.i9demo-shell .btn.danger{background:var(--danger);border-color:var(--danger);color:#211017}
.i9demo-shell .btn.danger.outline{background:transparent;color:var(--danger)}
.i9demo-shell .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}
.i9demo-shell .btn.full{width:100%}
.i9demo-shell .footer{border-top:1px solid var(--line);padding:30px max(24px,calc((100vw - 1310px)/2));color:#91a2ae;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:.78rem}
.i9demo-shell .footer strong{color:var(--lime)}
.i9demo-shell .hero{overflow:hidden;position:relative;min-height:640px;background:radial-gradient(ellipse 50% 50% at 73% 51%,#1f544f 0%,transparent 85%),linear-gradient(135deg,#0e2637,#05111c 70%)}
.i9demo-shell .hero:before{position:absolute;content:"";inset:0;opacity:.17;background:linear-gradient(110deg,transparent 45%,#7cd0ce 46%,transparent 46.3%),repeating-linear-gradient(90deg,transparent,transparent 80px,#426879 81px)}
.i9demo-shell .hero-inner{position:relative;z-index:1;min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}
.i9demo-shell .hero-copy{padding:75px 0}
.i9demo-shell .hero-copy h1{margin:20px 0}
.i9demo-shell .hero-copy h1 em{font-style:normal;color:var(--lime)}
.i9demo-shell .hero-copy p{max-width:540px;color:#b6c5ce;font-size:1.03rem;line-height:1.8}
.i9demo-shell .hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.i9demo-shell .hero-art{width:100%;height:100%;position:relative;min-height:500px}
.i9demo-shell .hero-art svg{width:100%;height:100%;min-height:500px;filter:drop-shadow(0 25px 45px #0006)}
.i9demo-shell .hero-art .float-card{position:absolute;right:3%;top:18%;background:#152d34de;border:1px solid #5c878b;backdrop-filter:blur(6px);padding:16px 21px;border-radius:15px;font-size:.73rem}
.i9demo-shell .float-card strong{font-family:"Barlow Condensed",sans-serif;font-size:2rem;display:block;color:var(--lime)}
.i9demo-shell .hero-bottom{border-top:1px solid #344b58;background:#0b1b27}
.i9demo-shell .hero-bottom .container{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;padding:16px 0}
.i9demo-shell .hero-bottom span{font-size:.71rem;letter-spacing:.11em;text-transform:uppercase;color:#a5bcc5;font-weight:800}
.i9demo-shell .section{padding:85px 0}
.i9demo-shell .section-alt{background:#0c1b29}
.i9demo-shell .section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:34px}
.i9demo-shell .section-head p{max-width:500px;color:var(--muted)}
.i9demo-shell .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.i9demo-shell .feature-card{background:linear-gradient(140deg,#142837,#0c1e2a);border:1px solid #2c4859;border-radius:18px;padding:27px;min-height:195px}
.i9demo-shell .feature-card .f-icon{display:flex;align-items:center;justify-content:center;background:#c8ff5a14;border:1px solid #c8ff5a40;color:var(--lime);font-size:1.6rem;width:48px;height:48px;border-radius:13px;margin-bottom:20px}
.i9demo-shell .feature-card h3{margin-bottom:11px}
.i9demo-shell .feature-card p{font-size:.86rem;color:var(--muted)}
.i9demo-shell .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.i9demo-shell .plan-card{background:#112431;border:1px solid #304859;border-radius:21px;padding:30px;min-height:395px;display:flex;flex-direction:column}
.i9demo-shell .plan-card:nth-child(2){border:1px solid var(--lime);box-shadow:0 0 42px #b8ff3320}
.i9demo-shell .plan-card h3{font-size:2.5rem;margin-top:16px}
.i9demo-shell .plan-card .price{font:800 3rem "Barlow Condensed";color:var(--lime);margin:18px 0 0}
.i9demo-shell .plan-card .price small{font:500 .83rem "DM Sans";color:#b1bec7}
.i9demo-shell .plan-card p{color:#b2c6d0}
.i9demo-shell .plan-card ul{list-style:none;padding:0;margin:18px 0 26px;flex:1}
.i9demo-shell .plan-card li{margin:9px 0;color:#bdc9d2;font-size:.83rem}
.i9demo-shell .plan-card li:first-letter{color:var(--lime)}
.i9demo-shell .plan-card form .btn{width:100%}
.i9demo-shell .intro-strip{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}
.i9demo-shell .mock-mini{height:330px;border-radius:20px;overflow:hidden;background:#163041;border:1px solid #3b5360;position:relative}
.i9demo-shell .mock-mini .mini-map{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,#2c6c68,transparent 55%),repeating-linear-gradient(30deg,transparent 0 48px,#4d768354 49px 52px,transparent 53px 100px),#162c3a}
.i9demo-shell .mini-route{position:absolute;inset:20px;width:90%;height:90%}
.i9demo-shell .mini-map .tracker-icon{position:absolute;top:50%;left:40%;font-size:2.3rem;filter:drop-shadow(0 5px 6px #0006)}
.i9demo-shell .mini-panel{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;border:1px solid #54737b;background:#091d2bde;padding:18px;border-radius:14px}
.i9demo-shell .mini-panel strong{color:var(--lime)}
.i9demo-shell .auth-shell{min-height:calc(100vh - 160px);padding:55px 18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 65% 65% at 20% 20%,#173b3f,transparent)}
.i9demo-shell .auth-card{width:min(530px,100%);padding:42px;background:#101f2e;border:1px solid #365464;border-radius:23px}
.i9demo-shell .auth-card h1{font-size:3.6rem;margin:9px 0 16px}
.i9demo-shell .auth-card p{color:var(--muted)}
.i9demo-shell .auth-card>p:last-child{margin-top:16px}
.i9demo-shell .form-stack{display:flex;flex-direction:column;gap:15px;margin:20px 0}
.i9demo-shell .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.i9demo-shell .form-stack label,.i9demo-shell .form-row label{display:flex;flex-direction:column;gap:7px;font-size:.75rem;font-weight:700;color:#b4c5cc}
.i9demo-shell .form-stack input,.i9demo-shell .form-stack select,.i9demo-shell .form-row input,.i9demo-shell .form-row select,.i9demo-shell select,.i9demo-shell .riders-side input,.i9demo-shell .inline-plan input{width:100%;background:#0b1c29;color:#ecf5f7;border:1px solid #395164;border-radius:10px;padding:12px 13px;min-width:0}
.i9demo-shell .form-stack .checkline{display:flex;flex-direction:row;align-items:start;font-size:.8rem;font-weight:400}
.i9demo-shell .checkline input{width:18px;flex-shrink:0;margin:3px}
.i9demo-shell .form-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.i9demo-shell .form-row input{flex:1;min-width:100px}
.i9demo-shell .form-row select{width:auto}
.i9demo-shell .notice{border-radius:11px;padding:13px 15px;margin:15px 0;font-size:.85rem}
.i9demo-shell .notice.ok{background:#17543e;color:#d7ffe8}
.i9demo-shell .notice.bad{background:#5e292f;color:#ffe4e5}
.i9demo-shell .notice.warn{background:#3c3220;color:#ffe0a8}
.i9demo-shell .page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}
.i9demo-shell .page-title h1{font-size:clamp(3rem,5vw,5rem);margin:9px 0}
.i9demo-shell .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}
.i9demo-shell .stat{background:#122433;border:1px solid var(--line);border-radius:16px;padding:22px}
.i9demo-shell .stat small{display:block;color:#93aab6;font-weight:700;letter-spacing:.1em}
.i9demo-shell .stat strong{font:900 2.8rem "Barlow Condensed";color:var(--lime)}
.i9demo-shell .panel{border:1px solid #304354;background:#102130;border-radius:19px;padding:25px}
.i9demo-shell .panel h2{font-size:2rem;margin-bottom:15px}
.i9demo-shell .panel h3{margin-bottom:15px}
.i9demo-shell .panel.narrow{max-width:600px}
.i9demo-shell .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:19px}
.i9demo-shell .section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}
.i9demo-shell .section-title h2{margin:0}
.i9demo-shell .section-title p{color:var(--muted)}
.i9demo-shell .section-pad{margin-top:32px}
.i9demo-shell .event-list-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2c4352;padding:17px 0}
.i9demo-shell .event-list-item:hover{color:var(--lime)}
.i9demo-shell .event-avatar{font-size:1.7rem;background:#284052;border-radius:10px;padding:11px}
.i9demo-shell .grow{flex:1;min-width:0}
.i9demo-shell .event-list-item strong,.i9demo-shell .event-list-item small{display:block}
.i9demo-shell .event-list-item small{font-size:.75rem;color:var(--muted)}
.i9demo-shell .pill{display:inline-flex;align-items:center;background:#223746;border:1px solid #365161;padding:5px 10px;border-radius:99px;color:#c0d0d8;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.i9demo-shell .pill.on{background:#1a4d37;border-color:#4a795f;color:#cbffc6}
.i9demo-shell .table-wrap{overflow-x:auto}
.i9demo-shell table{border-collapse:collapse;width:100%;font-size:.81rem;white-space:nowrap}
.i9demo-shell th,.i9demo-shell td{padding:13px 11px;text-align:left;border-bottom:1px solid #2c3e4c}
.i9demo-shell th{color:#9eb1bf;font-size:.69rem;letter-spacing:.09em}
.i9demo-shell td{color:#d7e5eb}
.i9demo-shell td a{color:var(--lime)}
.i9demo-shell .inline-plan{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.i9demo-shell .inline-plan>div{flex:1;min-width:115px}
.i9demo-shell .inline-plan small{display:block;color:var(--muted)}
.i9demo-shell .inline-plan label{max-width:103px;font-size:.72rem}
.i9demo-shell .inline-plan input{padding:9px}
.i9demo-shell .event-top{display:grid;grid-template-columns:1fr 1.5fr;gap:18px;margin-bottom:20px}
.i9demo-shell .event-top .panel{padding:18px 22px}
.i9demo-shell .event-top h3{font-size:1.36rem}
.i9demo-shell .tracker-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:14px;min-height:610px}
.i9demo-shell .tracker-map-wrap{border:1px solid #375160;background:#0f2430;border-radius:17px;overflow:hidden}
.i9demo-shell .map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 16px}
.i9demo-shell .map-toolbar b{font-size:.78rem;letter-spacing:.07em}
.i9demo-shell .map-toolbar .subtle{font-size:.7rem}
.i9demo-shell .toolbar-actions{display:flex;gap:7px;flex-wrap:wrap}
.i9demo-shell .toolbar-actions select{width:auto;padding:7px;font-size:.75rem}
.i9demo-shell .live-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:var(--lime);box-shadow:0 0 0 5px #c8ff5a24;margin-right:10px}
.i9demo-shell .map-foot{padding:13px 14px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.74rem;color:var(--muted)}
.i9demo-shell #raceMap{height:540px;background:#254357}
.i9demo-shell .riders-side{background:#101f2e;border:1px solid #375160;padding:17px;border-radius:17px;min-width:0;display:flex;flex-direction:column;gap:14px;max-height:663px}
.i9demo-shell .side-title{display:flex;justify-content:space-between}
.i9demo-shell .side-title h3{font-size:1.47rem}
.i9demo-shell .riders-side input{font-size:.82rem;padding:10px}
.i9demo-shell .rider-list{overflow-y:auto;min-height:100px;flex:1}
.i9demo-shell .rider-row{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #243947;cursor:pointer}
.i9demo-shell .rider-row:hover{color:var(--lime)}
.i9demo-shell .rider-row .rider-icon{font-size:1.32rem;width:34px}
.i9demo-shell .rider-row strong{font-size:.79rem}
.i9demo-shell .rider-row small{display:block;color:var(--muted);font-size:.7rem}
.i9demo-shell .rider-row .grow{min-width:0}
.i9demo-shell .status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#efab64}
.i9demo-shell .status-dot.online{background:#c6ff64}
.i9demo-shell .status-dot.alert{background:#ff7676}
.i9demo-shell .alerts-box{border:1px solid #c16457;background:#432c30;border-radius:15px;padding:16px;margin-bottom:18px}
.i9demo-shell .alerts-box h3{margin-bottom:10px}
.i9demo-shell .alert-item{display:flex;justify-content:space-between;gap:13px;align-items:center;border-top:1px solid #815760;padding:12px 0}
.i9demo-shell .alert-item span{display:block;font-size:.75rem}
.i9demo-shell .link-btn{background:transparent;border:0;color:var(--lime);padding:2px 5px;font-size:.79rem}
.i9demo-shell .link-btn.danger{color:var(--danger)}
.i9demo-shell .leaflet-container{font-family:"DM Sans",sans-serif!important}
.i9demo-shell .race-icon{border:0!important;background:transparent!important}
.i9demo-shell .race-icon .pin{border:2px solid #0e2030;box-shadow:0 4px 12px #0009;background:var(--lime);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:22px}
.i9demo-shell .race-icon.stale .pin{background:#fbb86a}
.i9demo-shell .race-icon.sos .pin{background:#ff7478;animation:sosblink 1s infinite alternate}
.i9demo-shell .race-icon .bike-rotate{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
@keyframes sosblink{from{box-shadow:0 0 0 0 #ff747888}to{box-shadow:0 0 0 16px #ff747800}}
.i9demo-shell .mobile-wrap{width:min(570px,calc(100% - 30px));margin:auto;padding:35px 0 80px}
.i9demo-shell .mobile-wrap h1{font-size:clamp(2.5rem,8vw,4.2rem);margin:12px 0 8px}
.i9demo-shell .mobile-top{display:flex;justify-content:space-between;align-items:center}
.i9demo-shell .phone-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0 15px}
.i9demo-shell .phone-metrics>div{padding:15px 9px;background:#142a38;border:1px solid #34566a;border-radius:12px;text-align:center}
.i9demo-shell .phone-metrics small{display:block;font-size:.62rem;font-weight:800;color:#9ab0be}
.i9demo-shell .phone-metrics strong{display:block;font:800 1.8rem "Barlow Condensed";color:var(--lime)}
.i9demo-shell .phone-map{height:280px;background:#233e50;border-radius:15px;overflow:hidden}
.i9demo-shell .mobile-controls{display:grid;gap:12px;margin:20px 0}
.i9demo-shell .logline{background:#0f202e;border:1px solid #284759;border-radius:11px;padding:12px;color:#d3e4ed;font-size:.75rem}
@media  (max-width:900px){.i9demo-shell .hero-inner{grid-template-columns:1fr}
.i9demo-shell .hero{min-height:auto}
.i9demo-shell .hero-copy{padding:65px 0 10px}
.i9demo-shell .hero-art{min-height:320px;height:370px}
.i9demo-shell .hero-art svg{min-height:320px}
.i9demo-shell .hero-inner{gap:0}
.i9demo-shell .feature-grid{grid-template-columns:repeat(2,1fr)}
.i9demo-shell .tracker-layout{grid-template-columns:1fr}
.i9demo-shell .riders-side{max-height:400px}
.i9demo-shell .event-top{grid-template-columns:1fr}
.i9demo-shell .intro-strip{grid-template-columns:1fr}}
@media  (max-width:660px){.i9demo-shell .container{width:calc(100% - 28px)}
.i9demo-shell .topbar{padding:12px 15px}
.i9demo-shell .brand{font-size:1.17rem}
.i9demo-shell .brand small{display:none}
.i9demo-shell .brand-mark{width:30px;height:30px;font-size:1.45rem}
.i9demo-shell .topbar nav{gap:10px;font-size:.7rem}
.i9demo-shell .topbar nav>a:nth-child(1),.i9demo-shell .topbar nav>a:nth-child(2){display:none}
.i9demo-shell .topbar nav .btn{padding:7px 9px;min-height:30px}
.i9demo-shell .hero-copy h1{font-size:3.75rem}
.i9demo-shell .hero-inner{min-height:auto}
.i9demo-shell .hero-art{height:300px;min-height:300px}
.i9demo-shell .hero-art svg{min-height:300px}
.i9demo-shell .section{padding:55px 0}
.i9demo-shell .feature-grid,.i9demo-shell .plan-grid,.i9demo-shell .grid-2,.i9demo-shell .stats{grid-template-columns:1fr}
.i9demo-shell .form-grid{grid-template-columns:1fr}
.i9demo-shell .page-title{align-items:start;flex-direction:column}
.i9demo-shell .page-pad{padding:37px 0}
.i9demo-shell .auth-card{padding:26px}
.i9demo-shell .footer{flex-direction:column;align-items:start}
.i9demo-shell .stats{grid-template-columns:repeat(3,1fr)}
.i9demo-shell .stat{padding:15px}
.i9demo-shell .stat strong{font-size:2rem}
.i9demo-shell .stat small{font-size:.62rem}
.i9demo-shell .map-toolbar{align-items:start}
.i9demo-shell .map-foot{display:block}
.i9demo-shell .tracker-layout{min-height:0}
.i9demo-shell #raceMap{height:480px}
.i9demo-shell .inline-plan{flex-wrap:wrap}
.i9demo-shell .event-top .form-row input{width:100%}
.i9demo-shell .section-head{align-items:start;flex-direction:column}}
.i9demo-shell .leaflet-container{position:relative;overflow:hidden;background:#223c48;outline-offset:1px;touch-action:pan-x pan-y;font:12px/1.5 Arial,sans-serif}
.i9demo-shell .leaflet-pane,.i9demo-shell .leaflet-tile,.i9demo-shell .leaflet-marker-icon,.i9demo-shell .leaflet-marker-shadow,.i9demo-shell .leaflet-tile-container,.i9demo-shell .leaflet-pane>svg,.i9demo-shell .leaflet-pane>canvas,.i9demo-shell .leaflet-zoom-box,.i9demo-shell .leaflet-image-layer,.i9demo-shell .leaflet-layer{position:absolute;left:0;top:0}
.i9demo-shell .leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:256px;height:256px}
.i9demo-shell .leaflet-tile{visibility:hidden;user-select:none;-webkit-user-select:none}
.i9demo-shell .leaflet-tile-loaded{visibility:inherit}
.i9demo-shell .leaflet-pane{z-index:400}
.i9demo-shell .leaflet-tile-pane{z-index:200}
.i9demo-shell .leaflet-overlay-pane{z-index:400}
.i9demo-shell .leaflet-shadow-pane{z-index:500}
.i9demo-shell .leaflet-marker-pane{z-index:600}
.i9demo-shell .leaflet-tooltip-pane{z-index:650}
.i9demo-shell .leaflet-popup-pane{z-index:700}
.i9demo-shell .leaflet-map-pane svg{z-index:200}
.i9demo-shell .leaflet-map-pane canvas{z-index:100}
.i9demo-shell .leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}
.i9demo-shell .leaflet-control{position:relative;z-index:800;pointer-events:auto;float:left;clear:both}
.i9demo-shell .leaflet-top,.i9demo-shell .leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}
.i9demo-shell .leaflet-top{top:0}
.i9demo-shell .leaflet-bottom{bottom:0}
.i9demo-shell .leaflet-left{left:0}
.i9demo-shell .leaflet-right{right:0}
.i9demo-shell .leaflet-right .leaflet-control{float:right}
.i9demo-shell .leaflet-top .leaflet-control{margin-top:10px}
.i9demo-shell .leaflet-bottom .leaflet-control{margin-bottom:10px}
.i9demo-shell .leaflet-left .leaflet-control{margin-left:10px}
.i9demo-shell .leaflet-right .leaflet-control{margin-right:10px}
.i9demo-shell .leaflet-container .leaflet-control-attribution{background:#fffdfd;color:#223;font-size:10px;padding:1px 6px}
.i9demo-shell .leaflet-control-attribution a{color:#1a649f}
.i9demo-shell .leaflet-control-zoom a{display:block;background:#fff;color:#21384a;text-align:center;width:30px;height:30px;line-height:30px;font-size:23px;font-weight:700;border-bottom:1px solid #ddd}
.i9demo-shell .leaflet-control-zoom{overflow:hidden;border-radius:8px;box-shadow:0 3px 14px #0003}
.i9demo-shell .leaflet-touch .leaflet-control-attribution,.i9demo-shell .leaflet-touch .leaflet-control-layers,.i9demo-shell .leaflet-touch .leaflet-bar{box-shadow:none}
.i9demo-shell .leaflet-marker-icon,.i9demo-shell .leaflet-marker-shadow,.i9demo-shell .leaflet-image-layer,.i9demo-shell .leaflet-pane>svg path,.i9demo-shell .leaflet-tile-container{pointer-events:auto}
.i9demo-shell .leaflet-interactive{cursor:pointer}
.i9demo-shell .leaflet-container a{color:#17689b}
.i9demo-shell .leaflet-container img{max-width:none!important}
.i9demo-shell .leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}
.i9demo-shell .leaflet-popup-content-wrapper{background:white;color:#21313a;border-radius:12px;box-shadow:0 6px 27px #0005;padding:1px}
.i9demo-shell .leaflet-popup-content{margin:14px 18px;line-height:1.5}
.i9demo-shell .leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-left:-20px;overflow:hidden;pointer-events:none}
.i9demo-shell .leaflet-popup-tip{width:17px;height:17px;background:white;transform:translateY(-9px) rotate(45deg);margin:0 auto;box-shadow:0 3px 14px #0002}
.i9demo-shell .leaflet-popup-close-button{position:absolute;top:5px;right:6px;font-size:20px;color:#566!important}
.i9demo-shell .leaflet-fade-anim .leaflet-tile{will-change:opacity}
.i9demo-shell .leaflet-zoom-animated{transform-origin:0 0}
.i9demo-shell .leaflet-zoom-box{z-index:800;pointer-events:none}
.i9demo-shell .topbar{gap:20px}
.i9demo-shell .topbar .brand{display:flex;align-items:center;flex-shrink:1;max-width:250px}
.i9demo-shell .topbar .brand img{width:min(230px,28vw);height:auto;display:block}
.i9demo-shell .topbar nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}
.i9demo-shell .corrida-home .topbar{background:#061623}
.i9demo-shell .cm-hero{position:relative;background:radial-gradient(circle at 76% 3%,#25454a 0%,#081a27 40%,#05111c 85%);padding:70px 0 85px;overflow:hidden}
.i9demo-shell .cm-hero:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#92f84716;filter:blur(100px);right:-140px;top:15px;pointer-events:none}
.i9demo-shell .cm-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:55px;align-items:center;position:relative;z-index:1}
.i9demo-shell .cm-hero h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1.05;letter-spacing:-.045em;margin:20px 0;color:#f4fcff}
.i9demo-shell .cm-hero h1 em{font-style:normal;color:#c8ff5a}
.i9demo-shell .cm-hero-text p{max-width:610px;color:#c0d3dc;font-size:1.1rem;line-height:1.65}
.i9demo-shell .cm-eyebrow,.i9demo-shell .cm-num{font-size:.76rem;font-weight:800;letter-spacing:.14em;color:#c8ff5a}
.i9demo-shell .cm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.i9demo-shell .cm-hero-labels{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px;color:#e0edee;font-size:.84rem;font-weight:700}
.i9demo-shell .cm-hero-visual{position:relative;border:1px solid #496371;border-radius:22px;box-shadow:0 26px 60px #0008;padding:10px;transform:rotate(-1deg);background:#142d3a}
.i9demo-shell .cm-hero-visual img{display:block;width:100%;aspect-ratio:1.32;object-fit:cover;object-position:center;border-radius:13px}
.i9demo-shell .cm-floating{position:absolute;right:-10px;bottom:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px 20px;border-radius:12px;background:#0b1b24e8;color:white;border:1px solid #577177}
.i9demo-shell .cm-floating small{display:block;color:#b2c3ca}
.i9demo-shell .cm-trust{background:#0c2330;border-bottom:1px solid #304957}
.i9demo-shell .cm-trust .container{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-block:18px;color:#cde5e7;font-size:.75rem;font-weight:800;letter-spacing:.06em}
.i9demo-shell .cm-features{background:#f3f7fa;color:#11283a}
.i9demo-shell .cm-section-heading{max-width:760px;margin-bottom:30px}
.i9demo-shell .cm-section-heading h2,.i9demo-shell .cm-steps h2,.i9demo-shell .cm-safety-grid h2,.i9demo-shell .cm-final h2{font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.045em;line-height:1.1;margin:12px 0 15px}
.i9demo-shell .cm-features .cm-section-heading p,.i9demo-shell .cm-steps p{color:#506675;line-height:1.65}
.i9demo-shell .cm-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.i9demo-shell .cm-feature{background:white;border:1px solid #dce7eb;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #233e4810}
.i9demo-shell .cm-feature img{height:220px;width:100%;object-fit:cover;object-position:top;display:block;background:#ecf2f4}
.i9demo-shell .cm-feature>div{padding:22px}
.i9demo-shell .cm-feature h3{color:#142f42;font-size:1.3rem;margin:12px 0}
.i9demo-shell .cm-feature p{color:#566b76;font-size:.97rem;line-height:1.58}
.i9demo-shell .cm-feature .cm-num{color:#087f88}
.i9demo-shell .cm-feature a{color:#007788;font-weight:800}
.i9demo-shell .cm-feature.cm-wide{grid-column:span 2;display:grid;grid-template-columns:53% 47%}
.i9demo-shell .cm-feature.cm-wide img{height:100%;min-height:310px}
.i9demo-shell .cm-feature.cm-wide>div{align-self:center;padding:32px}
.i9demo-shell .cm-sport-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.i9demo-shell .cm-sport-grid article{position:relative;border-radius:15px;min-height:250px;overflow:hidden;background:#102e3c}
.i9demo-shell .cm-sport-grid img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}
.i9demo-shell .cm-sport-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 24%,#07141def 100%)}
.i9demo-shell .cm-sport-grid article>div{position:absolute;left:18px;bottom:10px;right:15px;z-index:1;color:white}
.i9demo-shell .cm-sport-grid h3{margin:0 0 7px;font-size:1.25rem}
.i9demo-shell .cm-sport-grid p{color:#d4e2ea;line-height:1.4;font-size:.86rem}
.i9demo-shell .cm-steps{background:#f8fafb;color:#123044}
.i9demo-shell .cm-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.i9demo-shell .cm-steps-grid>div{border-top:3px solid #74c74a;padding:20px;background:white;border-radius:0 0 14px 14px}
.i9demo-shell .cm-steps-grid span{display:block;font-weight:900;color:#087e8b;font-size:1.8rem}
.i9demo-shell .cm-steps-grid h3{color:#172c3b}
.i9demo-shell .cm-safety-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.i9demo-shell .cm-safety-grid p{line-height:1.7;color:#c6d5dc}
.i9demo-shell .cm-safety-grid img{width:100%;border-radius:20px;border:5px solid #f1f6f9;box-shadow:0 14px 40px #0003}
.i9demo-shell .cm-final{text-align:center;background:#0c2530}
.i9demo-shell .cm-final .container{max-width:900px}
.i9demo-shell .cm-final p{color:#c0d3d9}
.i9demo-shell .cm-final .cm-actions{justify-content:center}
.i9demo-shell .cm-home-note{font-size:.85rem;color:#aabecb}
.i9demo-shell .cm-rider-form{display:grid;grid-template-columns:120px 1.3fr 1fr 1fr;gap:11px;align-items:end}
.i9demo-shell .cm-rider-form label{display:flex;flex-direction:column;gap:5px;font-size:.84rem}
.i9demo-shell .cm-rider-form .cm-form-buttons{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.i9demo-shell .cm-rider-form input,.i9demo-shell .cm-rider-form select{width:100%;max-width:none}
.i9demo-shell .cm-small-message{font-size:.83rem;color:#adc6cc;margin-top:8px}
.i9demo-shell .cm-contacts a{white-space:nowrap}
.i9demo-shell .cm-import-panel{border:1px solid #384f60;border-radius:16px;margin:22px 0;padding:22px;background:#132633}
.i9demo-shell .cm-import-panel h3{margin:0 0 8px}
.i9demo-shell .cm-import-panel .btn{margin-right:8px}
@media (max-width:1050px){.i9demo-shell .cm-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.i9demo-shell .cm-sport-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.i9demo-shell .cm-steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.i9demo-shell .cm-rider-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:740px){.i9demo-shell .topbar .brand img{width:164px}
.i9demo-shell .cm-hero{padding:38px 0 60px}
.i9demo-shell .cm-hero-grid,.i9demo-shell .cm-safety-grid{grid-template-columns:1fr}
.i9demo-shell .cm-hero-visual{max-width:580px}
.i9demo-shell .cm-feature-grid,.i9demo-shell .cm-steps-grid,.i9demo-shell .cm-sport-grid,.i9demo-shell .cm-rider-form{grid-template-columns:1fr}
.i9demo-shell .cm-feature.cm-wide{grid-column:auto;display:block}
.i9demo-shell .cm-feature.cm-wide img{height:210px;min-height:0}
.i9demo-shell .cm-feature img{height:230px}
.i9demo-shell .cm-hero h1{font-size:2.7rem}
.i9demo-shell .cm-floating{right:0}
.i9demo-shell .cm-rider-form .cm-form-buttons{grid-column:auto}
.i9demo-shell .cm-trust .container{gap:12px}}
.i9demo-shell .topbar,.i9demo-shell .corrida-home .topbar{background:linear-gradient(92deg,#ffffff,#edf7f4 65%,#e2f5e8)!important;border-bottom:2px solid #a8d74a!important;box-shadow:0 6px 25px #0004;padding-top:9px!important;padding-bottom:9px!important;min-height:90px}
.i9demo-shell .topbar .brand{width:min(360px,36vw)!important;max-width:none!important;overflow:visible}
.i9demo-shell .topbar .brand img{width:100%!important;max-width:360px!important;max-height:79px!important;height:auto!important;object-fit:contain!important;display:block!important}
.i9demo-shell .topbar nav{gap:17px!important}
.i9demo-shell .topbar nav>a:not(.btn){color:#122b3c!important;font-weight:800}
.i9demo-shell .topbar nav>a:not(.btn):hover{color:#397929!important}
.i9demo-shell .topbar .btn{background:#c1fa45;color:#071722!important;border-color:#9bd02c!important}
.i9demo-shell .i9-page{min-height:62vh}
.i9demo-shell .i9-page .eyebrow{display:block}
.i9demo-shell .i9-top-gap{margin-top:20px}
.i9demo-shell .i9-page h1{margin:14px 0 22px;font-size:clamp(2.7rem,5vw,5rem)}
.i9demo-shell .i9-page h2{font-size:2rem}
.i9demo-shell .i9-page p{color:#adc2cc}
.i9demo-shell .i9-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:25px}
.i9demo-shell .i9-cards .panel{display:flex;flex-direction:column;align-items:start;gap:12px}
.i9demo-shell .i9-price{font:900 clamp(2rem,3vw,3rem) "Barlow Condensed",sans-serif;color:#c1ff50}
.i9demo-shell .i9-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);gap:22px;margin-top:22px;align-items:start}
.i9demo-shell .i9-layout .panel{padding:25px}
.i9demo-shell .i9-layout form label{color:#c5d8df}
.i9demo-shell .i9-layout input,.i9demo-shell .i9-layout select{width:100%;background:#081c2a;border:1px solid #365469;border-radius:10px;padding:12px;color:white}
.i9demo-shell .i9-layout .i9-check{display:flex;flex-direction:row;align-items:start;gap:12px;line-height:1.45}
.i9demo-shell .i9-layout .i9-check input{width:20px;height:20px;flex:0 0 20px;margin-top:2px}
.i9demo-shell .i9-layout .i9-check a{text-decoration:underline;color:#c9ff65}
.i9demo-shell .i9-summary{position:sticky;top:122px}
.i9demo-shell .i9-status{max-width:720px;margin-top:25px}
.i9demo-shell .i9-status .btn{margin:15px 0}
.i9demo-shell .race-icon.i9-rider{background:transparent!important;border:0!important;overflow:visible!important}
.i9demo-shell .i9-marker-shell{position:relative;width:42px;height:42px;overflow:visible}
.i9demo-shell .i9-marker-shell .pin{border-radius:50%;width:41px;height:41px;box-shadow:0 2px 14px #03090dc9;border:3px solid white;background:#b8ff55;display:flex;align-items:center;justify-content:center;font-size:24px}
.i9demo-shell .i9-rider.stale .pin{background:#ffbe75}
.i9demo-shell .i9-rider.sos .pin{background:#ff566e}
.i9demo-shell .i9-rider-label{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);padding:6px 10px;background:#071e2ded;border:1px solid #8ee34c;border-radius:9px;box-shadow:0 4px 16px #0009;color:white;font-family:Arial,sans-serif;white-space:nowrap;max-width:190px;pointer-events:none;text-align:center;font-size:12px;line-height:1.3}
.i9demo-shell .i9-rider-label strong{font-size:12px;color:#c6ff55;margin-right:5px}
.i9demo-shell .i9-rider-label span{display:inline-block;max-width:128px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.i9demo-shell .i9-rider-label:after{content:"";position:absolute;left:calc(50% - 6px);bottom:-7px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #071e2d}
.i9demo-shell .i9-rider.sos .i9-rider-label{border-color:#ff6479;color:#fff}
.i9demo-shell .i9-rider.sos .i9-rider-label strong{color:#ff9caa}
.i9demo-shell .demo-bike-marker .i9-demo-label{position:absolute;left:50%;transform:translateX(-50%);bottom:48px;background:#061c2be9;border:1px solid #c1ff52;color:#fff;font-size:12px;padding:4px 7px;border-radius:7px;white-space:nowrap;pointer-events:none;max-width:160px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:850px){.i9demo-shell .topbar{flex-wrap:wrap;gap:8px!important;padding:10px 15px!important}
.i9demo-shell .topbar .brand{width:260px!important}
.i9demo-shell .topbar .brand img{max-height:65px!important}
.i9demo-shell .topbar nav{font-size:.74rem;gap:9px!important}
.i9demo-shell .i9-layout{grid-template-columns:1fr}
.i9demo-shell .i9-summary{position:static}}
@media (max-width:520px){.i9demo-shell .topbar .brand{width:215px!important}
.i9demo-shell .topbar nav{max-width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px}
.i9demo-shell .topbar nav>a{white-space:nowrap}
.i9demo-shell .i9-rider-label{font-size:10px;max-width:120px}
.i9demo-shell .i9-rider-label span{max-width:78px}
.i9demo-shell .i9-page .panel{padding:19px}}
.i9demo-shell .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.i9demo-shell .demo-v11{padding-top:36px}
.i9demo-shell .demo-heading{margin-bottom:24px}
.i9demo-shell .demo-heading h1{font-size:clamp(2.7rem,4.4vw,4.7rem)}
.i9demo-shell .demo-heading p{max-width:710px;margin-top:12px}
.i9demo-shell .demo-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.i9demo-shell .demo-card{min-width:0;background:linear-gradient(135deg,#163140,#102734);border:1px solid #365263;padding:17px 19px;border-radius:16px}
.i9demo-shell .demo-card>span{display:block;color:#a8c2cc;letter-spacing:.08em;font-size:.66rem;font-weight:800}
.i9demo-shell .demo-card>strong{display:block;margin-top:7px;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.35rem,2.6vw,2.3rem);line-height:1.1;color:#ceff62}
.i9demo-shell .demo-card>small{display:block;margin-top:7px;color:#8ba9b9;font-size:.67rem}
.i9demo-shell .demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:14px;align-items:stretch;min-width:0}
.i9demo-shell .demo-map-card{border:1px solid #385665;border-radius:18px;overflow:hidden;background:#10232f;min-width:0}
.i9demo-shell .demo-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 16px}
.i9demo-shell .demo-toolbar-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.i9demo-shell .demo-toolbar-title b{font-size:.82rem;letter-spacing:.025em}
.i9demo-shell .demo-toolbar-title small{font-size:.64rem;color:#a6b8bf}
.i9demo-shell .demo-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.i9demo-shell .demo-tools select{width:auto;max-width:140px;padding:8px 10px;font-size:.75rem}
.i9demo-shell .demo-tools .btn{font-size:.75rem;min-height:36px;padding:9px 12px}
.i9demo-shell .demo-map-area{height:620px;min-width:0;position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 30%,#1a4b52,#10242f)}
.i9demo-shell #demoMap,.i9demo-shell #demoFallback{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.i9demo-shell #demoMap{z-index:1;min-width:0}
.i9demo-shell .demo-offline{z-index:2;background:#163f48}
.i9demo-shell .demo-offline[hidden]{display:none!important}
.i9demo-shell .demo-offline svg{width:100%;height:100%;display:block}
.i9demo-shell .demo-map-badge{position:absolute;top:14px;left:14px;z-index:501;background:#061a24e8;color:#d7fce5;padding:8px 13px;font-size:.73rem;border:1px solid #6caf94;border-radius:99px;box-shadow:0 5px 18px #0005;font-weight:800;pointer-events:none}
.i9demo-shell .demo-map-notice{position:absolute;left:14px;right:14px;bottom:16px;z-index:504;max-width:600px;margin:0 auto;background:#183348ed;color:#fff6dc;border:1px solid #e9ba72;border-radius:12px;padding:12px 14px;text-align:center;font-size:.76rem}
.i9demo-shell .demo-map-notice[hidden]{display:none}
.i9demo-shell .demo-map-footer{display:flex;gap:8px 15px;flex-wrap:wrap;justify-content:space-between;padding:13px 16px;color:#a9bec5;font-size:.70rem}
.i9demo-shell .demo-side{border:1px solid #385665;border-radius:18px;background:#10232f;padding:17px;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;max-height:738px}
.i9demo-shell .demo-side-head{display:flex;justify-content:space-between;gap:8px;align-items:center}
.i9demo-shell .demo-side-head h3{margin:7px 0 0;font-size:1.65rem}
.i9demo-shell .demo-counter{background:#c8ff5a;color:#071623;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:900;font-size:.85rem}
.i9demo-shell .demo-search-wrap input{width:100%;font-size:.79rem;background:#071923;border:1px solid #436272;border-radius:9px;color:#fff;padding:12px}
.i9demo-shell .demo-selected{border:1px solid #558b78;background:linear-gradient(140deg,#173e41,#10313e);border-radius:14px;padding:15px}
.i9demo-shell .demo-selected h4{margin:3px 0 12px;font-size:1rem;color:#fff}
.i9demo-shell .demo-selected .demo-selected-caption{display:block;color:#abd2c6;font-size:.65rem;letter-spacing:.09em;font-weight:800}
.i9demo-shell .demo-selected-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.i9demo-shell .demo-selected-stats div{border-radius:10px;background:#0a2532;padding:9px 6px;text-align:center}
.i9demo-shell .demo-selected-stats strong{display:block;font:800 1.27rem "Barlow Condensed",sans-serif;color:#d3ff72}
.i9demo-shell .demo-selected-stats small{display:block;font-size:.57rem;color:#9bb9c0}
.i9demo-shell .demo-list{overflow:auto;min-height:140px;flex:1;scrollbar-color:#466e78 #0c2834}
.i9demo-shell .demo-rider{display:flex;align-items:center;gap:9px;padding:11px 10px;background:transparent;border:1px solid transparent;border-bottom-color:#2b4654;color:#e3f1f6;cursor:pointer;width:100%;text-align:left;border-radius:9px}
.i9demo-shell .demo-rider:hover,.i9demo-shell .demo-rider:focus-visible{background:#1c3948}
.i9demo-shell .demo-rider.active{background:#234837;border-color:#8eb466}
.i9demo-shell .demo-rider .circle{border-radius:9px;width:33px;height:33px;flex:none;display:grid;place-items:center;background:#c8ff5a;color:#10202b;font-weight:900;font-size:.74rem}
.i9demo-shell .demo-rider.active .circle{background:#ffd57e}
.i9demo-shell .demo-rider div{flex:1;min-width:0}
.i9demo-shell .demo-rider strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}
.i9demo-shell .demo-rider small{display:block;color:#9eb1bd;font-size:.67rem}
.i9demo-shell .demo-rider em{font-size:.72rem;font-weight:900;color:#cfff77;font-style:normal;white-space:nowrap}
.i9demo-shell .demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.i9demo-shell .demo-actions .btn{min-height:37px;font-size:.7rem;padding:7px 9px}
.i9demo-shell .demo-disclaimer{font-size:.68rem;color:#8da7b5;line-height:1.55;margin:0}
.i9demo-shell .demo-bike-marker{background:none!important;border:0!important}
.i9demo-shell .demo-bike-marker .bike-symbol{display:grid;place-items:center;width:40px;height:40px;color:#0c2632;background:#d2ff62;border:3px solid #f8ffde;border-radius:50%;box-shadow:0 3px 8px #0009,0 0 0 4px #102a3990;font-size:19px;line-height:1;transition:box-shadow .2s}
.i9demo-shell .demo-bike-marker .bike-symbol.selected{background:#ffd37a;box-shadow:0 0 0 6px #ffbe5972,0 4px 15px #000b}
.i9demo-shell .demo-bike-marker .bike-symbol.emergency{background:#ff687e;box-shadow:0 0 0 5px #ff687e77;animation:demoPulse 1s infinite alternate}
.i9demo-shell .demo-bike-marker .bike-id{position:absolute;top:-10px;left:30px;background:#071925e8;border:1px solid #bfd0d8;border-radius:5px;font-weight:900;padding:2px 4px;color:#fff;font-size:9px}
@keyframes demoPulse{from{box-shadow:0 0 0 1px #ff687e9b}to{box-shadow:0 0 0 11px #ff687e24}}
.i9demo-shell .demo-offline-night svg{filter:saturate(.5) brightness(.55)}
.i9demo-shell .demo-offline-topo svg{filter:saturate(.8) brightness(1.12)}
.i9demo-shell .demo-offline-satellite svg{filter:saturate(.6) sepia(.3)}
.i9demo-shell .demo-map-card .leaflet-control-attribution{font-size:10px!important}
.i9demo-shell .demo-map-card .leaflet-top.leaflet-left{top:54px}
.i9demo-shell .demo-map-card .leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important}
.i9demo-shell .demo-map-card .leaflet-popup-content-wrapper{color:#13232e}
@media (max-width:1050px){.i9demo-shell .demo-layout{grid-template-columns:1fr}
.i9demo-shell .demo-side{max-height:none}
.i9demo-shell .demo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px}
.i9demo-shell .demo-map-area{height:560px}}
@media (max-width:720px){.i9demo-shell .demo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.i9demo-shell .demo-card{padding:13px}
.i9demo-shell .demo-layout{gap:10px}
.i9demo-shell .demo-map-area{height:480px}
.i9demo-shell .demo-list{grid-template-columns:1fr;max-height:300px}
.i9demo-shell .demo-heading .btn{width:100%}
.i9demo-shell .demo-toolbar{align-items:flex-start}
.i9demo-shell .demo-tools{width:100%}
.i9demo-shell .demo-tools select,.i9demo-shell .demo-tools button{flex:1}
.i9demo-shell .demo-toolbar-title{flex-basis:100%}
.i9demo-shell .demo-v11{padding-top:25px}
.i9demo-shell .demo-map-badge{font-size:.61rem}}
.i9demo-shell #demoFallback.demo-offline{background:#294b38!important}
.i9demo-shell #demoFallback svg{filter:none!important}
.i9demo-shell #demoFallback .demo-fake-base{transition:filter .25s ease;filter:saturate(1.06) contrast(1.04)}
.i9demo-shell #demoFallback.demo-offline-satellite .demo-fake-base{filter:saturate(1.6) contrast(1.18) brightness(.80)}
.i9demo-shell #demoFallback.demo-offline-topo .demo-fake-base{filter:saturate(.72) sepia(.14) brightness(1.17) contrast(.95)}
.i9demo-shell #demoFallback.demo-offline-night .demo-fake-base{filter:saturate(.58) hue-rotate(35deg) brightness(.49) contrast(1.34)}
.i9demo-shell #demoFallback #demoFallbackRoute{filter:drop-shadow(0 0 5px #baff58);stroke:#bfff54}
.i9demo-shell #demoFallback .fake-bike{cursor:pointer;transition:filter .15s ease}
.i9demo-shell #demoFallback .fake-bike:hover{filter:drop-shadow(0 0 8px #f8ffbc)}
.i9demo-shell #demoFallback .fake-selected{filter:drop-shadow(0 0 8px #ffd166)}
.i9demo-shell #demoFallback[hidden]{display:none!important}
@media (max-width:720px){.i9demo-shell #demoFallback .fake-bike text{font-size:12px}}

body:has(.i9demo-shell){background:#07131f}
.i9demo-shell{min-height:70vh;box-sizing:border-box;display:flow-root}
.i9demo-shell .demo-v11{padding-bottom:95px}
.i9demo-shell .demo-tools .btn:focus-visible,.i9demo-shell .demo-rider:focus-visible,.i9demo-shell .fake-bike:focus-visible{outline:3px solid #c8ff5a;outline-offset:3px}
.i9demo-shell #demoOfflineSvg{touch-action:manipulation}
.i9demo-shell #demoOfflineSvg .fake-bike{outline:none}
.i9demo-shell .demo-map-badge{max-width:calc(100% - 28px);overflow-wrap:anywhere}
.i9demo-shell .demo-map-footer{min-height:51px}
@media(max-width:720px){.i9demo-shell .demo-heading h1{font-size:clamp(2.5rem,9vw,4rem)}.i9demo-shell .demo-v11{padding-bottom:50px}.i9demo-shell .demo-map-area{height:340px}.i9demo-shell #demoOfflineSvg{overflow:visible}.i9demo-shell .demo-tools select{max-width:none;min-width:0}.i9demo-shell .demo-tools .btn{white-space:nowrap}.i9demo-shell .demo-offline svg{width:100%;height:100%}}
@media(prefers-reduced-motion:reduce){.i9demo-shell *{transition:none!important}.i9demo-shell .demo-bike-marker .bike-symbol.emergency{animation:none}}