.grid-redesign{--scroll-surface:#1d2221!important;background:var(--scroll-surface)!important}
html[data-theme=light] .grid-redesign{--scroll-surface:#f4f3ee!important;background:var(--scroll-surface)!important}
.grid-redesign .mountain-flyer{left:-140px!important}
.grid-redesign .product-experience.scroll-story{height:230vh;min-height:1300px}
.grid-redesign .app-story-pin{top:72px}
.grid-redesign .app-story-pin .app-intro{padding-top:12px!important;padding-bottom:8px!important}
.app-story-layout{width:min(880px,calc(100% - 64px));margin:20px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.grid-redesign .app-story-layout .experience-stage{width:100%!important;margin:0!important}
.app-story-details{display:grid;gap:18px}
.app-story-details article{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:28px 0;border-top:1px solid var(--line)}
.app-story-details article:first-of-type{border-top:0}
.app-detail-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:var(--detail-accent);box-shadow:inset 0 1px #ffffff65}
.app-detail-icon img{width:24px;height:24px;filter:brightness(0) invert(1)!important;opacity:1}
.app-story-details h3{font:400 25px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0 0 10px}
.app-story-details p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}
.app-qr-callout{display:grid;grid-template-columns:92px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--text) 4%,transparent)}
.app-qr-callout>img{width:92px;height:92px;border-radius:9px;filter:none!important}
.app-qr-callout strong{font:400 24px/1.1 Georgia,serif}
.app-qr-callout p{margin-top:8px}
.feature-conveyor-group{width:1392px!important}
.grid-redesign .editorial-index .feature-conveyor-group a{background:#171b1a!important;border-color:#ffffff09!important}
html[data-theme=light] .grid-redesign .editorial-index .feature-conveyor-group a{background:#e8e7e2!important;border-color:#22222209!important}
.grid-redesign #share{min-height:0!important;padding-top:30px!important;border-top:0!important}
.grid-redesign .tape-collection{margin-bottom:0!important;padding-top:0!important}
.site-header .homebar-actions .icon-button,.site-header .homebar-actions .account-button,.site-header .homebar-actions .menu-button{box-sizing:border-box;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;padding:0!important;display:grid!important;place-items:center;border-radius:8px!important;background:color-mix(in srgb,var(--text) 5%,transparent)!important;border:1px solid var(--line)!important}
.site-header .account-button-label,.site-header .account-button:after{display:none!important}
.site-header .account-main-chip{width:24px!important;height:24px!important;padding:0!important;display:grid!important;place-items:center!important}
.site-header .account-button.is-authenticated{display:flex!important;width:auto!important;max-width:180px!important;min-width:78px!important;padding:0 10px!important;gap:8px!important}
.site-header .account-button.is-authenticated .account-main-chip{display:flex!important;order:2;width:auto!important;height:24px!important}
.site-header .account-button.is-authenticated .account-button-label{display:block!important;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .account-button.is-authenticated .account-main-chip>img{display:none!important}
.site-header .account-button .account-button-avatar{order:1!important;display:grid!important;place-items:center!important;box-sizing:border-box;width:26px!important;height:26px!important;line-height:1!important;flex:none!important;margin:0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;mix-blend-mode:normal!important;translate:0 0!important;font-family:'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif!important;font-style:normal;font-size:22px!important;text-align:center}
.language-flag,.language-icon,.language-text-swap{animation:none!important;transition:none!important}
.profile-identity{position:relative}
.profile-identity [data-account-initial]{width:56px;height:56px;flex:0 0 56px;font-size:30px;border:1px solid var(--line);border-radius:13px;padding:0;color:inherit;font-family:'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif;cursor:pointer;display:grid;place-items:center;background:transparent!important}
.emoji-picker{position:absolute;left:84px;top:0;width:270px;max-width:calc(100vw - 130px);z-index:20;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface,#212224);box-shadow:0 16px 24px -20px #000;transform-origin:left center;animation:emoji-open .25s ease-out;overflow:visible}
.emoji-picker[hidden]{display:none!important}
.emoji-picker p{font-size:11px;line-height:1.4;color:var(--muted);margin:0 0 10px}
.emoji-options{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-height:190px;overflow:auto}
.emoji-options button{font-family:'Noto Color Emoji','Apple Color Emoji','Segoe UI Emoji',sans-serif;font-size:23px;padding:7px;border:1px solid transparent;border-radius:8px;background:none;cursor:pointer}
.emoji-options button:hover,.emoji-options button:focus-visible{border-color:var(--line);background:var(--surface-2)}
@keyframes emoji-open{from{opacity:0;transform:scale(.75,.9) translateX(-15px)}to{opacity:1;transform:none}}
.account-cassettes{position:fixed;inset:auto 0 18px;pointer-events:none;z-index:0;opacity:.16}
.account-cassettes img{position:absolute;width:110px;bottom:0;left:14px;transform:rotate(-18deg);animation:cassette-drift 8s ease-in-out infinite}
.account-cassettes img:nth-child(2){left:60px;bottom:30px;rotate:30deg;animation-delay:-3s}
.account-cassettes img:nth-child(3){left:auto;right:12px;rotate:20deg;animation-delay:-5s}
.account-workspace{position:relative;z-index:1}
@keyframes cassette-drift{50%{translate:0 -12px}}
html[data-theme=light] .account-section-nav img,html[data-theme=light] .account-support-toggle img,html[data-theme=light] .account-support-subnav img{filter:brightness(0)!important}
[data-account-theme] img{filter:invert(1)}
html[data-theme=light] [data-account-theme] img{filter:none}
@media(min-width:801px){.site-header .homebar-actions .menu-button{display:none!important}}
.conveyor-window{overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important}
.grid-redesign .editorial-index{mask-image:none!important;-webkit-mask-image:none!important}
html[data-theme=light] .grid-redesign .editorial-index .feature-conveyor-group a:hover,html[data-theme=light] .grid-redesign .editorial-index .feature-conveyor-group a:focus-visible{border-color:#242828!important;outline-color:#242828!important;background:#deddd7!important}
.production-fallback{position:absolute;z-index:6;inset:0;display:flex;flex-direction:column;align-items:center;padding:34px 26px;background:#0d0d0d;color:#f4f4ef;box-sizing:border-box;opacity:1;visibility:visible;transition:opacity .65s ease .35s,visibility 0s linear 1s;overflow:hidden}
.production-device.is-flutter-ready .production-fallback{opacity:0;visibility:hidden}
.production-fallback b{font:700 24px/1.1 Georgia,serif;margin-bottom:42px}
.production-fallback img{width:78%;height:auto;margin:28px auto 34px}
.production-fallback>i{width:78%;height:48px;border:1px solid #ffffff18;border-radius:12px;margin:8px;background:linear-gradient(90deg,#ffffff12,#ffffff05)}
.fallback-lines{display:flex;align-items:end;justify-content:center;gap:12px;width:88%;height:340px;border-block:1px solid #ffffff12;padding:32px 0}
.fallback-lines i{flex:1;height:55%;border-radius:999px;background:linear-gradient(#d8806b,#789fbd);animation:fallback-pulse 1.4s ease-in-out infinite alternate}
.fallback-lines i:nth-child(2n){height:80%;animation-delay:-.3s}
.fallback-lines i:nth-child(3n){height:35%;animation-delay:-.7s}
.production-fallback-2 .fallback-lines{height:auto;display:grid;align-items:stretch}
.production-fallback-2 .fallback-lines i{height:58px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff09}
@keyframes fallback-pulse{to{scale:1 1.12;opacity:.62}}
body{opacity:1!important}
.reveal-frame{opacity:0;transform:translateY(22px);transition:opacity .75s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}
.reveal-frame.is-visible{opacity:1;transform:none}
.app-story-details article,.app-qr-callout{animation:detail-enter .55s cubic-bezier(.2,.8,.2,1) both}
.app-story-details article:nth-child(2){animation-delay:.07s}.app-story-details article:nth-child(3){animation-delay:.14s}.app-story-details article:nth-child(4){animation-delay:.21s}
@keyframes detail-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .grid-redesign .mountain-flyer{left:-8px!important}.feature-conveyor-group{width:1184px!important}
 .app-story-layout{width:calc(100% - 34px);gap:16px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);margin-top:8px}
 .app-story-details{gap:6px}.app-story-details article{gap:8px;grid-template-columns:30px 1fr;padding:13px 0}.app-detail-icon{width:28px;height:28px;border-radius:7px}.app-detail-icon img{width:16px!important;height:16px!important}.app-story-details h3{font-size:16px;margin-bottom:6px}.app-story-details p{font-size:11px;line-height:1.42}
 .app-qr-callout{grid-template-columns:54px 1fr;gap:9px;padding:9px}.app-qr-callout>img{width:54px;height:54px}.app-qr-callout strong{font-size:16px}.app-qr-callout p{font-size:10px;margin-top:4px}
 .grid-redesign .app-story-pin{top:72px}.account-cassettes{display:none}
 .site-header .account-button.is-authenticated{min-width:40px!important;width:40px!important;padding:0!important}.site-header .account-button.is-authenticated .account-main-chip{display:none!important}
}
@media(prefers-reduced-motion:reduce){.emoji-picker,.account-cassettes img,.fallback-lines i{animation:none}.grid-redesign .product-experience.scroll-story{height:auto;min-height:0}.reveal-frame{opacity:1;transform:none;transition:none}.js:not(.page-ready) body{opacity:1}}

/* Stable app layout and one reveal system. */
.grid-redesign .hero-step,.grid-redesign .site-header{opacity:1!important;animation:none!important}
.grid-redesign .product-experience.scroll-story{padding-top:22px!important;margin-top:0!important;height:225vh;min-height:1400px;scroll-margin-top:96px}
.grid-redesign .app-story-pin{top:100px!important}
.grid-redesign .app-story-pin .app-intro{padding-top:0!important;padding-bottom:0!important}
.grid-redesign .app-story-pin .app-intro p{font-size:14px!important;line-height:1.6!important;margin-top:12px!important}
.grid-redesign .app-story-tabs{margin:24px auto 20px!important}
.grid-redesign .app-story-layout{margin-top:0;gap:60px;align-items:center}
.grid-redesign .app-story-details{gap:12px}
.grid-redesign .app-story-details article{padding:23px 0;min-height:90px}
.grid-redesign .app-story-details article:first-child{border-top:0}
.app-qr-preview{display:block;width:88px;height:88px;margin:0 0 14px;border-radius:8px;filter:none!important}
.production-fallback{padding:0!important;transition:none!important}
.production-fallback .app-first-frame{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important;max-width:none!important}
.grid-redesign .production-scale-slot{background:#141414}
.grid-redesign .editorial-index,.conveyor-window,.feature-conveyor-track{mask:none!important;-webkit-mask:none!important}
.conveyor-window:before,.conveyor-window:after{display:none!important}
.grid-redesign .collection-heading{padding-top:0!important;margin-top:-16px!important;margin-bottom:24px!important}
.grid-redesign .product-experience+.share-finale{padding-top:0!important}
@media(max-width:800px){.grid-redesign .app-story-pin{top:92px!important}.grid-redesign .app-story-tabs{margin:18px auto 14px!important}.grid-redesign .app-story-layout{gap:18px}.grid-redesign .app-story-details article{padding:12px 0;min-height:0}.grid-redesign .app-story-pin .app-intro p{font-size:12px!important}.app-qr-preview{width:60px;height:60px;margin-bottom:8px}.grid-redesign .app-story-details p{font-size:12px}.grid-redesign .app-story-details{gap:4px}}
@media(prefers-reduced-motion:reduce){.grid-redesign .app-story-pin{position:relative;top:0!important}.grid-redesign .product-experience.scroll-story{height:auto;min-height:0}}
@media(min-width:801px) and (max-height:850px){
 .grid-redesign .app-story-pin .app-intro h2{font-size:28px!important}
 .grid-redesign .app-story-pin .app-intro p{font-size:12px!important;max-width:720px!important;line-height:1.45!important;margin-top:8px!important}
 .grid-redesign .app-story-tabs{margin:18px auto 14px!important}
 .grid-redesign .app-story-details{gap:0}
 .grid-redesign .app-story-details article{padding:15px 0;min-height:0;gap:14px}
 .grid-redesign .app-story-details h3{font-size:22px;margin-bottom:7px}
 .grid-redesign .app-story-details p{font-size:13px;line-height:1.5}
 .app-qr-detail>div{display:grid;grid-template-columns:1fr 76px;gap:6px 12px;align-items:start}
 .app-qr-detail .app-qr-preview{grid-column:2;grid-row:1 / 3;width:76px;height:76px;margin:0}
 .app-qr-detail h3,.app-qr-detail p{grid-column:1}
}
