:root { --download-width: 1040px; }
.agent-guide { max-width: 740px; margin: 32px auto 0; color: var(--ink-soft); }
.agent-guide h2 { color: var(--ink); font-size: 1.25rem; text-wrap: balance; }
.agent-guide p { max-width: 72ch; font-size: .9rem; line-height: 1.9; text-wrap: pretty; }
html.js:not(.reduced-motion) .download-main [data-reveal] { opacity: 1; transform: none; transition: none; }
.download-main :focus-visible { outline: 3px solid var(--teal); outline-offset: 4px; }
.download-header .lang-toggle { width: auto; flex-shrink: 0; padding-inline: 12px; }
.download-header { color: var(--ink); }
.download-header .brand img { width: 142px; }
.download-header-copy { margin-inline-start: auto; margin-inline-end: 16px; color: var(--muted); font-size: .88rem; font-weight: 700; }
.download-header .lang-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 48px; min-height: 44px; border: 1px solid var(--line); border-radius: 13px; color: var(--ink); background: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.download-header .lang-toggle span[aria-hidden] { color: var(--teal); font-size: 1.2rem; }
.download-main { width: min(var(--download-width), calc(100% - 36px)); margin-inline: auto; padding: 34px 0 60px; }
.download-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(270px, .85fr); align-items: center; gap: 30px; min-height: 320px; padding: 36px clamp(26px, 5vw, 55px); overflow: hidden; border: 1px solid rgba(13,115,119,.12); border-radius: 25px; background: radial-gradient(circle at 7% 0%, rgba(20,145,155,.16), transparent 19rem), linear-gradient(135deg,#f5faf8,#eaf4f2 70%,#f7faf8); box-shadow: 0 20px 55px rgba(3,40,42,.07); }
.download-hero-copy { position: relative; z-index: 2; }
.download-eyebrow,.download-kicker { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: var(--teal); font-size: .78rem; font-weight: 800; letter-spacing: .04em; }
.download-eyebrow span:first-child { width: 8px; height: 8px; border-radius: 3px; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,107,53,.12); }
.download-hero h1 { max-width: 560px; margin: 0 0 14px; color: var(--ink); font-size: clamp(2rem,4vw,3rem); line-height: 1.32; letter-spacing: -.04em; }
.download-hero-copy > p:not(.download-eyebrow) { max-width: 560px; margin: 0; color: var(--muted); font-size: .98rem; line-height: 1.85; }
.download-badges { display: flex; flex-wrap: wrap; gap: 9px 14px; margin-top: 20px; }
.download-badges > span { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-soft); font-size: .78rem; font-weight: 700; }
.download-badges b { display: grid; place-items: center; width: 19px; height: 19px; border-radius: 50%; color: #fff; background: var(--teal); font: 800 .7rem/1 sans-serif; }
.download-device-visual { position: relative; min-height: 250px; display: grid; place-items: center; isolation: isolate; }
.download-device-glow { position: absolute; z-index: -2; width: 230px; height: 230px; border-radius: 50%; background: radial-gradient(circle,rgba(20,145,155,.23),rgba(20,145,155,.03) 65%,transparent 70%); }
.download-reader { position: relative; z-index: 2; display: grid; justify-items: center; width: 116px; height: 190px; padding: 14px 13px; border: 1px solid rgba(255,255,255,.58); border-radius: 17px; background: linear-gradient(145deg,#17474a,#03282a 75%); box-shadow: 17px 22px 38px rgba(3,40,42,.24),inset 0 1px 0 rgba(255,255,255,.16); transform: rotate(-5deg); }
.reader-brand { color: rgba(240,244,244,.75); font: 700 .43rem/1 Sora,sans-serif; letter-spacing: .18em; }
.reader-display { display: grid; align-content: center; gap: 6px; width: 84px; height: 55px; padding: 10px; border: 1px solid rgba(43,196,201,.25); border-radius: 5px; background: #092e31; }
.reader-display i { width: 68%; height: 3px; border-radius: 4px; background: rgba(43,196,201,.74); }
.reader-display i:nth-child(2) { width: 85%; opacity: .55; }.reader-display i:nth-child(3) { width: 49%; opacity: .38; }
.reader-scan { display: grid; place-items: center; width: 54px; height: 54px; margin-top: 9px; border: 1px solid rgba(43,196,201,.35); border-radius: 50%; color: #6dc3c2; background: radial-gradient(circle,#18575a,#082e31); box-shadow: 0 0 0 5px rgba(3,40,42,.22); }
.reader-scan svg { width: 30px; height: 30px; }.reader-dot { width: 28px; height: 3px; margin-top: 8px; border-radius: 5px; background: rgba(255,255,255,.16); }
.download-flow-line { position: absolute; inset-inline-start: calc(50% + 53px); top: 50%; display: flex; align-items: center; gap: 0; width: 116px; height: 2px; transform: rotate(-17deg); background: linear-gradient(90deg,rgba(13,115,119,.08),rgba(13,115,119,.62),rgba(13,115,119,.08)); }
.download-flow-line span,.download-flow-line i,.download-flow-line b { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 4px rgba(255,107,53,.12); }.download-flow-line span { inset-inline-start: 17px; }.download-flow-line i { inset-inline-start: 56px; }.download-flow-line b { inset-inline-start: 94px; }
.download-cloud { position: absolute; z-index: 3; inset-inline-start: calc(50% + 104px); top: calc(50% - 21px); display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid rgba(13,115,119,.17); border-radius: 14px; color: var(--teal); background: rgba(255,255,255,.89); box-shadow: 0 11px 28px rgba(3,40,42,.11); }.download-cloud svg { width: 26px; height: 26px; }
.download-orbit { position: absolute; z-index: -1; border: 1px solid rgba(13,115,119,.12); border-radius: 50%; transform: rotate(-24deg); }.orbit-one { width: 240px; height: 130px; }.orbit-two { width: 310px; height: 190px; opacity: .7; }
.download-card { max-width: 740px; margin: 26px auto 0; padding: clamp(22px,4vw,34px); border: 1px solid var(--line); border-radius: 19px; background: rgba(255,255,255,.93); box-shadow: var(--shadow-soft); }
.download-card-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 17px; }.download-card-heading .download-kicker,.install-heading .download-kicker { margin-bottom: 5px; }.download-card-heading h2,.install-heading h2 { margin: 0; color: var(--ink); font-size: clamp(1.45rem,3vw,1.9rem); line-height: 1.45; }
.release-version { padding: 6px 10px; border: 1px solid rgba(13,115,119,.17); border-radius: 999px; color: var(--teal-deep); background: rgba(20,145,155,.08); font: 700 .75rem/1.2 Sora,sans-serif; }
.os-tabs,.install-tabs { display: flex; gap: 7px; padding: 5px; border: 1px solid rgba(3,40,42,.09); border-radius: 12px; background: var(--mist); }
.os-tabs button,.install-tabs button { display: inline-flex; flex: 1; align-items: center; justify-content: center; gap: 8px; min-height: 45px; border: 1px solid transparent; border-radius: 9px; color: var(--muted); background: transparent; font: inherit; font-size: .9rem; font-weight: 800; cursor: pointer; }
.os-tabs button[aria-selected="true"],.install-tabs button[aria-selected="true"] { border-color: rgba(13,115,119,.12); color: var(--ink); background: #fff; box-shadow: 0 3px 10px rgba(3,40,42,.07); }
.os-mark { display: grid; place-items: center; width: 24px; height: 24px; color: var(--teal); font: 800 1.2rem/1 sans-serif; }.mac-mark { font-size: 1rem; }
.download-panel { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 12px 20px; padding: 18px 0 0; }.download-panel[hidden],.install-panel[hidden] { display: none; }
.download-panel-copy { display: grid; gap: 5px; }.download-panel-copy strong { color: var(--ink); font-size: .95rem; }.download-panel-copy span { color: var(--muted); font-size: .8rem; line-height: 1.6; }
.download-button { grid-row: span 2; display: inline-flex; justify-content: space-between; gap: 18px; min-width: 220px; min-height: 51px; padding-inline: 18px; font-size: .9rem; }.download-arrow { font: 700 1.2rem/1 sans-serif; }.download-button.is-disabled { cursor: not-allowed; opacity: .64; }.download-meta { grid-column: 1; margin: 0; color: var(--teal-deep); font: 700 .75rem/1.5 Sora,sans-serif; }.download-hash { grid-column: 1 / -1; padding: 10px 11px; margin: 1px 0 0; border: 1px solid rgba(3,40,42,.08); border-radius: 8px; color: var(--muted); background: var(--cloud); font-size: .72rem; }.download-hash code { display: block; margin-top: 5px; overflow-wrap: anywhere; color: var(--ink-soft); font: 500 .68rem/1.6 ui-monospace,Menlo,monospace; direction: ltr; text-align: left; }
.release-status { margin: 14px 0 0; padding: 11px 13px; border: 1px solid rgba(255,107,53,.18); border-radius: 9px; color: var(--muted); background: rgba(255,107,53,.055); font-size: .8rem; line-height: 1.7; }
.windows-alternatives { grid-column: 1 / -1; min-width: 0; margin-top: 8px; padding-top: 20px; border-top: 1px solid var(--line); }
.windows-alternatives h3 { margin: 0; color: var(--ink); font-size: 1rem; line-height: 1.7; }
.windows-choice-help { margin: 7px 0 0; color: var(--ink-soft); font-size: .8rem; line-height: 1.85; }
.windows-variant { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: start; gap: 12px 20px; padding: 22px 0; }
.windows-variant + .windows-variant { border-top: 1px solid var(--line); }
.windows-variant:last-child { padding-bottom: 0; }
.windows-variant h4 { margin: 0; color: var(--ink); font-size: .95rem; line-height: 1.7; }
.windows-variant .download-button { grid-column: 2; grid-row: 1 / span 2; align-self: center; }
.variant-note { grid-column: 1; margin: 0; color: var(--ink-soft); font-size: .78rem; line-height: 1.85; }
.windows-variant-legacy .download-panel-copy, .legacy-warning { grid-column: 1 / -1; }
.windows-variant-legacy .download-button { grid-row: 3; }
.windows-variant-legacy .download-meta { grid-row: 3; align-self: center; }
.legacy-warning { padding: 12px 14px; border: 1px solid #d5b890; border-radius: 8px; background: #fff7ed; color: #71420b; }
.variant-checksum { width: 100%; min-width: 0; margin: 0; color: var(--ink-soft); }
.variant-checksum summary { min-height: 28px; padding-block: 4px; cursor: pointer; font-weight: 700; }
.variant-checksum a { display: inline-block; padding-block: 8px; color: var(--teal-deep); text-decoration: underline; text-underline-offset: 3px; }
.install-section { display: grid; grid-template-columns: 205px minmax(0,1fr); gap: 14px 28px; align-items: start; margin-top: clamp(40px,6vw,62px); padding: 0 clamp(8px,2vw,28px); }.install-heading { padding-top: 7px; }.install-tabs { grid-column: 2; max-width: 390px; }.install-panel { display: grid; grid-column: 1 / -1; grid-template-columns: minmax(0,1.15fr) minmax(230px,.85fr); gap: 18px; align-items: center; padding: 23px; border: 1px solid var(--line); border-radius: 17px; background: rgba(255,255,255,.84); }
.install-steps { display: grid; gap: 15px; padding: 0; margin: 0; list-style: none; }.install-steps li { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 11px; }.install-steps li > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid rgba(13,115,119,.14); border-radius: 9px; color: var(--teal); background: rgba(20,145,155,.07); font: 700 .7rem/1 Sora,sans-serif; }.install-steps strong { color: var(--ink); font-size: .87rem; line-height: 1.55; }.install-steps p { margin: 4px 0 0; color: var(--muted); font-size: .77rem; line-height: 1.7; }
.os-preview { position: relative; min-height: 196px; overflow: hidden; border: 1px solid rgba(3,40,42,.09); border-radius: 12px; background: linear-gradient(145deg,#eaf2f1,#f8fbfa); }.windows-preview { display: grid; place-items: center; padding: 17px; }.fake-window-bar { position: absolute; inset: 0 0 auto; display: flex; gap: 5px; height: 25px; align-items: center; padding-inline: 11px; background: #f8fbfa; border-bottom: 1px solid rgba(3,40,42,.07); }.fake-window-bar i { width: 6px; height: 6px; border-radius: 50%; background: #bccbca; }.fake-window-content { display: flex; gap: 13px; align-items: flex-start; max-width: 265px; padding-top: 15px; }.fake-shield { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 10px; color: #fff; background: #cf8c17; font: 800 1.1rem/1 sans-serif; }.fake-window-content > div { display: grid; gap: 7px; color: #162f34; }.fake-window-content b { font: 600 .77rem/1.4 Arial,sans-serif; }.fake-window-content small { color: #52696d; font: .64rem/1.4 Arial,sans-serif; }.fake-more,.fake-run { display: inline-flex; width: fit-content; padding: 6px 9px; border-radius: 4px; font: 600 .62rem/1 Arial,sans-serif; }.fake-more { color: #164c78; border: 1px solid #adc4d0; background: #f9fcfd; }.fake-run { color: #fff; background: #17639a; }
.mac-preview { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 22px 14px; }.mac-app-icon,.mac-folder { display: grid; justify-items: center; gap: 9px; color: var(--ink-soft); font-size: .65rem; text-align: center; }.mini-reader { width: 47px; height: 66px; border: 1px solid rgba(255,255,255,.65); border-radius: 11px; background: linear-gradient(145deg,#17474a,#03282a); box-shadow: 0 7px 15px rgba(3,40,42,.2); }.mini-reader::before { content: ""; display: block; width: 22px; height: 3px; margin: 14px auto 7px; background: #78c8c4; border-radius: 3px; }.mini-reader::after { content: ""; display: block; width: 23px; height: 23px; margin: auto; border: 1px solid rgba(109,195,194,.6); border-radius: 50%; }.drag-arrow { color: var(--teal); font-size: 1.4rem; }.mac-folder span { display: grid; place-items: center; width: 54px; height: 48px; border: 1px solid rgba(13,115,119,.2); border-radius: 11px; color: var(--teal); background: linear-gradient(160deg,#f7ffff,#c4e5e4); font-size: 1.7rem; }
.download-help { display: flex; align-items: center; gap: 13px; max-width: 740px; padding: 16px 19px; margin: 24px auto 0; border: 1px solid rgba(13,115,119,.12); border-radius: 13px; background: rgba(255,255,255,.72); }.help-mark { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 11px; color: var(--teal); background: rgba(20,145,155,.1); font: 800 1rem/1 Sora,sans-serif; }.download-help > div { flex: 1; }.download-help strong { color: var(--ink); font-size: .86rem; }.download-help p { margin: 3px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.6; }.download-help .button { flex: 0 0 auto; min-height: 42px; font-size: .78rem; }.download-footer { display: flex; justify-content: space-between; gap: 15px; padding: 22px clamp(18px,4vw,56px); color: rgba(240,244,244,.78); background: var(--ink); font-size: .78rem; }.download-footer a { color: #fff; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(43,196,201,.55); text-underline-offset: 4px; }
@media (max-width: 760px) { .download-main { padding-top: 18px; }.download-hero { grid-template-columns: minmax(0,1fr); gap: 0; padding: 27px 22px 0; }.download-hero-copy { z-index: 3; }.download-hero h1 { max-width: 600px; font-size: clamp(1.8rem,8vw,2.35rem); }.download-device-visual { min-height: 190px; margin-top: 10px; }.download-reader { transform: scale(.82) rotate(-5deg); }.download-flow-line { inset-inline-start: calc(50% + 39px); }.download-cloud { inset-inline-start: calc(50% + 94px); }.download-card { margin-top: 17px; }.install-section { grid-template-columns: minmax(0,1fr); gap: 12px; padding-inline: 0; }.install-tabs { grid-column: 1; }.install-panel { grid-column: 1; grid-template-columns: minmax(0,1fr); padding: 18px; }.os-preview { min-height: 176px; }.download-help { align-items: flex-start; flex-wrap: wrap; }.download-help > div { min-width: calc(100% - 60px); }.download-help .button { width: 100%; }.download-header-copy { display: none; } }
@media (max-width: 500px) { .download-main { width: min(100% - 24px,var(--download-width)); padding-bottom: 40px; }.download-card { padding: 19px 16px; border-radius: 15px; }.download-panel { grid-template-columns: minmax(0,1fr); gap: 10px; }.download-button { grid-row: auto; width: 100%; }.download-hash { grid-column: 1; }.connect-hero h1 { font-size: 1.8rem; }.download-footer { flex-direction: column; }.download-header { padding-inline: 13px; } }
@media (max-width: 640px) { .windows-variant { grid-template-columns: minmax(0,1fr); }.windows-variant .download-button { grid-column: 1; grid-row: auto; width: 100%; min-width: 0; }.windows-variant-legacy .download-meta { grid-row: auto; }.windows-variant .download-panel-copy { grid-row: 1; }.windows-variant .variant-note { grid-row: 2; } }
@media (prefers-reduced-motion: reduce) { .download-main [data-reveal] { transition: none !important; transform: none !important; opacity: 1 !important; } }