@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=JetBrains+Mono:wght@400;500&display=swap');
/* Light-theme foregrounds retain contrast on charcoal actions. */
body.light .button-primary,body.light .download-card.detected .button,body.light .mock-commit,body.light .download-card .button:hover{color:#fff}body.light .code-row.added{color:#297446}body.light .code-row.removed{color:#a43d42}body.light .mini-diff span+span{color:#a43d42}
:root{--bg:#171719;--panel:#202023;--line:#343438;--text:#f5f5f6;--muted:#a4a4ab;--accent:#f5f5f5;--deep:#28282c;--code:#1b1b1e;--soft:#2c2c31;--shadow:#0005}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}body.light{--bg:#fafafa;--panel:#f0f0f2;--line:#dcdce0;--text:#232326;--muted:#686870;--accent:#26262a;--deep:#e7e7eb;--code:#ffffff;--soft:#e4e4e8;--shadow:#25252b12}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0;background:none}svg{display:block}::selection{background:#f5f5f544}.wrap{max-width:1180px;width:calc(100% - 96px);margin:auto}.header{max-width:1280px;margin:auto;height:100px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:650;letter-spacing:-.8px;white-space:nowrap}.brand img{border-radius:9px}.brand-dot{color:var(--accent)}.header nav{display:flex;gap:32px;font-size:12px;color:var(--muted)}.header nav a:hover,.text-link:hover,.footer a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:7px;padding:13px 20px;font-size:13px;font-weight:550;transition:background .2s,transform .2s,border-color .2s}.button:hover{background:var(--soft);border-color:var(--accent);transform:translateY(-2px)}.button-small{padding:10px 16px;font-size:12px;background:var(--panel)}.button-primary{background:var(--accent);border-color:var(--accent);color:#19191c}.button-primary:hover{background:#dcdce2;color:#19191c}.button svg{width:17px;height:17px}.button>span:last-child{margin-left:9px}.hero{display:grid;grid-template-columns:1.5fr 1fr;padding-top:76px;padding-bottom:69px;gap:65px;align-items:center}.eyebrow{font:9px/1.7 'JetBrains Mono',monospace;font-weight:500;letter-spacing:1.5px;color:var(--accent);display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #f5f5f50a;flex-shrink:0}.hero h1{font-size:clamp(50px,6.5vw,85px);font-weight:500;line-height:1.04;letter-spacing:-4.9px;margin:25px 0 24px}.hero h1>span{color:var(--accent)}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:425px;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:12px;transition:color .2s}.platform-caption{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:18px}.tiny-check{color:var(--accent)}.hero-aside{padding-top:25px}.branch-art{height:330px;position:relative;width:340px;margin:auto}.branch-art svg{width:100%;height:100%;overflow:visible}.art-grid{stroke:var(--line);stroke-width:.65;stroke-dasharray:2 7;opacity:.6}.art-main{fill:none;stroke:url(#lineFade);stroke-width:2}.art-branch{fill:none;stroke:#777780;stroke-width:2;stroke-dasharray:500;animation:draw 2s ease-out both}.node{fill:var(--bg);stroke:var(--accent);stroke-width:2}.node-alt{stroke:#a2a2aa;fill:var(--bg)}.node-inner{fill:var(--accent)}.art-label{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:6px 12px;font:10px 'JetBrains Mono';box-shadow:0 8px 25px var(--shadow)}.label-main{top:66px;left:131px;color:var(--accent)}.label-feature{top:145px;left:100px;color:var(--muted)}.art-commit{position:absolute;left:135px;top:276px;font:10px 'JetBrains Mono';color:var(--accent);white-space:nowrap}.art-commit span{color:var(--muted);margin-left:10px}.aside-note{display:flex;align-items:center;gap:15px;padding-top:10px;margin-left:43px}.note-line{width:1px;height:39px;background:var(--line)}.aside-note p{font-size:12px;color:var(--muted);line-height:1.6}.note-index{font:9px 'JetBrains Mono';color:var(--muted);margin-left:auto}.preview-caption{display:flex;align-items:center;justify-content:space-between;font:8px 'JetBrains Mono';letter-spacing:1.3px;color:var(--muted);margin-bottom:13px}.preview-caption>span:first-child{display:flex;gap:10px;align-items:center}.app-window{border:1px solid #44444a;border-radius:11px;overflow:hidden;box-shadow:0 25px 80px var(--shadow);background:#191b1e}.window-top{height:35px;background:#252528;color:#aaaab1;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:9px;border-bottom:1px solid #39393f}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#73737c;border-radius:50%}.window-dots i:first-child{background:#808088}.window-dots i:nth-child(2){background:#9999a1}.window-dots i:nth-child(3){background:#b5b5bc}.window-slash{margin:0 12px;color:#72727c}.preview-label{font:7px 'JetBrains Mono';letter-spacing:1px}.preview-bottom{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;color:var(--muted)}.mono{font:8px 'JetBrains Mono';letter-spacing:1px}.preview-bottom .mono span{color:var(--accent);margin-left:9px}.section-space{padding-top:110px;padding-bottom:100px}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px}h2{font-weight:500;font-size:43px;line-height:1.16;letter-spacing:-1.8px;margin:18px 0 0}.section-intro>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:360px;margin:0 0 5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr)}.feature{border-top:1px solid var(--line);padding:30px 30px 0 0}.feature+.feature{border-left:1px solid var(--line);padding-left:30px}.feature-icon{display:block;margin-bottom:28px}.feature-icon svg{width:25px;height:25px;fill:none;stroke:var(--accent);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.feature-icon circle{fill:var(--bg)}.feature-number{font:8px 'JetBrains Mono';letter-spacing:1.2px;color:var(--muted)}.feature h3{font-size:18px;font-weight:500;letter-spacing:-.5px;margin:13px 0 12px}.feature p{font-size:12px;color:var(--muted);line-height:1.9;max-width:280px;min-height:70px}.mini-branches,.mini-diff,.mini-shortcut{display:flex;align-items:center;gap:8px;min-height:42px;margin-top:17px}.mini-branches span{font:8px 'JetBrains Mono';background:var(--deep);color:var(--accent);padding:5px 7px;border:1px solid var(--line);border-radius:4px}.mini-branches span+span{color:#b8b8c0;background:#2b2b3218}.mini-diff span{font:9px 'JetBrains Mono';color:var(--accent);background:var(--deep);padding:5px 8px;border-radius:4px}.mini-diff span+span{color:#c78d8d;background:#c78d8d10}kbd{border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:3px 7px;font:10px 'JetBrains Mono';background:var(--panel)}.mini-shortcut>span{font-size:8px;color:var(--muted)}.workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);padding-top:82px;padding-bottom:80px}.workflow-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;align-items:center}.workflow-copy>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:320px;margin:22px 0 32px}.steps{display:flex;flex-direction:column}.step{padding:16px 0;display:flex;align-items:center;gap:17px;text-align:left;border-top:1px solid var(--line);opacity:.5;transition:opacity .2s}.step:hover,.step.active{opacity:1}.step-index{font:10px 'JetBrains Mono';color:var(--muted);border:1px solid var(--line);border-radius:50%;width:27px;height:27px;display:grid;place-items:center;flex-shrink:0}.step.active .step-index{color:var(--accent);border-color:var(--accent);background:var(--deep)}.step strong{font-size:12px;font-weight:500;display:block}.step small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.step-arrow{margin-left:auto;font-size:15px;color:var(--accent)}.workflow-window{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg);box-shadow:0 20px 60px var(--shadow)}.workflow-title{display:flex;gap:10px;align-items:center;padding:18px;font-size:10px;border-bottom:1px solid var(--line)}.workflow-title .mono{margin-left:auto;font-size:7px;color:var(--muted);letter-spacing:0}.workflow-footer{border-top:1px solid var(--line);padding:13px 18px;display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.visual-note{font-size:11px;color:var(--muted);margin:20px 0 0 20px}.visual-note>span{color:var(--accent);font-size:18px;margin-right:8px}#workflow-content{height:290px;padding:24px 0}.diff-heading{display:flex;justify-content:space-between;padding:0 22px 20px;font:10px 'JetBrains Mono';color:var(--muted)}.code-row{font:10px/28px 'JetBrains Mono';white-space:pre;display:flex}.code-row i{font-style:normal;min-width:43px;text-align:center;color:#83838d;font-size:8px;border-right:1px solid var(--line);margin-right:15px}.code-row.added{background:#6ec79513;color:#93caa6}.code-row.removed{background:#c5747410;color:#be8a8a}.code-comment{color:var(--muted)}.stage-preview{padding:0 23px}.stage-head{font-size:10px;color:var(--muted);margin-bottom:20px}.stage-file{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0;font:10px 'JetBrains Mono'}.stage-file span:last-child{margin-left:auto;color:var(--accent);font-size:9px}.checked-box{border:1px solid var(--accent);border-radius:3px;color:var(--accent);padding:0 3px;line-height:14px}.stage-note{font-size:11px;color:var(--muted);margin-top:20px}.commit-preview{padding:0 24px}.commit-label{font-size:10px;color:var(--muted);margin-bottom:8px}.commit-field{padding:12px;border:1px solid var(--line);border-radius:5px;font-size:11px;margin-bottom:11px;background:var(--code)}.commit-description{font-size:10px;color:var(--muted);height:77px;line-height:1.8}.mock-commit{border-radius:5px;background:var(--accent);color:#19191c;text-align:center;padding:9px;font-size:11px;font-weight:600}.principles{display:flex;align-items:center;justify-content:space-between;padding-top:45px;padding-bottom:45px;border-bottom:1px solid var(--line);gap:40px}.principles>p{font-size:13px;line-height:1.7;white-space:nowrap}.principles>p>span{color:var(--muted)}.principles>div{display:grid;grid-template-columns:1fr 1fr;gap:18px 42px}.principles>div>span{display:flex;gap:12px;align-items:center;color:var(--accent);font-size:17px}.principles strong{font-size:11px;color:var(--muted);font-weight:450}.download-heading{text-align:center}.download-heading .eyebrow{justify-content:center}.download-heading h2{font-size:58px;letter-spacing:-2.6px}.download-heading>p{font-size:13px;color:var(--muted);margin:22px 0 42px}.green{color:var(--accent)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.download-card{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.download-card.detected{border-color:#9696a0}.os-heading{display:flex;align-items:center;justify-content:space-between;height:30px}.os-heading svg{height:28px;width:28px;color:var(--text)}.recommended{font:7px 'JetBrains Mono';letter-spacing:.8px;background:var(--deep);color:var(--accent);padding:4px 7px;border-radius:3px}.download-card h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:26px 0 4px}.download-card p{font-size:11px;color:var(--muted);margin:0 0 27px}.download-card .button{width:100%;font-size:11px;justify-content:space-between;padding:11px 14px;background:var(--soft)}.download-card.detected .button{background:var(--accent);color:#19191c;border-color:var(--accent)}.download-card .button:hover{background:var(--accent);color:#19191c}.download-format{font:7px 'JetBrains Mono';letter-spacing:1.2px;display:block;margin-top:13px;text-align:center;color:var(--muted)}.download-disclaimer{text-align:center;font-size:10px;color:var(--muted);margin-top:23px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:100px;border-top:1px solid var(--line);padding-top:75px;padding-bottom:80px}.faq-heading>p{color:var(--muted);font-size:12px;margin-top:20px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:22px 0;gap:16px}summary::-webkit-details-marker{display:none}summary span{color:var(--muted);font-size:18px;font-weight:400;transition:transform .2s}details[open] summary span{transform:rotate(45deg);color:var(--accent)}details p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 30px 23px 0}details a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.closing{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;padding:38px 0}.closing p{font-size:24px;letter-spacing:-.8px;margin:0}.closing p>span{color:var(--muted)}.closing a{margin-left:auto}.footer{min-height:120px;display:flex;align-items:center;gap:23px}.footer .brand{font-size:15px;letter-spacing:-.4px;gap:7px}.footer>span{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:10px;color:var(--muted)}.footer button{font-size:10px;padding:0}.footer #theme-button{font-size:20px}dialog{background:var(--panel);border:1px solid var(--line);border-radius:13px;color:var(--text);padding:35px;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 120px #0006}dialog::backdrop{background:#08080bb3;backdrop-filter:blur(5px)}dialog h2{font-size:28px;letter-spacing:-1px}dialog p{font-size:13px;color:var(--muted);line-height:1.9}dialog a{color:var(--accent)}.dialog-close{position:absolute;right:18px;top:12px;font-size:25px;color:var(--muted)}.notice-small{font-size:10px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}.hero-copy{animation:arrive .7s ease both}.hero-aside{animation:arrive .9s ease .1s both}.content-enter{animation:arrive .25s ease}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes draw{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@media(min-width:1500px){.hero{padding-top:92px;padding-bottom:85px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero{gap:25px}.hero h1{font-size:70px}.branch-art{width:290px;height:290px}.label-main{top:56px;left:113px}.label-feature{top:127px;left:75px}.art-commit{top:242px;left:115px}.workflow-grid{gap:40px}.feature{padding-right:20px}.feature+.feature{padding-left:20px}.mini-shortcut>span{display:none}.download-card{padding:23px}.faq{gap:65px}.hero-actions{gap:20px}}@media(max-width:800px){.header{height:80px}.header nav{gap:20px;font-size:11px}.brand{font-size:18px}.hero{gap:0;padding-top:55px}.hero h1{font-size:61px;letter-spacing:-3.5px}.hero-description{font-size:13px}.hero-aside{transform:scale(.8);transform-origin:right center}.hero-actions{flex-wrap:wrap;gap:18px}.hero .eyebrow{font-size:7px}.section-intro{gap:35px}.section-intro>p{max-width:270px}.section-space{padding-top:75px;padding-bottom:70px}h2{font-size:35px}.feature h3{font-size:16px}.mini-branches{flex-wrap:wrap}.feature p{min-height:110px}.workflow-grid{grid-template-columns:1fr;gap:36px}.workflow-copy>p{max-width:430px}.steps{max-width:100%}.workflow-visual{max-width:620px;width:100%;margin:auto}.principles{gap:25px}.principles>div{gap:13px 20px}.download-card{padding:19px}.download-card p{min-height:34px}.download-card .button{font-size:10px;padding:10px 8px;gap:0}.recommended{font-size:6px;padding:3px 4px}.faq{gap:35px;grid-template-columns:1fr 1.4fr}.footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px;gap:15px}.footer>div{gap:16px}.footer>span{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{padding:0 20px;gap:12px;height:76px}.header nav{display:none}.header .button{font-size:10px;padding:9px 11px}.brand{font-size:17px}.brand img{width:29px;height:29px}.hero{display:block;padding-top:47px;padding-bottom:40px}.hero h1{font-size:62px;letter-spacing:-3.7px;margin-top:22px}.hero .eyebrow{font-size:8px}.hero-description{max-width:360px;font-size:13px}.hero-aside{display:none}.hero-actions{gap:22px}.hero-actions .button{font-size:12px;padding:12px 15px}.platform-caption{font-size:9px}.preview-caption{font-size:6px;letter-spacing:.7px}.preview-caption>span:last-child{display:none}.window-top{height:27px;font-size:7px;padding:0 9px}.window-dots i{width:5px;height:5px}.preview-label{font-size:5px}.preview-bottom{font-size:9px;line-height:1.7;max-width:230px}.preview-bottom .mono{display:none}.app-window{border-radius:7px}.section-space{padding-top:62px;padding-bottom:60px}.section-intro{display:block;margin-bottom:32px}h2{font-size:36px;letter-spacing:-1.6px}.section-intro>p{max-width:330px;margin-top:22px;font-size:12px}.feature-grid{grid-template-columns:1fr}.feature{padding:25px 0 28px;position:relative}.feature+.feature{border-left:0;padding-left:0}.feature-icon{float:right;margin:0}.feature h3{font-size:21px;margin-top:14px}.feature p{min-height:0;max-width:350px;font-size:12px}.mini-branches,.mini-diff,.mini-shortcut{min-height:25px;margin-top:16px}.mini-shortcut>span{display:block}.workflow-grid{gap:30px}.workflow-copy .eyebrow{font-size:8px;letter-spacing:1px}.workflow-title{padding:14px 12px;font-size:9px}.workflow-title .mono{font-size:6px}.code-row{font-size:8px}.code-row i{min-width:28px;margin-right:9px}.workflow-footer{font-size:8px;padding:12px}.principles{display:block;padding-top:23px;padding-bottom:32px}.principles>div{margin-top:25px;gap:18px 15px}.principles strong{font-size:10px}.download-heading h2{font-size:46px;letter-spacing:-2px}.download-heading>p{font-size:12px;max-width:260px;margin:22px auto 30px}.download-grid{grid-template-columns:1fr;gap:12px}.download-card{padding:24px}.download-card h3{font-size:25px;margin-top:18px}.download-card p{min-height:0;margin-bottom:22px}.download-card .button{font-size:12px;padding:12px 15px}.recommended{font-size:8px;padding:4px 7px}.download-disclaimer{font-size:9px;max-width:290px;margin:22px auto 0}.faq{display:block}.faq-heading{margin-bottom:32px}.faq-heading h2 br{display:none}.faq-heading>p{margin-top:15px}.faq-list summary{font-size:12px}.closing{padding:30px 0;gap:13px;flex-wrap:wrap}.closing img{width:33px;height:33px}.closing p{font-size:19px}.closing p>span{display:block}.closing a{font-size:10px;gap:5px}.footer{gap:23px}.footer>div{margin-left:0;width:100%;justify-content:space-between}.footer>span{display:block;margin-left:auto;font-size:9px}.footer .brand{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}
@media(max-width:600px){.hero h1{font-size:clamp(48px,14vw,62px)}}

/* The AI review message anchors the landing page. */
.hero{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}
.hero h1{font-size:clamp(48px,5.4vw,72px);letter-spacing:-3.8px;line-height:1.08}
.hero h1>span{color:var(--muted)}
.hero-description{max-width:455px}
.art-commit{font-size:9px}
@media(max-width:1000px) and (min-width:601px){.hero{gap:20px}.hero h1{font-size:clamp(38px,5.4vw,54px);letter-spacing:-2.5px}.branch-art{width:260px}.hero-aside{min-width:0}.art-commit{left:105px;font-size:8px}.aside-note{margin-left:20px}}
@media(max-width:600px){.hero h1{font-size:clamp(34px,9.8vw,56px);letter-spacing:-2px}.hero-description{max-width:390px}.hero .eyebrow{font-size:7px;letter-spacing:1px}}

/* Real app screenshots follow the page theme. */
.shot{display:block;width:100%;height:auto}.shot-light,body.light .shot-dark{display:none}body.light .shot-light{display:block}body.light .app-window{border-color:var(--line);background:#fff}
.download-alt{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font:9px 'JetBrains Mono';letter-spacing:.6px;color:var(--muted)}.download-alt a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}.download-alt a:hover{color:var(--accent);text-decoration-color:currentColor}
.download-disclaimer a{text-decoration:underline;text-underline-offset:3px}.download-disclaimer a:hover{color:var(--accent)}
details code{font:11px 'JetBrains Mono';background:var(--deep);padding:2px 5px;border-radius:4px;color:var(--text)}details strong{color:var(--text);font-weight:550}