:root { --accent:#b0b0b0; --accent-soft:#9d9d9d17; }
.commerce-page .doc-hero { padding:30px 0 22px; }
.commerce-page .doc-hero h1 { font-size:clamp(32px,4vw,44px); margin:12px 0; }
.commerce-page .doc-intro { font-size:14px; margin:0; }
.commerce-page .doc-navigation { padding-block:12px; }
.commerce-page .doc-main { padding-bottom:40px; }
.product-icon { border-radius:21%; object-fit:contain; flex-shrink:0; }
/* Compact, monochrome download surface; payment behavior lives in checkout.js. */
.download-modal { position:fixed; inset:0; z-index:1000; display:flex; flex-direction:column; align-items:center; padding:20px; overflow-y:auto; isolation:isolate; }
.download-modal::before { content:""; position:fixed; inset:0; z-index:0; pointer-events:none; background:#000000a8; backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); }
.download-sheet { position:relative; z-index:1; display:flex; flex-direction:column; flex-shrink:0; margin:auto 0; width:min(520px,100%); max-height:calc(100vh - 40px); max-height:calc(100dvh - 40px); border:1px solid #303030; border-radius:14px; background:#151515; color:#f4f4f4; text-align:left; box-shadow:0 24px 80px #00000080; animation:download-in .18s ease-out; }
.download-sheet-heading { display:flex; align-items:center; flex-shrink:0; gap:12px; padding:20px 52px 18px 24px; border-bottom:1px solid #303030; }
.download-sheet h2 { margin:0 0 3px; font-size:19px; line-height:1.4; letter-spacing:-.025em; }
.download-sheet-heading p { margin:0; color:#a3a3a3; font-size:11px; line-height:1.5; }
.download-close { position:absolute; top:17px; right:16px; width:30px; height:30px; border:0; border-radius:6px; background:transparent; color:#a3a3a3; font-size:23px; cursor:pointer; }
.download-close:hover { background:#242424; color:#f4f4f4; }
.download-close:disabled { opacity:.35; cursor:default; }
.download-sheet-body { min-height:0; padding:18px 24px 0; overflow-y:auto; overscroll-behavior:contain; }
.download-intro { margin-bottom:17px; font-size:13px; line-height:1.6; }
.download-intro strong { font-weight:550; }
.download-intro p { margin:5px 0 10px; color:#b3b3b3; }
.download-free-fallback { color:#e0e0e0; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.download-sheet .price-label { display:block; font-size:12px; color:#d4d4d4; margin:0 0 7px; }
.download-sheet .price-input { min-height:50px; border-color:#454545; border-radius:8px; margin:0; padding:9px 13px; font-size:24px; line-height:1.3; background:#0b0b0b; color:#a3a3a3; }
.download-sheet .price-input input:focus-visible { outline:none; }
.price-currency { font-size:11px; letter-spacing:.03em; }
.included-files { margin:18px 0; padding:14px 0 0; border-top:1px solid #303030; }
.included-file { display:flex; align-items:center; gap:9px; font-size:12px; }
.included-file-icon { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; color:#a3a3a3; }
.included-file strong { font-weight:500; color:#dedede; }
.included-size { margin-left:auto; color:#a3a3a3; white-space:nowrap; }
.download-sheet-footer { flex-shrink:0; padding:0 24px 20px; text-align:left; }
.download-sheet .purchase-action { min-height:44px; padding:10px 15px; border-radius:8px; color:#171717; background:#ebebeb; border-color:#ebebeb; font-size:13px; }
.download-sheet .purchase-action:hover { background:#ffffff; border-color:#ffffff; box-shadow:none; }
.download-sheet .purchase-action[aria-disabled="true"] { opacity:.5; cursor:default; }
.download-sheet .price-help { margin:10px 0 0!important; color:#a3a3a3!important; font-size:11px!important; line-height:1.5; text-align:left; }
.download-sheet .sandbox-notice { margin:6px 0 0!important; color:#b3b3b3!important; font-size:10px!important; line-height:1.5!important; text-align:left; }
.modal-install-link { display:block; margin-top:8px; color:#a3a3a3; font-size:10px; text-align:left; text-underline-offset:3px; }
.download-sheet .field-error:empty,.download-sheet .checkout-status:empty { min-height:0; margin:0!important; }
@media(max-width:520px) { .download-modal { padding:12px; }.download-sheet { max-height:calc(100vh - 24px); max-height:calc(100dvh - 24px); }.download-sheet-heading { padding:18px 46px 16px 20px; gap:10px; }.download-sheet h2 { font-size:18px; }.download-sheet-body { padding:16px 20px 0; }.download-sheet-footer { padding:0 20px 18px; }.download-close { right:12px; top:15px; } }
@media(prefers-reduced-motion:reduce) { .download-modal::before { backdrop-filter:none; -webkit-backdrop-filter:none; }.download-sheet { animation:none; } }
.premium-download { background:#151515; border-color:#333333; gap:27px; }
.download-product { display:flex; align-items:center; gap:22px; }
.download-product h2 { font-size:clamp(26px,3.5vw,40px); letter-spacing:-.055em; margin:4px 0 7px; }
.download-product p:not(.section-kicker) { font-size:14px; color:#a6a6a6; }
.download-product .section-kicker { font-size:10px; }
.free-badge { display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; border:1px solid #69696955; color:#c6c6c6; background:#7c7c7c12; border-radius:40px; padding:6px 11px; font-size:11px; font-weight:500; }
.download-product > .free-badge { margin-left:auto; align-self:flex-start; }
.download-lower { display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px; }
.download-facts { font-size:12px; color:#c4c4c4; }
.download-facts span { padding-inline:5px; color:#686868; }
.compact-security { color:#a7a7a7; font-size:12px; max-width:540px; line-height:1.8; }
.compact-security a { color:#c7c7c7; text-decoration:underline; text-underline-offset:4px; }
.download-actions { display:grid; gap:12px; text-align:center; }
.direct-download { color:#b0b0b0; font-size:12px; }
.download-tools { display:flex; gap:12px 25px; flex-wrap:wrap; border-top:1px solid #ffffff0c; padding-top:20px; font-size:12px; color:#c3c3c3; }
.release-technical { border-top:1px solid #ffffff0c; padding-top:17px; font-size:12px; color:#a2a2a2; }
.release-technical summary { width:fit-content; }
.release-technical > div { padding-top:14px; display:grid; gap:10px; max-width:780px; }
.release-technical code { padding:10px 13px; background:#00000033; border-radius:7px; color:#c0c0c0; }
.showcase-heading { display:grid; grid-template-columns:1fr 1fr; gap:15px 45px; align-items:end; margin-bottom:30px; }
.showcase-heading .section-kicker { grid-column:1/-1; margin-bottom:0; }
.showcase-heading h2 { margin:0; font-size:clamp(29px,4vw,44px); letter-spacing:-.055em; }
.showcase-heading h2 span { color:#929292; }
.showcase-heading p:last-child { color:#a2a2a2; font-size:14px; line-height:1.8; max-width:380px; margin:0; }
.screenshot-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:24px; align-items:start; }
.visual-figure { min-width:0; margin:0; }
.visual-figure > a { display:block; position:relative; overflow:hidden; border:1px solid #333333; border-radius:16px; background:#121212; }
.visual-figure img { display:block; width:100%; height:auto; }
.image-zoom-hint { position:absolute; bottom:12px; right:12px; padding:5px 10px; background:#131313d9; border:1px solid #ffffff1c; border-radius:20px; font-size:10px; color:#d7d7d7; opacity:0; transition:opacity .18s ease; }
.visual-figure a:hover .image-zoom-hint,.visual-figure a:focus-visible .image-zoom-hint { opacity:1; }
.visual-figure figcaption { padding:12px 2px; color:#9d9d9d; font-size:11px; line-height:1.7; }
.screenshot-grid .visual-figure:last-child img { max-height:650px; object-fit:cover; object-position:top; }
.image-dialog { max-width:min(1200px,94vw); max-height:94vh; width:fit-content; padding:16px; background:#111111; color:#ececec; border:1px solid #4a4a4a; border-radius:16px; overflow:auto; }
.image-dialog::backdrop { background:#060606cc; backdrop-filter:blur(8px); }
.image-dialog > button { display:block; margin:0 0 12px auto; border:1px solid #4c4c4c; border-radius:8px; background:#252525; color:#e2e2e2; padding:7px 13px; font:inherit; font-size:12px; }
.image-dialog img { max-width:100%; max-height:76vh; width:auto; height:auto; display:block; margin:auto; border-radius:8px; }
.image-dialog p { margin:12px 0 0; color:#adadad; font-size:12px; }
.price-label { display:flex; justify-content:space-between; gap:10px; font-size:12px; color:#d9d9d9; }
.price-label span { color:#949494; font-size:11px; }
.price-input { display:flex; align-items:center; gap:12px; margin-top:9px; padding:13px 15px; border:1px solid #494949; background:#080808; border-radius:11px; color:#9e9e9e; font-size:27px; }
.price-input:focus-within { border-color:#b4b4b4; box-shadow:0 0 0 3px #93939313; }
.price-input input { background:none; border:0; border-radius:3px; min-width:0; width:100%; font:inherit; color:#ededed; outline-offset:3px; }
.field-error { min-height:19px; color:#b7b7b7!important; font-size:12px!important; line-height:1.6!important; margin:7px 0!important; }
.price-help { color:#ababab!important; font-size:12px!important; margin:4px 0 22px!important; }
.purchase-action { display:flex; width:100%; justify-content:center; text-decoration:none!important; max-width:100%; white-space:normal; text-align:center; }
.doc-body .button-primary { color:#151515; text-decoration:none; }
.checkout-status { margin:14px 0!important; color:#c7c7c7!important; font-size:12px!important; min-height:0; line-height:1.8!important; }
.sandbox-notice { font-size:11px!important; color:#c2c2c2!important; line-height:1.7!important; margin:18px 0 11px!important; display:flex; gap:7px; align-items:center; }
.sandbox-notice .status-dot { background:#979797; }
.checkout-privacy { font-size:11px!important; line-height:1.8!important; color:#8a8a8a!important; margin:0!important; }
.always-free { border-top:1px solid #ffffff0e; margin-top:22px; padding-top:18px; display:flex; flex-wrap:wrap; gap:10px 22px; font-size:12px; }
/* One compact success surface; receipt is revealed only after verified readback. */
.thank-you-main { max-width:820px; padding-top:32px; padding-bottom:40px; }
.thank-you-main .doc-body { max-width:none; }
.thank-you-panel { display:grid; grid-template-columns:1fr 1fr; gap:26px; padding:28px; border:1px solid #303030; border-radius:16px; background:#151515; text-align:left; }
.thank-you-copy,.thank-you-next { min-width:0; }
.thank-you-copy .section-kicker { margin:0 0 16px; font-size:10px; letter-spacing:.14em; color:#a3a3a3; }
.receipt-symbol { display:block; width:66px; height:56px; margin-bottom:16px; stroke:#dedede; stroke-width:1.5; }
.receipt-window-back { opacity:.35; }.receipt-window-front { opacity:.8; }.receipt-check { opacity:0; }
.receipt-check path { stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.thank-you-panel h1 { margin:0 0 14px; font-size:clamp(28px,3.2vw,36px); letter-spacing:-.05em; line-height:1.12; }
.thank-you-panel #receipt-message { min-height:0; margin:0; font-size:14px; line-height:1.7; color:#b3b3b3; }
.thank-you-panel .receipt-signoff { margin:24px 0 0; font-size:11px; color:#999; line-height:1.6; }
.thank-you-next { min-height:0; border-left:1px solid #303030; padding-left:24px; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; }
.verified-receipt { margin:0 0 20px; }
.thank-you-panel .receipt-label { margin:0 0 8px; font-size:10px; letter-spacing:.13em; color:#a3a3a3; }
.thank-you-panel .receipt-total { display:flex; align-items:baseline; gap:9px; margin:0 0 19px; color:#f4f4f4; line-height:1.2; }
.receipt-total strong { font-size:44px; letter-spacing:-.055em; font-weight:550; font-variant-numeric:tabular-nums; }
.receipt-total span { font-size:12px; color:#a3a3a3; }
.receipt-facts { margin:0; font-size:12px; line-height:1.7; }
.receipt-facts>div { display:flex; justify-content:space-between; gap:14px; padding-block:4px; }
.receipt-facts dt { color:#999; }.receipt-facts dd { margin:0; color:#eee; }
.thank-you-panel .receipt-verification { margin:13px 0 0; font-size:10px; color:#aaa; }
.thank-you-next .purchase-action { width:100%; min-height:46px; font-size:13px; white-space:normal; text-align:center; text-decoration:none; color:#171717; }
.thank-you-next #verify-again { margin-bottom:12px; min-height:44px; font-size:12px; }
.thank-you-panel .receipt-product { margin:11px 0 18px; font-size:10px; color:#999; }
.thank-you-next .receipt-install,.thank-you-next .receipt-home { width:fit-content; font-size:12px; min-height:34px; display:flex; align-items:center; text-underline-offset:4px; }
.thank-you-next .receipt-home { color:#999; }
.thank-you-panel .sandbox-notice { margin:13px 0 0; font-size:10px; line-height:1.6; color:#999; border-top:1px solid #303030; padding-top:12px; }
.receipt-no-script { font-size:11px; line-height:1.6; }
.thank-you-panel[data-verified="true"] .receipt-window-back,.thank-you-panel[data-verified="true"] .receipt-window-front { opacity:0; }
.thank-you-panel[data-verified="true"] .receipt-check { opacity:1; }
@media(prefers-reduced-motion:no-preference) {
  .thank-you-panel[data-arrival="true"] .receipt-window-back { animation:receipt-back .48s ease-out both; }
  .thank-you-panel[data-arrival="true"] .receipt-window-front { animation:receipt-move .48s ease-out both; }
  .thank-you-panel[data-arrival="true"] .receipt-check { animation:receipt-confirm .48s ease-out both; }
}
@keyframes receipt-back { 0%,25% { opacity:.35; } 65%,100% { opacity:0; } }
@keyframes receipt-move { 0% { opacity:.8; transform:translate(-8px,-5px); } 45% { opacity:.8; transform:translate(0,0); } 70%,100% { opacity:0; transform:translate(0,0); } }
@keyframes receipt-confirm { 0%,45% { opacity:0; transform:scale(.92); } 100% { opacity:1; transform:scale(1); } }
@media(max-width:700px) {
  .thank-you-main { padding-top:26px; padding-bottom:32px; }
  .thank-you-panel { grid-template-columns:1fr; gap:26px; padding:24px; }
  .thank-you-copy .section-kicker { margin-bottom:18px; }.receipt-symbol { margin-bottom:12px; width:66px; height:56px; }
  .thank-you-panel #receipt-message { min-height:0; }.thank-you-panel .receipt-signoff { margin-top:14px; }
  .thank-you-next { min-height:0; border-left:0; border-top:1px solid #303030; padding:24px 0 0; }
  .thank-you-next .receipt-install,.thank-you-next .receipt-home { min-height:44px; }
}
.install-progress { display:flex; flex-wrap:wrap; gap:9px 17px; margin:0 0 36px; font-size:11px; line-height:1.7; }
.install-progress a { color:#adadad; text-decoration:none; }
.install-progress span { color:#888888; padding-right:5px; font-family:ui-monospace,monospace; }
.visual-install-steps { padding:0; margin:0; list-style:none; display:grid; gap:55px; }
.visual-install-steps > li { display:grid; grid-template-columns:.8fr 1.2fr; gap:32px; align-items:start; scroll-margin-top:24px; border-top:1px solid #ffffff0c; padding-top:35px; }
.visual-install-steps > .compact-install-step { grid-template-columns:1fr; padding-top:24px; }
.compact-install-step .install-step-copy { max-width:740px; }
.compact-install-step .install-step-copy h2 { margin-top:9px; }
.getting-started { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; padding:20px 0 0; list-style:none; border-top:1px solid #ffffff0c; }
.getting-started li { display:grid; align-content:start; gap:7px; font-size:11px; color:#a4a4a4; line-height:1.7; }
.getting-started span { font-family:ui-monospace,monospace; color:#a9a9a9; font-size:10px; }
.getting-started strong { font-weight:500; color:#d6d6d6; font-size:12px; }
.step-index { font-size:10px; letter-spacing:.13em; color:#a3a3a3; font-family:ui-monospace,monospace; }
.install-step-copy h2 { font-size:25px; letter-spacing:-.045em; margin:14px 0 12px; }
.install-step-copy p { font-size:13px; line-height:1.9; color:#a6a6a6; }
.os-instructions { border-left:2px solid #787878; padding-left:14px; margin-block:17px; }
.os-instructions p { font-size:11px; }
.security-stop { color:#c0c0c0!important; }
.visual-install-steps .visual-figure figcaption { font-size:10px; }
.install-showcase { margin-top:65px; padding-top:35px; border-top:1px solid #ffffff0d; }
.install-showcase > div:first-child > p { font-size:13px; color:#a1a1a1; }
.guide-end { margin-top:45px; padding-top:30px; border-top:1px solid #ffffff0b; display:grid; justify-items:center; gap:14px; text-align:center; }
.guide-end p { margin:0; }.guide-end > a:last-child { font-size:12px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .premium-download,.thank-you-panel { transition:border-color .22s ease,box-shadow .22s ease; }
  .premium-download:hover { border-color:#454545; box-shadow:none; }
  .button { transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .22s ease; }
  .button:hover { transform:translateY(-1px); box-shadow:0 2px 8px #00000020; }
  .button:active { transform:translateY(1px); }
  .image-dialog[open] { animation:surface-in .18s ease-out; }
  
}
/* Keep the dialog readable even when a browser suspends its animation timeline. */
@keyframes download-in { from { opacity:.96; transform:translateY(4px); } to { opacity:1; transform:translateY(0); } }
@keyframes surface-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:850px) {
  .download-lower { grid-template-columns:1fr; gap:20px; }.download-actions { justify-items:start; text-align:left; }
  .download-product { gap:15px; }.download-product>.free-badge { display:none; }
  .visual-install-steps>li { grid-template-columns:1fr; gap:18px; }
}
@media(max-width:600px) {
  .getting-started { grid-template-columns:1fr 1fr; }
  .showcase-heading,.screenshot-grid { grid-template-columns:1fr; gap:20px; }.showcase-heading p:last-child { max-width:none; }
  .download-product .product-icon { width:55px; height:55px; }.download-product h2 { font-size:27px; }
  .download-product p:not(.section-kicker) { font-size:12px; }.premium-download { gap:22px; }
  .download-actions { justify-items:stretch; }.download-actions .button { padding-inline:15px; font-size:13px; }.direct-download { text-align:center; }
  .download-tools { gap:11px 20px; font-size:11px; }.download-facts { font-size:11px; line-height:1.9!important; }
  .thank-you-panel { padding:28px 21px; }.thank-you-panel h2 { font-size:25px; }.verified-receipt strong { font-size:36px; }
  .image-zoom-hint { opacity:1; }.install-progress { gap:10px 15px; }
}
@media(prefers-reduced-motion:reduce) { .image-zoom-hint { transition:none; }.image-dialog::backdrop { backdrop-filter:none; } }

/* Equal 4:3 editorial previews; full original images remain in the lightbox. */
.screenshot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
.product-preview>a { aspect-ratio:4/3; border-radius:12px; }
.product-preview img,.screenshot-grid .product-preview:last-child img { width:100%; height:100%; max-height:none; object-fit:cover; object-position:center top; }
.product-preview figcaption { padding:14px 2px 0; display:grid; gap:3px; text-align:left; }
.product-preview figcaption strong { color:#eee; font-size:14px; font-weight:550; }.product-preview figcaption span { font-size:12px; color:#aaa; }
/* One connected guide rail. Current, hover and keyboard focus are distinct. */
.installation-navigation { margin:0 0 26px; min-width:0; }
.installation-navigation>.section-kicker { font-size:10px; margin:0 0 10px; }
.install-progress { position:relative; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(94px,1fr); gap:8px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; margin:0; padding:4px 3px 10px; scroll-padding-inline:4px; }
.install-progress a { position:relative; display:grid; justify-items:start; align-content:center; gap:6px; min-height:62px; padding:8px 10px; border:1px solid #303030; border-radius:8px; background:#121212; white-space:nowrap; text-decoration:none; }
.install-progress a:not(:last-of-type)::after { content:''; position:absolute; z-index:1; top:20px; left:calc(100% + 1px); width:8px; height:1px; background:#4a4a4a; pointer-events:none; }
.install-progress a>span { display:grid; place-items:center; min-width:23px; height:21px; padding:0 3px; border:1px solid #3b3b3b; border-radius:5px; color:#999; font-size:9px; background:#171717; }
.install-progress strong { font-weight:500; color:#aaa; font-size:11px; }
.install-progress a:hover { border-color:#555; background:#1b1b1b; }
.install-progress a:focus-visible { outline:2px solid #ddd; outline-offset:2px; border-color:#777; }
.install-progress a[aria-current="step"] { border-color:#a0a0a0; background:#292929; }
.install-progress a[aria-current="step"]>span { color:#171717; background:#ebebeb; border-color:#ebebeb; }
.install-progress a[aria-current="step"] strong { color:#fff; }
.step-preview { min-height:94px; margin:4px 2px 0; padding:12px 14px; border-top:1px solid #333; background:#141414; border-radius:0 0 8px 8px; }
.step-preview-context { display:block; margin:0 0 4px; font-size:9px; color:#888; text-transform:uppercase; letter-spacing:.09em; }
.step-preview-content>strong { font-size:12px; font-weight:550; }.doc-body .step-preview-content>p { margin:4px 0 0; font-size:12px; line-height:1.6; color:#aaa; }
.step-scroll-hint { display:none; margin:3px 2px 0!important; font-size:10px!important; color:#999!important; }
[data-scrollable="true"]>.step-scroll-hint { display:block; }
.download-modal { inset:var(--visual-top,0px) 0 auto; height:var(--visual-height,100dvh); }
.download-sheet { max-height:calc(var(--visual-height,100dvh) - 40px); }
.download-close { width:36px; height:36px; top:14px; right:12px; }
@media(max-width:600px) { .screenshot-grid { grid-template-columns:1fr; gap:25px; }.step-preview { min-height:112px; }.download-sheet { max-height:calc(var(--visual-height,100dvh) - 24px); } }

.visual-figure img[src$=".svg"],#zoomed-image[src$=".svg"] { filter:grayscale(1); }

.download-close { width:44px; height:44px; top:9px; right:8px; }
.image-dialog>button { min-height:44px; }
@media(max-width:640px),(pointer:coarse) { .demo-toolbar button,.input-tabs button { min-height:44px; min-width:44px; }.site-footer a { display:inline-flex; align-items:center; min-height:44px; } }

/* Motion is feedback, never a prerequisite for reading or taking action. */
.install-progress .step-indicator { position:absolute; left:0; bottom:4px; width:28px; height:2px; padding:0; border-radius:2px; background:#ebebeb; pointer-events:none; opacity:0; }
.install-progress[data-indicator-ready] .step-indicator { opacity:1; }
@media(prefers-reduced-motion:no-preference) {
  .install-progress[data-indicator-ready] .step-indicator { transition:transform var(--motion-normal) var(--motion-ease); }
  .install-progress a { transition:border-color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease); }
  .product-preview>a { transition:transform var(--motion-normal) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease); }
  .download-sheet { animation:download-surface-in var(--motion-normal) var(--motion-ease); }
  .image-dialog[open] { animation:lightbox-in var(--motion-normal) var(--motion-ease); }
}
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .product-preview>a:hover { transform:translateY(-2px); } }
@keyframes download-surface-in { from { opacity:.96; transform:scale(.98); } to { opacity:1; transform:scale(1); } }
@keyframes lightbox-in { from { opacity:.8; transform:scale(.985); } to { opacity:1; transform:scale(1); } }

@media(prefers-reduced-motion:no-preference) {
 .thank-you-panel[data-arrival="true"] .verified-receipt { animation:receipt-reveal .24s var(--motion-ease) both; }
 .thank-you-panel[data-arrival="true"] #download-status { animation:receipt-reveal .18s var(--motion-ease) both; }
}
@keyframes receipt-reveal { from { opacity:.65;transform:translateY(3px); } to { opacity:1;transform:translateY(0); } }

/* Let translated step labels determine their safe minimum width. */
.install-progress { grid-auto-columns:minmax(max-content,1fr); }
.install-progress a { min-width:94px; }

.thank-you-copy { align-self:start; }
html:lang(ja) .thank-you-panel h1,html:lang(ko) .thank-you-panel h1,html:lang(zh-Hans) .thank-you-panel h1 { letter-spacing:-.025em;line-height:1.25; }

.thank-you-panel #download-status { margin:10px 0 0;font-size:12px;line-height:1.6; }
.thank-you-panel #download-status:empty { display:none; }
.thank-you-panel .receipt-product { margin:10px 0 8px;line-height:1.6; }
.thank-you-panel .receipt-label { line-height:1.5; }
.thank-you-panel .receipt-total { margin-bottom:14px; }
.thank-you-panel .receipt-verification { margin-top:8px;line-height:1.5; }
.receipt-facts>div { padding-block:2px; }

/* Private, server-authorized receipt: neutral layered surface, no delivery delay. */
.checkout-availability { margin:10px 0 0; font-size:12px; line-height:1.6; color:#b6b6b6; }
.thank-you-panel { position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(135deg,#242424 0%,#181818 48%,#141414 100%); border-color:#464646; box-shadow:inset 0 1px 0 #ffffff10,0 20px 60px #00000030; }
.thank-you-panel::before { content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,#ffffff02 0px,#ffffff02 1px,transparent 1px,transparent 4px); }
.thank-you-next { border-color:#ffffff20; }
.thank-you-panel .receipt-total strong { font-weight:500; }
@media (prefers-reduced-motion:no-preference) {
 .thank-you-panel[data-arrival="true"] .thank-you-copy { animation:receipt-reveal .28s var(--motion-ease) both; }
}

.thank-you-copy { align-self:center; }
@media(max-width:640px) { .thank-you-copy { align-self:start; } }
