/* Homepage-only visual layer. Artwork continues behind the transparent header. */
.landing-page{background:#111113}
.hero-scene{--panel-surface:rgb(32 32 35 / .85);--panel-border:1px solid #ffffff1c;--panel-radius:23px;position:relative;isolation:isolate;background:#171c26;padding-bottom:150px;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none;background:#171c26}
.hero-slides{position:absolute;inset:0;isolation:isolate}
.hero-slides img{mix-blend-mode:plus-lighter}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(1.5px);transform-origin:50% 48%;will-change:transform,opacity}
.hero-scene::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,#11111338,#11111320 48%,#11111378)}
.hero-scene::after{content:'';position:absolute;bottom:0;left:0;right:0;height:150px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#11111300 0%,#11111318 25%,#11111390 65%,#111113 100%)}
.hero-scene>header{width:min(1180px,calc(100% - 96px));height:106px;margin:0 auto;padding:0;background:transparent}
.hero-scene .header-note{display:block;color:#fff;font-size:24px;line-height:1.35;text-align:center}
.hero-scene .header-slot{display:inline-flex;align-items:center;justify-content:center;gap:.35em;white-space:nowrap}
.slot-prefix{color:#fff;flex-shrink:0}
.slot-window{position:relative;display:inline-block;width:4.8em;height:2em;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.slot-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;opacity:0;will-change:transform}
.slot-word.is-current{opacity:1}
.slot-word[data-scene="0"],.slot-word.slot-orange{color:#ff8c1a}
.slot-word[data-scene="1"],.slot-word.slot-blue{color:#369aff}
.slot-word[data-scene="2"],.slot-word.slot-purple{color:#bb8bff}
.slot-word[data-scene="3"],.slot-word.slot-green{color:#7fd39a}
.slot-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.hero-scene .header-slot{justify-content:flex-start}.slot-window{height:1.8em}}
@media(prefers-reduced-motion:reduce){.slot-word{will-change:auto}}
.hero-scene #helpButton{flex-shrink:0;border:var(--panel-border);border-radius:var(--panel-radius);padding:10px 16px;background:var(--panel-surface);color:#fff;font-size:13px}
.hero-scene #helpButton:hover{background:rgb(48 48 52 / .9);border-color:#ffffff40}
.hero-scene>main{position:relative;align-items:start;margin:0 auto;padding-top:36px;padding-bottom:40px;gap:40px;grid-template-columns:1fr 1.08fr}
.hero-scene .intro{position:relative;align-self:start;min-width:0;padding:40px 30px 34px;background:rgb(32 32 35 / .95);border:var(--panel-border);border-radius:var(--panel-radius)}
.hero-scene .showcase{border:var(--panel-border);border-radius:var(--panel-radius)}
.hero-scene .intro h1{font-size:62px;font-size:round(nearest,clamp(42px,4.5vw,62px),1px);margin:0 0 20px}
.hero-scene .intro .lead{font-size:19px;margin-bottom:30px;color:#eeedf0;word-break:keep-all;text-wrap:balance}
.hero-scene .intro .eyebrow{font-size:14px;color:#eeedf0}
.hero-scene .intro .product h2{font-size:21px;margin:0;color:#eeedf0}
.hero-scene .intro .product p{font-size:16px;color:#eeedf0}
.hero-scene .intro .version,.hero-scene .intro .download-note,.hero-scene .intro .requirements{font-size:12px;color:#eeedf0}
.hero-scene .intro #downloadButton{font-size:19px;height:auto;min-height:50px;line-height:1.25;white-space:normal;word-break:keep-all;padding:11px 17px;border-radius:12px;box-shadow:none;margin-top:22px}
.hero-scene .intro #downloadButton>span{font-size:21px;flex-shrink:0}
.hero-scene .intro .app-icon{width:40px;height:40px;flex:0 0 40px}
.hero-scene .demo-column{padding-top:0}
.landing-page>.reviews-section{position:relative;margin-top:0;padding-top:12px;background:#111113}
.landing-page>.legal-footer{background:#111113}
@media(max-width:1000px){.hero-scene>header{width:calc(100% - 48px)}.hero-scene>main{gap:25px}.hero-scene .intro{padding:34px 24px 30px}.hero-scene .intro h1{font-size:44px}.hero-scene .intro .lead,.hero-scene .intro #downloadButton{font-size:18px}.hero-scene .header-note{font-size:21px}}
@media(max-width:700px){.hero-scene{padding-bottom:100px}.hero-scene::after{height:100px}.hero-scene>header{width:calc(100% - 32px);height:116px;display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding-block:18px}.hero-scene .header-note{grid-column:1/-1;grid-row:2;font-size:22px;text-align:left}.hero-scene #helpButton{grid-column:2;grid-row:1;justify-self:end;font-size:12px}.hero-scene>main{width:calc(100% - 32px);grid-template-columns:1fr;gap:30px;padding-top:18px;padding-bottom:25px}.hero-scene .intro{max-width:480px;padding:34px 26px 30px}.hero-scene .intro h1{font-size:44px}.hero-scene .demo-column{padding-top:0}.landing-page>.reviews-section{padding-top:10px}}
@media(max-width:380px){.hero-scene .intro{padding-inline:21px}.hero-scene .intro h1{font-size:40px}.hero-scene .intro .lead{font-size:18px}.hero-scene .intro #downloadButton{font-size:18px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.hero-media img{will-change:auto}}

.review-nudge{position:fixed;z-index:30;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;max-width:calc(100% - 32px);padding:10px 20px 3px;border:0;background:transparent;color:#fff;font:700 16px/1.4 Paperlogy,sans-serif;white-space:nowrap;text-shadow:0 1px 8px #000b}
.review-nudge:not([hidden]){animation:review-hint-appear .4s ease-out both}
.review-nudge svg{overflow:visible;filter:drop-shadow(0 1px 5px #0008)}
.review-nudge path{stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:review-chevron-down 1.8s ease-in-out infinite}
.review-nudge path:nth-child(2){animation-delay:.12s}.review-nudge path:nth-child(3){animation-delay:.24s}
.review-nudge:hover{color:#fff}.review-nudge:hover span{text-decoration:underline;text-underline-offset:4px}
#reviewsHeading{scroll-margin-top:28px}
@keyframes review-hint-appear{from{opacity:0}to{opacity:1}}
@keyframes review-chevron-down{0%,100%{transform:translateY(0);opacity:.55}45%{transform:translateY(6px);opacity:1}}
@media(max-width:700px){.review-nudge{font-size:14px;bottom:calc(12px + env(safe-area-inset-bottom))}.review-nudge svg{width:56px;height:44px}}
@media(prefers-reduced-motion:reduce){.review-nudge:not([hidden]),.review-nudge path{animation:none}.review-nudge path{opacity:1}}

.review-nudge.is-leaving:not([hidden]){animation:review-hint-dismiss .3s linear forwards;pointer-events:none}
@keyframes review-hint-dismiss{from{opacity:1}to{opacity:0}}

.hero-scene .intro .download-note{margin:10px 0 0;line-height:1.6}
.hero-scene .intro .product{gap:12px}

#helpDialog>ol{clear:both;padding-top:18px;margin-top:0}
#helpDialog>ol>li{color:#ff962f}
#helpDialog>ol>li::marker{color:#ff962f}
#helpDialog>ol>li>small{color:#b9b4be}
