@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";:root{--primary:#004cca;--primary-container:#0062ff;--on-primary-container:#f3f3ff;--surface:#f9f9fd;--surface-container-high:#e8e8ec;--on-surface:#1a1c1f;--on-surface-variant:#424656;--app-font:"Hanken Grotesk", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body,button,a{font-family:var(--app-font)}.mobile-page-container{min-height:100vh;font-family:var(--app-font);background-color:#f4f6f9;justify-content:center;display:flex}.app-content{background-color:var(--surface);width:100%;max-width:440px;height:100vh;min-height:680px;font-family:var(--app-font);flex-direction:column;display:flex;position:relative;overflow:hidden}.welcome-layout{padding:0}.hero-image-area{z-index:0;isolation:isolate;background-color:#dce8f5;border-radius:0 0 2rem 2rem;flex:55%;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.hero-background{z-index:-2;background-image:url(https://images.unsplash.com/photo-1651215203260-570e64aba6a2?auto=format&fit=crop&w=1600&q=90);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-gradient-overlay{z-index:-1;background:linear-gradient(#0a1e3c1a 0%,#0a1e3c00 45%,#0a1e3c47 100%);position:absolute;inset:0}.welcome-brand{top:max(26px, env(safe-area-inset-top));z-index:2;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9f9fdeb;border:1px solid #ffffffb3;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1a1c1f1f}.brand-bus-icon{width:30px;height:30px;color:var(--primary);flex:0 0 30px;display:block}.brand-text{color:var(--primary);font-family:var(--app-font);letter-spacing:-.04em;font-size:23px;font-weight:800;line-height:1}.hero-caption{z-index:2;width:fit-content;max-width:calc(100% - 32px);color:var(--on-surface);font-family:var(--app-font);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9f9fdeb;border:1px solid #ffffffbf;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin:0 auto;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.35;display:flex;position:absolute;bottom:20px;left:16px;right:16px;box-shadow:0 6px 20px #1a1c1f1f}.live-indicator{background-color:var(--primary-container);border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px #0062ff1f}.welcome-content-area{z-index:1;min-height:0;padding:24px 26px max(24px, env(safe-area-inset-bottom));background-color:var(--surface);font-family:var(--app-font);text-align:center;flex-direction:column;flex:45%;justify-content:center;align-items:center;display:flex}.welcome-text-container{width:100%;max-width:340px;margin:0 auto 24px}.welcome-eyebrow{color:var(--primary);font-family:var(--app-font);letter-spacing:.14em;margin-bottom:12px;font-size:11px;font-weight:800;display:inline-block}.welcome-headline{color:var(--on-surface);font-family:var(--app-font);letter-spacing:-.045em;margin:0 0 12px;font-size:clamp(30px,8vw,36px);font-weight:800;line-height:1.12}.welcome-subtext{max-width:310px;color:var(--on-surface-variant);font-family:var(--app-font);margin:0 auto;font-size:15px;font-weight:400;line-height:1.65}.welcome-actions{flex-direction:column;width:100%;max-width:340px;display:flex}.btn-get-started{background-color:var(--primary-container);width:100%;min-height:56px;color:var(--on-primary-container);font-family:var(--app-font);border-radius:18px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .16s,background-color .16s,box-shadow .16s;display:flex;box-shadow:0 8px 18px #0062ff33}.btn-get-started:hover{background-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 22px #004cca3d}.btn-get-started:active{transform:scale(.98)}.btn-get-started:focus-visible{outline-offset:3px;outline:3px solid #0062ff52}.button-arrow{font-family:var(--app-font);font-size:20px;line-height:1}.welcome-footnote{color:var(--on-surface-variant);font-family:var(--app-font);margin:13px 0 0;font-size:12px;line-height:1.5}@media (height<=700px){.app-content{min-height:600px}.hero-image-area{flex-basis:50%}.welcome-content-area{padding-top:18px;padding-bottom:max(18px, env(safe-area-inset-bottom));flex-basis:50%}.welcome-text-container{margin-bottom:18px}.welcome-headline{font-size:30px}}@media (width>=600px){.mobile-page-container{align-items:center;padding:24px}.app-content{border-radius:2rem;height:min(900px,100vh - 48px);min-height:680px;box-shadow:0 20px 60px #1a1c1f1f}.hero-image-area{border-radius:2rem}}@media (prefers-reduced-motion:reduce){.btn-get-started{transition:none}}