:root{color-scheme:dark;--bg:#101814;--surface:#17221c;--ink:#f1f3ed;--muted:#b0bcb3;--accent:#a8e879;--line:#2c3b31;--warning:#dfc58b;--scroll-thumb:#53695a;--scroll-hover:#789281;--scroll-active:#a8e879;--radius:7px;--page:1200px;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth;scrollbar-color:var(--scroll-thumb) var(--bg);scrollbar-width:thin;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--bg);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{color:var(--accent)}a:active{opacity:.75}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{font:inherit}button:disabled{cursor:not-allowed}p{line-height:1.65;margin:0;color:var(--muted)}.wrap{width:min(var(--page),calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:24px;font-weight:700;letter-spacing:-.8px}.brand svg{width:30px;height:34px}.brand b{color:var(--accent)}nav{display:flex;gap:38px;font-size:14px}nav a{padding:13px 0}nav a:last-child{color:var(--accent)}nav span{padding-left:8px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding-block:48px 64px;gap:10px}.hero-copy{position:relative;z-index:1}h1,h2,h3{margin:0;font-weight:700}h1{font-size:clamp(48px,5.6vw,80px);line-height:1.04;letter-spacing:-3.8px}em{font-style:normal;color:var(--accent)}.intro{max-width:430px;font-size:17px;margin-top:25px}.download-block{margin-top:30px;scroll-margin-top:120px;min-height:93px}.download{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 27px;border:1px solid #405047;border-radius:var(--radius);background:#26322b;color:#b5c0b8;font-weight:600;font-size:15px}.download svg{width:19px;height:19px}.download.ready{background:var(--accent);border-color:var(--accent);color:var(--bg);cursor:pointer}.download.ready:hover{background:#c0f79a}.download.ready:active{transform:translateY(1px)}.caption{font-size:12px;margin-top:9px}.text-link{display:inline-flex;gap:22px;align-items:center;font-size:13px;margin-top:17px;color:var(--muted)}.hero-art{margin:0 -25px 0 0;position:relative}.hero-art img{width:100%;height:auto;display:block;mask-image:radial-gradient(ellipse at center,#000 51%,transparent 73%)}figcaption{font-family:Consolas,monospace;text-align:center;font-size:10px;color:var(--muted);letter-spacing:.4px;margin-top:-25px;position:relative}.section-line{border-top:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px}.features{padding-block:85px}.section-label{font:11px Consolas,monospace;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:20px;color:var(--accent)}h2{font-size:clamp(29px,3vw,40px);line-height:1.17;letter-spacing:-1.3px}.section-heading>p:not(.section-label){margin-top:22px;max-width:420px;font-size:15px}.loaders{display:flex;flex-wrap:wrap;gap:20px;margin-top:38px;font:12px Consolas,monospace;color:var(--muted)}.loaders span{border-bottom:1px solid var(--line);padding-bottom:9px}.feature-list{list-style:none;padding:0 0 0 40px;margin:0;border-left:1px solid var(--line);display:grid;gap:26px}.feature-list li{display:flex;gap:22px}.feature-icon{color:var(--accent);font-size:25px;width:28px;flex-shrink:0;line-height:1.2;text-align:center}.feature-icon.terminal{font:20px Consolas,monospace}h3{font-size:15px;line-height:1.4;margin-bottom:5px}.feature-list p,.requirement-list p{font-size:13px}.requirements{padding-block:82px;background:linear-gradient(120deg,var(--surface),var(--bg) 60%)}.section-heading .small-note{font-size:13px!important}.requirement-list{display:grid;gap:25px;border-left:1px solid var(--line);padding-left:40px}.requirement-list article{padding-bottom:23px;border-bottom:1px solid var(--line)}.requirement-list article:last-child{border:0;padding:0}.documents{padding-block:65px}.docs-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:35px}.docs-heading>p{font-size:13px}.documents h2,.contact h2{font-size:31px}.document-list{list-style:none;margin:0;padding:0}.document-list li{display:flex;justify-content:space-between;gap:20px;padding:21px 0;border-top:1px solid var(--line);font-size:14px;align-items:center}.pending{font-size:11px;color:var(--warning)}.document-list a{font-size:12px;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.review-note{font-size:12px;max-width:790px;margin-top:20px}.review-note span{color:var(--warning);margin-right:5px}.contact{padding-block:45px}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact .section-label{margin-bottom:12px}.contact a{font-size:15px;overflow-wrap:anywhere}.contact a span{margin-left:20px;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-block:30px;border-top:1px solid var(--line)}footer .brand{font-size:19px}footer p{font-size:9px;letter-spacing:.35px;line-height:1.8}.draft{font-size:10px;color:var(--muted);white-space:nowrap}.skip{position:fixed;top:12px;left:12px;background:var(--accent);color:var(--bg);padding:12px;z-index:10;transform:translateY(-180%)}.skip:focus{transform:none;color:var(--bg)}
@media(min-width:1600px){.hero{min-height:720px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.split{gap:40px}.feature-list,.requirement-list{padding-left:25px}.hero{min-height:570px}h1{font-size:58px}.hero-art{margin-right:-20px}.intro{font-size:15px}footer{flex-wrap:wrap}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:86px;flex-wrap:wrap;gap:10px;padding-block:18px}.brand{font-size:22px}nav{gap:21px;font-size:12px;width:100%;justify-content:space-between}nav a{padding:7px 0}.hero{grid-template-columns:1fr;padding-block:40px 32px;gap:14px;min-height:0}h1{font-size:clamp(46px,11vw,68px);letter-spacing:-2px}.intro{font-size:16px;max-width:470px}.hero-art{width:min(100%,480px);margin:-10px auto 0}.hero-art img{aspect-ratio:1;object-fit:contain}figcaption{margin-top:-25px}.download-block{margin-top:25px}.split{grid-template-columns:1fr;gap:35px}.features,.requirements{padding-block:52px}.feature-list,.requirement-list{border-left:0;padding-left:0}.feature-list{gap:25px}.section-heading>p:not(.section-label){max-width:100%}h2{font-size:32px}.loaders{margin-top:25px}.documents{padding-block:48px}.docs-heading{align-items:start;flex-direction:column;gap:18px}.document-list li{align-items:start;flex-direction:column;gap:8px}.contact-inner{flex-direction:column;align-items:start;gap:24px}.contact a{font-size:14px}.contact a span{margin-left:8px}footer{flex-direction:column;align-items:start;gap:18px}footer p{font-size:9px}.section-label{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media(forced-colors:active){:root{scrollbar-color:auto}.download{border:1px solid ButtonText}.hero-art img{mask-image:none}}

.updates { padding-block: 72px; }
.release-entry { border-top: 1px solid var(--line); padding-block: 24px; }
.release-entry:first-child { border-top: 0; padding-top: 0; }
.release-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 14px; font: 12px Consolas, monospace; }
.release-meta span { color: var(--accent); }
.release-entry h3 { font-size: 21px; margin-bottom: 15px; }
.release-entry ul { padding-left: 18px; margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.release-entry li { margin-bottom: 8px; }
.document-actions { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.legal-document { max-width: 850px; padding-block: 50px 80px; }
.legal-document h1 { font-size: clamp(34px, 5vw, 48px); letter-spacing: -1.5px; line-height: 1.15; margin-bottom: 20px; }
.legal-document h2 { font-size: 23px; margin-block: 30px 12px; letter-spacing: -.4px; }
.legal-document p, .legal-document li { white-space: pre-line; line-height: 1.7; overflow-wrap: anywhere; margin-bottom: 15px; }
.legal-document li { color: var(--muted); }
.legal-document a { color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
.legal-status { color: var(--warning); }
.document-edition{font-size:13px;border-left:2px solid var(--line);padding-left:16px;margin-block:20px 32px}
.legal-pending{border-top:1px solid var(--line);margin-top:35px;padding-top:8px}
@media (max-width: 700px) { nav { gap: 10px; } .updates { padding-block: 48px; } .release-meta { justify-content: flex-start; } }

/* Language control shares the existing page palette. */
.header{gap:24px;flex-wrap:wrap}.language-switch{display:inline-flex;gap:3px;border:1px solid var(--line);border-radius:var(--radius);padding:3px;flex-shrink:0}.language-switch button{border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:12px;padding:9px 11px;min-height:36px;cursor:pointer}.language-switch button:hover{background:var(--surface);color:var(--ink)}.language-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg)}.language-switch button:active{transform:translateY(1px)}.language-switch:focus-within{border-color:var(--accent)}
@media(max-width:1100px) and (min-width:701px){.header{padding-block:20px;gap:16px}.header nav{gap:20px}.brand{font-size:22px}}
@media(max-width:700px){.header .brand{order:0}.header .language-switch{order:1;margin-left:auto}.header nav{order:2;flex-wrap:wrap}.language-switch button{font-size:11px;padding:8px}.header{gap:12px}.hero-copy{min-width:0}h1{overflow-wrap:normal}}

/* Real product preview and getting-started guide. */
.local-message{color:var(--accent);font-size:17px;font-weight:650;margin-top:22px}
.brand-explanation{font-size:12px;margin-top:6px}
.hero-links{display:flex;gap:28px;flex-wrap:wrap}
.hero-copy .intro{margin-top:16px}
.install-steps{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:17px 0 8px;color:var(--ink);font-size:13px}
.install-steps li:not(:last-child)::after{content:'→';color:var(--accent);padding-left:12px}
.download-block>.caption:last-child{max-width:450px}
.app-preview,.friends-guide{padding-block:68px}
.preview-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.preview-heading>p{max-width:460px;font-size:14px}
.app-shot{margin:0}
.app-shot a{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.app-shot a:hover{border-color:var(--accent)}
.app-shot img{display:block;width:100%;height:auto}
.app-shot figcaption{margin:14px 0 0;font:12px/1.5 'Segoe UI',Arial,sans-serif;text-align:left;color:var(--muted)}
.play-steps{list-style:none;counter-reset:play;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin:0;padding:0}
.play-steps>li{counter-increment:play;border-top:1px solid var(--line);padding-top:20px}
.play-steps>li::before{content:counter(play,decimal-leading-zero);display:block;color:var(--accent);font:15px Consolas,monospace;margin-bottom:20px}
.play-steps h3{font-size:18px;margin-bottom:12px}
.play-steps p{font-size:14px}
.play-steps p+p{margin-top:14px}
.port-example{color:var(--accent)}
.guide-footer{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-top:32px;border-top:1px solid var(--line);padding-top:20px}
.guide-footer p{font-size:12px;max-width:680px}
.guide-footer .text-link{margin:0;flex-shrink:0}
.release-history{border-top:1px solid var(--line);margin-top:24px}
.release-history summary{cursor:pointer;color:var(--accent);padding:20px 0;font-size:14px}
.release-history summary:hover{color:var(--ink)}
.release-history .release-entry:first-of-type{border-top:0}
.release-history summary::marker{color:var(--accent)}
@media(max-width:700px){.app-preview,.friends-guide{padding-block:48px}.preview-heading{flex-direction:column;align-items:start;gap:20px;margin-bottom:25px}.play-steps{grid-template-columns:1fr;gap:26px}.play-steps>li::before{margin-bottom:12px}.guide-footer{flex-direction:column;gap:16px}.local-message{font-size:16px}.brand-explanation{max-width:300px}}