/* Screenshot-led guide demos, October 2026. All UI stays editable. */
.hero-copy h1{font-family:Nunito,Arial,sans-serif;font-weight:650;letter-spacing:-.045em;line-height:1.06}
h2,h3{letter-spacing:-.035em}.hero-copy h1 .underlined:after{height:3px}
.guide-stage{padding:25px 26px 19px;background:#f5f3e9;background-image:radial-gradient(ellipse at 5% 10%,#e0ece5 0,transparent 65%);overflow:visible;box-shadow:none;border:1px solid #d6ded3;min-width:0}
.stage-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#4d625e;margin-bottom:22px}.stage-label>span:last-child{margin-left:auto;font-weight:400}
.demo-device{width:340px;max-width:100%;margin:auto;transform:none;border-radius:43px;border-color:#273237;background:#151d23;padding:7px;box-shadow:0 22px 35px #172f3029,2px 1px 1px #ffffff99 inset}
:is(.demo-device,.hero-phone) .phone-screen{padding:30px 0 0;border-radius:31px;background:#fcf9f1}
.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:600;margin-top:23px}.stage-footer .text-link{font-size:11px;white-space:nowrap}
.guest-app{container-type:inline-size;background:#fcf9f1;color:#0b1f38;font-family:Inter,Arial,sans-serif;line-height:1.35;border-radius:10px;overflow:hidden;text-align:left}
.app-content{padding:0 4cqw 2cqw}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2.5cqw;min-height:22px}.app-topbar>span{display:block;background:#efeadc;border-radius:18px;padding:5px 10px;font-size:clamp(8px,2.7cqw,11px);font-weight:600}.app-topbar>button{border:1px solid #dad7cc;background:transparent;width:22px;height:22px;min-width:22px;border-radius:50%;font-family:Georgia,serif;font-size:12px;font-weight:bold;padding:0}
.app-heading{position:relative;display:flex;align-items:flex-end;gap:5px;margin-bottom:2.7cqw}.guest-app .app-heading h2{font-family:Nunito,Arial,sans-serif;font-weight:850;font-size:clamp(21px,8.7cqw,34px);line-height:.96;letter-spacing:-.047em;margin:0;max-width:100%}.app-heading>div{min-width:0;flex:1}.app-heading p{font-size:clamp(8px,2.7cqw,11px);line-height:1.4;margin-top:5px;color:#5b6875}.concept-badge{padding:3px 7px;font-size:clamp(6px,2.1cqw,9px);background:#ece6d9;border-radius:20px;white-space:nowrap;align-self:flex-end}.app-city .app-heading h2{font-family:Georgia,serif;letter-spacing:-.065em;font-size:clamp(25px,10cqw,38px);font-weight:700}
.app-scenic{aspect-ratio:1.46;position:relative;border-radius:12px;overflow:hidden;background:#345b63}.app-scenic>img{width:100%;height:100%;object-fit:cover}.app-scenic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#05243de6,transparent 66%);pointer-events:none}.app-scenic>div{position:absolute;bottom:4cqw;left:4cqw;right:4cqw;color:white;z-index:1}.app-scenic>div>span{display:block;font-size:clamp(8px,2.8cqw,11px);font-family:Georgia,serif;font-style:italic;margin-bottom:3px}.app-scenic>div>p{font-family:Georgia,serif;font-weight:bold;letter-spacing:-.035em;font-size:clamp(21px,8.2cqw,32px);line-height:.99;max-width:250px;text-wrap:balance}.art-badge{position:absolute;right:7px;top:7px;background:#0b1f385e;color:white;font-size:clamp(5px,1.9cqw,8px);padding:3px 5px;border-radius:8px;z-index:1}.app-stay .app-scenic>div>p{font-size:clamp(19px,7cqw,28px)}
.app-weather{display:flex;gap:6px;align-items:center;padding:2.5cqw 0}.app-weather>img{width:12cqw;height:12cqw}.app-weather>strong{font-size:clamp(21px,8cqw,30px);letter-spacing:-.06em;font-family:Nunito,Arial,sans-serif;font-weight:850}.app-weather>span{font-size:clamp(8px,2.7cqw,11px);font-weight:600}.app-weather>div{margin-left:auto;text-align:right;font-size:clamp(7px,2.4cqw,10px)}.app-weather small{display:block;font-size:clamp(6px,1.9cqw,8px);color:#5b6875;margin-top:2px}
.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;margin-top:2cqw}.app-tile{display:flex;align-items:center;gap:2cqw;border:0;border-radius:10px;padding:2.3cqw 2.5cqw;min-height:18cqw;text-align:left;transition:filter .15s,transform .15s;box-shadow:inset 0 -1px 0 #0b1f3810}.app-tile:hover{filter:brightness(1.045);transform:translateY(-1px)}.app-tile>img{width:13cqw;height:13cqw;flex-shrink:0}.app-tile>span{font-size:clamp(10px,3.2cqw,13px);font-family:Nunito,Arial,sans-serif;font-weight:850;line-height:1.04}.app-tile>i{margin-left:auto;opacity:.65;font-size:16px;font-style:normal}
.tile-lavender{background:#cfc1fd}.tile-sand{background:#ffd475}.tile-mint{background:#9de0d6}.tile-peach{background:#f88f78}.tile-sage{background:#d3dbae}.tile-ocean{background:#348792;color:#fff}.tile-orange{background:#ff8c43}
.app-fineprint{font-size:clamp(6px,1.9cqw,8px);color:#69747b;line-height:1.55;margin-top:2cqw;text-align:center}.app-subheading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:5cqw 0 2.5cqw}.app-subheading h3{font-family:Nunito,Arial,sans-serif;font-size:clamp(12px,4.2cqw,16px);font-weight:850;letter-spacing:-.045em}.app-subheading>button{border:0;background:none;padding:3px 0;font-size:clamp(7px,2.4cqw,10px);font-weight:600;color:#ca4e1c;white-space:nowrap}
.app-help-row{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.app-help-row>button{display:flex;align-items:flex-start;gap:2cqw;border:1px solid #e7e3d8;background:transparent;border-radius:8px;padding:2.5cqw;text-align:left}.app-help-row img{width:8cqw;height:8cqw;flex-shrink:0}.app-help-row span{font-size:clamp(8px,2.5cqw,10px);font-weight:650;line-height:1.25}.app-help-row small{display:block;font-size:clamp(6px,1.9cqw,8px);font-weight:400;line-height:1.5;color:#607280;margin-top:4px}
.app-explore-strip{display:block;position:relative;overflow:hidden;padding:0;border:0;border-radius:9px;width:100%;height:24cqw;background:var(--navy);text-align:left}.app-explore-strip>img{width:100%;height:100%;object-fit:cover}.app-explore-strip>span{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;position:absolute;inset:0;color:white;font-size:clamp(10px,3.6cqw,14px);font-family:Nunito,Arial,sans-serif;font-weight:750;padding:3cqw;background:linear-gradient(0deg,#05243dc9,transparent 85%)}
.app-bottom-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3cqw;padding:1cqw 4cqw 2cqw;border-top:1px solid #e3dfd2;background:#fffdf7;box-shadow:0 -3px 9px #1a322a04}.app-bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:6px;border:0;background:none;font-size:clamp(8px,2.6cqw,11px);font-weight:550;color:#526071;min-height:43px}.app-bottom-nav img{width:7cqw;height:7cqw;max-width:27px}.app-bottom-nav .is-active{color:#c94e1f;font-weight:700}.app-bottom-nav button:hover{background:#f5f0e5;border-radius:9px}
.app-profile .app-heading h2{font-size:clamp(19px,6.3cqw,26px);line-height:1.05;letter-spacing:-.04em}.app-profile .app-topbar>span{color:#71509a;background:#eee9f4}.profile-scenic{aspect-ratio:2.65}.profile-scenic>div>span{display:none}.profile-scenic>div>p{font-size:clamp(21px,7.2cqw,29px);max-width:200px}.profile-person{display:flex;align-items:center;gap:2.5cqw;padding:4.5cqw 0 3cqw}.profile-avatar{width:15cqw;height:15cqw;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#c19c50;color:#fff9e9;font:clamp(20px,7cqw,28px) Georgia,serif}.profile-person>div>small{display:block;font-size:clamp(6px,1.9cqw,8px);color:#77818b}.profile-person strong{font-size:clamp(12px,4.1cqw,16px);font-weight:650;display:block;margin-top:2px}.profile-person p{font-size:clamp(8px,2.5cqw,10px);color:#677583;margin-top:2px}.profile-person b{font-size:clamp(13px,4.5cqw,18px);color:#8243ac}.explorer-badge{margin-left:auto;padding:6px;border-radius:7px;color:#246d76;background:#e0edeb;font-size:clamp(6px,2cqw,8px);font-weight:600;white-space:nowrap}.discovery-meter>div{height:10px;background:#e2ded9;border-radius:8px;overflow:hidden}.discovery-meter>div>span{height:100%;display:block;background:#9870bc;border-radius:8px;transition:width .2s}.discovery-meter>p{display:flex;justify-content:space-between;gap:8px;font-size:clamp(7px,2.3cqw,9px);margin-top:6px;color:#5e6a78}.stamp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.8cqw;margin-top:3cqw}.stamp{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #cdbf9d;border-radius:5px;aspect-ratio:.82;background:#f8f2e5;padding:5px 3px;color:#9c8b6b}.stamp>img{width:7cqw;height:7cqw;opacity:.3;filter:grayscale(1)}.stamp>span{font-size:clamp(8px,2.5cqw,10px);margin-top:3px}.stamp.is-collected{background:#258981;border:1px solid #20776f}.stamp.is-collected>img{opacity:1;width:10cqw;height:10cqw;filter:brightness(0) invert(1)}.stamp.is-collected>span{position:absolute;bottom:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#f9f7e9;color:#24746c;font-size:9px;display:grid;place-items:center;margin:0}.stamp:hover{outline:2px solid #87639d;outline-offset:1px}.reward-ticket{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:4cqw;text-align:left;border:1px solid #d6b66f;border-radius:3px;padding:4cqw;background:linear-gradient(115deg,#efcf89,#f7e0a8 60%,#e1b86a);box-shadow:inset 0 0 0 4px #e6c689,inset 0 0 0 5px #c5a461;color:#473819}.reward-ticket strong{font:700 clamp(17px,6.5cqw,26px)/1.02 Georgia,serif;letter-spacing:-.035em;display:block}.reward-ticket small{font-size:clamp(8px,2.9cqw,12px);margin-top:5px;display:block}.reward-ticket>img{width:15cqw;height:15cqw;opacity:.45;filter:sepia(1)}
.guide-dialog{width:min(510px,calc(100vw - 24px))}.guide-dialog-header{padding:13px 22px}.guide-body.is-home{padding:18px 22px 22px}.guide-body.is-home .guest-app{max-width:390px;margin:auto;border:1px solid #e3dfd2;border-radius:15px;padding-top:13px}.guide-switch{gap:6px;margin-bottom:17px}.guide-switch button{font-size:9px;padding:7px 10px}.guide-body>h2{font-weight:750;letter-spacing:-.035em}.guide-footer{font-size:9px;padding-inline:22px}.demo-loading{padding:90px 20px;text-align:center;font-size:18px}.app-heading h2:focus{outline:none}.guide-body .sample-map{position:relative;height:290px;overflow:hidden;border-radius:16px;background:#e9e7ce;border:1px solid #d7d4b8;margin-top:24px}.sample-map:before{content:"";position:absolute;right:-16%;top:-25%;width:60%;height:160%;background:#a2d9db;border-left:13px solid #f2d593;transform:rotate(19deg)}.map-road{position:absolute;top:-30%;left:36%;height:165%;width:21px;background:#fffdf3;border-inline:2px solid #d3d3bb;transform:rotate(19deg)}.map-road.cross-road{top:30%;left:-20%;width:145%;height:15px;border:0;transform:rotate(-12deg)}.map-label{position:absolute;right:16px;bottom:14px;font:italic 19px Georgia,serif;color:#33787d}.map-spot{position:absolute;border:0;background:var(--navy);color:white;border-radius:18px;padding:9px 13px;font-size:11px;box-shadow:0 3px 5px #0002;min-height:44px}.map-spot:hover{background:var(--teal-dark)}.map-spot:nth-of-type(1){top:45px;left:16%}.map-spot:nth-of-type(2){top:134px;left:46%}.map-spot:nth-of-type(3){top:208px;left:12%}
.collection-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.collection-card{background:var(--paper);border:1px solid #e2dfd0;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:flex-start}.collection-card>img{width:36px;height:36px;margin-bottom:10px}.collection-card h3{font-size:15px;margin-bottom:10px}.collection-card button{border:1px solid #d7d6c9;border-radius:6px;background:transparent;padding:8px 10px;font-size:10px;margin-top:auto;min-height:36px}.collection-card button[aria-pressed=true]{background:#e3eee6;color:#206765}.reward-summary{text-align:center;padding:30px 25px}.reward-summary>img{width:75px;height:75px;margin:0 auto 20px}.reward-summary h3{font:700 30px/1.15 Georgia,serif}.reward-summary p{margin-top:15px}.reward-summary .button{margin-top:20px}.collection-status{font-size:13px;font-weight:600;color:#775197;margin-top:18px}.guide-body .reset-demo{font-size:11px;margin-top:25px}.empty-example{margin-top:20px}.hero-phone .app-content{padding-inline:3.5cqw}.hero-phone .app-topbar{margin-bottom:2cqw}.hero-phone .app-help-row small{font-size:6px}.hero-phone .app-subheading{margin-top:4cqw}.hero-phone .app-bottom-nav{margin-top:2cqw}
@media(max-width:1150px){.guide-stage{padding:21px 18px 17px}.explore-layout{gap:40px;grid-template-columns:.9fr 1.1fr}.hero-copy h1{font-weight:650}.demo-device{width:325px}.stage-label{font-size:9px}}
@media(max-width:900px){.guide-stage{padding:18px 13px 14px}.stage-label{font-size:8px;margin-bottom:18px}.stage-label>span:last-child{display:none}.stage-footer{font-size:9px}.stage-footer .text-link{font-size:9px}.hero-copy h1{letter-spacing:-.045em}.explore-layout{gap:30px;grid-template-columns:.87fr 1fr}.hero-product{min-height:620px}}
@media(max-width:700px){.explore-layout{grid-template-columns:1fr;gap:32px}.guide-stage{padding:23px 14px 18px}.demo-device{width:335px}.stage-label{font-size:10px;max-width:335px;margin:0 auto 22px}.stage-label>span:last-child{display:inline}.stage-footer{max-width:335px;margin:22px auto 0;font-size:11px}.stage-footer .text-link{font-size:11px}.hero-copy h1{letter-spacing:-.045em;line-height:1.06}.hero-product{min-height:560px}.hero-phone{width:256px}.hero-phone .app-heading h2{font-size:24px}.guide-body.is-home{padding:15px 14px 18px}.guide-switch button{font-size:8px;padding:7px 8px}.collection-card{padding:12px}.guide-footer{gap:14px}.guide-footer>span{max-width:160px}.guide-body>h2{font-size:30px}}
@media(max-width:370px){.hero-phone{width:236px}.stage-footer{font-size:10px}.stage-label{font-size:9px}.guide-stage{padding-inline:10px}.guide-footer>span{max-width:145px}.guest-app .explorer-badge{padding:5px}}
@media(prefers-reduced-motion:reduce){.app-tile,.discovery-meter>div>span{transition:none}.app-tile:hover{transform:none}}

/* A plain invitation replaces the status dot and secondary annotation. */
.guide-stage .stage-label{display:block;font-size:14px;font-weight:500;line-height:1.4;text-align:center;color:var(--teal-dark);max-width:340px;margin:0 auto 22px}