@layer components{.client-page{padding-bottom:calc(var(--section-y) / 2)}.client-page .block+.block{padding-top:0}.client-page .head h2{font-size:clamp(32px, 3.4vw, var(--text-doc));letter-spacing:-.035em;line-height:1.08}.client-page .head p{font-size:18px}.client-page .page-hero{padding-bottom:0}.client-page .cl-ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.client-page .cl-ctas .btn-primary .glyph{width:14px;height:14px}.client-page .cl-ctas .btn-primary .cl-btn-mark{flex:none;width:18px;height:18px;margin-top:-2px}.client-page .page-hero .wrap{padding-left:calc(var(--edge) + 196px);position:relative}.client-page .cl-hero-mark{top:4px;left:var(--edge);width:156px;height:156px;color:var(--color-text);opacity:0;filter:drop-shadow(0 0 48px #dbe6ff29);transition:opacity .7s var(--ease-expo), transform .9s var(--ease-expo);pointer-events:none;position:absolute;transform:translateY(10px)scale(.96)}.client-page .cl-hero-mark.on{opacity:.94;transform:none}.client-page .cl-hero-mark svg{width:100%;height:100%;display:block}.client-page .cl-dl-for{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:14px;font-size:13px;display:flex}.client-page .cl-dl-for .sep{background:var(--color-border);width:1px;height:14px}.client-page .cl-dl-for a{color:var(--color-text-dim);text-underline-offset:4px;transition:color .16s var(--ease-out), text-decoration-color .16s var(--ease-out);-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3}.client-page .cl-dl-for a:hover{color:var(--color-text);-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.client-page .page-hero .meta{flex-wrap:wrap;row-gap:8px;margin-top:24px}.client-page .page-hero .meta>span{white-space:nowrap}.client-page .cl-stage{margin-top:72px;margin-left:-196px;position:relative}.client-page .cl-fade{z-index:4;pointer-events:none;background:linear-gradient(#12162400, var(--color-sidebar) 88%);height:34%;position:absolute;bottom:-2px;left:-24px;right:-24px}.client-page .cl-shot{margin:0}.client-page .cl-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:40px 0 0;padding:0;list-style:none;display:grid}.client-page .cl-facts li{border-top:1px solid var(--color-border);padding-top:20px}.client-page .cl-facts .glyph{width:18px;height:18px;color:var(--color-accent)}.client-page .cl-facts h3{letter-spacing:-.015em;margin-top:14px;font-size:17px}.client-page .cl-facts p{max-width:26em;color:var(--color-text-dim);margin-top:6px;font-size:15px;line-height:1.55}.client-page .cl-split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid}.client-page .cl-split.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.client-page .cl-split.flip>.head{order:2}.client-page .cl-list{max-width:32em;color:var(--color-text-dim);gap:12px;margin:24px 0 0;padding:0;font-size:15px;line-height:1.55;list-style:none;display:grid}.client-page .cl-list li{padding-left:18px;position:relative}.client-page .cl-list li:before{content:"";background:var(--color-accent);opacity:.8;border-radius:50%;width:5px;height:5px;position:absolute;top:.62em;left:2px}.client-page .cl-platforms{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);align-items:stretch;gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}.client-page .cl-os{box-shadow:inset 0 0 0 1px var(--color-divider);transition:box-shadow .3s var(--ease-out), background-color .3s var(--ease-out);background:#1c22348c;flex-direction:column;padding:36px 32px 24px;display:flex;position:relative}.client-page .cl-os:before{content:"";background:var(--gold-line);opacity:0;height:1px;transition:opacity .3s var(--ease-out);position:absolute;top:-1px;left:0;right:0}.client-page .cl-os.is-yours{background:#20263ab3;box-shadow:inset 0 0 0 1px #e6ba6652}.client-page .cl-os.is-yours:before{opacity:1}.client-page .cl-os-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.client-page .cl-os-mark{width:88px;height:88px;color:var(--color-text);opacity:.92;transition:color .3s var(--ease-out), filter .3s var(--ease-out);display:block}.client-page .cl-os.is-yours .cl-os-mark{color:var(--color-accent);opacity:1;filter:drop-shadow(0 0 22px #e6ba6647)}.client-page .cl-os h3{letter-spacing:-.03em;margin-top:32px;font-size:clamp(26px,2.2vw,32px);line-height:1.1}.client-page .cl-os-runs{max-width:30em;color:var(--color-text-dim);margin-top:10px;font-size:15px;line-height:1.55}.client-page .cl-os-note{color:var(--color-text-muted);align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;line-height:1.5;display:flex}.client-page .cl-os-note .glyph{width:12px;height:12px;color:var(--color-success);margin-top:3px}.client-page .cl-os-note.warn .glyph{color:var(--color-warning)}.client-page .cl-os-note b{color:var(--color-text-dim);font-weight:600}.client-page .cl-os-files{gap:20px;margin-top:auto;padding-top:28px;display:grid}.client-page .cl-os[data-os=linux] .cl-os-files{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.client-page .cl-arch h4{letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted);font-size:11.5px;font-weight:600}.client-page .cl-arch.is-yours h4{color:var(--color-accent)}.client-page .cl-arch .cl-files{margin-top:10px}.client-page .mono{font-family:var(--font-mono);font-size:.92em}.client-page .cl-files{gap:10px;margin:0;padding:0;list-style:none;display:grid}.client-page .cl-files>li{justify-items:start;gap:7px;display:grid}.client-page .cl-file{background:var(--color-panel-alt);min-height:60px;box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text);transition:background-color .16s var(--ease-out), box-shadow .16s var(--ease-out);justify-content:space-between;justify-self:stretch;align-items:center;gap:12px;padding:10px 16px;display:flex}.client-page .cl-file>span{gap:3px;min-width:0;display:grid}.client-page .cl-file b{letter-spacing:-.005em;font-size:15px;font-weight:500}.client-page .cl-file b .mono{color:var(--color-text-dim);font-weight:400}.client-page .cl-file small{font-family:var(--font-mono);color:var(--color-text-muted);overflow-wrap:break-word;font-size:11.5px}.client-page .cl-file .glyph{width:12px;height:12px;color:var(--color-text-muted);transition:color .16s var(--ease-out), transform .2s var(--ease-out)}.client-page .cl-file:hover{background:#2a3249;box-shadow:inset 0 0 0 1px #ffffff2e}.client-page .cl-file:hover .glyph{color:var(--color-text);transform:translateY(2px)}.client-page .cl-file.is-pick{box-shadow:inset 0 0 0 1px #e6ba668c}.client-page .cl-file.is-pick .glyph{color:var(--color-accent)}.client-page .cl-vt{color:var(--color-text-muted);transition:color .16s var(--ease-out);font-size:12px;line-height:1.5;display:block}.client-page .cl-vt .tnum{white-space:nowrap}.client-page .cl-vt .glyph{vertical-align:-1px;margin-right:6px}.client-page .cl-vt .ext-mark{vertical-align:.05em;width:9px;height:9px;margin-left:4px;display:inline-block}.client-page .cl-vt-hero{align-items:center;gap:5px;display:inline-flex}.client-page :is(.cl-vt,.cl-vt-hero) .glyph{width:12px;height:12px;color:var(--color-success)}.client-page :is(.cl-vt,.cl-vt-hero).flagged,.client-page :is(.cl-vt,.cl-vt-hero).flagged .glyph{color:var(--color-warning)}.client-page .cl-vt:hover{color:var(--color-text)}.client-page .cl-where{color:var(--color-text-muted);margin-top:20px;font-size:14px}.client-page .cl-where .ext-mark{vertical-align:.05em;width:9px;height:9px;margin-left:4px;display:inline-block}.client-page .cl-faq{gap:8px;max-width:46em;margin-top:32px;display:grid}.client-page .cl-faq details{box-shadow:inset 0 0 0 1px var(--color-border);background:#ffffff04}.client-page .cl-faq summary{cursor:pointer;color:var(--color-text);transition:background-color .16s var(--ease-out);align-items:center;gap:12px;padding:14px 16px;font-weight:500;list-style:none;display:flex}.client-page .cl-faq summary::-webkit-details-marker{display:none}.client-page .cl-faq summary:before{content:"";background:var(--color-text-muted);width:10px;height:10px;transition:transform .2s var(--ease-out);flex:none;-webkit-mask:url(/glyphs/chevron-right.png) 50%/contain no-repeat;mask:url(/glyphs/chevron-right.png) 50%/contain no-repeat}.client-page .cl-faq details[open]>summary:before{transform:rotate(90deg)}.client-page .cl-faq summary:hover{background:#ffffff08}.client-page .cl-faq details>p{max-width:40em;color:var(--color-text-dim);padding:0 16px 16px 38px;font-size:15px;line-height:1.6}.client-page .cl-end{flex-wrap:wrap;gap:4px 32px;margin-top:32px;display:flex}.client-page .cl-end .glyph{width:12px;height:12px}@media (max-width:1100px){.client-page .cl-split,.client-page .cl-split.flip{grid-template-columns:minmax(0,1fr);gap:40px}.client-page .cl-split.flip>.head{order:0}.client-page .cl-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.client-page .cl-os[data-os=linux]{grid-column:1/-1}}@media (min-width:861px) and (max-width:1100px){.client-page .cl-os[data-os=linux]{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-content:start;column-gap:40px;display:grid}.client-page .cl-os[data-os=linux]>.cl-os-files{grid-area:1/2/span 3;align-self:center;margin-top:0;padding-top:0}}@media (max-width:860px){.client-page .cl-stage{margin-top:48px;margin-left:0}.client-page .cl-hero-mark{display:none}.client-page .page-hero .wrap{padding-left:var(--edge)}.client-page .cl-facts,.client-page .cl-platforms,.client-page .cl-os[data-os=linux] .cl-os-files{grid-template-columns:minmax(0,1fr)}.client-page .cl-facts{gap:28px}.client-page .page-hero .meta .sep,.client-page .cl-dl-for .sep{display:none}.client-page .cl-os{padding:28px 20px 20px}.client-page .cl-os-mark{width:72px;height:72px}.client-page .cl-os h3{margin-top:24px}.client-page .cl-os.is-yours{order:-1}}}