@font-face{font-family:DeckivoSans;src:url(assets/DeckivoSans-Latin-Cyrillic.woff2) format('woff2');font-display:swap;font-weight:100 900}
:root{color-scheme:dark;--bg:#101216;--surface:#181c22;--surface-2:#20252d;--text:#f4f6f8;--muted:#aab2bf;--lime:#daf975;--violet:#aaa0f5;--line:#303640;--gutter:clamp(20px,4.2vw,120px)}
*{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--text);font-family:DeckivoSans,Arial,sans-serif;font-size:16px;line-height:1.55}
html.system-font body{font-family:system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a,button,summary{touch-action:manipulation}
button,select{font:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--violet);outline-offset:4px}
a:hover{color:var(--lime)}
img,picture,svg,video{display:block;max-width:100%}
.wrap{margin-inline:var(--gutter)}
.lime{color:var(--lime)}
.small{font-size:.82rem;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip{position:fixed;z-index:20;top:-100px;left:16px;padding:10px 14px;background:var(--lime);color:#12170a;border-radius:8px}
.skip:focus{top:12px}

.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,3vw,64px);min-height:92px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;width:max-content;font-size:clamp(1.35rem,1.7vw,2rem);font-weight:650;letter-spacing:-.04em}
.topbar nav{justify-self:center;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(14px,2.3vw,42px);font-size:.9rem;color:#cbd0d8}
.topbar nav a{padding-block:12px}
.language{position:relative;display:block;justify-self:end}
.language summary{display:flex;align-items:center;min-height:44px;padding:8px 0;cursor:pointer;list-style:none;font-size:.9rem}
.language summary::-webkit-details-marker{display:none}
.language-menu{position:absolute;z-index:10;inset-inline-end:0;top:calc(100% + 8px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(320px,calc(100vw - (2 * var(--gutter))));padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #000a}
.language-menu a,.language-menu button{padding:9px 10px;border:0;background:none;color:var(--text);text-align:start;cursor:pointer;overflow-wrap:anywhere}
.language-menu a:hover,.language-menu button:hover,.language-menu [aria-current=page]{color:var(--lime)}
.language-suggestion{display:flex;align-items:center;justify-content:flex-end;gap:16px;padding-block:10px;color:var(--lime)}
.language-suggestion button{border:0;background:none;color:var(--muted);font-size:1.4rem;cursor:pointer}

.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);align-items:center;gap:0 clamp(34px,5vw,100px);padding-block:24px clamp(54px,5vw,96px);border-bottom:1px solid var(--line)}
.hero-copy,.hero-art,.device-chooser,.device-card{min-width:0}
.eyebrow{margin:0 0 12px;color:var(--violet);font-size:.76rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.hero h1{max-width:11em;margin:0 0 18px;font-size:clamp(3rem,5.4vw,7.8rem);font-weight:520;line-height:.96;letter-spacing:-.055em}
.lead{max-width:40em;margin:0 0 16px;color:#d3d8e0;font-size:clamp(1.1rem,1.45vw,2rem);line-height:1.42}
.how-it-works{max-width:52em;margin:0;color:var(--muted);font-size:clamp(.9rem,1vw,1.25rem)}
.release-line{display:flex;align-items:center;gap:9px;margin:18px 0 0;color:var(--muted);font-size:.78rem}
.dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--lime)}
.hero-art{display:flex;flex-direction:column;justify-content:center;gap:12px}
.hero-art picture{width:100%}
.hero-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #424a57;border-radius:16px;box-shadow:0 30px 80px #0007}
.screenshot-caption{margin:0;text-align:center;overflow-wrap:anywhere}

.device-chooser{grid-column:1/-1;margin-top:20px;padding:clamp(26px,3vw,48px);background:var(--surface);border:1px solid var(--line);border-radius:24px}
.chooser-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:24px}
.chooser-heading h2{margin:0;font-size:clamp(1.8rem,2.7vw,4rem);font-weight:550;line-height:1.05;letter-spacing:-.04em}
.chooser-heading p{max-width:48em;margin:0;color:var(--muted);font-size:clamp(.9rem,1vw,1.2rem)}
.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.device-card{display:flex;flex-direction:column;gap:16px;padding:18px;background:var(--bg);border:1px solid var(--line);border-radius:16px}
.device-card-heading{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;min-height:82px}
.platform-mark{display:grid;place-items:center;width:42px;height:42px;background:#30372a;color:var(--lime);border:1px solid #506038;border-radius:11px;font-weight:700}
.device-card h3{margin:0;font-size:clamp(1.25rem,1.35vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.025em}
.device-card-heading p{margin:5px 0 0;color:var(--muted);font-size:.8rem;line-height:1.4;overflow-wrap:anywhere}
.install-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:auto}
.install-path{display:grid;align-content:end;gap:7px}
.install-path p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.35}
.button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;transition:transform .15s ease,background .15s ease}
.button:hover{transform:translateY(-1px)}
.button.primary{background:var(--lime);border-color:var(--lime);color:#18200c}
.button.primary:hover{background:#e5ffa0;color:#10140b}
.button.secondary{background:transparent;color:var(--text)}
.unavailable-note{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}

.section{padding-block:clamp(64px,6vw,140px);border-bottom:1px solid var(--line)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}
.section-heading h2{max-width:20em;margin:0;font-size:clamp(2rem,3.3vw,5.5rem);font-weight:520;line-height:1.08;letter-spacing:-.045em}
.section-heading>p,.section-heading>div+ p{max-width:42em;margin:0;color:var(--muted)}
.text-link{display:inline-block;flex:0 0 auto;color:var(--lime);font-weight:600}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,64px)}
.steps article{padding-top:18px;border-top:1px solid var(--line)}
.step-number{color:var(--violet);font-size:.75rem;font-variant-numeric:tabular-nums}
.steps h3{margin:14px 0 8px;font-size:clamp(1.35rem,1.7vw,2.6rem);font-weight:550;line-height:1.15;letter-spacing:-.03em}
.steps p{max-width:34em;margin:0;color:var(--muted);font-size:clamp(.9rem,1vw,1.25rem)}

.support{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,90px)}
.support h2{margin:0;font-size:clamp(2.2rem,4vw,6.5rem);font-weight:520;line-height:1.02;letter-spacing:-.05em}
.support-intro,.goals,.support-methods{min-width:0}
.support-lead{margin:14px 0;color:#d3d8e0;font-size:clamp(1.05rem,1.25vw,1.7rem)}
.goal{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--line)}
.goal h3{margin:0 0 10px;font-size:clamp(1rem,1.1vw,1.5rem);font-weight:550}
.goal progress{display:block;width:100%;height:8px;accent-color:var(--lime)}
.goal .small{margin:8px 0 0}
.support-methods{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));align-items:start;gap:20px}
.support-method{min-width:0;text-align:start;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel,#171b23)}
.support-method h3{margin:0 0 12px;font-size:1.25rem;font-weight:600}
.support-cadence{margin:0;color:var(--muted);font-size:.85rem}
.support-status{display:inline-block;margin:12px 0;padding:5px 9px;border:1px solid var(--line);border-radius:8px;font-size:.75rem;line-height:1.5}
.support-status.status-review,.support-status.status-preparing{color:#f4d19b;border-color:#75604a}
.support-method .destination{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.support-method .button{display:flex;justify-content:center;width:100%;margin-top:12px;text-align:center;white-space:normal;font-size:.85rem;padding:13px 12px}
.support-method .button[hidden]{display:none}
.support-copy{background:transparent;color:var(--text);border:1px solid var(--line);cursor:pointer}
.support-qr{margin-top:18px}.support-qr summary{cursor:pointer;color:var(--lime);font-size:.85rem}.support-qr .qr{display:block;margin-top:14px}
.copy-result:empty{display:none}
.qr{width:min(100%,220px);height:auto;margin-inline:auto;padding:10px;background:#fff;border-radius:14px}
@media(min-width:1800px){.support-methods{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:3000px){.support-methods{grid-template-columns:repeat(7,minmax(0,1fr))}}

.details-hub{padding-block:clamp(42px,4vw,86px)}
.info-disclosure{border-block:1px solid var(--line)}
.info-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding-block:24px;cursor:pointer;list-style:none}
.info-disclosure>summary::-webkit-details-marker{display:none}
.info-disclosure>summary::after{content:'+';grid-column:2;grid-row:1 / span 2;color:var(--lime);font-size:2rem;line-height:1}
.info-disclosure[open]>summary::after{content:'−'}
.info-disclosure>summary>span{font-size:clamp(1.5rem,2.3vw,3.5rem);font-weight:550;letter-spacing:-.035em}
.info-disclosure>summary>small{grid-column:1;color:var(--muted);font-size:.9rem}
.disclosure-content{padding:0 0 34px}
.table-scroll{max-width:100%;overflow-x:auto}
table{width:100%;border-collapse:collapse;text-align:start;font-size:clamp(.82rem,.9vw,1.1rem)}
th,td{padding:18px 16px 18px 0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:anywhere}
th{font-weight:550}
thead th{color:var(--muted);font-size:.75rem;font-weight:450}
td:nth-child(2){color:var(--violet);white-space:nowrap}
td:last-child{width:46%;color:#c7cdd6}
.test-note{max-width:90em;margin:22px 0 12px;color:var(--muted);font-size:.85rem}

.faq h2{margin:0 0 30px;font-size:clamp(2rem,3.1vw,5rem);font-weight:520;line-height:1.08;letter-spacing:-.04em}
.faq details{padding-block:20px;border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font-size:clamp(1.05rem,1.25vw,1.6rem);font-weight:550}
.faq p{max-width:82em;margin:12px 0 0;color:var(--muted)}

.stats-overview{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,2fr);gap:clamp(18px,2.5vw,54px);align-items:stretch}
.stats-total{display:flex;flex-direction:column;justify-content:center;min-height:170px;padding:clamp(22px,2.2vw,50px);background:var(--lime);color:#18200c;border-radius:16px}
.stats-total strong{font-size:clamp(3rem,5.5vw,8rem);font-weight:520;line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.stats-total span{margin-top:14px;font-weight:650}
.stats-platforms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.stats-platforms>div{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:110px;padding:clamp(18px,1.7vw,38px);background:var(--surface)}
.stats-platforms dt{color:var(--muted);font-size:.8rem}
.stats-platforms dd{margin:0;font-size:clamp(1.7rem,2.4vw,4rem);line-height:1;font-weight:550;font-variant-numeric:tabular-nums}
.stats-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;margin:20px 0 0;color:var(--muted);font-size:.82rem}
.stats-meta p{margin:0}.stats-meta a{color:var(--lime)}
.stats-method{max-width:92em;margin:14px 0 0;color:var(--muted);font-size:.82rem}
.stats-archive-note{max-width:92em;margin:14px 0 0;padding:14px 16px;border-inline-start:3px solid var(--violet);background:color-mix(in srgb,var(--violet) 8%,transparent);color:var(--muted);font-size:.82rem}
.stats-archive-note strong,.archived-label{color:var(--violet)}
.stats-releases{margin-top:clamp(32px,4vw,80px)}
.stats-releases>h3{margin:0 0 14px;font-size:clamp(1.4rem,1.8vw,2.8rem);font-weight:550}
.release-stat{border-top:1px solid var(--line)}
.release-stat:last-child{border-bottom:1px solid var(--line)}
.release-stat>summary{display:grid;grid-template-columns:minmax(8em,1fr) minmax(0,2fr) 1.5em;gap:16px;align-items:center;min-height:68px;padding-block:14px;cursor:pointer;list-style:none}
.release-stat>summary::-webkit-details-marker{display:none}
.release-stat>summary::after{content:'+';color:var(--lime);font-size:1.35em;text-align:center}.release-stat[open]>summary::after{content:'−'}
.release-stat>summary strong{font-weight:550}.release-summary-counts{color:var(--muted);font-size:.8em;overflow-wrap:anywhere}
.release-content{padding:0 0 26px clamp(14px,2.5vw,54px)}
.release-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin:0 0 14px;color:var(--muted);font-size:.78rem}.release-meta a{color:var(--lime)}
.asset-table th:first-child,.asset-table td:first-child{overflow-wrap:anywhere}.asset-table td:nth-child(2){white-space:normal}.asset-table th:last-child,.asset-table td:last-child{width:auto;text-align:end;font-variant-numeric:tabular-nums}
.archived-release>summary,.archived-asset{background:color-mix(in srgb,var(--violet) 4%,transparent)}
.stats-unavailable{padding:clamp(24px,2.4vw,50px);border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.stats-unavailable strong{display:block;font-size:clamp(1.35rem,1.8vw,2.7rem);font-weight:550}.stats-unavailable p{margin:8px 0 0;color:var(--muted)}

.credits{display:flex;align-items:start;justify-content:space-between;gap:26px;padding-block:30px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.8rem}
.credits p{max-width:68em;margin:0}.credits>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 24px}.credits a{color:var(--text)}
footer{padding-block:34px}
.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px 26px;font-size:.82rem}.footer-top .brand{font-size:1.3rem}
.language-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-block:28px 18px;color:var(--muted);font-size:.78rem}.language-links a{display:inline-flex;align-items:center;min-height:28px}.language-links .selected{color:var(--lime)}
[dir=rtl] .button>span:last-child{transform:scaleX(-1)}

@media(min-width:1600px){
  .device-card{padding:clamp(22px,1.5vw,36px)}
  .install-paths{gap:18px}
  .button{min-height:54px;padding:14px 16px}
}

@media(min-width:2200px){
  body{font-size:clamp(16px,.7vw,25px)}
  .topbar{min-height:clamp(100px,5vw,150px)}
  .topbar nav,.language summary{font-size:clamp(.9rem,.65vw,1.35rem)}
  .brand{font-size:clamp(2rem,1.2vw,3rem)}
  .hero{grid-template-columns:minmax(0,1fr) minmax(600px,.82fr)}
  .device-grid{gap:clamp(18px,1.2vw,36px)}
  .device-card-heading{grid-template-columns:54px minmax(0,1fr);min-height:120px}.platform-mark{width:54px;height:54px}
  .device-card-heading p,.install-path p,.unavailable-note,.small,.test-note,.stats-meta,.stats-method,.release-meta,.language-links,.credits,.footer-top{font-size:clamp(.8rem,.55vw,1.25rem)}
}

@media(max-width:1100px){
  .topbar{grid-template-columns:auto minmax(0,1fr);gap:4px 22px;padding-block:16px}
  .topbar .language{grid-column:2;grid-row:1}.topbar nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between}
  .hero{grid-template-columns:1fr;gap:0}.hero-copy{max-width:820px}.device-chooser{order:2}.hero-art{order:3;width:min(100%,820px);margin-top:28px}
  .device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-card:last-child{grid-column:1/-1}
  .support{grid-template-columns:repeat(2,minmax(0,1fr))}.support-methods{grid-column:1/-1}
  .stats-overview{grid-template-columns:1fr}
}

@media(max-width:720px){
  .topbar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.topbar nav a{padding-block:7px;font-size:.8rem}
  .hero{padding-block:32px 54px}.hero h1{font-size:clamp(2.7rem,13vw,4.2rem)}.hero-art{gap:8px}.hero-art img{border-radius:10px}
  .chooser-heading,.section-heading{display:block}.chooser-heading p,.section-heading .text-link{margin-top:12px}
  .device-chooser{padding:18px;border-radius:16px}.device-grid{grid-template-columns:1fr}.device-card:last-child{grid-column:auto}.device-card{padding:17px}
  .steps{grid-template-columns:1fr;gap:26px}
  .support{grid-template-columns:1fr}.support-methods{grid-column:auto}.support-method{width:100%}
  .info-disclosure>summary{grid-template-columns:minmax(0,1fr) 1.25rem;gap:10px}
  table{display:block;width:100%}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}tbody,tr{display:block;width:100%}tr{padding:8px 14px;margin-bottom:12px;border:1px solid var(--line);border-radius:12px}th,td{display:block;width:100%!important;padding:10px 0!important;border:0;white-space:normal!important}tbody th::before,tbody td::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--muted);font-size:.68rem}.table-scroll{overflow:visible}
  .stats-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .release-stat>summary{grid-template-columns:minmax(0,1fr) 1.4em;min-height:0;padding-block:18px}.release-summary-counts{grid-column:1;display:block;margin-top:4px}.release-stat>summary::after{grid-column:2;grid-row:1/span 2}.release-content{padding-inline-start:0}.release-meta{display:block}.release-meta>*{display:block;margin-top:5px}.asset-table th:last-child,.asset-table td:last-child{text-align:start}
  .credits{display:block}.credits>div{justify-content:flex-start;margin-top:14px}.footer-top{align-items:flex-start}.footer-top .brand{width:100%}
}

@media(max-width:430px){
  :root{--gutter:18px}
  .brand{font-size:1.25rem}.brand img{width:30px;height:30px}.language summary{font-size:.78rem}
  .hero h1{font-size:2.75rem}.lead{font-size:1rem}.how-it-works{font-size:.86rem}
  .device-card-heading{min-height:0}.install-paths{gap:12px}
  .stats-platforms{grid-template-columns:1fr 1fr}.stats-platforms>div{min-height:96px;padding:16px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}

/* Preserve whole words in action labels, including long translations. */
.button {overflow-wrap:normal;word-break:keep-all;hyphens:none}
.footer-top>a,.credits a {display:inline-flex;align-items:center;min-height:24px;padding-block:6px}
@media(max-width:420px){.install-paths{grid-template-columns:1fr}.install-paths .button{width:100%}}

/* Exact console/profile crop from the full, downloadable Qt screenshot. */
.hero-art img{aspect-ratio:1476/536;object-fit:contain}
