.phone-app-ui{z-index:2;color:#392f41;pointer-events:none;background:linear-gradient(#faf8fbee,#faf8fb00 25%);position:absolute;inset:0;container-type:inline-size}.phone-app-ui svg{stroke-width:1.7px;flex-shrink:0;width:6cqi;height:6cqi}.phone-map-toolbar{justify-content:space-between;align-items:center;gap:4cqi;display:flex;position:absolute;top:17cqi;left:5cqi;right:5cqi}.phone-map-back,.phone-nearby-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#745784;background:#fdfbfef0;border:1px solid #ffffffdc;border-radius:20cqi;justify-content:center;align-items:center;height:12cqi;display:inline-flex;box-shadow:0 3px 12px #392c4410,inset 0 1px #fff}.phone-map-back{flex-shrink:0;width:12cqi}.phone-map-back svg{width:5.5cqi;height:5.5cqi}.phone-nearby-pill{gap:3cqi;padding:0 3.5cqi 0 4cqi;font-size:3.4cqi;font-weight:500}.phone-nearby-pill>svg{color:#9a86a8;width:3.5cqi;height:3.5cqi}.phone-nearby-icons{color:#8b729b;border-left:1px solid #ded4e5;align-items:center;gap:3cqi;padding-left:3cqi;display:flex}.phone-nearby-icons svg{stroke-width:1.6px;width:4.5cqi;height:4.5cqi}.phone-app-dock,.phone-navigation-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fdfbfef2,#f3edf7ed);border:1px solid #ffffffdc;border-radius:6cqi;position:absolute;left:5cqi;right:5cqi;box-shadow:0 8px 30px #392c4421,inset 0 1px #fff}.phone-app-dock{grid-template-columns:12cqi minmax(0,1fr) 9cqi;align-items:center;gap:3cqi;padding:3cqi;display:grid;bottom:10cqi}.phone-dock-copy{min-width:0}.phone-dock-title{letter-spacing:-.08cqi;font-size:4cqi;font-weight:550;line-height:1.35;display:block}.phone-player-progress-row{color:#8d7b99;font-variant-numeric:tabular-nums;white-space:nowrap;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2cqi;margin-top:1.8cqi;font-size:2.6cqi;line-height:1;display:grid}.phone-player-progress{background:#ddd2e6;border-radius:1cqi;height:1cqi;overflow:hidden}.phone-player-progress i{border-radius:inherit;background:#9473ab;width:35%;height:100%;display:block}.phone-dock-action{color:#fff;background:#806197;border-radius:50%;place-items:center;width:12cqi;height:12cqi;display:grid}.phone-play-icon svg{width:5cqi;height:5cqi;margin-left:.7cqi}.phone-dock-expand{color:#806197;background:#eae1f1;border-radius:50%;place-items:center;width:9cqi;height:9cqi;display:grid}.phone-dock-expand svg{width:5cqi;height:5cqi}.phone-app-ui .home-indicator{background:#b8aebd;height:1cqi;bottom:2.5cqi}.phone-navigation-banner{border-radius:5cqi;grid-template-columns:14cqi minmax(0,1fr);align-items:center;gap:3cqi;padding:3cqi;display:grid;top:17cqi}.phone-navigation-arrow{color:#fff;background:#806197;border-radius:4cqi;place-items:center;width:14cqi;height:14cqi;display:grid}.phone-navigation-arrow svg{stroke-width:2px;width:7.5cqi;height:7.5cqi}.phone-navigation-instruction{min-width:0}.phone-navigation-instruction strong{letter-spacing:-.2cqi;font-size:6.5cqi;font-weight:600;line-height:1;display:block}.phone-navigation-instruction strong span{letter-spacing:0;font-size:4cqi;font-weight:500}.phone-navigation-turn{color:#745d83;margin-top:1.5cqi;font-size:3.5cqi;line-height:1.3;display:block}.phone-navigation-tools{justify-content:space-between;align-items:center;gap:4cqi;display:flex;position:absolute;bottom:36cqi;left:5cqi;right:5cqi}.phone-navigation-summary{grid-template-columns:9cqi minmax(0,1fr) 9cqi;padding:4cqi}.phone-trip-time{color:#604573;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:6cqi;font-weight:600;line-height:1.15;display:block}.phone-trip-time span{color:#796985;font-size:3.6cqi;font-weight:500}.phone-trip-destination{color:#796985;margin-top:1.5cqi;font-size:3.4cqi;line-height:1.2;display:block}
.product-story{--phone-height:min(72svh, 640px);--stage-height:calc(100svh - 84px);position:relative}.product-story .product-hero{min-height:var(--stage-height);padding:60px 0 90px;display:flex}.product-hero .overview-hero-copy{width:48%}.hero-intro-lines{gap:14px;max-width:590px;margin:28px 0 32px;display:grid}.hero-intro-line{color:#68616c;align-items:flex-start;gap:12px;margin:0;font-size:17px;line-height:1.7;display:flex}.hero-intro-line svg{box-sizing:content-box;color:#624475;background:#eee6f3;border-radius:10px;flex:none;width:18px;height:18px;margin-top:.42em;padding:7px}.hero-intro-line-game svg{color:#4d5d30;background:#edf0de}.product-phone-rail{z-index:5;pointer-events:none;width:min(1240px,100% - 80px);margin:auto;position:absolute;inset:0}.product-phone-stage{height:var(--stage-height);position:sticky;top:84px}.product-phone-pose{will-change:transform;position:absolute;top:49%;left:76%;transform:translate(-50%,-50%)rotate(4deg)}[dir=rtl] .product-phone-pose{left:24%}.product-phone{height:var(--phone-height);aspect-ratio:433/882;--bezel-opacity:1;--history-reveal:0%;--selection:0;--success:0;border-radius:17.3%/8.5%;position:relative;box-shadow:12px 28px 65px #30213f17,0 4px 10px #30213f0d}.product-phone-screen{isolation:isolate;pointer-events:auto;background:#eeede7;border-radius:14.313%/6.609%;position:absolute;inset:2.18254% 5.13857% 2.18254% 4.90762%;overflow:hidden;container-type:inline-size}.product-live-map,.product-ui-layer{position:absolute;inset:0}.product-live-map{isolation:isolate;z-index:0}.product-live-map svg{width:100%;height:100%}.product-ui-layer{z-index:2;opacity:0;visibility:hidden;transform-origin:50% 80%;pointer-events:none}.product-ui-layer[data-phone-screen=hero]{opacity:1;visibility:visible}.product-ui-layer[data-phone-screen=guide]{pointer-events:auto}.product-phone .iphone-frame{pointer-events:none}.product-status{pointer-events:none;z-index:10;position:absolute;inset:0}.product-status:before{content:"";background:linear-gradient(#faf8f2ed,#faf8f2cc 65%,#0000);height:11%;position:absolute;inset:0 0 auto}.product-status .phone-status{color:#22212a}.product-ui-layer .phone-status{visibility:hidden}.product-phone-screen>.home-indicator{z-index:12}.product-features{width:min(1240px,100% - 80px);margin:auto}.product-anchor{display:block}.product-step{align-items:center;min-height:max(800px,105svh);padding:130px 0;scroll-margin-top:0;display:flex}.product-step-copy{width:43%;padding-inline:0 14px}.product-copy-right{justify-content:flex-end}.product-copy-right .product-step-copy{padding-inline:14px 0}.product-step h2{letter-spacing:-.06em;text-wrap:balance;margin:0 0 26px;font-size:clamp(38px,4.2vw,61px);font-weight:550;line-height:1.06}.product-step-copy>p{color:#6b636d;max-width:470px;font-size:16px;line-height:1.8}.product-step-copy .product-detail{align-items:center;gap:10px;margin-top:26px;display:flex;font-size:12px!important}.product-detail svg{flex-shrink:0;width:17px;height:17px}.product-step h3{letter-spacing:-.045em;margin:32px 0 12px;font-size:23px;font-weight:550}.product-step-copy .product-future-note{border-top:1px solid #e3dce5;margin-top:25px;padding-top:20px;line-height:1.7;font-size:12px!important}.product-place,.product-camera-label{color:#30213f;background:#fffdf5ed;border:1px solid #ffffffa8;border-radius:22px;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-size:3.8cqi;line-height:1.2;display:flex;position:absolute;top:12%;left:7%;right:7%;box-shadow:0 3px 14px #30213f0b}.product-place svg,.product-camera-label svg{flex-shrink:0;width:13px;height:13px}.product-camera-label b{color:#65566d;font-size:9px;font-weight:500}.product-camera-label>span{margin-inline-start:auto}.product-screen-card{color:#30213f;background:#fffdf7f5;border-radius:20px;flex-direction:column;gap:9px;padding:7%;display:flex;position:absolute;bottom:5%;left:5%;right:5%;box-shadow:0 4px 20px #211c2a0d}.product-screen-card>svg{width:20px;height:20px}.product-screen-card>strong{letter-spacing:-.05em;font-size:7.5cqi;font-weight:550;line-height:1.12}.product-screen-card>span{font-size:4cqi;line-height:1.5}.product-history-scene{position:absolute;inset:0}.product-history-image{object-fit:cover;object-position:50% 50%}.product-history-reveal{clip-path:inset(0 calc(100% - var(--history-reveal)) 0 0);position:absolute;inset:0}.product-history-reveal:after{content:"";top:0;bottom:0;left:calc(var(--history-reveal) - 2px);background:#fff;width:2px;position:absolute;box-shadow:0 0 12px #fff8}.product-viewfinder{border:1px solid #ffffffc0;border-radius:14px;position:absolute;inset:27% 12% 33%}.product-scan-progress{background:#e6ddeb;border-radius:3px;height:3px}.product-scan-progress i{height:100%;width:var(--history-reveal);border-radius:inherit;background:#7b558c;display:block}.product-culture-canvas{background:#302b38;position:absolute;inset:0}.product-culture-fallback{object-fit:cover;clip-path:inset(25% 0 19%);width:190%;max-width:none;height:118%;position:absolute;top:-9%;left:-44%}.product-culture-canvas[data-renderer=webgl] .product-culture-fallback{visibility:hidden}.product-culture-canvas canvas{width:100%;height:100%;display:block;position:relative}.product-challenge-sheet{background:#fffdf7f7;border-radius:22px 22px 0 0;padding:7% 6% 10%;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 35px #20132617}.product-app-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#776582;font-size:3cqi}.product-challenge-sheet h3{letter-spacing:-.04em;margin:9px 0 18px;font-size:7.5cqi;font-weight:550;line-height:1.12}.product-game-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.product-game-grid>div{background:#fff;border:1.5px solid #e8e2e9;border-radius:13px;padding:4px;position:relative}.product-game-grid img{aspect-ratio:1.05;object-fit:cover;border-radius:8px;width:100%}.product-game-grid span{color:#64556c;padding:6px 1px 3px;font-size:3.1cqi;display:block}.product-game-grid .product-correct-choice{transform:scale(calc(1 + var(--selection) * .055));border-color:rgb(119 83 142/var(--selection));box-shadow:0 0 0 calc(var(--selection) * 2px) #cdb4df}.product-correct-choice>svg{color:#fff;width:20px;height:20px;opacity:var(--selection);background:#71508b;border-radius:50%;padding:4px;position:absolute;top:8px;right:8px}.product-game-success{color:#563c6d;opacity:var(--success);transform:translateY(calc((1 - var(--success)) * 10px));background:#eee7f4;border-radius:13px;align-items:center;gap:8px;margin:14px 0 0;padding:11px;display:flex}.product-game-success>svg{flex-shrink:0;width:18px}.product-game-success strong,.product-game-success span{font-size:3.5cqi;line-height:1.4;display:block}.product-game-success span{margin-top:3px;font-size:3cqi}.product-game-success b{color:#57482d;transform:rotate(calc(var(--success) * -4deg));background:#f6eaa6;border-radius:9px 9px 9px 3px;margin-inline-start:auto;padding:5px 7px;font-size:4.3cqi}.product-phone .guide-demo{opacity:1;overscroll-behavior:contain;border-radius:20px;width:auto;max-width:none;max-height:78%;padding:14px 12px 8px;scroll-margin:0;position:absolute;bottom:4%;left:4%;right:4%;overflow-y:auto;transform:none}.product-phone .guide-play{gap:8px}.product-phone .guide-play-icon{width:34px;height:34px}.product-phone .guide-play strong{font-size:max(10px,4.2cqi)}.product-phone .guide-play small{font-size:max(9px,3cqi)}.product-phone .guide-demo-top{gap:4px}.product-phone .guide-wave{gap:2px}.product-phone .guide-caption{min-height:0;padding:10px 0}.product-phone .guide-caption p{font-size:max(10px,3.8cqi);line-height:1.5}.product-phone .guide-questions button{min-height:44px;padding:7px 8px;font-size:max(10px,3.6cqi)}.product-phone .guide-question-hint{font-size:max(9px,3cqi)}.product-phone .guide-demo-foot{font-size:max(8px,2.8cqi)}.product-phone .guide-language-note{font-size:10px}@media (max-width:1000px) and (min-width:761px){.product-story{--phone-height:min(66svh, 590px)}.product-phone-rail,.product-features{width:calc(100% - 56px)}.product-step-copy{width:45%}.product-step h2{font-size:44px}}.product-mode{color:#604374;background:#eee6f3;border:1px solid #d9cde2;border-radius:16px;align-items:center;gap:9px;max-width:100%;margin-bottom:22px;padding:9px 13px;font-size:12px;font-weight:600;line-height:1.5;display:inline-flex}.product-mode svg{flex-shrink:0;width:17px;height:17px}.product-mode-game{color:#4e5d31;background:#edf0de;border-color:#d4d9b9}.product-feature-details{gap:16px;max-width:470px;margin:26px 0 0;padding:0;list-style:none;display:grid}.product-feature-details li{color:#65586c;align-items:center;gap:12px;font-size:13px;line-height:1.6;display:flex}.product-feature-details svg{box-sizing:content-box;color:#705381;background:#eee6f3;border-radius:11px;flex-shrink:0;width:18px;height:18px;padding:8px}#city-game .product-feature-details svg{color:#4e5d31;background:#edf0de}.product-culture{opacity:var(--culture-reveal,0);position:absolute;inset:0}.product-try-me{color:#674579;text-align:center;width:96px;opacity:var(--try-me-opacity,0);pointer-events:none;font-size:17px;font-weight:550;line-height:1.25;position:absolute;top:68%;left:calc(100% + 12px);transform:rotate(8deg)}.product-try-me svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:70px;height:50px;display:block}.product-try-me-mobile{display:none}[dir=rtl] .product-try-me{left:auto;right:calc(100% + 12px);transform:rotate(-8deg)}[dir=rtl] .product-try-me svg{transform:scaleX(-1)}@media (max-width:760px),(max-width:1000px) and (max-height:600px){.product-story .product-hero{min-height:0;padding:38px 0 8px}.product-hero .overview-hero-copy{width:100%}.hero-intro-lines{gap:12px;margin:23px 0}.hero-intro-line{gap:10px;font-size:16px;line-height:1.65}.hero-intro-line svg{border-radius:9px;width:16px;height:16px;padding:6px}.mobile-hero-product{margin:4px 0 26px}.mobile-hero-product .mobile-product-preview{width:min(72vw,248px);margin:0 auto}.mobile-hero-product .mobile-product-phone{transform:none}.mobile-hero-product .product-try-me-mobile{bottom:calc(100% + 8px)}.product-features{width:calc(100% - 40px);max-width:520px;margin:0 auto;padding:12px 0 24px}.product-step{min-height:0;padding:48px 0;scroll-margin-top:16px;display:block}.product-step+.product-step{border-top:1px solid #e3dce5}.product-step-copy,.product-copy-right .product-step-copy{width:100%;padding:0;position:static}.product-step h2{margin-bottom:18px;font-size:clamp(34px,8.8vw,46px);line-height:1.1}.product-step-copy>p{font-size:16px;line-height:1.7}.product-step-copy .product-detail{margin:20px 0 0;line-height:1.6;font-size:13px!important}.product-mode{border-radius:12px;margin-bottom:18px;font-size:12px}.product-feature-details{gap:14px;margin-top:22px}.product-feature-details li{font-size:14px}.mobile-product-preview{width:100%;max-width:310px;margin:32px auto 8px}.mobile-product-phone{width:100%;height:auto}.mobile-product-phone .product-ui-layer{opacity:1;visibility:visible;transform:none}.mobile-product-phone .product-preview-map{position:absolute;inset:0}.product-preview-map svg{width:100%;height:100%}.mobile-product-phone .product-place{padding:9px;font-size:12px}.mobile-product-phone .product-try-me-mobile{bottom:calc(100% + 8px);color:#674579;pointer-events:none;text-shadow:0 1px 4px #fff;align-items:flex-start;gap:5px;max-width:calc(100% - 24px);font-size:12px;font-weight:650;line-height:1.25;display:flex;position:absolute;inset-inline-start:12px}.mobile-product-phone .product-try-me-mobile svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:40px;height:30px}[dir=rtl] .mobile-product-phone .product-try-me-mobile svg{transform:scaleX(-1)}.mobile-product-phone .guide-demo{padding:14px 12px 8px}.mobile-product-phone .guide-demo.is-idle{overflow:visible}.mobile-product-phone .guide-play{text-align:start;gap:10px}.mobile-product-phone .guide-play-icon{width:44px;height:44px}.mobile-product-phone .guide-play strong{font-size:14px}.mobile-product-phone .guide-play small{font-size:11px;line-height:1.5}.mobile-product-phone .guide-wave{display:none}.mobile-product-phone .guide-caption p{font-size:13px;line-height:1.6}.mobile-product-phone .guide-question-hint{font-size:11px;line-height:1.5}.mobile-product-phone .guide-question-hint svg{flex-shrink:0}.mobile-product-phone .guide-questions{gap:8px}.mobile-product-phone .guide-questions button{text-align:start;min-height:44px;padding:9px;font-size:12px;line-height:1.45}.mobile-product-phone .guide-demo-foot{font-size:10px}.mobile-product-phone .guide-restart{width:44px;min-height:44px}}