:root{--bg:#090909;--panel:#111;--panel2:#171717;--text:#f7f4ee;--muted:#9e9a93;--orange:#ff7900;--orange2:#ff9a19;--line:#2a2825;--max:1120px;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:#000;padding:12px 18px;border-radius:8px}.skip-link:focus{top:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(180deg,rgba(9,9,9,.96),rgba(9,9,9,.65),transparent)}
.site-header.scrolled{height:60px;border-color:var(--line);background:rgba(9,9,9,.92);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-style:italic;letter-spacing:.08em}.brand img{object-fit:contain}.brand span{font-size:1.05rem}
.nav{display:flex;align-items:center;gap:34px}.nav a{font-size:.88rem;color:#c9c6c0;font-weight:650;transition:.2s}.nav a:hover{color:#fff}.nav .nav-cta{padding:11px 17px;border:1px solid #5a5650;border-radius:999px;color:#fff}
.menu-button{display:none;background:transparent;border:0;padding:10px}.menu-button span:not(.sr-only){display:block;width:24px;height:2px;background:#fff;margin:5px}
.hero{min-height:560px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:3.2vw;align-items:center;position:relative;max-width:var(--max);margin:auto;padding:86px 24px 42px}
.hero-grid{position:absolute;inset:0 -20vw;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}
.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;font-weight:800;color:#b9b5ad;display:flex;align-items:center;gap:10px}.eyebrow span{display:inline-block;width:26px;height:2px;background:var(--orange)}
.hero-brand-mark{width:clamp(98px,10vw,132px);margin:0 0 14px -6px;filter:drop-shadow(0 18px 42px rgba(0,0,0,.45))}.hero-brand-mark img{display:block;width:100%;height:auto;mix-blend-mode:screen}
h1,h2,h3,p{margin-top:0}h1,h2{font-family:Arial Black,Inter,sans-serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.91;margin-bottom:21px}h1{font-size:clamp(2.8rem,5.1vw,4.55rem)}h2{font-size:clamp(2.3rem,4.2vw,4rem)}h1 em,h2 em{font-style:normal;color:var(--orange)}
.hero-text{max-width:590px;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.6;color:#c0bdb7}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:23px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:46px;padding:0 19px;border-radius:999px;font-weight:800;font-size:.83rem;letter-spacing:.02em}.button-primary{background:var(--orange);color:#080808}.button-primary:hover{background:var(--orange2);transform:translateY(-2px)}.button-ghost{border:1px solid #44403b}.button-ghost:hover{border-color:#88827a}.button-whatsapp{border:1px solid #278d4d;background:rgba(39,141,77,.12);color:#f4fff7}.button-whatsapp:hover{background:#278d4d;transform:translateY(-2px)}
.hero-points{padding:0;margin:34px 0 0;list-style:none;display:flex;gap:20px;flex-wrap:wrap}.hero-points li{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b4b0aa}.hero-points span{color:var(--orange);margin-right:7px;font-weight:800}
.route-stage{position:relative;z-index:2;min-height:430px;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:radial-gradient(circle at 60% 20%,rgba(255,121,0,.11),transparent 29%),#0c0c0c;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.route-topline{position:absolute;z-index:3;top:22px;left:24px;right:24px;display:flex;align-items:center;gap:10px;font-size:.73rem;letter-spacing:.14em}.route-topline>span:last-child{margin-left:auto;color:#aaa}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(255,121,0,.12);animation:pulse 2s infinite}
.route-map{position:absolute;z-index:1;inset:55px 0 75px;width:100%;height:calc(100% - 130px)}.map-lines path{fill:none;stroke:#272727;stroke-width:2}.route-shadow,.route-line{fill:none;stroke-linecap:round}.route-shadow{stroke:#000;stroke-width:16}.route-line{stroke:url(#routeGradient);stroke-width:7;filter:url(#glow);stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.3s .4s ease forwards}.route-start{fill:#141414;stroke:#fff;stroke-width:4}.rider{animation:float 3s ease-in-out infinite}.hero-live-map{background:#101010}.hero-live-map .leaflet-tile-pane{filter:grayscale(1) brightness(.34) contrast(1.25)}.hero-live-map .leaflet-control-container{display:none}.hero-route-line{filter:drop-shadow(0 0 5px rgba(255,121,0,.9))}.hero-map-marker{background:transparent!important;border:0!important}.hero-map-marker span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#080808;border:3px solid #fff;box-shadow:0 0 0 7px rgba(255,121,0,.18),0 5px 15px rgba(0,0,0,.55);font-size:.62rem;font-weight:900}.map-attribution{position:absolute;z-index:5;right:10px;top:48px;color:#aaa;font-size:.5rem;background:rgba(10,10,10,.72);padding:3px 6px;border-radius:6px}
.metric{position:absolute;z-index:4;background:rgba(18,18,18,.86);backdrop-filter:blur(12px);border:1px solid #34312e;border-radius:14px;padding:10px 13px;min-width:102px}.metric small,.group-card small{display:block;color:#88847e;font-size:.58rem;letter-spacing:.14em;font-weight:800}.metric strong{font-size:1.4rem}.metric span{font-size:.68rem;color:#aaa;margin-left:4px}.metric-one{left:18px;top:112px}.metric-two{right:18px;top:170px}.metric-three{left:28px;bottom:154px}
.participant-cards{position:absolute;z-index:4;left:18px;right:18px;bottom:82px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.participant-cards article{display:flex;align-items:center;gap:8px;min-width:0;padding:9px;border:1px solid #38332e;border-radius:12px;background:rgba(17,17,17,.92);backdrop-filter:blur(10px)}.participant-cards article>span{flex:0 0 27px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#080808;font-size:.67rem;font-weight:900}.participant-cards div{min-width:0}.participant-cards strong,.participant-cards small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-cards strong{font-size:.68rem}.participant-cards small{margin-top:2px;color:#9e9a93;font-size:.53rem;letter-spacing:.01em}
.group-card{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:14px;background:#151515;border:1px solid var(--line);padding:12px 14px;border-radius:17px}.group-card strong{font-size:.8rem}.avatars{display:flex}.avatars span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#292929;border:2px solid #151515;margin-left:-7px;font-size:.67rem;font-weight:800}.avatars span:first-child{margin-left:0;background:var(--orange);color:#000}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px;text-align:center;overflow:hidden}.band p{margin:0}.band>p:first-child{font-size:.82rem;color:var(--muted);margin-bottom:10px}.outline-text{font-family:Arial Black,sans-serif;font-size:clamp(1.9rem,4.8vw,4.6rem);white-space:nowrap;color:transparent;-webkit-text-stroke:1px #3b3834;letter-spacing:-.04em}
.section{max-width:var(--max);margin:auto;padding:78px 24px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:34px}.section-head .eyebrow{grid-column:1/-1}.section-head h2{margin:0}.section-head>p:last-child{font-size:.96rem;line-height:1.6;color:var(--muted);max-width:460px;justify-self:end}
.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.feature{min-height:245px;border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;background:linear-gradient(145deg,#141414,#0d0d0d);overflow:hidden}.feature-wide{min-height:305px}.feature-number{position:absolute;right:20px;top:18px;color:#55514c;font:800 .76rem monospace}.feature-icon{width:46px;height:46px;border-radius:14px;background:#222;display:grid;place-items:center;color:var(--orange);font-size:1.45rem;margin-bottom:36px}.feature h3{font-size:clamp(1.45rem,2.3vw,2rem);margin-bottom:9px;text-transform:uppercase;letter-spacing:-.04em}.feature p{color:var(--muted);line-height:1.56;max-width:500px}.feature-accent{background:radial-gradient(circle at 100% 0,rgba(255,121,0,.23),transparent 43%),linear-gradient(145deg,#18110c,#0e0e0e)}
.signal{display:flex;align-items:end;gap:5px;margin-top:42px}.signal i{display:block;width:6px;background:var(--orange);border-radius:4px}.signal i:nth-child(1){height:8px}.signal i:nth-child(2){height:14px}.signal i:nth-child(3){height:20px}.signal i:nth-child(4){height:27px}.signal span{font-size:.6rem;letter-spacing:.13em;color:#8f8b84;margin-left:8px}
.mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px}.mini-stats span{background:#22201e;border:1px solid #36312d;border-radius:12px;padding:12px 15px;color:#aaa;font-size:.72rem}.mini-stats b{display:block;color:#fff;font-size:1.25rem}.demo-label{display:block;margin-top:12px;color:#706b64;letter-spacing:.12em;font-size:.55rem}
.steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.steps .section-head{display:block;margin:0}.steps .section-head .eyebrow{margin-bottom:25px}.step-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.step-list li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.step-list>li>span{color:var(--orange);font:800 .8rem monospace;padding-top:5px}.step-list h3{text-transform:uppercase;font-size:1.35rem;margin-bottom:7px}.step-list p{color:var(--muted);margin:0;line-height:1.55}
.safety{padding-top:40px}.safety-panel{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:60px;border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 0 100%,rgba(255,121,0,.14),transparent 35%),#101010}.safety-panel h2{font-size:clamp(3rem,5.4vw,5.5rem);margin:25px 0 0}.safety-copy{align-self:center}.safety-copy>p{color:#bbb7b0;font-size:1.08rem;line-height:1.7}.safety-copy ul{list-style:none;padding:0;margin:28px 0}.safety-copy li{padding:13px 0;border-bottom:1px solid var(--line);color:#d3d0ca}.safety-copy li span{color:var(--orange);margin-right:10px}.safety-copy>a{font-weight:800;color:var(--orange)}
.cta-section{min-height:390px;position:relative;display:grid;place-items:center;padding:62px 24px;overflow:hidden;border-top:1px solid var(--line)}.cta-mark{position:absolute;font-family:Arial Black,sans-serif;font-style:italic;font-size:min(55vw,620px);line-height:.7;color:#0d0d0d;-webkit-text-stroke:1px #1e1d1b;transform:rotate(-9deg);user-select:none}.cta-copy{position:relative;z-index:2;text-align:center;max-width:760px}.cta-copy .eyebrow{justify-content:center}.cta-copy h2{font-size:clamp(3.35rem,7vw,6rem);margin:16px 0}.cta-copy>p:not(.eyebrow){color:#b5b1aa;font-size:.96rem;line-height:1.6;margin:0 auto 21px;max-width:620px}.contact-actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap}
.footer{max-width:var(--max);margin:auto;border-top:1px solid var(--line);min-height:130px;padding:32px 24px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:38px;color:#88847e;font-size:.8rem}.footer p{margin:0}.footer div{display:flex;gap:22px}.footer a:hover{color:#fff}
.footer-brand{display:block;width:82px}.footer-brand img{display:block;width:100%;height:auto;mix-blend-mode:screen;transition:.2s}.footer-brand:hover img{filter:brightness(1.12)}
.legal{max-width:880px;margin:auto;padding:140px 24px 100px}.legal h1{font-size:clamp(3.2rem,7vw,6rem)}.legal h2{font-family:inherit;font-size:1.4rem;letter-spacing:0;text-transform:none;line-height:1.2;margin:48px 0 12px}.legal p,.legal li{color:#bbb7b0;line-height:1.75}.legal a{color:var(--orange)}.legal .notice{border:1px solid #4a3b2e;background:#17110d;border-radius:16px;padding:16px 18px;color:#d4c4b5}
.steps-action{grid-column:2;margin-top:-28px}.steps-action p{color:var(--muted);font-size:.82rem;margin:12px 0 0 20px}.feature-link{display:inline-flex;align-items:center;gap:12px;margin-top:20px;color:var(--orange);font-weight:850}.feature-link:hover{color:var(--orange2)}

/* Creación de salidas */
.app-page{min-height:100vh;background:radial-gradient(circle at 85% 8%,rgba(255,121,0,.08),transparent 28%),var(--bg)}
.simple-nav{gap:22px}.creator-shell{max-width:980px;margin:auto;padding:88px 24px 60px}.creator-intro{max-width:720px;margin-bottom:30px}.creator-intro h1{font-size:clamp(2.8rem,5.6vw,4.8rem);margin:16px 0}.creator-intro>p:last-child{max-width:620px;color:#bbb7b0;font-size:.98rem;line-height:1.6}
.auth-card,.wizard-card,.success-card{border:1px solid var(--line);background:linear-gradient(145deg,#151515,#0d0d0d);border-radius:26px;padding:clamp(26px,4.2vw,46px);box-shadow:0 35px 90px rgba(0,0,0,.32)}
.auth-card{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.auth-card[hidden],.wizard-card[hidden],.success-card[hidden],.wizard-step[hidden],.invitation-card[hidden],.error-card[hidden]{display:none!important}.auth-card h2,.wizard-card h2,.success-card h2{font-size:clamp(2.1rem,4vw,3.6rem);margin:11px 0 16px}.auth-card>div>p:last-child{color:var(--muted);line-height:1.6}.wizard-kicker{color:var(--orange);font-size:.66rem;font-weight:900;letter-spacing:.18em;margin:0}
.form-stack{display:grid;gap:16px}.form-stack label,.form-grid label{display:grid;gap:8px;color:#d5d1cb;font-size:.8rem;font-weight:800;letter-spacing:.03em}input,select{width:100%;min-height:52px;border:1px solid #3b3834;border-radius:12px;background:#0c0c0c;color:#fff;padding:0 14px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,121,0,.12)}select,input[type="date"],input[type="time"]{cursor:pointer}input[type="date"],input[type="time"]{color-scheme:dark}input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9}.auth-consent{font-weight:600!important;color:var(--muted)!important}.auth-consent a{color:var(--orange);text-decoration:underline}.text-button{border:0;background:transparent;color:var(--orange);font:inherit;font-weight:800;cursor:pointer;padding:8px}.text-button:hover{color:var(--orange2)}.text-button:disabled,.button:disabled{opacity:.55;cursor:wait}.form-message{min-height:1.35em;color:#ffad66;font-size:.85rem;line-height:1.5;margin:0}
.account-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem}.account-line i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43c77a;margin-right:7px}.account-line strong{color:#fff}.wizard-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:42px 0 28px}.wizard-head h2{margin-bottom:0}.wizard-head>span{color:var(--muted);font-weight:800;font-size:.8rem}
.progress{list-style:none;padding:0;margin:0 0 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.progress li{display:flex;align-items:center;gap:9px;border-top:2px solid #333;padding-top:12px;color:#77736d;font-size:.72rem;font-weight:800;text-transform:uppercase}.progress li span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #4a4641;border-radius:50%}.progress li.active{border-color:var(--orange);color:#d9d4ce}.progress li.active span{border-color:var(--orange);color:var(--orange)}.progress li.current span{background:var(--orange);color:#080808}
.wizard-step{animation:stepIn .25s ease}.wizard-step>h3{font-size:clamp(1.8rem,4vw,3.2rem);text-transform:uppercase;letter-spacing:-.04em;margin-bottom:10px}.wizard-step>p{color:var(--muted);line-height:1.65;margin-bottom:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full{grid-column:1/-1}.wizard-actions{display:flex;justify-content:space-between;gap:12px;margin-top:34px;border-top:1px solid var(--line);padding-top:26px}.wizard-actions .button:last-child{margin-left:auto}
.map-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}.map-guide span{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:#121212;padding:10px;color:#c7c2bb;font-size:.72rem;font-weight:750}.map-guide b{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#080808;font-size:.72rem}.map-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}.map-mode-control{display:flex;align-items:center;gap:9px;color:#bdb8b1;font-size:.72rem}.map-mode-control select{min-height:42px;border:1px solid #3a3733;border-radius:10px;background:#151515;color:#fff;padding:0 34px 0 11px;font:inherit;font-weight:750}.editor-map{height:470px;border:1px solid #3a3733;border-radius:20px;overflow:hidden;background:#171717}.leaflet-container{font-family:inherit}.route-point-marker{background:transparent!important;border:0!important}.route-point-marker span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#181818;color:#fff;border:3px solid var(--orange);box-shadow:0 4px 12px rgba(0,0,0,.45);font-size:.72rem;font-weight:900}.route-point-marker.start span{background:var(--orange);color:#080808;border-color:#fff}.route-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.route-summary span{border:1px solid var(--line);border-radius:12px;background:#141414;padding:13px;color:var(--muted);font-size:.75rem;text-align:center}.route-summary b{display:block;color:#fff;font-size:1.15rem;margin-bottom:2px}.review-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}.review-card>div{border:1px solid var(--line);border-radius:14px;background:#111;padding:17px}.review-card small{display:block;color:#77736d;font-size:.6rem;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.review-card strong{font-size:1rem;line-height:1.4}.check-line{display:flex!important;align-items:flex-start;grid-template-columns:auto 1fr!important;gap:12px!important;color:#bbb7b0!important;line-height:1.55!important;font-weight:600!important}.check-line input{width:20px;min-height:20px;height:20px;accent-color:var(--orange);margin-top:2px}
.success-card{text-align:center;max-width:900px;margin:auto}.success-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 24px;border-radius:50%;background:var(--orange);color:#080808;font-size:2rem;font-weight:900}.success-card>p:not(.wizard-kicker){color:var(--muted)}.share-box{display:flex;max-width:700px;margin:28px auto 22px}.share-box input{border-radius:13px 0 0 13px}.share-box button{border:0;border-radius:0 13px 13px 0;background:#282522;color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.success-card .text-button{display:inline-block;margin-top:25px}.compact-footer{margin-top:40px}

/* Invitación compartida */
.invitation-shell{max-width:1240px;margin:auto;padding:125px 24px 80px}.invitation-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:670px;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:#111}.invitation-copy{padding:clamp(30px,5vw,60px);align-self:center}.invitation-copy h1{font-size:clamp(3.2rem,6vw,6rem);overflow-wrap:anywhere;margin:24px 0}.invite-date{color:var(--orange);font-size:1.12rem;font-weight:850;text-transform:capitalize}.invite-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:30px 0}.invite-facts span{border:1px solid var(--line);border-radius:13px;padding:14px}.invite-facts small{display:block;color:#77736d;font-size:.58rem;font-weight:900;letter-spacing:.12em;margin-bottom:6px}.invitation-copy>p:last-of-type{color:var(--muted);line-height:1.65}.invite-actions{justify-content:flex-start}.invite-map{min-height:670px}.header-button{min-height:42px}.error-card{max-width:850px;margin:8vh auto;text-align:center;border:1px solid var(--line);border-radius:30px;padding:60px;background:#111}.error-card .eyebrow{justify-content:center}.error-card h1{font-size:clamp(3rem,7vw,6rem);margin:25px 0}.error-card>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin-bottom:28px}
.leaflet-control-attribution{color:#333}.leaflet-control-attribution a{color:#333}

/* Rutas publicadas */
.routes-shell{max-width:1120px;margin:auto;padding:96px 24px 72px}.routes-intro{max-width:760px;margin-bottom:34px}.routes-intro h1{font-size:clamp(3rem,6vw,5.2rem);margin:18px 0}.routes-intro>p:last-child{max-width:620px;color:#bbb7b0;font-size:1rem;line-height:1.62}.routes-auth{max-width:980px}.routes-panel{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#151515,#0d0d0d);padding:clamp(24px,4vw,44px)}.routes-panel[hidden]{display:none}.routes-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px 0 24px}.routes-toolbar h2{font-size:clamp(2.1rem,4vw,3.8rem);margin:10px 0 0}.filter-tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:#0b0b0b}.filter-tabs button{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:10px 18px;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.filter-tabs button.active{background:var(--orange);color:#080808}.routes-status{color:var(--muted);font-size:.82rem;margin:20px 0}.routes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-card{position:relative;border:1px solid var(--line);border-radius:20px;background:#101010;padding:24px;transition:.2s}.route-card:hover{border-color:#4b4540;transform:translateY(-2px)}.route-card.highlighted{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,121,0,.12)}.route-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--orange);font-size:.64rem;font-weight:900;letter-spacing:.13em}.route-card-top b{border:1px solid #6c4a2d;border-radius:999px;padding:5px 8px;font-size:.55rem}.route-card h3{font-size:clamp(1.45rem,2.4vw,2.05rem);text-transform:uppercase;letter-spacing:-.04em;margin:22px 0 7px}.route-card-date{color:#d0cbc4;font-size:.86rem}.route-card-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:22px 0}.route-card-facts span{border:1px solid #292724;border-radius:11px;padding:10px}.route-card-facts small{display:block;color:#706c66;font-size:.52rem;font-weight:900;letter-spacing:.11em;margin-bottom:4px}.route-card-facts strong{font-size:.86rem}.route-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.route-card-actions .button{min-height:42px;padding:0 16px;font-size:.76rem}.route-card-actions .text-button{margin-left:auto;font-size:.75rem}.header-actions{display:flex;gap:8px}
.route-owner-tools{position:relative;display:flex;align-items:center;gap:7px}.route-more{width:34px;height:30px;border:1px solid #3b3732;border-radius:9px;background:#181818;color:#fff;font-size:1rem;line-height:1;letter-spacing:1px;cursor:pointer}.route-menu{position:absolute;z-index:20;right:0;top:36px;min-width:150px;border:1px solid #3b3732;border-radius:12px;background:#181818;padding:6px;box-shadow:0 14px 36px rgba(0,0,0,.45)}.route-menu[hidden]{display:none}.route-menu a,.route-menu button{display:block;width:100%;border:0;border-radius:8px;background:transparent;color:#f3efe9;text-align:left;text-decoration:none;font:inherit;font-size:.78rem;font-weight:750;letter-spacing:0;padding:10px 11px;cursor:pointer}.route-menu a:hover,.route-menu button:hover{background:#292520}.route-menu .route-delete{color:#ff8d82}.route-delete-dialog{width:min(520px,calc(100% - 28px));border:1px solid #3b3732;border-radius:22px;background:#121212;color:#fff;padding:0}.route-delete-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.route-delete-dialog form{padding:26px}.route-delete-dialog h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:10px 0}.route-delete-dialog p:not(.wizard-kicker){color:#bdb8b1;line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.button-danger{border-color:#7c3028;background:#a43a30;color:#fff}.button-danger:hover{background:#bd483d}
@keyframes stepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes draw{to{stroke-dashoffset:0}}@keyframes pulse{50%{box-shadow:0 0 0 13px rgba(255,121,0,0)}}@keyframes float{50%{transform:translate(454px,96px)}}
@media(max-width:900px){.nav{position:fixed;inset:60px 14px auto;background:#121212;border:1px solid var(--line);border-radius:18px;padding:20px;display:none;flex-direction:column;align-items:stretch}.nav.open{display:flex}.simple-nav{position:static;display:flex;flex-direction:row;background:none;border:0;padding:0}.simple-nav>a:not(.nav-cta){display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:98px}.route-stage{min-height:450px}.section-head,.steps,.safety-panel{grid-template-columns:1fr}.steps-action{grid-column:1;margin-top:15px}.section-head>p:last-child{justify-self:start}.feature-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.footer p{display:none}.safety-panel{padding:34px 24px}.auth-card,.invitation-card{grid-template-columns:1fr}.invite-map{min-height:430px}.invitation-copy{order:1}.invite-map{order:2}}
@media(max-width:560px){.hero{padding-left:18px;padding-right:18px}.hero-brand-mark{width:100px;margin-left:-6px}.route-stage{min-height:430px}.hero-points{display:grid}.section{padding:68px 18px}.section-head{margin-bottom:28px}.feature{padding:21px}.metric{transform:scale(.82)}.metric-one{left:5px}.metric-two{right:5px}.metric-three{left:8px}.safety-panel{border-radius:22px}.footer{grid-template-columns:1fr;gap:20px}.footer div{order:3}.footer-brand{width:74px}.creator-shell,.invitation-shell{padding-left:14px;padding-right:14px}.creator-intro h1{font-size:2.75rem}.auth-card,.wizard-card,.success-card{border-radius:20px;padding:22px 17px}.progress li{font-size:0;gap:0}.progress li span{font-size:.72rem}.form-grid,.review-card{grid-template-columns:1fr}.form-grid .full{grid-column:1}.editor-map{height:380px}.wizard-head{align-items:start}.wizard-head>span{white-space:nowrap}.route-summary{grid-template-columns:repeat(3,1fr)}.account-line{align-items:flex-start}.invitation-copy h1{font-size:2.6rem}.invite-facts{grid-template-columns:1fr}.invite-map{min-height:380px}.header-button{font-size:.7rem;padding:0 13px}.share-box{display:grid}.share-box input,.share-box button{border-radius:11px;min-height:48px}.share-box button{margin-top:8px}.invite-actions .button{width:100%}}
@media(max-width:560px){.participant-cards{left:10px;right:10px;gap:5px}.participant-cards article{padding:7px 6px}.participant-cards article>span{display:none}.participant-cards strong{font-size:.62rem}.participant-cards small{font-size:.48rem}.map-guide{grid-template-columns:1fr}.map-guide span{padding:8px 10px}}
@media(max-width:760px){.routes-grid{grid-template-columns:1fr}.routes-toolbar{align-items:flex-start;flex-direction:column}.routes-shell{padding-left:14px;padding-right:14px}.routes-intro h1{font-size:3rem}.routes-panel{padding:24px 16px}.header-actions .header-button:first-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-line,.live-dot,.rider{animation:none}.route-line{stroke-dashoffset:0}.reveal{opacity:1;transform:none;transition:none}}