.rydbie-route{--ink:var(--rb-ink);--cream:var(--rb-cream);--honey:var(--rb-yellow);--honey-deep:var(--rb-yellow-deep);--honey-soft:var(--rb-yellow-soft);--text-soft:var(--rb-soft);--text-muted:var(--rb-muted);--go:var(--rb-green);--sign-red:var(--rb-red);--line:var(--rb-line);background:var(--cream);color:var(--ink);font-family:var(--rb-font);-webkit-font-smoothing:antialiased;overflow-x:clip}.rydbie-route *{box-sizing:border-box}.rydbie-route h1,.rydbie-route h2,.rydbie-route h3{font-family:var(--rb-font);letter-spacing:-.02em;color:var(--ink)}.rydbie-route .mono{font-family:var(--rb-mono)}.rydbie-route a{color:inherit;text-decoration:none}.rydbie-route .wrap{z-index:2;max-width:520px;margin:0 auto;padding:0 22px;position:relative}@media (min-width:900px){.rydbie-route .wrap{max-width:640px}}.rydbie-route .hero{background:radial-gradient(circle at 15% 10%, var(--honey-soft) 0%, var(--cream) 55%);z-index:2;padding:50px 0 30px;position:relative}.rydbie-route .eyebrow{background:var(--ink);color:var(--honey);font-family:var(--rb-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;align-items:center;gap:7px;margin-bottom:20px;padding:7px 13px;font-size:.7rem;font-weight:600;display:inline-flex}.rydbie-route .eyebrow:before{content:"●";color:var(--go);font-size:.6rem;animation:1.8s ease-in-out infinite rr-pulse}@keyframes rr-pulse{0%,to{opacity:1}50%{opacity:.35}}.rydbie-route h1{margin-bottom:16px;font-size:2.35rem;font-weight:800;line-height:1.05}.rydbie-route .h1-kicker{letter-spacing:0;color:var(--text-soft);margin-bottom:8px;font-size:1.05rem;font-weight:700;display:block}.rydbie-route h1 em{background:linear-gradient(180deg, transparent 62%, var(--honey) 62%);font-style:normal}.rydbie-route .hero p.lead{color:var(--text-soft);max-width:440px;margin-bottom:26px;font-size:1.02rem;line-height:1.6}.rydbie-route .btn-primary{background:var(--honey);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;align-items:center;gap:8px;padding:15px 24px;font-size:.96rem;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.rydbie-route .btn-primary:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.rydbie-route .odometer-row{gap:14px;margin-top:30px;display:flex}.rydbie-route .odo{background:var(--ink);border-radius:12px;flex:1;padding:12px 16px}.rydbie-route .odo .n{font-family:var(--rb-mono);color:var(--honey);font-size:1.3rem;font-weight:600}.rydbie-route .odo .l{color:color-mix(in srgb, var(--cream) 55%, var(--text-muted));text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.68rem}.rydbie-route .road-wrap{padding:20px 0 10px;position:relative}.rydbie-route #road-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.rydbie-route .road-car{z-index:60;pointer-events:none;opacity:0;will-change:transform;width:42px;height:42px;transition:opacity .3s;position:fixed;top:0;left:0}.rydbie-route .road-car svg{filter:drop-shadow(0 3px 6px #0000004d)}.rydbie-route .stop{z-index:2;max-width:300px;margin:0 0 64px;position:relative}.rydbie-route .stop-right{text-align:left;margin-left:auto}.rydbie-route .stop-left{margin-right:auto}.rydbie-route .stop-tag{font-family:var(--rb-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:.68rem}.rydbie-route .stop p{color:var(--text-soft);font-size:.92rem;line-height:1.55}.rydbie-route .stop h3{margin-bottom:6px;font-size:1.05rem}.rydbie-route .sign{margin-bottom:10px;padding:20px}.rydbie-route .sign-yield{border:6px solid var(--sign-red);clip-path:polygon(50% 100%,0 0,100% 0);text-align:center;background:#fff;border-radius:4px;width:210px;padding:36px 22px 14px}.rydbie-route .sign-yield h3{color:var(--sign-red);text-transform:uppercase;margin-bottom:0;font-size:1.5rem}.rydbie-route .sign-speed{border:5px solid var(--ink);text-align:center;background:#fff;border-radius:10px;width:170px;padding:14px 10px}.rydbie-route .sign-speed .cap{letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:.62rem;font-weight:700}.rydbie-route .sign-speed .num{font-family:var(--rb-font);color:var(--ink);font-size:2.6rem;font-weight:800;line-height:1}.rydbie-route .sign-stop{background:var(--sign-red);color:#fff;text-align:center;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);width:180px;padding:26px 10px}.rydbie-route .sign-stop h3{color:#fff;text-transform:uppercase;letter-spacing:.02em;font-size:1.6rem}.rydbie-route .sign-merge{background:var(--honey);border:4px solid var(--ink);border-radius:4px;width:230px;padding:16px 18px;transform:rotate(-2deg)}.rydbie-route .compare-list{margin-top:14px;padding:0;list-style:none}.rydbie-route .compare-list li{border-bottom:1px dashed color-mix(in srgb, var(--ink) 15%, transparent);color:var(--text-soft);justify-content:space-between;padding:8px 0;font-size:.88rem;display:flex}.rydbie-route .compare-list li.us{color:var(--sign-red);font-weight:700}.rydbie-route .mile-steps{counter-reset:mile;padding:0;list-style:none}.rydbie-route .mile-steps li{counter-increment:mile;color:var(--text-soft);margin-bottom:16px;padding-left:38px;font-size:.9rem;position:relative}.rydbie-route .mile-steps li:before{content:counter(mile);background:var(--ink);width:28px;height:28px;color:var(--honey);font-family:var(--rb-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex;position:absolute;top:-2px;left:0}.rydbie-route .finish{text-align:center;z-index:2;padding:70px 0 60px;position:relative}.rydbie-route .checker{background-image:repeating-linear-gradient(90deg, var(--ink) 0 14px, #fff 14px 28px);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background-size:28px 14px;width:100%;height:14px;margin-bottom:34px}.rydbie-route .finish h2{margin-bottom:14px;font-size:2rem}.rydbie-route .finish p{color:var(--text-soft);max-width:360px;margin-bottom:26px;margin-left:auto;margin-right:auto}.rydbie-route .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.rydbie-route .reveal.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.rydbie-route .road-car{transition:none}.rydbie-route .reveal{opacity:1!important;transform:none!important}}.rydbie-route .rr-section{z-index:2;padding:64px 0;position:relative}.rydbie-route .rr-tint{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.rydbie-route .rr-section h2{margin:0 0 10px;font-size:2rem;font-weight:800;line-height:1.05}.rydbie-route .sec-sub{color:var(--text-soft);max-width:420px;margin:0 0 30px;font-size:1rem;line-height:1.55}.rydbie-route a:focus-visible,.rydbie-route input:focus-visible,.rydbie-route summary:focus-visible{outline:3px solid var(--honey-deep);outline-offset:3px}.rydbie-route .plates{z-index:2;padding:8px 0 34px;position:relative}.rydbie-route .plates-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;max-width:640px;margin:0 auto;padding:6px 22px 12px;display:flex;overflow-x:auto}.rydbie-route .plates-row::-webkit-scrollbar{display:none}.rydbie-route .plate-item{scroll-snap-align:start;flex:none;width:150px}.rydbie-route .plate{--plate-blue:#1f3f8a;border:2px solid var(--plate-blue);box-shadow:0 0 0 5px var(--ink), 0 6px 0 5px color-mix(in srgb, var(--ink) 12%, transparent);height:76px;color:var(--plate-blue);background:#fff;border-radius:8px;outline:3px solid #fff;flex-direction:column;justify-content:center;align-items:center;margin:6px;display:flex;position:relative}.rydbie-route .plate:before,.rydbie-route .plate:after{content:"";background:#c9cbd1;border-radius:50%;width:6px;height:6px;position:absolute;top:6px}.rydbie-route .plate:before{left:22px}.rydbie-route .plate:after{right:22px}.rydbie-route .plate-top{letter-spacing:.18em;font-size:.5rem;font-weight:700}.rydbie-route .plate-text{font-family:var(--rb-font);letter-spacing:.06em;white-space:nowrap;font-size:1.55rem;font-weight:800;line-height:1.05}.rydbie-route .plate-bottom{color:var(--ink);opacity:.7;font-size:.55rem;font-style:italic}.rydbie-route .plate-note{color:var(--text-soft);text-align:center;margin-top:10px;font-size:.78rem;line-height:1.35}.rydbie-route .pumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px;display:grid}.rydbie-route .pump{background:var(--honey);border:3px solid var(--ink);box-shadow:0 8px 0 -2px var(--ink);border-radius:20px 20px 6px 6px;flex-direction:column;padding:14px 14px 16px;display:flex;position:relative}.rydbie-route .pump:not(.pump-hot){background:var(--honey-soft)}.rydbie-route .pump:after{content:"";background:var(--ink);border-radius:0 6px 6px 0;width:10px;height:38px;position:absolute;top:62px;right:-11px}.rydbie-route .pump-grade{background:var(--ink);color:var(--honey);font-family:var(--rb-mono);border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:3px 9px;font-size:.7rem;font-weight:600}.rydbie-route .pump-lcd{background:color-mix(in srgb, var(--ink) 92%, #fff);border-radius:8px;margin-bottom:12px;padding:10px 10px 8px;box-shadow:inset 0 2px 8px #0009}.rydbie-route .lcd-price{font-family:var(--rb-mono);color:var(--honey);text-shadow:0 0 10px color-mix(in srgb, var(--honey) 45%, transparent);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:600;line-height:1}.rydbie-route .lcd-small{font-family:var(--rb-mono);color:color-mix(in srgb, var(--cream) 55%, var(--text-muted));margin-top:5px;font-size:.66rem}.rydbie-route .pump h3{margin:0 0 4px;font-size:1.05rem}.rydbie-route .pump p{color:var(--text-soft);flex:1;margin:0 0 12px;font-size:.82rem;line-height:1.45}.rydbie-route .pump-flag{background:var(--go);color:#fff;border:2px solid var(--ink);border-radius:100px;align-self:flex-start;margin:-4px 0 12px;padding:3px 9px;font-size:.72rem;font-weight:700}.rydbie-route .pump-btn{background:var(--ink);color:var(--cream);text-align:center;border-radius:10px;padding:10px 8px;font-size:.8rem;font-weight:600}.rydbie-route .pump-btn:hover{background:color-mix(in srgb, var(--ink) 85%, #fff)}.rydbie-route .calc{background:var(--cream);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:16px;padding:22px}.rydbie-route .calc-label{margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.rydbie-route .calc-input{width:100%;font:inherit;border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:10px;margin-bottom:24px;padding:12px 14px;font-size:1rem}.rydbie-route .lane{margin-bottom:18px}.rydbie-route .lane-head{color:var(--text-soft);justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.88rem;display:flex}.rydbie-route .lane-date{font-family:var(--rb-mono);color:var(--ink);text-align:right;font-weight:600}.rydbie-route .lane-date-go{background:var(--honey);border-radius:4px;padding:0 6px}.rydbie-route .lane-track{background:color-mix(in srgb, var(--ink) 10%, var(--cream));border-radius:6px;height:26px;overflow:hidden}.rydbie-route .lane-fill{background-color:color-mix(in srgb, var(--ink) 90%, #fff);background-image:repeating-linear-gradient(90deg, transparent 0 14px, var(--honey) 14px 26px);background-position:0;background-repeat:repeat-x;background-size:100% 3px;border-radius:6px;height:100%}.rydbie-route .lane-slow{opacity:.45}.rydbie-route .calc-win{font-family:var(--rb-font);margin-top:6px;font-size:1.3rem;font-weight:800}.rydbie-route .fine{color:var(--text-muted);margin:8px 0 0;font-size:.75rem;line-height:1.5}.rydbie-route .dash-panel{background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--ink) 88%, var(--honey)) 0%, var(--ink) 70%);border:3px solid color-mix(in srgb, var(--ink) 85%, #fff);border-radius:28px 28px 14px 14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 10px;padding:26px 18px;display:grid}.rydbie-route .dash-light{text-align:center}.rydbie-route .dash-icon{width:52px;height:52px;color:color-mix(in srgb, var(--ink) 70%, #fff);border:2px solid color-mix(in srgb, var(--ink) 82%, #fff);transition:color .35s,box-shadow .35s,border-color .35s;transition-delay:var(--d,0s);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 9px;display:flex}.rydbie-route .dash-label{color:color-mix(in srgb, var(--ink) 55%, #fff);transition:color .35s;transition-delay:var(--d,0s);font-size:.74rem;line-height:1.35}.rydbie-route .dash-panel.in-view .dash-icon{color:var(--honey);border-color:var(--honey);box-shadow:0 0 18px color-mix(in srgb, var(--honey) 45%, transparent), inset 0 0 10px color-mix(in srgb, var(--honey) 15%, transparent)}.rydbie-route .dash-panel.in-view .dash-label{color:color-mix(in srgb, var(--cream) 90%, #fff)}.rydbie-route .mirror-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:22px;max-width:640px;margin:0 auto;padding:26px 22px 18px;display:flex;overflow-x:auto}.rydbie-route .mirror-row::-webkit-scrollbar{display:none}.rydbie-route .mirror{scroll-snap-align:start;border:9px solid var(--ink);background:linear-gradient(160deg,#f4f7f9 0%,#d8e0e6 55%,#eef2f4 100%);border-radius:70px/44px;flex-direction:column;flex:0 0 280px;justify-content:space-between;min-height:170px;margin:0;padding:26px 30px 22px;display:flex;position:relative}.rydbie-route .mirror:before{content:"";background:var(--ink);border-radius:4px 4px 0 0;width:16px;height:18px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.rydbie-route .mirror:after{content:"";background:#fffc;border-radius:8px;width:60px;height:8px;position:absolute;top:12px;left:26px;transform:rotate(-8deg)}.rydbie-route .mirror blockquote{color:var(--ink);margin:0 0 14px;font-size:.9rem;line-height:1.5}.rydbie-route .mirror figcaption{color:var(--text-soft);flex-direction:column;font-size:.78rem;display:flex}.rydbie-route .mirror figcaption strong{color:var(--ink)}.rydbie-route .maps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.rydbie-route .map{border:2px solid var(--ink);background-color:var(--honey-soft);background-image:linear-gradient(90deg, transparent 32%, color-mix(in srgb, var(--ink) 7%, transparent) 33%, transparent 34.5%, transparent 65.5%, color-mix(in srgb, var(--ink) 7%, transparent) 66.5%, transparent 67.5%), linear-gradient(180deg, transparent 49%, color-mix(in srgb, var(--ink) 6%, transparent) 50%, transparent 51%);border-radius:4px;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:16px;transition:transform .2s;display:flex}.rydbie-route .map:nth-child(odd){transform:rotate(-1.2deg)}.rydbie-route .map:nth-child(2n){transform:rotate(1deg)}.rydbie-route .map:hover{transform:rotate(0)translateY(-3px)}.rydbie-route .map-title{font-family:var(--rb-font);font-size:1rem;font-weight:700;line-height:1.2}.rydbie-route .map-open{border-bottom:2px solid var(--ink);align-self:flex-start;font-size:.78rem;font-weight:600}.rydbie-route .faq details{border-bottom:1px dashed color-mix(in srgb, var(--ink) 20%, transparent);padding:16px 0}.rydbie-route .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:1rem;font-weight:700;list-style:none;display:flex}.rydbie-route .faq summary::-webkit-details-marker{display:none}.rydbie-route .faq summary:after{content:"+";background:var(--honey);border:2px solid var(--ink);border-radius:50%;flex:0 0 28px;justify-content:center;align-items:center;height:28px;font-weight:700;transition:transform .2s;display:flex}.rydbie-route .faq details[open] summary:after{transform:rotate(45deg)}.rydbie-route .faq details p{color:var(--text-soft);max-width:480px;margin:10px 0 0;font-size:.92rem;line-height:1.6}@media (max-width:420px){.rydbie-route .dash-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.rydbie-route .pumps,.rydbie-route .maps{gap:20px 16px}.rydbie-route .lcd-price{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.rydbie-route .dash-icon,.rydbie-route .dash-label,.rydbie-route .map,.rydbie-route .faq summary:after{transition:none}.rydbie-route .eyebrow:before{animation:none}}