/* Homepage application downloads + Chrome extension release CTA.\n   Layout-stable release: Windows + iOS + Android on the first row, Chrome on its own row. */
.download-platform-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr) minmax(0,.8fr);gap:15px;align-items:stretch}
.download-windows-card{isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(230px,.92fr);align-items:center;gap:22px;min-height:385px;padding:30px!important;overflow:hidden}
.download-windows-copy{min-width:0;max-width:none!important;flex:none!important;align-items:flex-start}
.download-windows-copy>p{max-width:36rem}
.download-windows-visual{position:relative!important;inset:auto!important;right:auto!important;left:auto!important;bottom:auto!important;top:auto!important;width:100%!important;height:280px!important;min-width:0;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none}
.download-app-preview{width:min(100%,310px)!important;margin:auto}
.download-visual-orbit{right:50%!important;top:50%!important;transform:translate(50%,-50%)}
.download-visual-orbit-b{right:50%!important;top:50%!important;transform:translate(50%,-50%)}
.download-windows-action{color:#fff!important;background:linear-gradient(125deg,var(--gold-soft),var(--gold),var(--bronze));border-color:color-mix(in srgb,var(--gold) 78%,transparent)}
.download-windows-action,.download-windows-action *{color:#fff!important}

/* Chrome Web Store card always occupies a clean full-width row after the app cards. */
.download-browser-card{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 18px;border:1px solid color-mix(in srgb,var(--gold) 34%,var(--line));border-radius:19px;background:linear-gradient(120deg,color-mix(in srgb,var(--gold) 8%,var(--panel)),var(--panel));box-shadow:0 14px 36px rgba(15,23,42,.07);color:var(--text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.download-browser-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 58%,var(--line));box-shadow:0 20px 44px rgba(15,23,42,.11)}
.download-browser-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:color-mix(in srgb,var(--gold) 10%,var(--panel2));border:1px solid color-mix(in srgb,var(--gold) 25%,var(--line));overflow:hidden}
.download-browser-icon img{width:34px;height:34px;object-fit:contain}
.download-browser-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.download-browser-copy small{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--gold)}
.download-browser-copy strong{font-size:16px;line-height:1.25}
.download-browser-copy span{font-size:11px;color:var(--muted);line-height:1.5}
.download-browser-cta{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border-radius:11px;background:linear-gradient(125deg,var(--gold-soft),var(--gold),var(--bronze));color:#fff!important;font-size:11px;font-weight:900;white-space:nowrap}
.download-browser-cta *{color:#fff!important}

/* RTL only changes reading direction; it must not reposition the visual over the copy. */
html[dir="rtl"] .download-windows-card{padding:30px!important}
html[dir="rtl"] .download-windows-copy{text-align:right;align-items:flex-start;margin:0}
html[dir="rtl"] .download-windows-visual{right:auto!important;left:auto!important}
html[dir="rtl"] .download-app-preview{transform:perspective(640px) rotateY(10deg) rotateZ(3deg)}
html[dir="rtl"] .download-browser-card{text-align:right}

/* Tablet: Windows uses the full row, mobile cards share a row, Chrome remains full-width. */
@media(max-width:1100px){
  .download-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .download-windows-card{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);min-height:350px}
  .download-browser-card{grid-column:1/-1}
}

/* Narrow screens: stack everything; hide only the decorative Windows preview. */
@media(max-width:760px){
  .download-platform-grid{grid-template-columns:1fr;gap:12px}
  .download-windows-card,.download-browser-card,.download-mobile-card{grid-column:1!important}
  .download-windows-card{grid-template-columns:1fr;padding:24px!important;min-height:0}
  html[dir="rtl"] .download-windows-card{padding:24px!important}
  .download-windows-visual{display:none!important}
  .download-windows-copy{max-width:none!important}
  .download-windows-action{width:100%}
  .download-browser-card{grid-template-columns:auto minmax(0,1fr);gap:12px}
  .download-browser-cta{grid-column:1/-1;width:100%}
}

/* Light mode contrast. */
html[data-theme="light"] .download-windows-card,html[data-theme="light"] .download-mobile-card{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--gold) 4%,#f8fafc));border-color:color-mix(in srgb,var(--gold) 24%,#d7deea)}
html[data-theme="light"] .download-browser-card{background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--gold) 6%,#f8fafc));border-color:color-mix(in srgb,var(--gold) 30%,#d7deea)}
html[data-theme="light"] .download-windows-features span{background:#fff;border-color:#d8dfeb;color:#1b2230}

/* Floating Chrome extension promo. */
.chrome-extension-popup{position:fixed;right:18px;bottom:18px;z-index:80;width:min(350px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr;gap:10px 12px;padding:15px 44px 15px 15px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 24px 70px rgba(8,9,13,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:extensionPromoIn .42s cubic-bezier(.2,.8,.2,1) both}
.extension-popup-close{position:absolute;top:9px;right:9px;width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.extension-popup-close:hover{background:var(--panel2);color:var(--text)}
.extension-popup-icon{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--gold) 26%,var(--line));border-radius:13px;background:var(--panel2);display:grid;place-items:center;overflow:hidden;grid-row:1/3}
.extension-popup-icon img{width:29px;height:29px;object-fit:contain}
.extension-popup-copy{display:flex;flex-direction:column;gap:3px;min-width:0;padding-right:5px}
.extension-popup-copy strong{font-size:13px;line-height:1.2;color:var(--text)}
.extension-popup-copy span{font-size:10px;line-height:1.5;color:var(--muted)}
.extension-popup-action{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border-radius:10px;background:linear-gradient(125deg,var(--gold-soft),var(--gold),var(--bronze));color:#fff!important;font-size:10px;font-weight:900}
.extension-popup-action *{color:#fff!important}
.chrome-extension-popup.is-hidden{display:none}
html[dir="rtl"] .chrome-extension-popup{right:18px;text-align:right;padding:15px 15px 15px 44px}
html[dir="rtl"] .extension-popup-close{right:auto;left:9px}
html[dir="rtl"] .extension-popup-copy{padding-right:0;padding-left:5px}
html[dir="rtl"] .extension-popup-action{justify-self:end}
@keyframes extensionPromoIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.chrome-extension-popup{right:10px;bottom:10px;width:calc(100vw - 20px)}html[dir="rtl"] .chrome-extension-popup{right:10px}}
@media(prefers-reduced-motion:reduce){.chrome-extension-popup{animation:none}}

/* PWA install cards: iOS / Android replace the former coming-soon state. */
.pwa-download-card{gap:24px}
.pwa-ready-badge{color:var(--gold)!important;border-color:color-mix(in srgb,var(--gold) 35%,var(--line))!important;background:color-mix(in srgb,var(--gold) 9%,var(--panel2))!important}
.download-pwa-actions{display:grid;gap:8px;margin-top:auto}
.download-mobile-install{width:100%;min-height:48px;border:1px solid color-mix(in srgb,var(--gold) 58%,transparent);border-radius:13px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:9px;background:linear-gradient(125deg,var(--gold-soft),var(--gold),var(--bronze));box-shadow:0 10px 28px rgba(var(--gold-rgb),.17);color:#fff!important;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.download-mobile-install,.download-mobile-install *{color:#fff!important}
.download-mobile-install:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(var(--gold-rgb),.24);filter:saturate(1.05)}
.download-mobile-install:focus-visible{outline:3px solid color-mix(in srgb,var(--gold) 30%,transparent);outline-offset:3px}
.download-mobile-install.is-installed,.download-mobile-install:disabled{cursor:default;opacity:.7;transform:none;filter:none}
.download-mobile-install-note{display:block;text-align:center;color:var(--muted);font-size:10px;line-height:1.45}
html[data-theme="light"] .pwa-ready-badge{background:color-mix(in srgb,var(--gold) 8%,#fff)!important;border-color:color-mix(in srgb,var(--gold) 34%,#d7deea)!important;color:color-mix(in srgb,var(--gold) 82%,#352058)!important}
@media(max-width:700px){.pwa-download-card{gap:17px}.download-mobile-install{min-height:50px}.download-mobile-install-note{font-size:10.5px}}


/* 2026-10-01: PWA install CTA hardening + cache-safe visual release. */
.download-pwa-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:10px!important;width:100%!important;margin-top:auto!important}
.download-mobile-install{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:52px!important;margin:0!important;border:1px solid color-mix(in srgb,var(--gold) 56%,transparent)!important;border-radius:14px!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;background:linear-gradient(125deg,var(--gold-soft),var(--gold),var(--bronze))!important;box-shadow:0 12px 28px rgba(var(--gold-rgb),.20)!important;color:#fff!important;font:inherit!important;font-size:12px!important;font-weight:900!important;line-height:1.2!important;text-align:center!important;cursor:pointer!important;text-decoration:none!important}
.download-mobile-install,.download-mobile-install *{color:#fff!important;fill:currentColor!important}
.download-mobile-install svg{flex:0 0 auto!important}
.download-mobile-install-note{display:block!important;width:100%!important;margin:0!important;text-align:center!important;color:var(--muted)!important;font-size:10.5px!important;line-height:1.55!important}
html[data-theme="light"] .download-mobile-install-note{color:#526070!important}
html[dir="rtl"] .download-mobile-install{direction:rtl!important}
html[dir="rtl"] .download-mobile-install-note{text-align:center!important}
@media(max-width:700px){.download-mobile-install{min-height:52px!important;font-size:12.5px!important}.download-mobile-install-note{font-size:10.5px!important}}