@font-face{font-family:Space Grotesk;src:url(/fonts/SpaceGrotesk-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/RobotoMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, monospace;--primary: oklch(.52 .22 25);--accent: oklch(.82 .15 200);--kf-red: oklch(.52 .22 25);--kf-cyan: oklch(.82 .15 200);--kf-magenta: oklch(.6 .3 320);--kf-gold: oklch(.85 .18 85);--kf-green: oklch(.82 .2 155);--bg: oklch(.06 .005 285);--foreground: #ededed;--text-secondary: rgba(237, 237, 237, .78);--text-muted: rgba(237, 237, 237, .55);--border: rgba(255, 255, 255, .1);--surface: rgba(255, 255, 255, .05)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--foreground);font-family:var(--font-body);line-height:1.7}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:var(--foreground)}.mono{font-family:var(--font-mono)}::selection{background:var(--primary);color:#fff}.nav{position:sticky;top:0;z-index:50;background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;max-width:1152px;margin:0 auto}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1152px;margin:0 auto}.nav-logo img{height:auto;width:160px}.nav-right{display:flex;align-items:center;gap:24px}.nav-stores{display:flex;align-items:center;gap:10px}.nav-stores img{height:40px;width:auto;display:block}.nav-stores img.nav-store-google{height:52px}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{font-size:14px;color:#edededb3;text-decoration:none;transition:color .15s}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:var(--primary);font-weight:600}.hero{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px;position:relative}.hero-badge{display:inline-block;font-family:var(--font-mono);background:#ffffff0d;border:1px solid var(--border);color:var(--primary);font-size:12px;letter-spacing:4px;font-weight:700;text-transform:uppercase;padding:6px 20px;border-radius:24px;margin-bottom:20px}.hero h1{font-size:clamp(32px,6vw,56px);font-weight:900;letter-spacing:-2px;line-height:1.1;max-width:800px}.hero h1 .accent{color:var(--primary)}.hero-tagline{font-size:clamp(16px,2.5vw,22px);color:#edededeb;margin-top:16px;max-width:600px}.hero-stats{display:flex;gap:32px;margin-top:40px;font-family:var(--font-mono)}.hero-stat{text-align:center}.hero-stat-num{font-size:clamp(28px,4vw,42px);font-weight:800;font-family:var(--font-display)}.hero-stat-label{font-size:13px;color:#edededd9;letter-spacing:1.5px;text-transform:uppercase;margin-top:6px}.hero-scroll{position:absolute;bottom:32px;color:#ededed99;font-size:12px;font-family:var(--font-mono);letter-spacing:2px;animation:bob 2s infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.countdown{display:flex;justify-content:center;gap:24px;margin-top:28px}.cd-num{font-size:clamp(32px,6vw,48px);font-weight:800;font-family:var(--font-display);color:var(--primary)}.cd-label{font-size:13px;color:#edededd9;letter-spacing:1.5px;text-transform:uppercase;font-family:var(--font-mono)}.cd-note{color:#edededbf;font-size:13px;margin-top:16px}.chapter{text-align:center;padding:48px 24px 16px;font-family:var(--font-mono)}.chapter-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:14px;font-weight:700;margin-bottom:8px}.chapter-label{font-size:12px;letter-spacing:2px;text-transform:uppercase}.story{max-width:720px;margin:0 auto;padding:64px 24px;position:relative}.story:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--border)}.story h2{font-size:clamp(22px,3.5vw,32px);letter-spacing:-1px;margin-bottom:16px;line-height:1.2}.story p{font-size:16px;margin-bottom:14px}.highlight{color:var(--kf-green);font-weight:600}.quote-block{border-left:3px solid var(--primary);padding:12px 20px;margin:20px 0;background:#ffffff08;border-radius:0 8px 8px 0;font-size:17px;font-weight:500;color:var(--foreground);font-style:italic}.profile-card{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px 24px;margin:24px 0}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--kf-gold));display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;flex-shrink:0;font-family:var(--font-display)}.profile-info h3{font-size:16px}.profile-info p{color:var(--text-secondary);font-size:13px;margin:0}.profile-bike{margin-left:auto;font-family:var(--font-mono);background:#ffffff08;border:1px solid var(--border);border-radius:8px;padding:8px 14px;text-align:center}.profile-bike-model{color:var(--primary);font-size:14px;font-weight:700}.profile-bike-sub{color:#edededb8;font-size:12px;letter-spacing:1px}.data-panel{max-width:900px;margin:0 auto;padding:0 24px 64px}.panel-header{font-family:var(--font-display);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:16px;padding:6px 14px;display:inline-block;border-radius:9999px}.panel-header.primary{color:var(--primary);background:#b43c1e1f}.panel-header.accent{color:var(--accent);background:#64c8dc1a}.panel-header.green{color:var(--kf-green);background:#64c8781a}.panel-header.gold{color:var(--kf-gold);background:#c8b4321a}.panel-header.red{color:var(--kf-red);background:#b43c1e1a}.panel-header.magenta{color:var(--kf-magenta);background:#b432961a}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;position:relative;overflow:hidden;font-family:var(--font-mono)}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.kpi-val{font-size:24px;font-weight:800;font-family:var(--font-display)}.kpi-label{font-size:12px;color:#edededb8;text-transform:uppercase;letter-spacing:1px;margin-top:4px}.kpi.primary:before{background:var(--primary)}.kpi.primary .kpi-val{color:var(--primary)}.kpi.accent:before{background:var(--accent)}.kpi.accent .kpi-val{color:var(--accent)}.kpi.green:before{background:var(--kf-green)}.kpi.green .kpi-val{color:var(--kf-green)}.kpi.gold:before{background:var(--kf-gold)}.kpi.gold .kpi-val{color:var(--kf-gold)}.map-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;height:420px;overflow:hidden;margin:16px 0;position:relative}.route-flow{display:flex;flex-wrap:wrap;gap:4px;margin:16px 0;align-items:center;font-family:var(--font-mono);font-size:12px}.route-city{padding:5px 12px;border-radius:9999px;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--foreground)}.route-city.start{border-color:var(--kf-green);color:var(--kf-green);background:#64c87808}.route-city.detour{border-color:var(--kf-gold);color:var(--kf-gold);background:#c8b43208}.route-arrow{color:var(--text-muted)}.fuel-table{width:100%;border-collapse:collapse;font-size:13px;margin:16px 0}.fuel-table th{text-align:left;color:#edededb8;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-weight:600}.fuel-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.03)}.fuel-table tr:hover{background:#ffffff08}.stop-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.progress-bar{height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden;min-width:60px}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--kf-gold))}.traffic-item{display:grid;grid-template-columns:1fr 90px 160px 65px;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:12px;margin-bottom:4px;background:var(--surface);font-family:var(--font-mono)}.traffic-segment{color:var(--foreground);font-weight:600;font-family:var(--font-body)}.traffic-time{color:#edededb8;font-size:12px}.traffic-bar{height:16px;background:#ffffff0d;border-radius:6px;overflow:hidden}.traffic-fill{height:100%;border-radius:6px}.traffic-fill.low{background:var(--kf-green)}.traffic-fill.med{background:var(--kf-gold)}.traffic-fill.high{background:var(--kf-red)}.risk-tag{font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;text-align:center}.risk-tag.low{background:#64c8781a;color:var(--kf-green)}.risk-tag.med{background:#c8b4321a;color:var(--kf-gold)}.risk-tag.high{background:#b43c1e1a;color:var(--kf-red)}.alert-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-radius:16px;margin:16px 0;font-size:13px;line-height:1.6}.alert-banner.danger{background:#b43c1e0f;border:1px solid rgba(180,60,30,.15)}.alert-banner.success{background:#64c8780f;border:1px solid rgba(100,200,120,.15)}.alert-banner.warn{background:#c8b4320f;border:1px solid rgba(200,180,50,.15)}.alert-icon{font-size:24px;flex-shrink:0;margin-top:2px}.tl{position:relative;padding-left:52px;margin:16px 0}.tl:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary),var(--primary),var(--kf-gold),var(--kf-gold),var(--kf-green))}.tl-item{position:relative;margin-bottom:10px;padding:14px 18px;background:var(--surface);border-radius:12px;font-size:13px}.tl-item:before{content:"";position:absolute;left:-36px;top:18px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg)}.tl-item.night{border-left:2px solid rgba(130,180,220,.15)}.tl-item.night:before{background:var(--accent)}.tl-item.dawn{border-left:2px solid rgba(200,180,50,.15)}.tl-item.dawn:before{background:var(--kf-gold)}.tl-item.day{border-left:2px solid rgba(200,180,50,.15)}.tl-item.day:before{background:var(--kf-gold)}.tl-item.finish{border-left:2px solid rgba(100,200,120,.25)}.tl-item.finish:before{background:var(--kf-green);box-shadow:0 0 12px #64c8784d}.tl-time{font-family:var(--font-mono);font-weight:700;font-size:14px}.tl-item.night .tl-time{color:var(--accent)}.tl-item.dawn .tl-time,.tl-item.day .tl-time{color:var(--kf-gold)}.tl-item.finish .tl-time{color:var(--kf-green);font-size:18px}.tl-route{color:var(--foreground);font-weight:600;margin-top:3px}.tl-detail{color:#edededb8;font-size:12px;margin-top:2px;font-family:var(--font-mono)}.tl-badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:9999px;margin-top:6px;font-weight:600;font-family:var(--font-mono)}.tl-badge.night{background:#82b4dc1a;color:var(--accent)}.tl-badge.dawn{background:#c8b4321a;color:var(--kf-gold)}.tl-badge.ok{background:#64c8781a;color:var(--kf-green)}.tl-badge.risk{background:#b43c1e1a;color:var(--kf-red)}.cta-section{max-width:720px;margin:0 auto;padding:64px 24px;text-align:center}.cta-section h2{font-size:28px;margin-bottom:12px}.cta-section p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.cta-question{font-size:20px;color:var(--primary);font-weight:700;margin-top:24px;font-family:var(--font-display)}.challenge-footer{border-top:1px solid var(--border);padding:48px 24px 24px;max-width:1152px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-heading{font-family:var(--font-display);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#edededb8;margin-bottom:12px}.footer-links{list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .15s}.footer-links a:hover{color:var(--primary)}.footer-text{color:var(--text-secondary);font-size:12px;line-height:1.6}.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid var(--border);text-align:center;color:#edededb8;font-size:12px;letter-spacing:1px}@media(max-width:640px){.profile-card{flex-direction:column;text-align:center}.profile-bike{margin-left:0}.traffic-item{grid-template-columns:1fr 60px}.traffic-item .traffic-bar-wrap,.traffic-item .traffic-time{display:none}.hero-stats{gap:16px}.kpi-strip{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr;gap:24px}.nav-links{display:none}.nav-stores{gap:8px}.nav-stores img{height:30px}.nav-stores img.nav-store-google{height:39px}}@media(max-width:380px){.nav-logo img{width:130px}.nav-stores img{height:26px}.nav-stores img.nav-store-google{height:34px}}.leaflet-popup-content-wrapper{background:#141419f2;color:var(--foreground);border-radius:12px;font-family:var(--font-mono);font-size:12px}.leaflet-popup-tip{background:#141419f2}.leaflet-control-zoom a{background:#ffffff0d!important;color:var(--foreground)!important;border-color:var(--border)!important}.nav-header[data-astro-cid-dmqpwcec]{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1);background:#0a0a0fcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}