@media (prefers-color-scheme:dark){:root{--bg:#121314;--surface:#1e1f21;--text:#f2f2f0;--text-secondary:#a1a1a6;--divider:#333538;--accent:#a99fff;--accent-hover:#bfb6ff;--accent-light:#25232f;--on-accent:#1c1c1e;--danger:#ff8a80;--warning:#ffc46b;--switch-track-off:#48494d;--fill:#2c2d30;--grab:#48494d;--scrim:#00000080;--highlight:#25232f;--toast:#3a3b3f;--toast-text:#f2f2f0;--toast-action:#c4bdff;--toast-border:#4a4b50;--trip:#2a2745;--trip-text2:#b9b6cc;--trip-accent:#c4bdff;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-device:0 25px 60px -15px #0009, 0 0 0 1px #ffffff1a}}:root{--bg:#f4f3ef;--surface:#fff;--text:#1c1c1e;--text-secondary:#5f6368;--divider:#e3e3e0;--accent:#5b4bd6;--accent-hover:#4c3dc4;--accent-light:#f6f4fe;--on-accent:#fff;--danger:#c62828;--warning:#9a5b00;--switch-track-off:#8a8a8e;--fill:#f0f0ed;--grab:#c7c7c2;--scrim:#00000047;--highlight:#f6f4fe;--toast:#1c1c1e;--toast-text:#f2f2f0;--toast-action:#a99fff;--toast-border:#1c1c1e;--trip:#eeebfb;--trip-text2:#4a4e55;--trip-accent:#4a3bc4;--line-1:#7cb342;--line-2:#d32f2f;--line-3:#4fc3f7;--line-4:#1e3a8a;--line-5:#2e7d32;--line-6:#c7017f;--line-7:#f57c00;--line-8:#fdd835;--line-9:#1c1c1e;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 16px 40px #00000014, 0 4px 12px #0000000a;--shadow-device:0 25px 60px -15px #1c1c1e2e, 0 0 0 1px #0000000d;--max-width:1140px;--header-height:68px;--min-touch:44px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root{--bg:#121314;--surface:#1e1f21;--text:#f2f2f0;--text-secondary:#a1a1a6;--divider:#333538;--accent:#a99fff;--accent-hover:#bfb6ff;--accent-light:#25232f;--on-accent:#1c1c1e;--danger:#ff8a80;--warning:#ffc46b;--switch-track-off:#48494d;--fill:#2c2d30;--grab:#48494d;--scrim:#00000080;--highlight:#25232f;--toast:#3a3b3f;--toast-text:#f2f2f0;--toast-action:#c4bdff;--toast-border:#4a4b50;--trip:#2a2745;--trip-text2:#b9b6cc;--trip-accent:#c4bdff;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 16px 40px #00000080;--shadow-device:0 25px 60px -15px #0009, 0 0 0 1px #ffffff1a}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;padding:0;font-size:16px;line-height:1.5;overflow-x:hidden}.num-tabular,.time-tabular{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.skip-link{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);z-index:1000;transition:top var(--transition-fast);padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:16px}.skip-link:focus{top:16px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{width:100%;max-width:var(--max-width);padding-left:var(--space-lg);padding-right:var(--space-lg);margin:0 auto}@media (width<=640px){.container{padding-left:var(--space-md);padding-right:var(--space-md)}}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.04em;color:var(--text);font-size:clamp(2.5rem,5.5vw,4.2rem);font-weight:700;line-height:1.08}h2{letter-spacing:-.035em;color:var(--text);font-size:clamp(1.85rem,3.8vw,3rem);font-weight:700;line-height:1.15}h3{letter-spacing:-.025em;color:var(--text);font-size:clamp(1.2rem,2vw,1.45rem);font-weight:600;line-height:1.3}p{color:var(--text-secondary);line-height:1.6}.lead{color:var(--text-secondary);font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.55}.btn{justify-content:center;align-items:center;gap:var(--space-sm);min-height:var(--min-touch);padding:0 var(--space-lg);border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;border:1px solid #0000;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px #5b4bd638}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:0 6px 20px #5b4bd64d}.btn-secondary{background-color:var(--surface);color:var(--text);border-color:var(--divider);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--fill)}.btn-pill{border-radius:var(--radius-full)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:100;-webkit-backdrop-filter:blur(16px);transition:border-color var(--transition-normal), background-color var(--transition-normal);background-color:#f4f3efd9;border-bottom:1px solid #0000;position:sticky;top:0}.site-header--scrolled{border-bottom-color:var(--divider);background-color:#f4f3eff2}@media (prefers-color-scheme:dark){.site-header{background-color:#121314d9}.site-header--scrolled{background-color:#121314f2}}.header-container{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.wordmark{color:var(--text);letter-spacing:-.035em;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}.wordmark-text{font-weight:800}.header-nav{align-items:center;gap:var(--space-xl);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition-fast);padding:6px 4px;font-size:14.5px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text)}.header-actions{align-items:center;gap:var(--space-md);display:flex}.header-cta{min-height:38px;padding:0 16px;font-size:14px}.mobile-menu-trigger{color:var(--text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px;display:none}.mobile-nav-drawer{display:none}@media (width<=768px){.header-nav,.header-cta{display:none}.mobile-menu-trigger{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.mobile-nav-drawer{padding:var(--space-md) var(--space-lg) var(--space-lg);border-bottom:1px solid var(--divider);background-color:var(--surface);display:block}.mobile-nav-drawer nav{gap:var(--space-md);flex-direction:column;display:flex}.mobile-nav-link{color:var(--text);padding:8px 0;font-size:16px;font-weight:600;text-decoration:none}.mobile-nav-cta{margin-top:var(--space-sm);width:100%}}.hero-section{padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(60px,9vw,110px);position:relative;overflow:hidden}.hero-container{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero-copy{z-index:2;position:relative}.hero-title{margin-bottom:var(--space-md);max-width:580px;font-size:clamp(2.1rem,5vw,3.8rem);line-height:1.1}@media (width<=640px){.hero-title{font-size:2.15rem;line-height:1.15}}.hero-lead{margin-bottom:var(--space-xl);max-width:530px}.hero-actions{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}@media (width<=480px){.hero-actions{flex-direction:column;align-items:stretch}.hero-cta,.hero-secondary{justify-content:center;width:100%}}.hero-cta{min-height:48px;padding:0 24px;font-size:16px}.hero-secondary{min-height:48px;padding:0 20px;font-size:15px}.hero-microcopy{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.hero-microcopy svg{color:var(--accent);flex-shrink:0}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-floating-badge{z-index:10;background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-full);box-shadow:var(--shadow-md);align-items:center;gap:8px;padding:8px 14px;animation:4s ease-in-out infinite alternate floatSlow;display:flex;position:absolute}.hero-floating-badge--1{top:16%;left:-28px}.hero-floating-badge--2{animation-delay:-2s;bottom:24%;right:-32px}@keyframes floatSlow{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.floating-badge-pill{color:#1c1c1e;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:flex}.hero-floating-badge--2 .floating-badge-pill{color:#1c1c1e}.floating-badge-label{color:var(--text);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}@media (width<=960px){.hero-container{text-align:left;grid-template-columns:1fr}.hero-visual{margin-top:var(--space-md)}.hero-floating-badge--1{left:8px}.hero-floating-badge--2{right:8px}}@media (width<=640px){.hero-floating-badge{display:none}}.phone-frame{aspect-ratio:9/18.5;width:100%;max-width:330px;box-shadow:var(--shadow-device);-webkit-user-select:none;user-select:none;z-index:1;background-color:#161618;border:4px solid #28282b;border-radius:46px;padding:10px;position:relative}.phone-screen{background-color:var(--bg);border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-island{z-index:50;background-color:#000;border-radius:14px;justify-content:flex-end;align-items:center;width:90px;height:24px;padding-right:9px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-island-camera{background:radial-gradient(circle,#101018 30%,#050508 100%);border:1px solid #ffffff14;border-radius:50%;width:9px;height:9px}.phone-status-bar{z-index:40;color:#1c1c1e;justify-content:space-between;align-items:center;height:28px;padding:0 24px;font-size:13px;font-weight:600;display:flex;position:absolute;top:14px;left:0;right:0}.phone-time{font-size:13px}.phone-icons{align-items:center;gap:5px;display:flex}.phone-home-indicator{z-index:50;pointer-events:none;justify-content:center;align-items:center;height:16px;display:flex;position:absolute;bottom:10px;left:0;right:0}.phone-home-bar{opacity:.6;background-color:#1c1c1e;border-radius:2px;width:110px;height:4px}.hero-app-screen{background-color:#eae8e1;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.app-map-area{width:100%;height:48%;position:relative;overflow:hidden}.app-map-svg{width:100%;height:100%;display:block}.app-floating-register{z-index:30;position:absolute;bottom:12px;right:14px}.app-register-btn{background-color:var(--accent);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #5b4bd659}.app-sheet{z-index:20;background-color:#fff;border-top-left-radius:22px;border-top-right-radius:22px;flex-direction:column;gap:10px;height:56%;padding:10px 14px 28px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000014}.app-sheet-handle{background-color:#c7c7c2;border-radius:2px;width:36px;height:4px;margin:0 auto 4px}.app-search-pill{color:#5f6368;background-color:#f0f0ed;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;display:flex}.app-shortcuts-row{justify-content:space-between;align-items:center;padding:2px 4px;display:flex}.app-shortcut-item{flex-direction:column;align-items:center;gap:4px;display:flex}.app-shortcut-icon{color:#1c1c1e;background-color:#f0f0ed;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.app-shortcut-icon--dashed{color:#5f6368;background-color:#0000;border:1.5px dashed #c7c7c2}.app-shortcut-label{color:#1c1c1e;font-size:11px;font-weight:600}.app-section-header{color:#5f6368;align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:600;display:flex}.app-section-dot{color:#8a8a8e}.app-stop-card{background-color:#fff;border:1px solid #e3e3e0;border-radius:14px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.app-stop-card-top{justify-content:space-between;align-items:baseline;display:flex}.app-stop-name{color:#1c1c1e;font-size:13.5px;font-weight:700}.app-leave-time{color:#5f6368;white-space:nowrap;font-size:10.5px}.app-stop-card-content{justify-content:space-between;align-items:center;display:flex}.app-bus-line-info{align-items:center;gap:8px;display:flex}.app-bus-details{flex-direction:column;gap:2px;display:flex}.app-bus-dest{color:#1c1c1e;font-size:12.5px;font-weight:600}.app-bus-meta{color:#5f6368;align-items:center;gap:5px;font-size:11px;display:flex}.app-meta-bullet{color:#c7c7c2}.app-stop-time-block{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.app-stop-time-label{color:#5f6368;font-size:10px}.app-stop-time-value{color:#1c1c1e;font-size:20px;font-weight:700;line-height:1.1}.app-sheet-footer{color:var(--accent);justify-content:center;align-items:center;gap:4px;padding-top:2px;font-size:11.5px;font-weight:600;display:flex}.section-padding{padding-top:clamp(60px,8vw,110px);padding-bottom:clamp(60px,8vw,110px)}.section-header{max-width:680px;margin-bottom:clamp(36px,5vw,56px)}.section-title{margin-bottom:var(--space-md)}.section-lead{color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55}.problem-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.problem-card{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;display:flex}.problem-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.problem-card-top{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.problem-icon-wrapper{background-color:var(--fill);width:44px;height:44px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.problem-number{color:var(--text-secondary);font-size:14px;font-weight:700}.problem-card-title{margin-bottom:var(--space-sm);color:var(--text);font-size:1.25rem;font-weight:700}.problem-card-desc{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.6}@media (width<=820px){.problem-grid{gap:var(--space-md);grid-template-columns:1fr}}.steps-container{margin-top:var(--space-xl);position:relative}.transit-track-line{z-index:0;background:linear-gradient(90deg,#7cb342 0%,#5b4bd6 50%,#4fc3f7 100%);border-radius:2px;height:4px;position:absolute;top:32px;left:30px;right:30px}.steps-grid{gap:var(--space-xl);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.step-card{gap:var(--space-md);flex-direction:column;display:flex}.step-station-node{background-color:var(--surface);width:44px;height:44px;box-shadow:var(--shadow-sm);border:4px solid #5b4bd6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.step-station-inner{border-radius:50%;width:16px;height:16px}.step-station-num{color:var(--text-secondary);font-size:11px;font-weight:700;position:absolute;bottom:-22px}.step-body{margin-top:var(--space-sm);background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.step-meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.step-tagline{color:var(--accent);margin-bottom:2px;font-size:13px;font-weight:600;display:block}.step-title{margin-bottom:var(--space-xs);font-size:1.35rem}.step-description{margin:0;font-size:14.5px}@media (width<=820px){.transit-track-line{background:linear-gradient(#7cb342 0%,#5b4bd6 50%,#4fc3f7 100%);width:4px;height:auto;top:24px;bottom:24px;left:21px}.steps-grid{gap:var(--space-lg);grid-template-columns:1fr}.step-card{gap:var(--space-md);flex-direction:row}.step-station-num{display:none}.step-body{flex:1;margin-top:0}}.showcase-tabs-wrapper{margin-bottom:var(--space-2xl);-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.showcase-tabs-wrapper::-webkit-scrollbar{display:none}.showcase-tabs{background-color:var(--fill);border:1px solid var(--divider);border-radius:var(--radius-md);align-items:center;gap:4px;max-width:100%;padding:4px;display:inline-flex}.showcase-tab-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;transition:color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:9px 18px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1.3}.showcase-tab-btn:hover:not(.showcase-tab-btn--active){color:var(--text);background-color:#0000000a}.showcase-tab-btn--active{color:var(--text);background-color:var(--surface);cursor:default;font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 1px #0000000a}.showcase-tab-btn--active:hover{color:var(--text);background-color:var(--surface)}.tab-btn-title{font-size:14.5px;font-weight:inherit}.showcase-panel{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:clamp(24px,4vw,48px)}.showcase-panel-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.showcase-panel-title{margin-bottom:var(--space-md);font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:700}.showcase-panel-text{margin-bottom:var(--space-lg);font-size:16px;line-height:1.6}.showcase-panel-features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.showcase-panel-features li{color:var(--text);align-items:flex-start;gap:10px;font-size:14.5px;font-weight:500;display:flex}.showcase-panel-features svg{color:var(--accent);flex-shrink:0;margin-top:3px}.showcase-panel-mockup{justify-content:center;display:flex}.showcase-disclaimer{color:var(--text-secondary);margin-top:var(--space-lg);text-align:center;font-size:12.5px}@media (width<=900px){.showcase-panel-grid{gap:var(--space-xl);grid-template-columns:1fr}}.mockup-card-container{background-color:var(--bg);border:1px solid var(--divider);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--space-lg);gap:var(--space-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stop-screen-header{justify-content:space-between;align-items:flex-start;display:flex}.stop-screen-title{color:var(--text);margin:0;font-size:1.15rem;font-weight:700}.stop-screen-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.stop-badge-pill{background-color:var(--fill);color:var(--text);border-radius:var(--radius-full);padding:4px 8px;font-size:11px;font-weight:600}.stop-chips-row{gap:6px;display:flex;overflow-x:auto}.stop-chip{border-radius:var(--radius-full);background-color:var(--surface);border:1px solid var(--divider);color:var(--text-secondary);white-space:nowrap;padding:6px 12px;font-size:12px;font-weight:600}.stop-chip--active{background-color:var(--accent);color:#fff;border-color:var(--accent)}.stop-departures-list{flex-direction:column;gap:8px;display:flex}.stop-departure-item{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.stop-departure-item--next{border-color:var(--accent);background-color:var(--highlight)}.stop-dep-left{align-items:center;gap:10px;display:flex}.stop-dep-info{flex-direction:column;gap:2px;display:flex}.stop-dep-dest{color:var(--text);font-size:13.5px;font-weight:600}.stop-dep-sub{color:var(--text-secondary);font-size:11px}.stop-dep-right{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.stop-dep-time{color:var(--text);font-size:16px;font-weight:700}.app-toast-inline{background-color:var(--toast);color:var(--toast-text);box-shadow:var(--shadow-md);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.app-toast-content{flex-direction:column;gap:2px;display:flex}.app-toast-title{color:#fff;font-size:12.5px;font-weight:700}.app-toast-meta{color:#ffffffb3;font-variant-numeric:tabular-nums;font-size:11px}.app-toast-actions{gap:8px;display:flex}.app-toast-btn{color:var(--toast-action);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:700}.mockup-record-sheet{background-color:var(--surface)}.record-sheet-top{flex-direction:column;gap:6px;display:flex}.record-header-row{justify-content:space-between;align-items:center;display:flex}.record-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.record-close-btn{background-color:var(--fill);width:28px;height:28px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.record-rows{border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);flex-direction:column;gap:8px;padding:10px 0;display:flex}.record-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.record-label{color:var(--text-secondary)}.record-value,.record-value-with-badge{color:var(--text);align-items:center;gap:6px;font-weight:600;display:flex}.record-arrow{color:var(--text-secondary);font-size:16px}.record-toggle-pills{background-color:var(--fill);border-radius:var(--radius-full);grid-template-columns:1fr 1fr;gap:8px;padding:4px;display:grid}.record-pill{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:600}.record-pill--active{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.record-time-section{flex-direction:column;align-items:center;gap:8px;padding:4px 0;display:flex}.record-time-display{letter-spacing:-.03em;color:var(--text);font-size:32px;font-weight:800}.record-delta-chips{gap:6px;display:flex}.delta-chip{border-radius:var(--radius-full);background-color:var(--fill);color:var(--text);font-variant-numeric:tabular-nums;padding:4px 10px;font-size:12px;font-weight:600}.delta-chip--active{background-color:var(--accent);color:#fff}.record-validation-note{background-color:var(--highlight);color:var(--accent);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.record-switch-row{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.switch-title{color:var(--text);font-size:13px;font-weight:600;display:block}.switch-desc{color:var(--text-secondary);font-size:11px;display:block}.switch-control{background-color:var(--accent);border-radius:13px;justify-content:flex-end;align-items:center;width:44px;height:26px;padding:2px;display:flex}.switch-knob{width:22px;height:22px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%}.route-dest-header{justify-content:space-between;align-items:flex-end;display:flex}.route-dest-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:600}.route-dest-title{color:var(--text);margin:0;font-size:1.3rem;font-weight:700}.route-opt-count{color:var(--text-secondary);font-size:12px}.app-trip-card{background-color:var(--trip);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.app-trip-head{align-items:center;gap:10px;display:flex}.app-trip-info{flex-direction:column;flex:1;display:flex}.app-trip-title{color:var(--text);font-size:13.5px;font-weight:700}.app-trip-sub{color:var(--trip-text2);font-size:11px}.app-trip-eta{color:var(--text);font-size:16px;font-weight:700}.app-trip-actions{align-items:center;gap:8px;display:flex}.app-alight-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:19px;flex:1;height:38px;font-size:13px;font-weight:600}.app-dismiss-btn{height:38px;color:var(--trip-accent);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:13px;font-weight:600}.route-options-list{flex-direction:column;gap:8px;display:flex}.route-option-card{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.route-option-card--active{border-color:var(--accent)}.route-opt-top{justify-content:space-between;align-items:center;display:flex}.route-opt-line{align-items:center;gap:8px;display:flex}.route-opt-tag{color:var(--text-secondary);font-size:11.5px;font-weight:600}.route-opt-times{background-color:var(--fill);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.route-time-caption{color:var(--text-secondary);font-size:10px;display:block}.route-time-val{color:var(--text);font-size:14px;font-weight:700}.route-time-val--arrival{color:var(--accent)}.route-time-divider{color:var(--text-secondary);font-size:12px}.principles-grid{gap:var(--space-lg);margin-bottom:var(--space-2xl);grid-template-columns:repeat(3,1fr);display:grid}.principle-card{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.principle-icon-wrapper{background-color:var(--highlight);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.principle-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.principle-description{color:var(--text-secondary);margin:0;font-size:14.5px;line-height:1.6}.principles-banner{background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-full);justify-content:center;align-items:center;gap:var(--space-lg);max-width:700px;margin:0 auto;padding:16px 28px;display:flex}.banner-item{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.banner-item svg{color:var(--accent)}.banner-separator{color:var(--divider);font-weight:700}@media (width<=820px){.principles-grid{grid-template-columns:1fr}.principles-banner{border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:16px}.banner-separator{display:none}}.contact-section{padding-top:var(--space-xl);padding-bottom:var(--space-3xl)}.contact-card{background-color:var(--accent);color:#fff;border-radius:var(--radius-xl);grid-template-columns:1.3fr .7fr;align-items:center;gap:clamp(32px,5vw,64px);padding:clamp(36px,6vw,64px);display:grid;box-shadow:0 16px 48px #5b4bd647}.contact-title{color:#fff;margin-bottom:var(--space-md);font-size:clamp(2rem,3.5vw,3rem);font-weight:700}.contact-text{color:#eae6ff;margin-bottom:var(--space-xl);max-width:520px;font-size:16px;line-height:1.6}.contact-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.contact-btn{color:var(--accent);background-color:#fff;min-height:48px;padding:0 24px;font-size:15px;font-weight:700;box-shadow:0 4px 16px #00000026}.contact-btn:hover{background-color:#f6f4fe;transform:translateY(-1px)}.contact-email-hint{color:#e2deff;font-size:13.5px;font-weight:500}.contact-aside{gap:var(--space-md);padding-left:var(--space-xl);border-left:1px solid #ffffff40;flex-direction:column;display:flex}.contact-aside-text{color:#eae6ff;margin:0;font-size:14.5px;line-height:1.55}@media (width<=820px){.contact-card{padding:var(--space-xl) var(--space-lg);grid-template-columns:1fr}.contact-aside{padding-left:0;padding-top:var(--space-lg);border-top:1px solid #fff3;border-left:none}}.site-footer{border-top:1px solid var(--divider);padding:var(--space-2xl) 0;font-size:13.5px}.footer-container{justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-left{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-brand{color:var(--text);align-items:center;gap:8px;font-size:15px;display:flex}.footer-disclaimer{color:var(--text-secondary);max-width:500px;margin:0}.footer-right{align-items:center;gap:12px;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.footer-link:hover{color:var(--accent)}.footer-top-link{color:var(--text);font-weight:600}.footer-separator{color:var(--divider)}@media (width<=640px){.footer-container{align-items:flex-start;gap:var(--space-md);flex-direction:column}}