@property --a{syntax: '<angle>';initial-value: 0deg;inherits: false;}@property --g{syntax: '<percentage>';initial-value: 0%;inherits: false;}:root{--night: #141114;--smoke: #2a2329;--pink: #f51561;--coral: #ff6b3d;--blush: #fff1f4;--soft: #d9c7ce;--line-x: 24px;--pad-l: 56px;color-scheme: dark;}*,*::before,*::after{box-sizing: border-box;}html{scroll-behavior: smooth;scrollbar-color: var(--pink) var(--night);}body{margin: 0;background: var(--night);color: var(--blush);font-family: "Lexend",system-ui,sans-serif;font-weight: 400;font-size: clamp(1rem,0.95rem + 0.25vw,1.125rem);line-height: 1.6;overflow-x: clip;-webkit-font-smoothing: antialiased;}::selection{background: var(--pink);color: var(--night);}a{color: inherit;}h1,h2,.big{text-wrap: balance;}p{text-wrap: pretty;}.bar{min-height: 72px;display: flex;align-items: center;gap: 14px;padding: 8px 16px;padding-top: max(8px,env(safe-area-inset-top));background: var(--smoke);border-bottom: 1px solid #3d333b;}.ridges{display: flex;gap: 5px;height: 40px;}.ridges span{width: 4px;height: 100%;background: #3d333b;border-radius: 2px;}.bar img{width: 56px;height: 56px;border-radius: 14px;display: block;}.bar .name{font-weight: 800;font-size: 1.125rem;letter-spacing: -0.01em;}@media (max-width: 359px){.ridges{display: none;}}.route{position: relative;}.route::before{content: "";position: absolute;left: calc(max(0px,(100% - 960px) / 2) + var(--line-x));top: 0;bottom: 0;width: 4px;margin-left: -2px;background: var(--pink);border-radius: 2px;}.col{max-width: 960px;margin: 0 auto;padding-left: var(--pad-l);padding-right: 16px;}.stop{position: relative;}.marker{position: absolute;left: calc(var(--line-x) - 16px);top: 0;width: 32px;height: 32px;border-radius: 50%;background: var(--pink);color: var(--night);font-weight: 800;font-size: 1rem;display: grid;place-items: center;box-shadow: 0 0 0 4px var(--night);}.stopname{font-weight: 600;font-size: 1rem;color: var(--soft);margin: 0 0 6px;line-height: 32px;}.hero{padding-top: 16px;padding-bottom: 8px;}.ticket{background: var(--smoke);padding: 14px 16px 16px;clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);}h1{margin: 0;font-weight: 800;font-size: clamp(1.75rem,1.2rem + 2.6vw,3.1rem);line-height: 1.08;letter-spacing: -0.02em;}.lede{margin: 10px 0 0;color: var(--soft);max-width: 62ch;}.panel{margin: 16px auto 0;max-width: 440px;}.panel svg{display: block;width: 100%;height: auto;}.panel text{font-family: "Lexend",system-ui,sans-serif;}.st-off{opacity: 0;}.st-on{opacity: 1;}.knob{transform: translateX(176px);}.fill{transform: scaleX(1);transform-origin: 152px 0;transform-box: view-box;}@media (prefers-reduced-motion: no-preference){.st-off{animation: hide 0.5s cubic-bezier(.16,1,.3,1) 1.4s both;}.st-on{animation: show 0.5s cubic-bezier(.16,1,.3,1) 1.4s both;}.knob{animation: slide 0.6s cubic-bezier(.16,1,.3,1) 1.3s both;}.fill{animation: grow 2.4s cubic-bezier(.16,1,.3,1) 1.8s both;}}@keyframes hide{from{opacity: 1;}to{opacity: 0;}}@keyframes show{from{opacity: 0;}to{opacity: 1;}}@keyframes slide{from{transform: translateX(0);}to{transform: translateX(176px);}}@keyframes grow{from{transform: scaleX(0);}to{transform: scaleX(1);}}.arrive{position: relative;margin-top: 18px;padding-bottom: 28px;}.arrive .marker{left: calc(var(--line-x) - 16px - var(--pad-l));}.ask{font-weight: 600;font-size: 1rem;margin: 0 0 8px;line-height: 32px;}.btn-next{display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;min-height: 58px;padding: 12px 14px;border-radius: 999px;border: 3px solid transparent;background: linear-gradient(var(--coral),var(--coral)) padding-box,conic-gradient(from var(--a),var(--blush),var(--pink) 30%,var(--coral) 55%,var(--blush)) border-box;color: var(--night);font-weight: 800;font-size: 1.125rem;line-height: 1.2;text-align: center;text-decoration: none;-webkit-tap-highlight-color: transparent;}.btn-next:focus-visible{outline: 3px solid var(--blush);outline-offset: 4px;}@media (hover: hover){.btn-next:hover{background: linear-gradient(#ff7f57,#ff7f57) padding-box,conic-gradient(from var(--a),var(--blush),var(--pink) 30%,var(--coral) 55%,var(--blush)) border-box;}}.under{margin: 10px 0 0;font-size: 1rem;color: var(--soft);}@media (prefers-reduced-motion: no-preference){.btn-next{animation: turn 4s linear infinite;}}@keyframes turn{to{--a: 360deg;}}.how{padding: 96px 0 120px;}.how .tile{background: var(--smoke);padding: 22px 20px 24px;clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);}h2{margin: 0 0 12px;font-weight: 800;font-size: clamp(1.25rem,1rem + 1.2vw,2rem);line-height: 1.15;letter-spacing: -0.01em;}.how p{margin: 0;max-width: 62ch;}.how .result{color: var(--coral);font-weight: 600;}.how hr{border: 0;border-top: 1px solid #3d333b;margin: 0 0 22px;}@media (min-width: 768px){.how .tile{display: grid;grid-template-columns: 220px 1fr;gap: 32px;align-items: start;}.how h2{margin: 0;}}.end{background: var(--pink);color: var(--night);position: relative;}.end .col{padding-top: 88px;padding-bottom: 88px;text-align: center;}.end .stopname{color: var(--night);}.end .marker{background: var(--night);color: var(--pink);box-shadow: 0 0 0 4px var(--pink);}.end .big{margin: 0;font-weight: 800;font-size: clamp(1.75rem,1.2rem + 2.6vw,3.4rem);line-height: 1.08;}.orn{display: block;width: 40px;height: 40px;margin: 14px auto 28px;}.end .btn-next{max-width: 560px;margin: 0 auto;border-color: transparent;background: linear-gradient(var(--coral),var(--coral)) padding-box,conic-gradient(from var(--a),var(--night),var(--blush) 30%,var(--night) 60%) border-box;}.route.endroute::before{background: var(--night);}.route::after{content: "";position: absolute;left: calc(max(0px,(100% - 960px) / 2) + var(--line-x));top: var(--g);width: 4px;height: 64px;margin-left: -2px;background: var(--coral);border-radius: 2px;opacity: 0;}@media (prefers-reduced-motion: no-preference){.route.lit::after{opacity: 1;animation: travel 7s cubic-bezier(.45,0,.55,1) infinite alternate;}}@keyframes travel{from{--g: 0%;}to{--g: 85%;}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){.how .tile{animation: enter linear both;animation-timeline: view();animation-range: entry 0% entry 70%;}}}@keyframes enter{from{opacity: 0.35;transform: translateY(18px);}to{opacity: 1;transform: none;}}footer{margin-top: 56px;border-top: 1px solid #3d333b;padding: 40px 16px calc(48px + env(safe-area-inset-bottom));text-align: center;}.top{display: inline-flex;align-items: center;gap: 12px;min-height: 44px;font-weight: 800;font-size: clamp(1.75rem,1.2rem + 2.6vw,3.4rem);line-height: 1.1;text-decoration: none;color: var(--blush);-webkit-tap-highlight-color: transparent;}.top svg{width: 0.9em;height: 0.9em;color: var(--pink);}.top:focus-visible{outline: 3px solid var(--pink);outline-offset: 4px;}@media (hover: hover){.top:hover{color: var(--pink);}}footer p{margin: 18px auto 0;max-width: 60ch;font-size: 1rem;color: var(--soft);}footer .fb{font-weight: 600;color: var(--blush);}@media (min-width: 900px){:root{--line-x: 40px;--pad-l: 80px;}.bar{min-height: 112px;padding-left: 32px;}.bar img{width: 96px;height: 96px;border-radius: 22px;}.bar .name{font-size: 1.375rem;}.ridges{height: 64px;}.col{padding-left: calc(var(--pad-l) + 24px);}.ticket{padding: 18px 24px 20px;}.arrive .marker{left: calc(var(--line-x) - 40px - var(--pad-l));}.hero{padding-top: 20px;}.panel{max-width: 380px;margin-top: 14px;}.arrive{margin-top: 12px;}}html{max-inline-size:100%;overflow-x:clip;}body{max-inline-size:100%;overflow-x:clip;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 400;font-display: swap;src: url(b47e2050bf88.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 400;font-display: swap;src: url(158c44cb3771.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 600;font-display: swap;src: url(b47e2050bf88.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 600;font-display: swap;src: url(158c44cb3771.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 800;font-display: swap;src: url(b47e2050bf88.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Lexend';font-style: normal;font-weight: 800;font-display: swap;src: url(158c44cb3771.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}