/* New product demonstrations share the existing site scale, with bounded native canvases. */
.journey-studio,.theme-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:90px;padding:78px 0;border-top:1px solid var(--line)}
.journey-copy,.theme-copy{min-width:0}.journey-copy h2,.theme-copy h2{font-size:clamp(34px,3.5vw,50px);line-height:1.45;letter-spacing:-.035em;margin:22px 0 26px}
.journey-copy>p,.theme-copy>p{font-size:18px;line-height:1.85;color:var(--muted);max-width:32em}
.evolution-demo-note{font-size:12px!important;line-height:1.8!important;text-align:center;color:#a28db4!important;margin-top:18px}
.evolution-hint{font-size:14px!important;color:#bba4d0!important;margin-top:22px}.evolution-boundary{max-width:34em;margin-top:25px}.evolution-boundary summary{font-size:15px;color:#bea6d4;min-height:40px;cursor:pointer}.evolution-boundary p{font-size:15px;line-height:1.85;color:var(--muted);margin:12px 0}
.journey-steps{display:grid;gap:6px;margin:28px 0}.journey-steps button{display:flex;align-items:center;gap:18px;min-height:52px;padding:12px 0;text-align:left;border-bottom:1px solid #c2a6fa20;color:#9e8bac;font:inherit;font-size:18px;transition:color .25s}.journey-steps small{font:12px monospace;color:#8d779f}.journey-steps button[aria-pressed=true]{color:#d9c2ff;border-bottom-color:#c2a6fa88}.journey-steps button[aria-pressed=true] small{color:#c2a6fa}.journey-copy .journey-caption{font-size:18px;color:#e7d9f2;min-height:34px}.journey-copy .journey-more{font-size:15px;color:#a18db3}
.journey-demo{width:min(100%,400px);justify-self:center;min-width:0}.journey-phone{height:665px;position:relative;border:1px solid #c2a6fa38;background:linear-gradient(145deg,#241a31,#140e21);border-radius:30px;box-shadow:0 24px 65px #0003;overflow:hidden}.journey-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;height:70px;padding:12px 24px;color:#d7b9fb}.journey-nav strong{font-size:17px;font-weight:550}.journey-nav svg{width:20px;height:20px}.journey-home{position:absolute;left:37%;right:37%;bottom:9px;height:3px;border-radius:5px;background:#dcd1e4}.journey-content{height:calc(100% - 92px);padding:8px 22px 20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.journey-content>section{animation:journey-enter .4s ease both}
.journey-intro h3{font-size:23px;line-height:1.4;color:#ceb0f5;font-weight:550;margin:0 0 12px}.journey-intro p{font-size:13px;line-height:1.65;color:#b6a3c7}.journey-intro>small{display:block;margin:18px 0;font-size:12px;color:#c2a6fa}
.journey-native-card{padding:15px;background:#c2a6fa0a;border:1px solid #c2a6fa27;border-radius:21px;margin:15px 0}.journey-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#bca2d2}.journey-card-top>span{display:flex;align-items:center;gap:5px}.journey-card-top svg{width:14px;height:14px}.journey-card-top small{font-size:11px;white-space:nowrap;color:#a598b3}.journey-native-card h4{font-size:24px;margin:10px 0 4px;font-weight:550;display:flex;justify-content:space-between}.journey-native-card h4>span:last-child{color:#c2a6fa}.journey-dates{font:11px/1.8 monospace;color:#ab98bc}.journey-cover-fan{position:relative;height:67px;margin:18px 0 10px}.journey-cover-fan>span{position:absolute;width:54px;height:62px;left:calc(var(--i) * 13.4%);border-radius:8px;overflow:hidden;border:1px solid #dbc4ef30;box-shadow:-3px 0 8px #0004;transform:rotate(calc((var(--i) - 3) * 2deg));animation:journey-cover .5s ease both;animation-delay:calc(var(--i) * 40ms)}.journey-cover-fan img{width:100%;height:100%;object-fit:cover}.journey-card-actions{display:flex;justify-content:space-between;gap:6px}.journey-card-actions button{min-height:40px;display:flex;align-items:center;gap:5px;color:#c2a6fa;font-size:11px;white-space:nowrap}.journey-card-actions svg{width:15px;height:15px}
.journey-review{border:1px solid #c2a6fa25;background:#c2a6fa08;border-radius:16px;padding:14px;margin-bottom:18px}.journey-review>strong{font-size:15px;color:#c2a6fa}.journey-review>p{font-size:12px;line-height:1.7;color:#b7a4c8;margin:8px 0 12px}.journey-review label{display:flex;align-items:center;gap:10px;padding:7px 0}.journey-review img{width:42px;height:48px;object-fit:cover;border-radius:5px}.journey-review label>span{font-size:11px;color:#b8a4c9;flex:1}.journey-review input,.editor-toggle input{width:18px;height:18px;accent-color:#c2a6fa;flex:none}
.journey-pill{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #c2a6fa35;border-radius:26px;background:#c2a6fa18;color:#d6b8fb;font:inherit;font-size:13px;padding:9px 18px;width:100%;margin-top:16px}.journey-pill:disabled{opacity:.4;cursor:default}.journey-editor-details>small{display:block;font-size:12px;color:#a48ab7;margin:8px 0 12px}.journey-editor-details>label,.journey-album-draft>label{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid #c2a6fa20;font-size:13px;color:#bca6d0}.journey-editor-details input,.journey-album-draft input{min-width:0;flex:1;width:100%;text-align:right;background:transparent;border:0;color:#d8b8ff;font:inherit;padding:8px 0;outline-offset:2px}.journey-date-row{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#aa92bd;padding:10px 0}.journey-date-row>span:last-child{font-size:10px}.journey-map{position:relative;border-radius:12px;background:#242134;margin:14px 0;overflow:hidden}.journey-map svg{width:100%;height:auto;display:block}.map-land{fill:#354037;opacity:.55}.map-road{stroke:#817187;stroke-width:2;fill:none;opacity:.4}.map-route{fill:none;stroke:#c2a6fa;stroke-width:3;stroke-linecap:round;stroke-dasharray:340;animation:journey-route 1.8s ease both}.map-stops{fill:#ebd8ff;stroke:#6d4d88;stroke-width:3}.map-labels{font-size:10px;fill:#e4d1f0;text-anchor:middle}.journey-map>small{position:absolute;left:8px;top:5px;font-size:9px;color:#bda8c9}
.journey-album-draft{padding-top:18px}.journey-album-mosaic{display:grid;grid-template-columns:1fr 1fr;gap:5px;border-radius:13px;overflow:hidden;margin:24px 0}.journey-album-mosaic img{width:100%;height:125px;object-fit:cover}.journey-album-count{display:block;font-size:19px;color:#d3b7f0;font-weight:500}.journey-album-draft>p{font-size:13px;color:#b39bc5;line-height:1.8;margin-top:10px}.journey-album-draft h3{font-size:22px;color:#ddc2f6;font-weight:500;line-height:1.5;margin:15px 0}.journey-created-name{font-size:17px;color:#eee4f5}.journey-success{display:grid;place-items:center;margin-top:12px;width:48px;height:48px;border-radius:50%;background:#c2a6fa18;color:#c2a6fa}.journey-success svg{width:26px;height:26px}
.theme-options{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 20px}.theme-options button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid #c2a6fa2d;border-radius:24px;padding:9px 14px;font:inherit;font-size:14px;color:#c4b1d4;background:#c2a6fa05}.theme-options i{width:10px;height:10px;border:1px solid #fff3;border-radius:50%;flex:none}.theme-options button[aria-pressed=true]{border-color:#c2a6fa;color:#ecdfff;background:#c2a6fa17}.theme-copy .theme-system-note{font-size:14px;color:#a48cb8}.theme-copy .theme-icon-label{font-size:15px;color:#d6bdef;margin-top:26px}.theme-icons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.theme-icons button{border-radius:15px;border:1px solid transparent;padding:4px;min-height:54px;background:none}.theme-icons button[aria-pressed=true]{border-color:#c2a6fa;background:#c2a6fa12}.theme-icons img{border-radius:11px;display:block;width:42px;height:42px}.theme-demo{width:min(100%,360px);justify-self:center;min-width:0}.theme-preview{background:var(--demo-canvas,#140e21);border:1px solid #c2a6fa33;border-radius:30px;padding:26px 20px 20px;color:var(--demo-ink);transition:background .35s,color .35s;box-shadow:0 20px 65px #0003}.theme-preview>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.theme-preview strong{display:block;font-size:32px;letter-spacing:-.04em}.theme-preview small{display:block;font-size:13px;color:var(--demo-secondary);margin-top:5px}.theme-preview>header>img{border-radius:13px}.theme-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.theme-photo-grid img{width:100%;height:195px;object-fit:cover;border-radius:5px}.theme-native-tab{display:flex;justify-content:space-around;gap:12px;border-radius:24px;margin-top:18px;padding:13px 8px;background:var(--demo-surface);color:var(--demo-secondary);font-size:13px;transition:background .35s}.theme-native-tab span:nth-child(2){color:var(--demo-accent)}
.journey-studio button:focus-visible,.theme-studio button:focus-visible{outline:2px solid #c2a6fa;outline-offset:4px}
@keyframes journey-enter{from{opacity:.2;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes journey-cover{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes journey-route{from{stroke-dashoffset:340}to{stroke-dashoffset:0}}
@media(max-width:1100px){.journey-studio,.theme-studio{gap:42px}.journey-copy h2,.theme-copy h2{font-size:36px}.journey-cover-fan>span{width:48px}.journey-card-actions{gap:2px}.journey-card-actions button{font-size:10px}.journey-nav{padding-inline:20px}.journey-content{padding-inline:16px}}
@media(max-width:760px){.journey-studio,.theme-studio{grid-template-columns:1fr;gap:32px;padding-block:48px}.journey-copy h2,.theme-copy h2{font-size:34px;margin-block:20px}.journey-copy>p,.theme-copy>p{font-size:16px}.journey-steps{margin:22px 0;gap:0}.journey-steps button{font-size:17px;min-height:48px}.journey-copy .journey-caption{font-size:17px}.journey-demo{width:min(100%,390px)}.journey-phone{height:650px}.evolution-demo-note{text-align:left}.theme-icons{gap:8px}.theme-photo-grid img{height:180px}.theme-studio{padding-bottom:60px}}
@media(max-width:380px){.journey-copy h2,.theme-copy h2{font-size:30px}.journey-content{padding-inline:12px}.journey-nav{padding-inline:17px}.journey-native-card{padding:12px}.journey-cover-fan>span{width:44px;height:55px}.journey-cover-fan{height:59px}.journey-card-top{font-size:10px}.journey-card-actions button{font-size:10px}.theme-options button{font-size:13px;padding-inline:12px}.theme-icons img{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.journey-content>section,.journey-cover-fan>span,.map-route{animation:none}.journey-steps button,.theme-preview,.theme-native-tab{transition:none}}
.motion-paused .journey-content>section,.motion-paused .journey-cover-fan>span,.motion-paused .map-route{animation-play-state:paused}

.journey-copy .journey-access{font-size:13px;color:#b49bc6;margin-top:20px}