.app-tour-section{padding-top:38px}.app-tour-section .section-intro>p{max-width:440px}
.app-tour{margin-top:35px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#f0f2e9}
.tour-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:45px 55px;min-height:420px}
.tour-panel[hidden]{display:none}.tour-story h3{font:400 37px/1.18 var(--serif);letter-spacing:-1px;margin:15px 0 20px;max-width:420px}
.tour-story>p{font-size:14px;line-height:1.85;max-width:420px;color:var(--muted)}.tour-count{font-size:12px;color:var(--teal);font-weight:700;letter-spacing:.08em}
.tour-story ul{padding:0;list-style:none;margin:24px 0 0}.tour-story li{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;margin-top:11px;color:var(--muted)}.tour-story li .icon{width:16px;height:16px;margin-top:3px;color:var(--teal)}
.tour-display{border:1px solid var(--line);background:var(--cream);border-radius:18px;padding:23px;min-width:0;width:100%;max-width:420px;justify-self:end;box-shadow:0 14px 28px #152f350a}
.tour-display>strong{display:block;font-size:18px;line-height:1.4}.tour-display>p{color:var(--muted);font-size:11px;margin:5px 0 18px}
.tour-meal{background:#dceee7;border-radius:12px;overflow:hidden}.tour-meal img{width:100%;height:130px;object-fit:cover}.tour-meal>div{padding:13px 16px}.tour-meal h4{font-size:17px;line-height:1.4;margin:0 0 7px}.tour-meal small{color:var(--muted);font-size:11px}.tour-action{display:block;margin-top:12px;background:var(--teal);color:var(--cream);border-radius:8px;padding:10px 13px;font-size:11px;font-weight:600}
.tour-demo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.tour-demo-row:last-child{border-bottom:0}.tour-demo-row>div{min-width:0}.tour-demo-row strong{display:block;font-size:13px}.tour-demo-row small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.tour-demo-row>span{font-size:12px;color:var(--teal);white-space:nowrap}.tour-demo-row.is-purchased{opacity:.65}.tour-demo-row.is-purchased strong{text-decoration:line-through}
.tour-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.tour-filters span{padding:5px 8px;border-radius:8px;font-size:10px;border:1px solid var(--line)}.tour-filters span:first-child{background:#eee2c4;color:#63512c;border-color:transparent}
.tour-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:10px 20px;background:#e8e8df;border-top:1px solid var(--line);gap:8px}.tour-tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;background:transparent;border:0;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.4}.tour-tabs button[hidden]{display:none}.tour-tabs button[aria-selected=true]{background:#f3e6c5;color:#594926}.tour-tabs button:hover{color:var(--ink)}.tour-caption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:15px;max-width:700px}
.phone .phone-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:12px -10px -3px;padding:9px 3px 6px;background:#e8e8df;border-radius:10px}.phone-bottom-nav>span{display:flex;align-items:center;gap:3px;flex-direction:column;font-size:6px;color:#68766d;white-space:nowrap}.phone-bottom-nav .icon{width:15px;height:15px}.phone-bottom-nav>span:first-child{color:#756034}.phone-bottom-nav>span:first-child .icon{background:#f3e6c5;border-radius:7px;box-sizing:content-box;padding:3px;margin-top:-3px;margin-bottom:-3px}.phone .phone-list small{font-size:8px}
[data-theme=dark] .app-tour{background:#243728}[data-theme=dark] .tour-tabs{background:#1c2c22}[data-theme=dark] .tour-tabs button[aria-selected=true]{background:#574a30;color:#f3e6c5}[data-theme=dark] .tour-meal{background:#2c4435}[data-theme=dark] .tour-filters span:first-child{background:#574a30;color:#f3e6c5}
@media(max-width:850px){.tour-panel{gap:28px;padding:32px}.tour-story h3{font-size:32px}.tour-display{padding:18px}}
@media(max-width:600px){.app-tour-section{padding-top:35px}.tour-panel{display:block;padding:25px;min-height:0}.tour-story h3{font-size:31px}.tour-story>p{font-size:13px}.tour-story ul{margin-top:18px}.tour-display{margin-top:26px;max-width:none}.tour-tabs{padding:8px;gap:3px}.tour-tabs button{font-size:10px;padding:10px 2px}.tour-tabs .icon{width:21px;height:21px}.tour-caption{font-size:10px}.phone-bottom-nav>span{font-size:5px}}
@media(prefers-reduced-motion:reduce){.app-tour *{scroll-behavior:auto}}

@media(max-width:600px){.hero-art .phone{right:12px}}

.app-tour{display:flex;flex-direction:column}.tour-tabs{order:1}
@media(max-width:600px){.tour-tabs{order:-1;border-top:0;border-bottom:1px solid var(--line)}}
[data-theme=dark] .phone .phone-bottom-nav{background:#243728}[data-theme=dark] .phone-bottom-nav>span{color:#bdcbb9}[data-theme=dark] .phone-bottom-nav>span:first-child{color:#f3e6c5}[data-theme=dark] .phone-bottom-nav>span:first-child .icon{background:#574a30}