@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{color-scheme:dark;--bg:#0b1018;--panel:#151f29;--text:#eaf3f0;--muted:#a0b1b2;--mint:#b3f2ac;--cyan:#84d7d4;--purple:#c5a9ed;--line:#30424b;--mono:'DM Mono',monospace;--sans:'DM Sans','Noto Sans SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 650px 550px at 92% 5%,#24424778,transparent),radial-gradient(ellipse 600px 600px at 0% 30%,#25355255,transparent),var(--bg);color:var(--text);font:15px/1.7 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1180px,calc(100% - 72px));margin-inline:auto}
.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35464a;gap:20px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:26px;font-weight:700;letter-spacing:-.07em;line-height:1}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:var(--mint);color:#163021;font:700 22px var(--mono);letter-spacing:-.16em;padding-right:6px}.logo-dot{color:var(--mint);margin-left:-9px}.header nav{display:flex;gap:40px;color:#bcc9c9;font-size:13px}.header a,.footer a{transition:color .2s}.header a:hover,.footer a:hover{color:var(--mint)}.github-link{padding:8px 16px;border:1px solid #4c6066;border-radius:99px;font-size:13px}
.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:45px;min-height:660px;padding:68px 0 90px}.badge,.eyebrow{font:500 12px var(--mono);color:var(--mint);letter-spacing:.12em}.badge{display:inline-flex;gap:9px;align-items:center;border:1px solid #497456;background:#1a332750;border-radius:99px;padding:7px 13px;letter-spacing:0}.signal{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,6.4vw,92px);line-height:1.15;letter-spacing:-.08em;margin:23px 0 28px}h1 em{font-style:normal;color:var(--mint)}.hero-desc{max-width:510px;color:#b9c9c9;font-size:17px;line-height:1.9}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:33px}.actions a{min-height:51px;display:inline-flex;align-items:center;justify-content:space-between;padding:0 22px;border-radius:7px;font-size:14px;font-weight:700;transition:transform .2s}.actions a:hover{transform:translateY(-3px)}.primary{background:var(--mint);color:#152318;gap:46px}.primary:hover{background:#d2ffce}.secondary{border:1px solid #4c6066;color:#d2e1df}.hero-facts{display:flex;gap:24px;flex-wrap:wrap;margin-top:50px;color:#a3b5b4;font-size:12px}.hero-facts b{font:12px var(--mono);color:var(--mint);margin-right:5px}
.hero-art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #516b6c88;border-radius:50%;transform:rotate(-25deg) scaleY(.68);pointer-events:none}.orbit-a{width:530px;height:530px}.orbit-b{width:680px;height:680px;border-color:#354e5470}.terminal{position:relative;width:min(100%,550px);background:#171e2b;border:1px solid #526572;border-radius:13px;overflow:hidden;box-shadow:0 38px 90px #000a,0 0 80px #8ff3b71c;transform:rotate(-4deg)}.terminal-bar,.demo-bar{height:39px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#222d39;border-bottom:1px solid #43545e;color:#90a5b0;font:11px var(--mono)}.lights{display:flex;gap:6px}.lights i{width:8px;height:8px;border-radius:50%;background:#f1837d}.lights i:nth-child(2){background:#efc66c}.lights i:nth-child(3){background:#92dca0}.terminal-body{padding:30px 29px 25px;font:16px/1.9 var(--mono)}.prompt{color:var(--mint);font-weight:700}.cursor,.mini-cursor{display:inline-block;width:9px;height:19px;background:#e7f0ed;vertical-align:-4px;margin-left:5px;animation:blink 1.1s steps(2,end) infinite}.terminal-row{display:grid;grid-template-columns:25px 29px 1fr;color:#b7cbd2;padding:0 10px}.terminal-row:first-of-type{margin-top:13px}.terminal-row.active{color:var(--cyan)}.terminal-row.active>span:first-child{color:var(--mint)}.branch-icon{color:var(--purple)}.terminal-hint{border-top:1px solid #384a53;color:#849a9e;font-size:10px;margin-top:17px;padding-top:11px}.float-tag{position:absolute;right:-13px;bottom:39px;background:#203238;border:1px solid #5a8275;border-radius:7px;box-shadow:0 20px 40px #0009;padding:9px 15px;font-size:12px;transform:rotate(3deg)}.float-tag b{color:var(--purple);font-size:20px;vertical-align:-2px;margin-right:6px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}.section-head h2,.how h2,.install h2{font-size:clamp(32px,3.35vw,49px);line-height:1.3;letter-spacing:-.055em;margin:6px 0 0}.section-head>p{max-width:345px;font-size:14px;color:var(--muted);margin-bottom:0}.demo{padding:35px 0 125px}.demo-frame{border:1px solid #485e64;background:#101720;border-radius:11px;overflow:hidden;box-shadow:0 24px 80px #0008}.demo-bar{height:43px;padding:0 20px}.demo-bar>span:last-child{color:var(--mint)}.demo img{width:100%;height:auto;aspect-ratio:960/376;display:block}.under-note{font-size:13px;color:#90a6a6;margin:16px 2px 0}
.features{border-top:1px solid var(--line);padding:60px 0 130px}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.feature-card{position:relative;overflow:hidden;background:linear-gradient(140deg,#17232d,#111a24);border:1px solid #34494f;border-radius:13px;min-height:285px;padding:28px 31px}.feature-card.big{grid-row:span 2;min-height:590px;background:radial-gradient(circle at 65% 25%,#4f795144,transparent 60%),linear-gradient(140deg,#182b2b,#101923)}.card-index{font:12px var(--mono);color:var(--cyan);letter-spacing:.07em}.feature-card h3{font-size:23px;letter-spacing:-.04em;margin:14px 0 7px}.feature-card p{max-width:440px;color:#a2b5b7;font-size:14px;margin-bottom:0}.mini-demo{height:360px;padding-top:85px;font:18px var(--mono);color:#e0eeee}.mini-list{margin:18px 0 0 26px;background:#263542;border-radius:6px;max-width:370px;padding:7px}.mini-list div{height:35px;padding:1px 10px}.mini-list div:first-child{color:var(--cyan)}.mini-list b{color:var(--purple);font-weight:400}.feature-symbol{position:absolute;right:30px;top:27px;font:26px var(--mono);color:#587980}.feature-symbol span{font-size:15px;color:var(--mint)}.rank-example{margin-top:30px;color:var(--mint);font:13px var(--mono);background:#263943;padding:11px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.how{border-top:1px solid var(--line);padding:75px 0 125px;display:grid;grid-template-columns:1fr 1fr;gap:12%}.how>div>p:last-child{max-width:455px;color:var(--muted);font-size:15px;margin-top:24px}.steps>div{display:grid;grid-template-columns:55px 1fr;column-gap:10px;border-bottom:1px solid var(--line);padding:17px 0 22px}.steps>div:first-child{border-top:1px solid var(--line)}.steps span{grid-row:span 2;font:13px var(--mono);color:var(--mint)}.steps strong{font-size:18px}.steps p{color:#9eb0b2;font-size:13px;margin:3px 0 0}
.install{background:#122019;border-top:1px solid #395641;border-bottom:1px solid #395641}.install-inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center;padding:95px 0 105px}.install-inner>div:first-child>p:last-child{color:#aac0ae;max-width:360px;margin-top:20px}.install-card{background:#0e1812;border:1px solid #4f6e55;border-radius:10px;overflow:hidden;box-shadow:0 25px 70px #0007}.tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid #344837}.tabs button{background:none;border:0;border-radius:5px;color:#a0b7a7;padding:8px 13px;cursor:pointer;font-size:13px}.tabs button.selected,.tabs button:hover{background:#304c35;color:#e5fae4}.code-box{min-height:155px;padding:20px 24px;position:relative}.code-box small{font:11px var(--mono);color:#819b84}.code-box pre{font:14px/1.8 var(--mono);color:var(--mint);white-space:pre-wrap;margin:12px 0 0}.code-box button{position:absolute;top:17px;right:20px;background:#213a29;color:#d4eed4;border:1px solid #577359;border-radius:5px;padding:5px 9px;font-size:11px;cursor:pointer}.code-box button:hover{background:#3a5941}.install-card>p{border-top:1px solid #344837;color:#97ad9b;font-size:12px;padding:11px 24px;margin:0}
.footer{display:grid;grid-template-columns:1fr auto;gap:45px;padding:63px 0 35px}.footer .logo{font-size:22px}.footer .logo-mark{width:31px;height:31px;font-size:18px}.footer p,.footer small{font-size:12px;color:#8ba1a0;margin:12px 0 0}.footer-links{display:flex;gap:25px;align-items:flex-start;color:#c3d2d1;font-size:13px}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;margin-top:12px;font:11px var(--mono)}
@keyframes blink{50%{opacity:0}}@media(max-width:970px){.hero{gap:20px}.hero-facts{gap:12px}.float-tag{right:0}}@media(max-width:820px){.container{width:min(620px,calc(100% - 40px))}.header{height:73px}.header nav{display:none}.hero{grid-template-columns:1fr;padding:65px 0 25px;min-height:0}.hero-art{height:440px}.orbit{max-width:100%}.section-head{display:block}.section-head>p{margin-top:18px}.feature-grid{grid-template-columns:1fr}.feature-card.big{grid-row:auto}.how,.install-inner{display:block}.steps,.install-card{margin-top:38px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}}@media(max-width:520px){.container{width:calc(100% - 32px)}.header{height:68px}.github-link{padding:6px 11px}.hero{padding-top:52px}h1{font-size:clamp(46px,12vw,62px)}.hero-desc{font-size:15px}.hero-facts{margin-top:35px}.hero-art{height:320px}.terminal{transform:rotate(-2deg)}.terminal-body{font-size:12px;padding:20px 15px}.terminal-row{grid-template-columns:20px 24px 1fr}.terminal-hint{font-size:9px}.float-tag{bottom:3px;font-size:10px}.demo{padding:25px 0 85px}.features{padding:60px 0 90px}.feature-card,.feature-card.big{padding:23px;min-height:0}.mini-demo{height:270px;padding-top:55px;font-size:14px}.rank-example{font-size:11px}.how{padding:65px 0 90px}.install-inner{padding:70px 0}.tabs button{font-size:11px;padding:8px}.code-box button{position:static;margin-top:15px}.footer{padding:45px 0 28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cursor,.mini-cursor{animation:none}.actions a{transition:none}}

/* Support and documentation content use the existing page palette. */
.source-note{max-width:510px;font-size:12px;color:var(--muted);margin:22px 0 0}.source-note a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.support{border-top:1px solid var(--line);padding:65px 0 95px}.support-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.support-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.support-table caption{text-align:left;padding:16px 20px;background:var(--panel);color:var(--muted);font-size:13px}.support-table th,.support-table td{padding:17px 20px;border-top:1px solid var(--line)}.support-table thead{color:var(--mint)}.support-table tbody th{font-weight:500}.support-table td{color:var(--muted)}.support-table .pending{color:#efc66c}.support-notes{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:28px}.support-notes h3{font-size:17px;margin-bottom:9px}.support-notes p{font-size:14px;color:var(--muted);margin:0}
.faq{padding:80px 0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:500;font-size:17px}.faq details p{max-width:800px;color:var(--muted);margin:14px 0 0;font-size:14px;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
@media(max-width:820px){.support-notes{grid-template-columns:1fr;gap:24px}}@media(max-width:520px){.support{padding:55px 0 70px}.support-table{font-size:12px}.support-table th,.support-table td{padding:12px 9px}.support-table caption{padding:14px 12px;font-size:12px}.support-table th:first-child{width:32%}.support-table thead th{white-space:nowrap}.faq{padding:60px 0}.faq summary{font-size:16px}}
.orbit-field{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none}

/* Language navigation and English copy share the existing layout. */
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}.language-link{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
html[lang="en"] h1{font-size:clamp(48px,5.6vw,76px);letter-spacing:-.065em}html[lang="en"] .section-head>div{min-width:0}html[lang="en"] .section-head h2{max-width:650px}html[lang="en"] .support-table-wrap{overflow-x:auto}html[lang="en"] .support-table{min-width:480px}
@media(max-width:1050px){.header nav{gap:22px}}@media(max-width:520px){.header-actions{gap:12px}html[lang="en"] h1{font-size:clamp(40px,10.5vw,56px)}}