:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-soft:#eef2ff;--accent:#06b6d4;--accent-warm:#f59e0b;--bg:#0b1020;--surface:#fff;--surface-alt:#f4f6fb;--surface-glass:#ffffffd1;--text:#0f172a;--text-muted:#64748b;--text-inverse:#f8fafc;--border:#e2e8f0;--success:#10b981;--danger:#ef4444;--mode-bike:#10b981;--mode-bus:#9d6307;--mode-tram:#0099d8;--mode-subway:#e2231a;--mode-walk:#64748b;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--maxw:1180px;--gutter:clamp(20px, 5vw, 48px);--shadow-card:0 18px 50px -20px #0b102059;--shadow-phone:0 40px 90px -30px #0b10208c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);color:var(--text);margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--primary);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.btn{--btn-bg:var(--primary);--btn-fg:#fff;border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font:inherit;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s ease, opacity .18s ease;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-lg{padding:.95rem 1.6rem;font-size:1.02rem}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg, var(--primary), #6366f1);box-shadow:0 10px 30px -10px #4f46e5b3,inset 0 1px #ffffff2e}.btn-primary:hover{box-shadow:0 18px 40px -12px #4f46e5cc}.btn-outline{color:var(--text-inverse);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-color:#ffffff47}.btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.btn-ghost{color:var(--text-inverse);background:0 0}.btn-ghost:hover{background:#ffffff14}.btn-dark{color:#fff;box-shadow:var(--shadow-card);background:#0b1020}.btn-dark:hover{background:#161d33}.btn.is-disabled{opacity:.6;cursor:not-allowed}.btn:disabled{opacity:.55;cursor:progress;transform:none}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.82rem;font-weight:600;display:inline-flex}.eyebrow-dark{color:var(--primary)}.eyebrow .dot{width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);background:currentColor;border-radius:50%}.section{padding:clamp(64px, 9vw, 120px) var(--gutter)}.section-inner{max-width:var(--maxw);margin:0 auto}.section-head{max-width:640px;margin-bottom:clamp(36px,5vw,60px)}.section-title{letter-spacing:-.03em;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:800;line-height:1.08}.section-title-inverse{color:var(--text-inverse)}.section-lead{color:var(--text-muted);max-width:56ch;margin-top:1rem;font-size:clamp(1.02rem,1.6vw,1.2rem)}.section-lead-inverse{color:#f8fafcc7}.brand{letter-spacing:-.02em;color:var(--text-inverse);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:8px;width:26px;height:26px;position:relative;box-shadow:0 4px 14px -4px #4f46e5cc}.brand-mark:after{content:"";border-radius:inherit;mix-blend-mode:screen;background:linear-gradient(135deg,#0000 55%,#f59e0be6 56%);position:absolute;inset:0}.nav{z-index:50;padding:.85rem var(--gutter);position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--maxw);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#0b10208c;border:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:.55rem .9rem .55rem 1.1rem;display:flex}.nav-links{color:#f8fafcd1;gap:1.6rem;font-size:.92rem;font-weight:500;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:var(--accent);width:0;height:2px;transition:width .25s var(--ease-out);border-radius:2px;position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.nav-cta{align-items:center;gap:.5rem;display:flex}.nav-cta .btn{padding:.55rem 1.1rem;font-size:.9rem}@media (width<=860px){.nav-links{display:none}}@media (width<=560px){.nav-cta .btn-ghost{display:none}}.hero{min-height:100svh;padding:clamp(120px, 16vh, 180px) var(--gutter) clamp(64px, 10vh, 110px);background:radial-gradient(120% 90% at 80% -10%, #1a2350 0%, transparent 55%), radial-gradient(100% 80% at 0% 110%, #122046 0%, transparent 50%), var(--bg);color:var(--text-inverse);align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.hero-glow{filter:blur(80px);opacity:.75;border-radius:50%;position:absolute}.hero-glow-1{background:radial-gradient(circle,#4f46e5a6,#0000 70%);width:540px;height:540px;top:-160px;right:-120px}.hero-glow-2{background:radial-gradient(circle,#06b6d480,#0000 70%);width:460px;height:460px;bottom:-180px;left:-120px}.hero-grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,#0000 75%)}.hero-inner{z-index:1;max-width:var(--maxw);grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,6vw,72px);width:100%;margin:0 auto;display:grid;position:relative}.hero-copy{max-width:600px}.hero-title{letter-spacing:-.045em;margin-bottom:1.4rem;font-size:clamp(2.6rem,6.2vw,4.6rem);font-weight:900;line-height:1.02}.hero-line{display:block}.hero-line-accent{background:linear-gradient(100deg, var(--accent) 0%, #818cf8 55%, var(--accent-warm) 110%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{color:#f8fafccc;max-width:48ch;margin-bottom:2rem;font-size:clamp(1.05rem,1.7vw,1.28rem)}.hero-actions{flex-wrap:wrap;gap:.85rem;margin-bottom:2.2rem;display:flex}.hero-proof{color:#f8fafcb3;flex-wrap:wrap;gap:1.4rem 2rem;font-size:.95rem;display:flex}.hero-proof li{padding-left:1.1rem;position:relative}.hero-proof li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.hero-proof strong{color:#fff;font-weight:700}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.hero-phone-glow{filter:blur(50px);background:radial-gradient(circle,#6366f18c,#0000 65%);border-radius:50%;width:360px;height:360px;position:absolute}@media (width<=920px){.hero-inner{text-align:left;grid-template-columns:1fr}.hero-visual{order:-1;margin-bottom:1rem}}.phone{--pw:270px;width:var(--pw);position:relative}.phone-frame{aspect-ratio:9/19;width:100%;box-shadow:var(--shadow-phone), inset 0 0 0 1.5px #ffffff24, inset 0 0 0 7px #05080f;background:linear-gradient(160deg,#2a3358,#0c1124 60%);border-radius:42px;padding:12px;position:relative}.phone-notch{border-radius:var(--r-pill);z-index:3;background:#05080f;width:96px;height:22px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-screen{background:#0b1020;border-radius:32px;width:100%;height:100%;position:relative;overflow:hidden}.phone-hero{--pw:clamp(250px, 34vw, 310px)}.screen{color:var(--text-inverse);flex-direction:column;font-size:12px;display:flex;position:absolute;inset:0}.screen-statusbar{z-index:2;justify-content:space-between;align-items:center;padding:14px 18px 8px;font-size:11px;font-weight:600;display:flex}.screen-live{color:var(--accent);letter-spacing:.03em;font-size:9.5px}.screen-map{background:radial-gradient(120% 90% at 20% 10%,#16224a,#0000 60%),linear-gradient(160deg,#0e1733,#0a1024);flex:1;position:relative;overflow:hidden}.screen-map:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:-10%;transform:rotate(-8deg)}.screen-map-warm{background:radial-gradient(120% 90% at 80% 10%,#2a2140,#0000 60%),linear-gradient(160deg,#0e1733,#0a1024)}.map-route-line{border-left:3px solid var(--accent);border-bottom:3px solid var(--accent);filter:drop-shadow(0 0 6px #06b6d499);border-bottom-left-radius:28px;width:56%;height:40%;position:absolute;top:30%;left:22%}.map-pin{border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 4px 10px #0006}.map-pin-start{background:var(--accent);top:28%;left:20%}.map-pin-end{background:var(--accent-warm);bottom:28%;right:20%}.map-pin-me{background:var(--primary);top:48%;left:46%;box-shadow:0 0 0 6px #4f46e54d}.map-blob{filter:blur(22px);opacity:.6;border-radius:50%;position:absolute}.map-blob-1{background:#4f46e5b3;width:120px;height:120px;top:8%;left:8%}.map-blob-2{background:#06b6d480;width:90px;height:90px;bottom:18%;right:6%}.dock{background:var(--mode-bike);color:#04140c;border-radius:9px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:grid;position:absolute;box-shadow:0 6px 14px #0006}.dock-scooter{background:var(--accent-warm);color:#2a1c00}.dock-1{top:26%;left:24%}.dock-2{top:36%;right:22%}.dock-3{bottom:24%;left:40%}.screen-sheet{background:var(--surface);color:var(--text);border-radius:20px 20px 0 0;padding:10px 16px 18px;box-shadow:0 -10px 30px #0000004d}.sheet-grab{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-title{letter-spacing:-.01em;font-size:13px;font-weight:700}.sheet-eta{color:var(--text-muted);margin:2px 0 10px;font-size:11px}.sheet-dist{color:var(--text-muted);align-self:center;font-size:10px}.leg-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mode-pill{border-radius:var(--r-pill);color:#fff;background:var(--mode-walk);align-items:center;height:22px;padding:0 9px;font-size:10.5px;font-weight:700;display:inline-flex}.mode-walk{background:var(--mode-walk)}.mode-subway{background:var(--mode-subway)}.mode-tram{background:var(--mode-tram)}.mode-bus{background:var(--mode-bus)}.mode-bike{background:var(--mode-bike);color:#04140c}.mode-scooter{background:var(--accent-warm);color:#2a1c00}.screen-list{background:linear-gradient(160deg,#0e1733,#0a1024);flex-direction:column;flex:1;gap:8px;padding:8px 14px;display:flex}.transit-row{background:#ffffff0f;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.transit-dest{color:#f8fafce6;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11.5px;font-weight:500;overflow:hidden}.transit-time{color:var(--accent);font-size:12px;font-weight:800}.preview{background:var(--surface)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,32px);display:grid}.feature-card{text-align:center;border-radius:var(--r-xl);background:var(--surface-alt);border:1px solid var(--border);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out);flex-direction:column;align-items:center;padding:clamp(24px,3vw,36px) clamp(20px,2.5vw,30px) clamp(28px,3vw,36px);display:flex;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));opacity:0;height:4px;transition:opacity .3s;position:absolute;inset:0 0 auto}.feature-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-phone{margin-bottom:1.6rem}.feature-phone .phone{--pw:200px}.feature-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);background:var(--primary-soft);border-radius:var(--r-pill);margin-bottom:.9rem;padding:.3rem .7rem;font-size:.74rem;font-weight:700;display:inline-block}.feature-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.feature-text{color:var(--text-muted);font-size:.98rem}@media (width<=880px){.feature-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.how{background:var(--surface-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,36px);display:grid}.step{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);padding:2rem 1.6rem;position:relative}.step-num{color:#fff;background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:1.1rem;font-size:1.05rem;font-weight:800;display:inline-grid;box-shadow:0 10px 24px -10px #4f46e5b3}.step-title{letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.step-text{color:var(--text-muted);font-size:.98rem}@media (width<=820px){.steps{grid-template-columns:1fr}}.signup{background:radial-gradient(110% 120% at 100% 0%, #1c2350 0%, transparent 55%), radial-gradient(100% 100% at 0% 100%, #122046 0%, transparent 55%), var(--bg);position:relative;overflow:hidden}.signup-inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.signup-copy{max-width:460px}.signup-card{background:var(--surface);border-radius:var(--r-xl);border:1px solid #ffffff14;padding:clamp(26px,3.5vw,40px);box-shadow:0 40px 90px -40px #000000b3}.signup-form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text);font-size:.85rem;font-weight:600}.field input{width:100%;font:inherit;color:var(--text);background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--r-md);padding:.85rem 1rem;font-size:1rem;transition:border-color .18s,box-shadow .18s,background .18s}.field input::placeholder{color:#aab4c5}.field input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);background:#fff;outline:none}.field input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 4px #ef44441f}.field input:disabled{opacity:.6}.form-error{color:var(--danger);align-items:center;gap:.5rem;margin:-.2rem 0 0;font-size:.9rem;font-weight:600;display:flex}.form-error:before{content:"!";background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.72rem;font-weight:800;display:grid}.consent{color:var(--text-muted);font-size:.78rem;line-height:1.5}.signup-form .btn{margin-top:.2rem}.signup-success{text-align:center;animation:pop .5s var(--ease-spring) both;padding:1.5rem .5rem}.success-check{background:color-mix(in srgb, var(--success) 16%, white);width:60px;height:60px;color:var(--success);border-radius:50%;place-items:center;margin:0 auto 1.1rem;font-size:1.8rem;font-weight:800;display:grid}.signup-success h3{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.35rem;font-weight:800}.signup-success p{color:var(--text-muted)}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media (width<=820px){.signup-inner{grid-template-columns:1fr}}.download{background:var(--surface)}.download-card{border-radius:var(--r-xl);background:radial-gradient(120% 140% at 0% 0%, #eef2ff, transparent 60%), var(--surface-alt);border:1px solid var(--border);grid-template-columns:1.4fr .6fr;align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(32px,5vw,60px);display:grid}.download-actions{margin-top:1.6rem}.btn-dark .apple-mark{background:currentColor;width:18px;height:18px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M318.7 268c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C71.4 141.2 24 184.5 24 273.5c0 26.3 4.8 53.5 14.4 81.5 12.8 36.9 59 127.3 107.2 125.8 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.8 102.6-119.8-65.2-30.7-61.7-90-61.7-92zM255.2 86.6c30.3-36 27.6-68.8 26.7-80.6-26.8 1.6-57.8 18.3-75.5 38.9-19.5 22.1-31 49.4-28.5 79.9 29 2.3 55.5-12.6 77.3-38.2z'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M318.7 268c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C71.4 141.2 24 184.5 24 273.5c0 26.3 4.8 53.5 14.4 81.5 12.8 36.9 59 127.3 107.2 125.8 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.8 102.6-119.8-65.2-30.7-61.7-90-61.7-92zM255.2 86.6c30.3-36 27.6-68.8 26.7-80.6-26.8 1.6-57.8 18.3-75.5 38.9-19.5 22.1-31 49.4-28.5 79.9 29 2.3 55.5-12.6 77.3-38.2z'/></svg>") 50%/contain no-repeat}.btn-dark .dl-label{flex-direction:column;align-items:flex-start;font-size:1rem;font-weight:700;line-height:1.1;display:flex}.btn-dark .dl-label small{opacity:.75;font-size:.68rem;font-weight:500}.download-note{color:var(--text-muted);margin-top:.9rem;font-size:.86rem}.download-qr{flex-direction:column;align-items:center;gap:.7rem;display:flex}.qr{border-radius:var(--r-md);width:130px;height:130px;box-shadow:var(--shadow-card);border:1px solid var(--border);background:#fff;padding:12px}.qr-grid{grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:2px;width:100%;height:100%;display:grid}.qr-grid span{background:0 0;border-radius:2px}.qr-grid span.on{background:var(--bg)}.qr-caption{color:var(--text-muted);font-size:.82rem;font-weight:500}@media (width<=760px){.download-card{text-align:left;grid-template-columns:1fr}.download-qr{align-items:flex-start}}.footer{background:var(--bg);color:#f8fafcb8;padding:clamp(48px, 6vw, 72px) var(--gutter) 2rem}.footer-inner{max-width:var(--maxw);border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:2rem;margin:0 auto;padding-bottom:2rem;display:flex}.footer-tag{max-width:32ch;margin-top:.8rem;font-size:.92rem}.footer-links{flex-wrap:wrap;align-content:start;gap:.9rem 1.6rem;font-size:.92rem;display:flex}.footer-links a{transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{max-width:var(--maxw);color:#f8fafc80;flex-wrap:wrap;justify-content:space-between;gap:.6rem 2rem;margin:1.6rem auto 0;font-size:.8rem;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}