@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap";html,body{scroll-behavior:smooth;font-family:Nunito,sans-serif;height:100%;margin:0;padding:0}#container{position:relative;min-height:85vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#bg{position:absolute;inset:0;width:100vw;height:100vh;object-fit:cover;filter:blur(15px);z-index:-1;pointer-events:none}.logo{width:100%;max-width:720px;margin-bottom:2rem}#hero h1{color:#fff;font-size:2rem;font-weight:700}#links{display:flex;gap:1rem;margin-top:1rem}a.button{color:#fff;background:linear-gradient(83.21deg,#3245ff,#bc52ee);padding:.5rem 1rem;border-radius:10px;font-weight:700}.launch{max-width:1200px;margin:0 auto;padding:2rem 1rem 0;text-align:center}.store-container{background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center}.store-badges img{width:120px;height:40px;object-fit:contain}#bg{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;object-position:center;filter:blur(15px);z-index:-1;pointer-events:none}#bg{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;filter:blur(8px);pointer-events:none}#container{font-family:Inter,Roboto,Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;height:100%}main{z-index:1;text-align:center;padding:1rem}#hero .logo{width:100%;max-width:720px;height:auto;object-position:center;margin-bottom:2rem}h1{font-size:48px;margin-top:.25em;color:#fff}.cursor:after{content:"|";animation:blink .7s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}#links{display:flex;gap:16px}#links a{display:flex;align-items:center;padding:10px 12px;color:#111827;text-decoration:none;transition:color .2s}#links a:hover{color:#4e5056}#links a svg{height:1em;margin-left:8px}#links a.button{color:#fff;background:linear-gradient(83.21deg,#3245ff,#bc52ee);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 -2px #0000003d;border-radius:10px}#links a.button:hover{color:#e6e6e6;box-shadow:none}.launch{text-align:center;margin-top:2rem}#coming-label{font-size:1.5rem;color:#fff;margin-bottom:.9rem}.store-container{background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center}.store-badges{display:flex;gap:1rem}.store-badges img{width:135px;height:40px;object-fit:contain}pre{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;background:linear-gradient(14deg,#fff 0% 100%);-webkit-background-clip:text;background-clip:text;font-weight:700;margin:0}h2{margin:0 0 1em;font-weight:700;color:#111827}p{color:#4b5563;font-size:16px;line-height:24px;letter-spacing:-.006em;margin:0}code{display:inline-block;background:linear-gradient(66.77deg,#fc0867 0% 100%) padding-box,linear-gradient(155deg,#fc0867 0% 18%,#f5cee7 45%) border-box;border-radius:8px;border:2px solid transparent;padding:6px 8px}.box{padding:16px;background:#fff;border-radius:16px;border:1px solid white}#news{position:absolute;bottom:16px;right:16px;max-width:300px;text-decoration:none;transition:background .2s;backdrop-filter:blur(50px)}#news:hover{background:#ffffff8c}#features{position:relative;width:100vw;margin-left:calc(-50vw + 50%);padding:6rem 1rem;box-sizing:border-box}.features-mobile-img{display:none}.features-cards{max-width:1100px;margin:0 auto;display:grid;gap:1.2rem}.features-card{border-radius:28px;border:1px solid rgba(17,24,39,.08);box-shadow:0 14px 28px #1118271a}.features-card-intro{background:#1a73e8;color:#fff;padding:2rem 1.7rem}.features-card-intro h2{color:#fff;font-size:clamp(1.8rem,3.1vw,3rem);margin:0 0 .75rem;line-height:1.08;text-align:left;font-weight:700}.features-card-intro p{color:#fffffff2;margin:0;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.35;max-width:58ch}.features-card-items{background:#292929;padding:1.5rem 1.25rem}.feature-spacer{width:100%;height:150px;background-color:#bc52ee;position:fixed}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;max-width:1000px;margin:0 auto;left:40%}.feature-item{text-align:center}.feature-item img{width:48px;height:48px;margin-bottom:.75rem}.feature-item h3{font-size:1.4rem;margin:.5rem 0 .25rem;color:#292929;font-weight:700}.feature-item p{color:#4b5563;font-size:.9rem;margin:0}.features-card-items .feature-item h3{color:#fff}.features-card-items .feature-item p{color:#ffffffdb}@media(min-width:1024px)and (max-width:1440px){#features{padding-left:clamp(190px,23vw,320px);padding-right:1.1rem;background-size:min(34vw,430px) auto!important;background-position:left top 56%!important}.features-cards{max-width:min(980px,calc(100vw - clamp(190px,23vw,320px) - 2.2rem));margin-left:auto;margin-right:0}.features-card-intro h2{font-size:clamp(1.55rem,2.4vw,2.4rem)}}.scroll-indicator{position:fixed;bottom:2rem;right:2rem;left:auto;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0000001a;padding:1rem;border-radius:999px;text-decoration:none;color:#fff;font-size:.9rem;z-index:999;cursor:pointer;white-space:nowrap}.scroll-indicator .arrow-icon{pointer-events:none;bottom:5rem;margin-top:.9rem;animation:bounce 2s infinite}#metro-ticket-demo{background:linear-gradient(180deg,#fff,#e8f5ff);width:100vw;margin-left:calc(-50vw + 50%);padding:4.5rem 2rem;box-sizing:border-box;view-timeline-name:--metro-demo;view-timeline-axis:block}.metro-ticket-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0;align-items:center}.metro-wallet-card{background:#f1f8ff;border:1px solid #d9e8f7;border-radius:34px;box-shadow:0 18px 36px #2144631f;padding:2rem 1.6rem 1.3rem}.metro-ticket-stage{position:relative;min-height:300px;display:grid;place-items:center}.metro-android-visual{width:min(260px,44vw);height:auto;display:block;object-fit:contain}.wallet-icons-row{margin-top:.35rem;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:.9rem;align-items:start}.wallet-icon-item{display:grid;justify-items:center;text-align:center;gap:.55rem}.wallet-icon-item img{width:min(66px,14vw);height:min(66px,14vw);object-fit:contain;border-radius:14px;background:#fff;box-shadow:0 6px 12px #1e293b14;padding:.18rem}.wallet-icon-item p{margin:0;color:#1f2937;font-size:.8rem;font-weight:600}.metro-phone-shell{width:min(340px,82vw);border-radius:34px;padding:.65rem;background:#131720;box-shadow:0 26px 50px #0c142242;transform-origin:center}.metro-phone-notch{width:36%;height:20px;border-radius:0 0 12px 12px;margin:0 auto;background:#0b0f16}.metro-phone-screen{background:#eef0f4;border-radius:28px;padding:1rem;min-height:600px}.metro-statusbar{display:flex;justify-content:space-between;align-items:center;color:#0f172a;font-size:.95rem;font-weight:700;margin:.2rem 0 .9rem}.metro-ticket-card{background:#fff;border-radius:18px;border:1px solid #d5dff0;overflow:hidden;box-shadow:0 14px 24px #385b8129}.metro-ticket-hero{width:100%;height:98px;background:#d8e5f3}.metro-ticket-hero img{width:100%;height:100%;object-fit:cover;display:block}.metro-ticket-head{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;color:#292929;background:#e8f2ff}.metro-program{font-weight:700;font-size:.98rem}.metro-program-logo{width:32px;height:32px;border-radius:8px;object-fit:cover}.metro-ticket-body{padding:1rem}.metro-issuer{margin:0 0 .45rem;color:#4b5563;font-size:.88rem}.metro-points{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.metro-points-label{color:#4b5563;font-size:.82rem}.metro-points strong{color:#111827;font-size:1.2rem;line-height:1}.metro-ticket-code{height:54px;border-radius:10px;background:linear-gradient(90deg,#111827 0 4%,transparent 4% 8%,#111827 8% 12%,transparent 12% 16%,#111827 16% 19%,transparent 19% 23%,#111827 23% 28%,transparent 28% 32%,#111827 32% 37%,transparent 37% 40%,#111827 40% 47%,transparent 47% 51%,#111827 51% 58%,transparent 58% 62%,#111827 62% 67%,transparent 67% 72%,#111827 72% 77%,transparent 77% 82%,#111827 82% 89%,transparent 89% 93%,#111827 93% 100%)}.metro-qr-caption{margin:.4rem 0 0;text-align:center;color:#4b5563;font-size:.8rem}.metro-ticket-meta{margin-top:.8rem;display:flex;justify-content:space-between;color:#4b5563;font-size:.86rem}.metro-ticket-meta p{margin:0}.metro-phone-done{margin-top:1.35rem;display:grid;justify-items:center;gap:.5rem}.metro-check{width:54px;height:54px;border-radius:50%;border:3px solid #1778f2;color:#1778f2;display:grid;place-items:center;font-size:1.8rem;line-height:1}.metro-phone-done p{margin:0;color:#6b7280;font-size:1.1rem}.metro-watch-shell{position:absolute;bottom:1.2rem;left:60%;transform:translate(-50%);width:230px;height:270px;border-radius:58px;background:#0f1014;border:8px solid #282b33;box-shadow:0 22px 36px #070a1473;overflow:hidden}.metro-watch-screen{width:100%;height:100%;padding:.9rem .85rem 1rem;display:grid;align-content:center;justify-items:center;gap:.55rem;background:#000}.metro-watch-card{width:100%;border-radius:12px;overflow:hidden}.metro-watch-card img{width:100%;height:84px;object-fit:cover;display:block}.metro-watch-done{margin:0;color:#f8fafc;font-weight:600;font-size:1.05rem}@keyframes metroPhoneEnter{0%{transform:translateY(80px) scale(.92) rotate(-4deg);opacity:.15}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes metroTicketLift{0%{transform:translateY(36px) scale(.96);opacity:.2}to{transform:translateY(0) scale(1);opacity:1}}@keyframes metroChipReveal{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@supports (animation-timeline: view()){.metro-phone-shell{animation:metroPhoneEnter linear both;animation-timeline:--metro-demo;animation-range:entry 5% cover 50%}.metro-ticket-card{animation:metroTicketLift linear both;animation-timeline:--metro-demo;animation-range:entry 18% cover 62%}.metro-watch-shell{animation:metroChipReveal linear both;animation-timeline:--metro-demo;animation-range:entry 26% cover 72%}}@supports not (animation-timeline: view()){.metro-phone-shell{animation:metroPhoneEnter .9s ease-out both}.metro-ticket-card{animation:metroTicketLift .9s .2s ease-out both}.metro-watch-shell{animation:metroChipReveal .8s .28s ease-out both}}#usecases{display:grid;grid-template-columns:1fr auto;align-items:start;gap:2rem;background:#f3fbff;padding:3rem 1rem;width:100vw;margin-left:calc(-50vw + 50%);box-sizing:border-box}#usecases h2,.usecases-grid{grid-column:1}.usecase-phone{grid-column:2;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;max-width:180px;margin:0}.usecases-grid{display:grid;grid-template-columns:repeat(2,minmax(200px,1fr)) minmax(120px,auto);grid-template-rows:repeat(2,auto);align-items:start;gap:1rem;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.usecase-item{display:flex;align-items:center;gap:.75rem}.usecase-item img{width:32px;height:32px}.usecase-phone{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;max-width:180px;margin:0}.usecase-phone img{width:100%;height:auto}#usecases h2{color:#111827;text-align:center;font-size:2rem;margin-bottom:2rem;font-weight:700}.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr) auto;grid-template-rows:repeat(2,auto);gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:0 8rem;box-sizing:border-box;justify-self:center;align-items:center}.usecase-item{display:flex;align-items:center;gap:1rem}.usecase-item img{width:48px;height:48px}.usecase-item p{color:#4b5563;font-size:1rem;margin:0}.usecase-phone{grid-column:3;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;max-width:300px}.usecases-columns{background:#e5e7eb;width:100vw;margin-left:calc(-50vw + 50%);padding:2.6rem 2.2rem 3rem;box-sizing:border-box}.usecases-columns-grid{width:100%;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(320px,1fr));gap:1.5rem}.usecases-column{border-radius:28px;border:1px solid rgba(17,24,39,.08);box-shadow:0 16px 30px #11182714;padding:2.3rem 2rem 2.1rem;min-height:520px}.usecases-column-partners{background:#f1f8ff}.usecases-column-users{background:#e4e0d8}.usecases-column h3{margin:0 0 1.2rem;font-size:clamp(2rem,4vw,4.1rem);line-height:.98;color:#292929;font-weight:700}.usecases-card-image-wrap{width:100%;height:clamp(240px,30vw,380px);overflow:hidden;border-radius:18px;border:1px solid rgba(17,24,39,.1);margin-bottom:1rem;box-shadow:0 10px 20px #11182714;position:relative}.usecases-slider-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-snap-stop:always;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;overscroll-behavior-x:contain}.usecases-slider-track::-webkit-scrollbar{display:none}.usecases-slider-track.is-dragging{cursor:grabbing}.usecases-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start}.usecases-card-image{width:200%;height:100%;max-width:none;object-fit:cover;display:block}.usecases-card-image.is-left{transform:translate(0)}.usecases-card-image.is-right{transform:translate(-50%)}.usecases-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:34px;height:34px;border:none;border-radius:999px;background:#1118278c;color:#fff;font-size:1.2rem;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(2px)}.usecases-slider-btn.prev{left:10px}.usecases-slider-btn.next{right:10px}.usecases-column ul{margin:0;padding:0;list-style:none;display:grid;gap:.95rem}.usecases-column li{margin:0;color:#111827;font-size:clamp(1.08rem,1.6vw,1.48rem);line-height:1.28;max-width:34ch}@media(max-width:900px){#metro-ticket-demo{padding:3rem 1.25rem}.metro-ticket-grid{grid-template-columns:1fr;gap:0}.metro-wallet-card{border-radius:24px;padding:1.35rem .9rem 1rem}.metro-ticket-stage{min-height:245px}.metro-android-visual{width:min(210px,58vw)}.wallet-icons-row{grid-template-columns:repeat(3,minmax(96px,1fr));gap:.45rem}.wallet-icon-item img{width:min(54px,15vw);height:min(54px,15vw);border-radius:12px}.wallet-icon-item p{font-size:.7rem}.metro-phone-shell{width:min(330px,88vw)}.metro-phone-screen{min-height:570px}.metro-watch-shell{width:200px;height:235px;left:58%;bottom:.8rem}.usecases-columns{padding:1.6rem 1rem 2rem}.usecases-columns-grid{grid-template-columns:1fr;gap:1rem}.usecases-column{min-height:auto;padding:1.6rem 1.25rem;border-radius:22px}.usecases-column h3{font-size:clamp(1.8rem,7vw,2.5rem);margin-bottom:.9rem}.usecases-card-image-wrap{height:260px;border-radius:14px}.usecases-column li{font-size:1rem}}#footer{transform:translate(-50%);width:98.3vw!important;max-width:none!important;margin:0!important;position:relative;left:50%;background-color:#292929;color:#fff;padding:2rem 1rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:2rem}.footer-column{flex:1;min-width:150px}.footer-column h4{margin-bottom:1rem;font-weight:700}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:#fff;text-decoration:none}.footer-column a:hover{text-decoration:underline}#footer .social-icons a img{width:32px;height:32px;margin-right:.4rem;vertical-align:middle}.social-icons a{display:inline-block;margin-right:.5rem}.footer-copy{text-align:center;margin-top:2rem;font-size:.875rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(5px)}60%{transform:translate(-50%) translateY(3px)}}@media(max-width:600px){.logo{max-width:90%}html,body{overflow-x:hidden}#features{background:#fff;background-image:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box!important}.features-mobile-img{display:block;max-width:160px;margin:0 auto 1rem}.features-card-intro h2{margin-top:0}.features-card-intro{padding:1.35rem 1rem;border-radius:18px}.features-card-items{padding:1rem .8rem;border-radius:18px}.features-grid{gap:1rem}.feature-item img{width:40px;height:40px}#container{display:flex;flex-direction:column}#hero{display:block;padding-top:10%}#links{flex-wrap:wrap}#links a.button{padding:14px 18px}#news{right:16px;left:16px;bottom:2.5rem;max-width:100%}h1{line-height:1.5}.scroll-indicator{font-size:.75rem;padding:.7rem .5rem;bottom:1rem;right:1rem}.scroll-indicator img{height:40px}.logo{max-width:70%;margin:1rem auto}.features-mobile-img{max-width:100px;margin-bottom:1rem}.features-grid{grid-template-columns:1fr!important;gap:.75rem!important;padding:0 .5rem!important}.usecases{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:1rem!important;padding-right:1rem!important;box-sizing:border-box!important}.usecases-grid{grid-template-columns:1fr!important;gap:.75rem!important;padding:0 .5rem!important}.usecase-phone{max-width:250px!important;height:auto!important}#footer{padding:.5rem!important;font-size:.75rem!important;justify-content:center!important;text-align:center!important;margin:0 auto!important;width:100%!important;left:auto!important;transform:none!important}.footer-container{padding:0!important}}@media(max-width:1023px){html,body{overflow-x:hidden}#features{background:#fff;background-image:none!important;padding-top:1rem}.features-mobile-img{display:block!important;width:35%!important;max-width:none!important;height:auto!important;margin:0 auto 1rem!important}.features-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.usecases-grid{display:grid;grid-template-columns:1fr;gap:1rem}.usecase-phone{grid-column:auto;order:-1;margin-bottom:2rem;justify-self:center;width:100%;max-width:200px}.usecase-item p{overflow:visible;margin:0}#footer{width:100%!important;left:auto!important;transform:none!important;margin:0 auto!important;padding:1rem .5rem}#container{display:flex;flex-direction:column}#hero{display:block;padding-top:10%}#links{flex-wrap:wrap}#links a.button{padding:14px 18px}#news{right:16px;left:16px;bottom:2.5rem;max-width:100%}h1{line-height:1.5}.scroll-indicator{font-size:.75rem;padding:.7rem .5rem;bottom:1rem;right:1rem}.scroll-indicator img{height:40px}.usecases-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:1rem}.usecase-phone{grid-column:auto;grid-row:auto;order:-1;margin-bottom:2rem;justify-self:center;width:100%;max-width:200px}.usecase-phone img{max-width:250px!important;height:auto!important}.usecase-item{display:flex;align-items:flex-start;gap:.75rem}.usecase-item p{display:block;overflow:visible;margin:0}#footer{width:97.5%!important;left:auto!important;transform:none!important;margin:0 auto!important}}