/* Shared finishing layer: retain Jianwu's established silk palette and type pair. */
:root{--ui-ease:cubic-bezier(.32,.72,0,1)}
html{scroll-padding-top:24px}
body{overflow-wrap:break-word}
header nav{align-items:center}
header nav a{font-weight:500}
a,button,summary,select{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.button,.home-skin-options button,.example-options button,.scene-navigation a{transition:background-color .2s var(--ui-ease),color .2s var(--ui-ease),border-color .2s var(--ui-ease),transform .2s var(--ui-ease)}
.button:active,.home-skin-options button:active,.example-options button:active{transform:scale(.98)}
h1,h2,h3{text-wrap:balance}
p{ text-wrap:pretty }
.home-page .description{max-width:40em;font-size:18px;line-height:28px}
.home-page .free-promise{margin-top:24px}
.home-page .actions .button{min-height:64px;padding:16px 24px;font-size:16px;line-height:24px;font-weight:600}
.home-page .home-skins{padding-block:24px}
.home-page .skin-heading{gap:16px;margin-bottom:16px}
.home-page .home-skin-options{gap:8px}
.home-page .home-skin-options button{padding:12px 8px;gap:8px}
.home-page .home-skin-options button span{font-size:12px;line-height:16px}
.home-page .home-skin-status{font-size:12px;line-height:20px;min-height:40px;margin-top:16px}
.home-page .site-footer{padding-top:24px}
.home-skin-options button[aria-busy="true"]{border-style:dashed;border-color:var(--accent)}
.discover-page::before,.install-page::before{display:none}
.discover-page .story-intro{padding:48px 0 32px}
.discover-page .story-intro h1{font-size:48px;line-height:1.25}
.discover-page .story-intro>p{font-size:18px;line-height:28px}
.discover-page .scene-navigation{gap:8px;border:0;background:var(--wash);padding:8px;border-radius:12px}
.discover-page .scene-navigation a{display:flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid transparent;border-radius:8px;font-size:16px;line-height:24px}
.discover-page .scene-navigation [aria-selected="true"]{background:var(--cream);border-color:var(--line);color:var(--accent);font-weight:600}
.discover-page .story-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:40px 0 48px}
.discover-page .story-scene[hidden]{display:none}
.discover-page .scene-copy{min-width:0;padding-top:24px}
.discover-page .scene-copy h2{font-size:36px;line-height:1.25}
.discover-page .scene-lead{font-size:16px;line-height:28px;max-width:40em;margin-top:24px}
.discover-page .scene-points{margin-block:24px;font-size:16px;line-height:28px}
.discover-page details{padding-block:16px}
.discover-page summary{min-height:40px;align-content:center;font-size:16px;line-height:24px}
.discover-page details p{font-size:14px;line-height:24px}
.discover-page .scene-visual figure>a{height:560px;padding:16px;background:var(--wash);border:1px solid var(--line);border-radius:12px}
.discover-page .scene-visual img{border-radius:4px}
.discover-page .scene-visual figcaption{font-size:12px;line-height:20px;color:var(--muted);margin-top:12px}
.discover-page .example-options{gap:8px;margin-top:16px}
.discover-page .example-options button{min-height:48px;padding:8px 12px;font-size:14px;line-height:20px;border-radius:8px}
.discover-page .example-status{display:block;min-height:24px;font-size:12px;line-height:20px}
.discover-page .scene-visual[aria-busy="true"] figure{opacity:.65}
.discover-page .scene-visual figure{transition:opacity .2s var(--ui-ease)}
.discover-page .backup-explainer{padding:32px;border-radius:12px}
.discover-page .backup-heading{font-size:24px;line-height:32px}
.discover-page .story-faq{padding:32px 0}
.discover-page .story-faq h2,.discover-page .story-end h2{font-size:24px;line-height:32px}
.install-page .download-intro{max-width:48em;margin-bottom:32px}
.install-page .platform-downloads{gap:24px;align-items:start}
.install-page .download-card{min-width:0;background:var(--cream);padding:32px;border:1px solid var(--line, var(--wash));border-radius:12px}
.install-page .download-card .button{min-height:64px;font-size:16px;line-height:24px;font-weight:600;padding:16px 24px;white-space:normal;text-align:center}
.install-page .download-card h3{font-size:30px;line-height:36px}
.install-page .download-card p{font-size:16px;line-height:28px}
.install-page .recent-improvements{margin-top:32px}
@media(hover:hover){.home-skin-options button:hover,.example-options button:not([aria-pressed="true"]):hover{background:var(--wash);border-color:var(--accent)}.scene-navigation a:not([aria-selected="true"]):hover{background:var(--paper)}}
@media(max-width:1000px){.discover-page .story-scene{gap:32px}}
@media(max-width:760px){
 .home-page .description{font-size:16px;line-height:28px}
 .home-page .actions .button{min-height:64px;padding:12px;font-size:14px;line-height:20px;gap:8px}
 .home-page .home-skin-options button{padding:8px 4px}
 .home-page .home-skin-status{min-height:64px}
 .discover-page .story-intro{padding:24px 0}
 .discover-page .story-intro h1{font-size:36px;line-height:40px}
 .discover-page .story-intro>p{font-size:16px;line-height:24px}
 .discover-page .scene-navigation{gap:4px;padding:4px}
 .discover-page .scene-navigation a{padding:12px 4px;font-size:14px;line-height:20px}
 .discover-page .story-scene{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px 0 32px}
 .discover-page .scene-copy{padding:0}
 .discover-page .scene-copy h2{font-size:30px;line-height:36px}
 .discover-page .scene-visual{grid-row:2}
 .discover-page .scene-visual figure>a{height:min(72svh,560px);min-height:320px;padding:12px}
 .discover-page .scene-lead{margin-top:16px}
 .discover-page .scene-points{margin-block:16px}
 .install-page .download-card{padding:24px}
 .install-page .download-section{padding-block:32px}
 .install-page .platform-downloads{gap:24px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Editorial scene selector and product-led presentation. */
.discover-page .story-intro{max-width:960px;padding-block:64px 40px}
.discover-page .story-intro .editorial-label{font:500 12px/16px var(--body);letter-spacing:.12em;color:var(--accent);margin:0 0 24px}
.discover-page .story-intro h1{max-width:16em;font-size:60px;line-height:1.2}
.discover-page .story-intro>p:not(.editorial-label){margin-top:24px}
.discover-page .story-promise{margin-top:24px;font-size:14px;line-height:20px}
.discover-page .scene-navigation{background:none;gap:12px;padding:0;border-radius:0}
.discover-page .scene-navigation a{position:relative;align-items:flex-start;justify-content:flex-start;gap:12px;padding:24px 16px;text-align:left;background:var(--wash);border-radius:8px;min-width:0}
.discover-page .scene-navigation [aria-selected="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.scene-number{font:500 12px/20px var(--body);font-variant-numeric:tabular-nums;opacity:.7}
.scene-label{min-width:0;font:500 18px/28px var(--display)}
.scene-label small{display:block;font:400 12px/20px var(--body);margin-top:8px}
.scene-arrow{margin-left:auto;font-size:18px;line-height:28px}
.discover-page .story-scene{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;padding-block:48px 64px}
.discover-page .scene-copy{padding:0}
.discover-page .scene-copy h2{font-size:48px;line-height:1.2}
.discover-page .scene-benefits{display:grid;gap:24px;margin-top:32px}
.scene-benefits h3{font:600 16px/24px var(--body);color:var(--ink)}
.scene-benefits p{margin-top:8px;font-size:14px;line-height:24px;color:var(--muted);max-width:40em}
.discover-page .scene-points{font-size:14px;line-height:24px;color:var(--accent);margin-block:24px}
.discover-page .scene-visual{padding:24px;background:var(--wash);border-radius:12px;min-width:0}
.discover-page .scene-visual figure>a{background:transparent;border:0;padding:0;height:560px;border-radius:0}
.discover-page .scene-visual figure img{filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--ink) 12%,transparent))}
.discover-page .example-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.discover-page .example-options button{display:flex;align-items:center;justify-content:flex-start;gap:12px;text-align:left;padding:8px;background:var(--paper);min-width:0;border:1px solid transparent}
.discover-page .example-options button img{width:40px;height:48px;object-fit:cover;object-position:top;flex:none;border-radius:4px}
.discover-page .example-options button span{font-size:12px;line-height:20px;min-width:0}
.discover-page .example-options button[aria-pressed="true"]{background:var(--cream);border-color:var(--accent);color:var(--accent);font-weight:600}
.discover-page .story-faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:0 64px;padding-block:48px}
.discover-page .story-faq h2{grid-column:1;grid-row:1 / span 3;max-width:12em;font-size:30px;line-height:36px}
.discover-page .story-faq details{grid-column:2}
.discover-page .story-end{padding:32px;background:var(--wash);border-radius:12px;margin-bottom:48px}
@media(max-width:1000px){
 .discover-page .story-scene{gap:32px}
 .discover-page .scene-navigation a{padding:16px 12px;gap:8px}
 .scene-arrow{display:none}
 .discover-page .scene-copy h2{font-size:36px;line-height:40px}
}
@media(max-width:760px){
 .discover-page .story-intro{padding-block:32px}
 .discover-page .story-intro h1{font-size:36px;line-height:40px;max-width:10em}
 .discover-page .scene-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .discover-page .scene-navigation a{padding:16px 12px}
 .scene-label{font-size:16px;line-height:24px}
 .scene-label small{font-size:12px;line-height:20px;margin-top:4px}
 .discover-page .story-scene{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding-block:32px}
 .discover-page .scene-copy{display:contents}
 .discover-page .scene-copy h2{order:0;font-size:30px;line-height:36px}
 .discover-page .scene-lead{order:1;margin:0}
 .discover-page .scene-visual,.discover-page .backup-explainer{order:2}
 .discover-page .scene-benefits{order:3;margin:0;gap:24px}
 .discover-page .scene-points{order:4;margin:0}
 .discover-page .scene-copy details,.discover-page .scene-copy .quiet-link{order:5}
 .discover-page .scene-visual{padding:16px}
 .discover-page .scene-visual figure>a{height:min(64svh,560px);min-height:320px}
 .discover-page .story-faq{display:block;padding-block:32px}
 .discover-page .story-faq h2{max-width:none;font-size:24px;line-height:32px;margin-bottom:24px}
 .discover-page .story-end{padding:24px;margin-bottom:32px}
}
/* Homepage: one artwork stage, two installation routes, three clear next steps. */
.home-page .folio-showcase{min-width:0;width:100%;align-self:center}
.home-page .folio-showcase .folio{margin-inline:auto}
.folio-controls{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:24px}
.folio-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;background:var(--paper);color:var(--accent);font:400 20px/28px var(--body);cursor:pointer}
.folio-controls a{text-align:center;min-width:0;font:400 18px/28px var(--display)}
.folio-controls small{display:block;color:var(--muted);font:400 12px/20px var(--body);margin-top:4px}
.home-page .folio-window{touch-action:pan-y pinch-zoom}
.home-page .free-promise p{font:500 14px/24px var(--body);color:var(--accent)}
.home-page .home-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}
.home-paths a{position:relative;min-width:0;display:flex;flex-direction:column;gap:8px;padding-block:8px;color:var(--ink)}
.home-paths a>span{font-size:12px;line-height:16px;color:var(--accent);font-variant-numeric:tabular-nums}
.home-paths strong{font:400 18px/28px var(--display)}
.home-paths small{font-size:12px;line-height:20px;color:var(--muted)}
.home-paths b{position:absolute;top:4px;right:4px;font-size:16px;font-weight:400;color:var(--accent)}
@media(hover:hover){.folio-controls button:hover{background:var(--wash)}.home-paths a:hover strong{color:var(--accent);text-decoration:underline;text-underline-offset:4px}}
@media(min-width:641px) and (max-width:999px){.home-page main{display:grid;grid-template-columns:1fr;gap:32px}.home-page .folio-showcase{max-width:640px;margin-inline:auto}.home-page .folio{display:block}}
@media(max-width:640px){
 .home-page main{padding-top:24px;padding-bottom:32px}
 .home-page .folio-showcase{margin-top:32px}
 .home-page .folio-showcase .folio{margin-top:0}
 .home-page .folio-controls{margin-top:16px;gap:16px}
 .home-page .home-paths{gap:12px;margin-top:24px;padding-top:16px}
 .home-paths strong{font-size:16px;line-height:24px}
 .home-paths b{display:none}
 .home-page .home-skin-status{min-height:40px}
}
@media(max-width:360px){.home-page .actions{grid-template-columns:1fr}.home-page .home-paths{gap:8px}}

/* Keep the upcoming store visible without offering an unavailable download. */
.home-page .actions .google-play-placeholder:disabled,.install-page .google-play-placeholder:disabled{font-family:inherit;cursor:default;background:transparent;color:var(--muted);border:1px dashed color-mix(in srgb,var(--ink) 26%,transparent);box-shadow:none;transform:none;opacity:1}
.home-page .actions .google-play-placeholder{grid-column:1/-1;min-height:44px;padding:10px 16px;font-size:13px}
.google-play-placeholder small{font:inherit;color:var(--muted);padding-left:12px;border-left:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}
.google-play-placeholder .download-symbol{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;flex:none}
.install-page .google-play-download{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent}
.install-page .google-play-download h3{font-size:22px;line-height:30px}
.install-page .google-play-download p{margin:8px 0 0;color:var(--muted)}
.install-page .google-play-download .button{min-width:180px;min-height:52px;padding:12px 20px}
@media(max-width:640px){.install-page .google-play-download{align-items:flex-start;flex-direction:column;gap:20px}.install-page .google-play-download .button{width:100%}}