@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--breakpoint-xs: 320px;--breakpoint-s: 576px;--breakpoint-m: 768px;--breakpoint-l: 992px;--breakpoint-xl: 1248px;--container-width-xs: 288px;--container-width-s: 544px;--container-width-m: 720px;--container-width-l: 944px;--container-width-xl: 1200px;--color-brick: #bd2719;--color-brick-light: #ffeeed;--color-brick-medium-light: #facbc8;--color-brick-dark: #800e04;--color-bus: #0000bf;--color-bus-light: #f0f0ff;--color-bus-medium-light: #ccccff;--color-bus-dark: #00005e;--color-coat-of-arms: #0072c6;--color-coat-of-arms-light: #e6f4ff;--color-coat-of-arms-medium-light: #b5daf7;--color-coat-of-arms-dark: #005799;--color-copper: #00d7a7;--color-copper-light: #cffaf1;--color-copper-medium-light: #9ef0de;--color-copper-dark: #00a17d;--color-engel: #ffe977;--color-engel-light: #fff9db;--color-engel-medium-light: #fff3b8;--color-engel-dark: #dbc030;--color-fog: #9fc9eb;--color-fog-light: #e8f3fc;--color-fog-medium-light: #d0e6f7;--color-fog-dark: #72a5cf;--color-gold: #c2a251;--color-gold-light: #f7f2e4;--color-gold-medium-light: #e8d7a7;--color-gold-dark: #9e823c;--color-metro: #fd4f00;--color-metro-light: #ffeee6;--color-metro-medium-light: #ffcab3;--color-metro-dark: #bd2f00;--color-silver: #dedfe1;--color-silver-light: #f7f7f8;--color-silver-medium-light: #efeff0;--color-silver-dark: #b0b8bf;--color-summer: #ffc61e;--color-summer-light: #fff4d4;--color-summer-medium-light: #ffe49c;--color-summer-dark: #cc9200;--color-suomenlinna: #f5a3c7;--color-suomenlinna-light: #fff0f7;--color-suomenlinna-medium-light: #ffdbeb;--color-suomenlinna-dark: #e673a5;--color-tram: #008741;--color-tram-light: #dff7eb;--color-tram-medium-light: #a3e3c2;--color-tram-dark: #006631;--color-focus-outline: #0072c6;--color-black: #000000;--color-white: #ffffff;--color-black-5: #f2f2f2;--color-black-10: #e6e6e6;--color-black-20: #cccccc;--color-black-30: #b3b3b3;--color-black-40: #999999;--color-black-50: #808080;--color-black-60: #595959;--color-black-70: #4d4d4d;--color-black-80: #333333;--color-black-90: #1a1a1a;--color-error: #b01038;--color-error-light: #f6e2e6;--color-error-dark: #8d0d2d;--color-success: #007a64;--color-success-light: #e2f5f3;--color-success-dark: #006250;--color-alert: #ffda07;--color-alert-light: #fff4b4;--color-alert-dark: #d18200;--color-info: #0062b9;--color-info-light: #e5eff8;--color-info-dark: #004f94;--box-shadow-s: 0px 2px 10px 0px rgba(0, 0, 0, .07);--box-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, .1);--box-shadow-l: 0px 2px 20px 0px rgba(0, 0, 0, .2);--spacing-layout-2-xs: 1rem;--spacing-layout-xs: 1.5rem;--spacing-layout-s: 2rem;--spacing-layout-m: 3rem;--spacing-layout-l: 4rem;--spacing-layout-xl: 6rem;--spacing-layout-2-xl: 8rem;--spacing-4-xs: .125rem;--spacing-3-xs: .25rem;--spacing-2-xs: .5rem;--spacing-xs: .75rem;--spacing-s: 1rem;--spacing-m: 1.5rem;--spacing-l: 2rem;--spacing-xl: 2.5rem;--spacing-2-xl: 3rem;--spacing-3-xl: 3.5rem;--spacing-4-xl: 4rem;--spacing-5-xl: 4.5rem;--fontsize-heading-xxl: 4rem;--fontsize-heading-xl: 3rem;--fontsize-heading-xl-mobile: 2.5rem;--fontsize-heading-l: 2rem;--fontsize-heading-m: 1.5rem;--fontsize-heading-s: 1.25rem;--fontsize-heading-xs: 1.125rem;--fontsize-heading-xxs: 1rem;--fontsize-body-s: .875rem;--fontsize-body-m: 1rem;--fontsize-body-l: 1.125rem;--fontsize-body-xl: 1.25rem;--font-default: HelsinkiGrotesk, Arial, sans-serif;--lineheight-s: 1;--lineheight-m: 1.2;--lineheight-l: 1.5;--lineheight-xl: 1.75}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.visually-hidden{border:0;clip:"rect(0 0 0 0)";height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.button-reset{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.text-body{color:var(--color-black-90);font-family:var(--font-default);font-size:var(--fontsize-body-m);line-height:var(--lineheight-l)}.text-medium{font-family:var(--font-default);font-weight:500}.text-bold{font-family:var(--font-default);font-weight:700}.text-xl{font-size:var(--fontsize-heading-m)}.text-lg{font-size:var(--fontsize-heading-s)}.text-md{font-size:var(--fontsize-heading-xs)}.subtitle{font-size:var(--fontsize-body-m)}.text-sm{font-size:var(--fontsize-body-s);line-height:var(--lineheight-xl)}.heading-xxl{font-size:var(--fontsize-heading-xxl);font-weight:400;letter-spacing:-1.2px;line-height:var(--lineheight-s)}.heading-xl{font-size:var(--fontsize-heading-xl);font-weight:400;letter-spacing:-1px;line-height:var(--lineheight-s)}.heading-xl-mobile{font-size:var(--fontsize-heading-xl-mobile);font-weight:400;letter-spacing:-.8px;line-height:var(--lineheight-s)}.heading-l{font-size:var(--fontsize-heading-l);font-weight:400;letter-spacing:-.4px;line-height:var(--lineheight-m)}.heading-m{font-size:var(--fontsize-heading-m);font-weight:500;letter-spacing:-.2px;line-height:var(--lineheight-m)}.heading-s{font-size:var(--fontsize-heading-s);font-weight:500;letter-spacing:0;line-height:var(--lineheight-l)}.heading-xs{font-size:var(--fontsize-heading-xs);font-weight:700;letter-spacing:0;line-height:var(--lineheight-l)}.heading-xxs{font-size:var(--fontsize-heading-xxs);font-weight:700;letter-spacing:.2px;line-height:var(--lineheight-l)}.helper-text{color:var(--color-black-60);display:block;flex-basis:100%;font-size:var(--fontsize-body-m);margin-top:var(--spacing-2-xs)}html{-webkit-text-size-adjust:100%}:root{font-family:Sora,Helvetica Neue,Helvetica,sans-serif;line-height:1.5;font-weight:400;color:var(--color-black-90);background-color:var(--color-silver-light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-ink: var(--color-black-90);--app-muted: var(--color-black-60);--app-surface: var(--color-white);--app-stroke: var(--color-black-20)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,var(--color-silver-light) 0%,var(--color-white) 48%,var(--color-fog-light) 100%);color:var(--app-ink)}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.page{position:relative;min-height:100vh;overflow:hidden}.city-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 16% 18%,color-mix(in srgb,var(--color-bus) 12%,transparent),transparent 44%),radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--color-fog) 40%,transparent),transparent 42%),linear-gradient(135deg,transparent 0 26%,color-mix(in srgb,var(--color-bus-light) 45%,transparent) 26% 28%,transparent 28% 100%);opacity:.95}.app{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:28px}.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.hero-copy{max-width:720px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--app-muted)}.title{margin:0;font-family:Space Grotesk,Sora,Helvetica Neue,Helvetica,sans-serif;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.04;color:var(--color-bus-dark)}.subtitle{margin:12px 0 0;max-width:580px;color:var(--app-muted);font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.hero-actions .hds-button{white-space:nowrap}.status-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.status-card{display:flex;flex-direction:column;gap:8px;min-height:124px}.status-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--app-muted)}.status-value{font-size:1rem;font-weight:700;color:var(--app-ink)}.value-subtle{font-size:.82rem;color:var(--app-muted)}.error-banner{margin-top:-4px}.stops{display:flex;flex-direction:column;gap:16px}.section-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px}.section-heading h2{margin:0;font-family:Space Grotesk,Sora,Helvetica Neue,Helvetica,sans-serif;font-size:1.6rem;color:var(--color-bus-dark)}.section-heading p{margin:6px 0 0;color:var(--app-muted)}.legend{display:flex;flex-wrap:wrap;gap:8px}.stops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stop-card{--tile-accent: var(--color-bus);--tile-accent-light: var(--color-bus-light);--tile-accent-medium: var(--color-bus-medium-light);--tile-accent-dark: var(--color-bus-dark);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:16px;animation:fadeUp .5s ease both;background:linear-gradient(180deg,color-mix(in srgb,var(--tile-accent-light) 36%,var(--color-white)) 0%,var(--color-white) 42%)}.stop-card:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:2px;background:var(--tile-accent)}.stop-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.stop-header h3{margin:0;font-family:Space Grotesk,Sora,Helvetica Neue,Helvetica,sans-serif;font-size:1.2rem;color:var(--app-ink)}.meta{margin:4px 0 0;color:var(--app-muted);font-size:.9rem}.distance{background:var(--tile-accent-light);border:1px solid var(--tile-accent-medium);color:var(--tile-accent-dark);padding:6px 12px;border-radius:999px;font-weight:700;font-size:.85rem}.routes-dropdown{border:1px solid var(--tile-accent-medium);background:var(--app-surface)}.routes-dropdown summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:.9rem;font-weight:700;cursor:pointer}.routes-dropdown summary::-webkit-details-marker{display:none}.routes-dropdown summary span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--tile-accent-light) 72%,var(--color-white));color:var(--tile-accent-dark);font-size:.78rem}.route-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}.route-pill{--background-color: var(--color-silver-light);--color: var(--app-ink);--border-color-action: var(--app-stroke)}.route-pill.mode-bus{--background-color: var(--color-bus-light);--color: var(--color-bus-dark);--border-color-action: var(--color-bus-medium-light)}.route-pill.mode-metro,.route-pill.mode-bus-trunk{--background-color: var(--color-metro-light);--color: var(--color-metro-dark);--border-color-action: var(--color-metro-medium-light)}.route-pill.mode-tram{--background-color: var(--color-tram-light);--color: var(--color-tram-dark);--border-color-action: var(--color-tram-medium-light)}.route-pill.muted{--background-color: var(--color-silver-light);--color: var(--app-muted);--border-color-action: var(--app-stroke)}.departures{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.departures.has-more{max-height:340px}.departures.has-more.expanded{overflow-y:auto;scrollbar-gutter:stable;padding-right:4px}.departure-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;border-left:3px solid var(--color-silver-dark);background:color-mix(in srgb,var(--color-silver-light) 55%,var(--color-white))}.departure-item.mode-bus{border-left-color:var(--color-bus);background:color-mix(in srgb,var(--color-bus-light) 56%,var(--color-white))}.departure-item.mode-metro,.departure-item.mode-bus-trunk{border-left-color:var(--color-metro);background:color-mix(in srgb,var(--color-metro-light) 58%,var(--color-white))}.departure-item.mode-tram{border-left-color:var(--color-tram);background:color-mix(in srgb,var(--color-tram-light) 58%,var(--color-white))}.departure-item.mode-mixed{border-left-color:var(--color-bus);background:linear-gradient(135deg,color-mix(in srgb,var(--color-bus-light) 60%,var(--color-white)),color-mix(in srgb,var(--color-metro-light) 40%,var(--color-white)) 60%,color-mix(in srgb,var(--color-tram-light) 40%,var(--color-white)))}.departures li.empty{padding:0;background:transparent;color:var(--app-muted)}.dep-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dep-route{white-space:nowrap;font-weight:700;font-size:.82rem;color:var(--app-ink)}.dep-route.mode-bus{color:var(--color-bus-dark)}.dep-route.mode-metro,.dep-route.mode-bus-trunk{color:var(--color-metro-dark)}.dep-route.mode-tram{color:var(--color-tram-dark)}.dep-headsign{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem;color:var(--app-ink)}.dep-time{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.dep-clock{font-weight:700;color:var(--app-ink)}.dep-eta{font-size:.8rem;font-weight:700;color:var(--color-black-50)}.dep-eta.live{color:var(--color-success)}.departures-toggle{align-self:flex-start;border:1px solid var(--tile-accent-medium);background:color-mix(in srgb,var(--tile-accent-light) 66%,var(--color-white));color:var(--tile-accent-dark);border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;cursor:pointer}.departures-toggle:hover{background:color-mix(in srgb,var(--tile-accent-light) 86%,var(--color-white))}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.hero-actions{width:100%}.hero-actions .hds-button{flex:1 1 220px}}@media (max-width: 720px){.app{padding:36px 16px 56px}}