:root{--tour-navy:#031526;--tour-orange:#ff4b00;--tour-paper:#f3f1ec}.tour-page{background:var(--tour-paper);color:var(--tour-navy);min-height:100vh}.tour-header{z-index:10;color:#fff;align-items:center;width:100%;padding:32px 5vw;display:flex;position:absolute;top:0;left:0}.tour-logo{letter-spacing:-.05em;font-size:24px;font-weight:700}.tour-logo span{color:var(--tour-orange)}.tour-intro{background:var(--tour-navy);color:#fff;flex-direction:column;justify-content:center;min-height:58svh;padding:82px 8vw 54px;display:flex;position:relative;overflow:hidden}.tour-photo{z-index:0;background:url(/app-tour/screens/signup/selfie-brunette.png) 50% 44%/cover no-repeat;border-radius:34px;position:absolute;inset:4.5vh 3vw 4.5vh 47%;box-shadow:0 28px 70px #00000052,inset 0 0 0 1px #ffffff1f;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 12%,#000 34%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 12%,#000 34%)}.tour-photo:after{content:"";background:linear-gradient(90deg,#031526ad,#0000 46%),linear-gradient(#0315261f,#0000 52%,#03152659);position:absolute;inset:0}.tour-intro>:not(.tour-photo){z-index:1;position:relative}.tour-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.tour-intro .tour-kicker{color:var(--tour-orange);letter-spacing:.16em;font-size:clamp(18px,1.6vw,26px)}.tour-intro h1{letter-spacing:-.07em;max-width:760px;margin:22px 0 30px;font-size:clamp(58px,6vw,104px);font-weight:600;line-height:.84}.tour-intro>p:not(.tour-kicker){max-width:700px;font-size:clamp(17px,1.45vw,23px);line-height:1.35}.tour-intro>a{color:var(--tour-orange);font-size:24px;position:absolute;bottom:24px;right:5vw}.tour-experience{grid-template-columns:1fr minmax(340px,440px) 1fr;align-items:center;gap:5vw;min-height:100vh;padding:110px 5vw;transition:background .35s;display:grid}.tour-copy{animation:.4s both tour-in}@keyframes tour-in{0%{opacity:0;transform:translateY(12px)}}.tour-copy .tour-kicker{color:var(--module-color)}.tour-copy h2,.onboarding h2{letter-spacing:-.065em;margin:22px 0 32px;font-size:clamp(54px,5vw,92px);font-weight:500;line-height:.92}.tour-copy>p:not(.tour-kicker):not(.scroll-hint){white-space:pre-line;max-width:450px;font-size:18px;line-height:1.45}.tour-progress{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:390px;margin-top:45px;font-size:10px;display:grid}.tour-progress i{background:#c8c8c3;height:2px;position:relative}.tour-progress i b{background:var(--module-color);transition:width .35s;position:absolute;inset:0 auto 0 0}.scroll-hint{text-transform:uppercase;letter-spacing:.12em;margin-top:34px;font-size:11px}.scroll-hint span{color:var(--module-color);margin-left:8px;font-size:19px}.device-stage{place-items:center;display:grid}.device{aspect-ratio:402/874;background:#06101a;border:7px solid #11151c;border-radius:55px;width:min(402px,28vw,37.7162svh);position:relative;overflow:hidden;box-shadow:0 35px 80px #03152647,0 0 0 1px #777,inset 0 0 0 1px #ffffff1f}.device-top{z-index:9;background:#05070a;border-radius:18px;width:112px;height:31px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:0 1px #ffffff1f}.device-top i{background:#14243c;border-radius:50%;width:7px;height:7px;margin:12px 13px 0 auto;display:block;box-shadow:inset 0 0 0 2px #0a1019}.screen-frozen{z-index:3;height:var(--frozen-height);background:var(--tour-navy);pointer-events:none;position:absolute;top:0;left:0;right:0;overflow:hidden;box-shadow:0 12px 20px -18px #000000f2}.screen-frozen:after{content:"";background:linear-gradient(#0000,#03152652);height:12px;position:absolute;bottom:0;left:0;right:0}.screen-frozen img{width:100%;height:auto;display:block}.ranking-subnav{z-index:6;background:#031526f5;border:1px solid #bec4c973;border-radius:24px;grid-template-columns:repeat(3,1fr);height:42px;padding:2px;display:grid;position:absolute;top:94px;left:14px;right:14px;box-shadow:0 0 0 14px #031526}.ranking-subnav button{color:#bec3c8;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:21px;padding:0 3px;font-size:11px;font-weight:700}.ranking-subnav button.active{color:#fff;background:#ff4b00}.ranking-final-device .ranking-subnav{box-shadow:none;background:0 0;border-color:#0000;top:137px}.ranking-final-device .ranking-subnav button{opacity:0}.challenge-subnav{z-index:6;grid-template-columns:repeat(3,1fr);height:42px;display:grid;position:absolute;top:137px;left:14px;right:14px}.challenge-subnav button{opacity:0;cursor:pointer;background:0 0;border:0}.giving-subnav{z-index:6;background:#031526;border:1px solid #bec4c973;border-radius:24px;grid-template-columns:repeat(2,1fr);height:39px;padding:2px;display:grid;position:absolute;top:112px;left:14px;right:14px;box-shadow:0 0 0 8px #031526}.giving-subnav-partners{height:36px;top:143px}.giving-subnav button{color:#bec3c8;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:21px;font-size:11px;font-weight:700}.giving-subnav button.active{color:#fff;background:#ff4b00}.giving-final-device .giving-subnav{height:42px;box-shadow:none;background:0 0;border-color:#0000;padding:0;top:137px}.giving-final-device .giving-subnav button{opacity:0}.screen-scroll{overscroll-behavior:contain;scrollbar-width:none;background:var(--tour-navy);position:absolute;inset:0 0 76px;overflow-y:auto}.ranking-final-device .screen-scroll{inset-bottom:0;cursor:pointer;bottom:0}.ranking-final-device .screen-scroll img{object-fit:fill;width:100%;height:100%}.ranking-final-device .screen-frozen img{transform-origin:top;transform:scaleY(1.02)}.challenge-final-device .screen-scroll{cursor:pointer;inset:181px 0 76px}.challenge-final-device .screen-frozen{height:167px}.challenge-stitch{width:100%}.challenge-piece{width:100%;position:relative;overflow:hidden}.challenge-piece img{width:100%;height:auto;display:block}.challenge-piece-a{aspect-ratio:1206/1755}.challenge-piece-a img{transform:translateY(-23.5%)}.challenge-summary-device .challenge-piece-a{aspect-ratio:1206/1235}.challenge-summary-device .challenge-piece-b{aspect-ratio:1206/1393}.challenge-summary-device .challenge-piece-b img{transform:translateY(-37.26%)}.challenge-teams-device .challenge-piece-b{aspect-ratio:1206/1810}.challenge-teams-device .challenge-piece-b img{transform:translateY(-21.36%)}.me-final-device .screen-scroll{inset:120px 0 76px}.me-stitch{width:100%}.me-piece{aspect-ratio:1206/1944;width:100%;position:relative;overflow:hidden}.me-piece img{width:100%;height:auto;display:block;transform:translateY(-15.1%)}.me-piece-a{aspect-ratio:1206/1918}.me-piece-a img{transform:translateY(-16.1%)}.giving-final-device .screen-frozen{height:39.7%}.giving-final-device .screen-scroll{inset:39.7% 0 76px}.giving-stitch{width:100%}.giving-piece{width:100%;position:relative;overflow:hidden}.giving-piece img{width:100%;height:auto;display:block}.giving-charities-device .giving-piece-a{aspect-ratio:1206/899}.giving-charities-device .giving-piece-a img{transform:translateY(-39.7%)}.giving-charities-device .giving-piece-b{aspect-ratio:1206/810}.giving-charities-device .giving-piece-b img{transform:translateY(-58.73%)}.giving-partners-device .giving-piece-a{aspect-ratio:1206/599}.giving-partners-device .giving-piece-a img{transform:translateY(-39.7%)}.giving-partners-device .giving-piece-b{aspect-ratio:1206/1105}.giving-partners-device .giving-piece-b img{transform:translateY(-47.48%)}.community-final-device .screen-scroll{inset:191px 0 76px}.community-stitch{width:100%}.community-piece{width:100%;position:relative;overflow:hidden}.community-piece img{width:100%;height:auto;display:block}.community-piece-a{aspect-ratio:1206/1721}.community-piece-a img{transform:translateY(-22.65%)}.community-piece-b{aspect-ratio:1206/1640}.community-piece-b img{transform:translateY(-27.84%)}.community-piece-c{aspect-ratio:1206/465}.community-piece-c img{transform:translateY(-52.44%)}.community-piece-d{aspect-ratio:1206/1600}.community-piece-d img{transform:translateY(-21.89%)}.community-piece-e{aspect-ratio:1206/1790}.community-piece-e img{transform:translateY(-21.89%)}.native-bottom-tabs{z-index:3;pointer-events:none;background:#031526;height:76px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.native-bottom-tabs img{width:100%;height:auto;display:block;position:absolute;bottom:0;left:0;right:0}.miles-hotspots{z-index:12;pointer-events:none;position:absolute;inset:0}.miles-hotspot{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:66px;height:66px;padding:0;position:absolute;right:7px}.miles-hotspot-mid{top:56%}.miles-hotspot-low{top:72%}.miles-hotspot-bottom{top:82%}.miles-screen{z-index:20;cursor:pointer;background:#031526;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.miles-screen img{object-fit:fill;width:100%;height:100%;display:block}.signup-device .screen-scroll{cursor:pointer;background:var(--signup-screen-bg,var(--tour-navy));place-items:center;display:grid;inset:0;overflow:hidden}.signup-device .screen-scroll img{object-fit:contain;object-position:center;width:100%;height:100%;animation:.24s both signup-screen-in}.signup-device .screen-scroll img.signup-start-screen{object-position:center bottom}.signup-device .screen-scroll img.signup-ending-screen{transform-origin:50%;transform:scale(.95)translateY(-5px)}.signup-device .screen-scroll.signup-screen-2:after{content:"";z-index:2;pointer-events:none;background:#031526;height:70px;position:absolute;bottom:0;left:0;right:0}@keyframes signup-screen-in{0%{opacity:.35;transform:translate(10px)}}.screen-scroll::-webkit-scrollbar{display:none}.screen-scroll img{width:100%;height:auto;display:block}.app-tabs{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#031526f5;border:1px solid #ffffff2e;border-radius:35px;grid-template-columns:repeat(5,1fr);height:68px;padding:7px 4px 6px;display:grid;position:absolute;bottom:7px;left:7px;right:7px}.app-tabs button{color:#c9cdd1;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;display:flex}.ranking-final-device .app-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.ranking-final-device .app-tabs button{opacity:0}.challenge-final-device .app-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.challenge-final-device .app-tabs button{opacity:0}.me-final-device .app-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.me-final-device .app-tabs button{opacity:0}.giving-final-device .app-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.giving-final-device .app-tabs button{opacity:0}.community-final-device .app-tabs{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.community-final-device .app-tabs button{opacity:0}.app-tabs button.active{color:var(--module-color)}.tab-icon{width:23px;height:23px}.tab-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.app-tabs small{font-size:9px;font-weight:650}.module-list{flex-direction:column;display:flex}.module-list button{border:0;border-top:1px solid var(--tour-navy);text-align:left;cursor:pointer;background:0 0;grid-template-columns:45px 1fr auto;align-items:center;padding:21px 5px;display:grid}.module-list button:last-child{border-bottom:1px solid var(--tour-navy)}.module-list button span{color:#868b8d;font-size:9px}.module-list button b{font-size:24px;font-weight:500}.module-list button i{opacity:0;color:var(--tour-orange);font-style:normal;transition:all .2s;transform:translate(-10px)}.module-list button.active i{opacity:1;transform:translate(0)}.module-list button.active b,.module-list button.active span{color:var(--tour-orange)}.onboarding{background:var(--tour-navy);color:#fff;grid-template-columns:42% 58%;min-height:900px;padding:130px 7vw 0;display:grid;overflow:hidden}.onboarding>div:first-child{padding-top:70px}.onboarding .tour-kicker{color:var(--tour-orange)}.onboarding>div:first-child>p:last-child{max-width:430px;font-size:19px;line-height:1.4}.onboarding-screens{justify-content:center;align-items:flex-start;height:820px;display:flex;overflow:hidden}.onboarding-screens img{border-radius:30px 30px 0 0;width:min(310px,25vw);box-shadow:0 20px 50px #0000004d}.tour-footer{background:var(--tour-orange);color:#fff;justify-content:space-between;align-items:center;padding:75px 7vw;display:flex}.tour-footer p{letter-spacing:-.05em;margin:0;font-size:clamp(34px,4vw,64px)}.tour-footer a{border:1px solid #fff;border-radius:35px;padding:17px 22px}@media (max-width:980px){.tour-experience{grid-template-columns:1fr minmax(300px,390px)}.module-list{grid-column:1/-1;grid-template-columns:repeat(5,1fr);display:grid}.module-list button{text-align:center;border-left:1px solid var(--tour-navy);grid-template-columns:1fr;gap:7px}.module-list button i{display:none}.device{width:min(390px,43vw,36.7963svh)}.onboarding{grid-template-columns:1fr}.onboarding-screens{margin-top:60px}.onboarding-screens img{width:min(330px,42vw)}}@media (max-width:680px){.tour-header{padding:22px 6vw}.tour-intro{min-height:82svh;padding:96px 6vw 64px}.tour-photo{box-shadow:none;opacity:.72;background-position:52%;border-radius:0;inset:0;-webkit-mask-image:linear-gradient(#0000 6%,#000000b8 48%,#000 100%);mask-image:linear-gradient(#0000 6%,#000000b8 48%,#000 100%)}.tour-photo:after{background:linear-gradient(#031526b8 0%,#03152647 42%,#031526d1 100%)}.tour-intro .tour-kicker,.tour-intro>p:not(.tour-kicker){font-size:24px}.tour-intro h1{font-size:16vw}.tour-experience{flex-direction:column;gap:38px;padding:72px 0 80px;display:flex;overflow:hidden}.tour-copy{width:100%;padding:0 7vw}.tour-copy h2{font-size:15vw}.scroll-hint{display:none}.device-stage{width:100%;padding:0 18px}.device{aspect-ratio:402/874;border-width:6px;border-radius:48px;width:min(390px,88vw,34.9565svh);height:auto;box-shadow:0 24px 55px #0315264d,0 0 0 1px #777}.device-top{width:102px;height:29px;display:block;top:9px}.device-top i{margin-top:11px}.module-list{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:calc(100% - 28px);margin:0 14px;display:grid}.module-list button{touch-action:manipulation;background:#ffffff73;border:1px solid #03152629;border-radius:14px;grid-template-columns:25px 1fr;gap:5px;min-height:58px;padding:12px 14px}.module-list button:last-child{border-bottom:1px solid #03152629}.module-list button b{font-size:17px}.module-list button i{display:none}.app-tabs button{touch-action:manipulation;min-width:44px;min-height:44px}.onboarding{min-height:760px;padding:95px 7vw 0}.onboarding h2{font-size:14vw}.onboarding-screens{height:560px}.onboarding-screens img{border-radius:22px 22px 0 0;width:54vw}.tour-footer{flex-direction:column;align-items:flex-start;gap:35px}}