@font-face{font-family:JetBrains Mono;src:url('assets/mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0b0c0e;--surface:#111315;--line:#272a2e;--text:#f1f2f3;--muted:#989da5;--accent:#80d8ed;--mono:'JetBrains Mono',monospace;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#80d8ed;color:#0b0c0e}.wrap{max-width:1200px;width:calc(100% - 96px);margin-inline:auto}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;top:8px;left:8px;z-index:10;background:var(--text);color:var(--bg);padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:25px;font-weight:650;letter-spacing:-1.2px}.header nav{display:flex;align-items:center;gap:32px;font-size:14px}.nav-text{color:#b4b8bf;transition:color .2s}.nav-text:hover{color:white}.nav-text span{margin-left:4px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#ededee;color:#121416;border:1px solid #ededee;border-radius:7px;font-size:15px;font-weight:600;min-height:52px;padding:0 24px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:white;transform:translateY(-2px);box-shadow:0 5px 24px #ffffff12}.button-small{min-height:38px;padding:0 15px;font-size:14px;gap:18px}.button-small .icon{width:16px;height:16px}.button-primary{box-shadow:0 1px 0 #ffffff40 inset,0 4px 18px #0003}.hero{padding-top:82px;text-align:center}.eyebrow{font:500 12px/1.6 var(--mono);letter-spacing:1.6px;display:flex;align-items:center;justify-content:center;gap:12px;color:#a7b4bc}.eyebrow-line{width:22px;height:1px;background:var(--accent)}h1{font-size:clamp(48px,6.5vw,88px);line-height:1.075;letter-spacing:-4.8px;font-weight:570;margin:26px -20px 24px}h1 span{color:#b6bdc7}.hero-copy{font-size:18px;color:var(--muted);line-height:1.7;margin:0 auto}.hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:30px}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:9px}.text-link .icon{width:17px;transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.availability{font:400 12px/1.6 var(--mono);color:#969ca5;margin:15px 0 0}.product-stage{margin-top:70px;text-align:left;position:relative;scroll-margin-top:24px}.product-stage:before{content:'';position:absolute;inset:10% 5% 12%;box-shadow:0 0 120px 10px #5ca3bc0d;pointer-events:none}.stage-label{font:400 11px/1.5 var(--mono);letter-spacing:1.3px;color:#8a9098;display:flex;justify-content:space-between;margin:0 2px 13px}.app-window{position:relative;border:1px solid #3b3f46;border-radius:10px;background:#0b0d0f;overflow:hidden;box-shadow:0 32px 90px #0006,0 0 0 6px #ffffff02}.app-titlebar{height:42px;background:#17191d;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#acb1b9;font-size:12px}.app-titlebar>span{display:flex;align-items:center;gap:6px}.traffic-lights{display:flex;gap:7px;width:55px}.traffic-lights i{width:9px;height:9px;border-radius:50%;background:#e56e69}.traffic-lights i:nth-child(2){background:#d8ae57}.traffic-lights i:nth-child(3){background:#65a97b}.titlebar-right{font:12px var(--mono);width:55px;justify-content:flex-end}.app-layout{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:430px}.app-sidebar{background:#121416;border-right:1px solid var(--line);padding:18px 12px;position:relative;font-size:12px}.workspace-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:550;padding:0 5px}.workspace-avatar{width:23px;height:23px;display:grid;place-items:center;border:1px solid #597369;background:#263b33;color:#c2e9d4;border-radius:5px;font-size:12px}.subtle{margin-left:auto;color:#7f868e}.sidebar-inbox{display:flex;gap:9px;align-items:center;padding:20px 6px;color:#a0a6af}.sidebar-inbox .icon{width:15px;height:15px}.sidebar-inbox>span{margin-left:auto;font:11px var(--mono)}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;color:#858c96;font:10px var(--mono);letter-spacing:.8px;margin:14px 5px}.sidebar-heading .icon{width:13px}.project-name{display:flex;align-items:center;gap:7px;color:#bec2c9;margin:14px 5px 12px}.project-name>.icon{width:13px;height:13px}.session{padding:10px 8px;display:flex;align-items:center;gap:7px;font-size:11px;color:#a7adb5;white-space:nowrap;border-radius:5px;margin:3px 0}.session.active{color:#d6edf2;background:#173039;border:1px solid #2b454e;padding:9px 7px}.session-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.running{background:#8bd7e7}.waiting{background:#d1ad68}.done{background:#719e85}.session-provider{font-size:13px;margin-left:auto;color:#b49a86}.second-project{margin-top:24px}.sidebar-bottom{position:absolute;bottom:18px;left:17px;right:10px;display:flex;align-items:center;gap:7px;color:#8c939d;font-size:10px}.sidebar-bottom .icon{width:13px}.app-main{min-width:0}.session-header{min-height:45px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:12px;color:#d4d7dc}.branch-label{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:#9098a3}.branch-label .icon{width:12px;height:12px}.preview-body{min-height:385px;display:grid;grid-template-columns:minmax(0,1fr) 225px}.conversation{padding:26px 28px 18px;font:12px/1.8 var(--mono);min-width:0}.conversation-head{display:flex;align-items:center;gap:8px;color:#e0dbd6;font:500 13px var(--mono);margin-bottom:22px}.claude-symbol{font-size:24px;color:#d39b79;line-height:1}.conversation-head small{margin-left:auto;color:#979fa7;font:10px var(--mono)}.prompt{color:#dedfe3;border-left:2px solid #718492;padding:7px 12px;background:#1a1d22;border-radius:0 4px 4px 0;margin-bottom:20px}.response-text{color:#abb1ba;margin:0 0 14px}.activity-list{list-style:none;margin:0;padding:0;color:#b6bfc8;font-size:11px}.activity-list li{margin:7px 0;display:flex;gap:9px;align-items:center}.activity-list .icon{width:13px;height:13px;color:#8ab99a}.tool-output{margin:15px 0;padding:10px 13px;background:#12171a;border:1px solid #263139;border-radius:5px;color:#8fbbc8;font-size:10px}.composer{padding:11px 12px;border:1px solid #343a43;border-radius:6px;color:#a4aab3;display:flex;justify-content:space-between;font-size:11px;margin-top:22px}.composer span{color:#b6c4cf}.file-pane{border-left:1px solid var(--line);padding:16px 14px;font:10px/1.9 var(--mono);background:#0f1114;color:#a9b0b9}.file-pane-title{font:11px var(--mono);color:#bfc4cb;margin-bottom:17px}.file-pane .file{padding:6px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.file span{color:#d1b87d}.file-pane .folder{color:#c0c6cf;margin:8px 0}.diff-count{margin-top:20px;border-top:1px solid var(--line);padding-top:14px;color:#8fba9d}.file-pane pre{font:10px/1.8 var(--mono);white-space:pre-wrap}.added{color:#99c6a8}.removed{color:#c18e8e}.app-statusbar{min-height:27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 14px;font:10px var(--mono);color:#8e98a4;background:#121518}.app-statusbar>span{display:flex;align-items:center;gap:6px}.app-statusbar .icon{width:11px;height:11px}.preview-tabs{display:flex;justify-content:center;gap:8px;margin-top:27px}.preview-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;background:transparent;color:#989fa9;min-height:44px;padding:0 18px;border-radius:6px;font-size:13px;transition:background .2s,color .2s}.preview-tabs button .icon{width:16px;height:16px}.preview-tabs button:hover{color:#eee;background:#14171b}.preview-tabs button[aria-selected=true]{background:#1a1e23;border-color:#333b45;color:#d4e5ed}.preview-caption{text-align:center;color:#9097a1;font-size:12px;margin:14px 0 0}.tools-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0;margin-top:55px;display:flex;align-items:center;justify-content:space-between;gap:28px}.tools-strip>span:first-child{font:10px/1.7 var(--mono);color:#9ba3ad;letter-spacing:1px}.tools-strip>div{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:550;color:#d0d4da;white-space:nowrap}.claude-mark{font-size:34px;color:#c59374}.codex-mark{width:30px;height:30px}.tools-note{font-size:12px;color:#989fa9}.features{padding-top:104px;padding-bottom:105px}.section-intro{position:relative}.section-intro .eyebrow{justify-content:flex-start;font-size:11px}.section-intro h2{font-size:48px;line-height:1.14;letter-spacing:-2px;font-weight:550;margin:22px 0 44px}.section-intro h2 span{color:#929aa5}.section-intro>p{position:absolute;right:0;bottom:4px;color:#9da5af;line-height:1.7;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:27px 26px 30px;min-width:0}.feature:first-child{padding-left:0}.feature:last-child{padding-right:0}.feature+.feature{border-left:1px solid var(--line)}.feature-number{font:11px var(--mono);color:#9aa5af;letter-spacing:.7px}.feature-visual{height:190px;display:flex;flex-direction:column;justify-content:center;font:11px var(--mono);color:#b6bec9}.context-visual{padding:12px 10px 12px 0;gap:9px}.context-visual>div:not(.context-tags){display:flex;gap:10px;align-items:center;padding:10px 12px;background:linear-gradient(100deg,#1c2026,#111316);border:1px solid #2e343c;border-radius:5px;box-shadow:0 6px 10px #0002}.context-visual>div>span:last-child{margin-left:auto;font-size:10px;color:#9ba5b2}.mini-avatar{display:grid;place-items:center;width:22px;height:22px;background:#274033;border-radius:4px;color:#aad1b6}.mini-avatar.personal{background:#363347;color:#b9b1d4}.context-tags{display:flex;gap:6px;margin:3px 0 0}.context-tags span{font-size:9px!important;border:1px solid #2c323a;border-radius:4px;padding:4px 7px;margin:0!important;color:#98a1ad!important}.parallel-visual{gap:14px}.branch-trunk{display:flex;align-items:center;gap:10px;margin-left:6px}.branch-trunk .icon{width:17px;color:#8797a7}.branch-row{padding:11px 8px;display:flex;justify-content:space-between;gap:4px;border:1px solid #2d3640;border-radius:5px;background:#12171c;position:relative;margin-left:20px;font-size:10px}.branch-row:before{content:'';position:absolute;top:-17px;left:-14px;width:13px;height:34px;border-left:1px solid #3d4b5a;border-bottom:1px solid #3d4b5a;border-bottom-left-radius:4px}.mini-status{color:#cead94;font-size:9px}.mini-status.codex{color:#a0c8d6}.review-visual{padding:0 0 0 4px}.review-visual>div{display:flex;align-items:center;gap:8px;background:#1a1e23;border:1px solid #333941;padding:10px;border-radius:5px 5px 0 0;font-size:10px}.review-visual>div>span{margin-left:auto;color:#a8c5ae}.review-visual .icon{width:15px;height:15px}.review-visual pre{font:10px/1.95 var(--mono);padding:12px 10px;border:1px solid #293238;border-top:0;margin:0;background:#101618;border-radius:0 0 5px 5px;overflow:auto}.feature h3{font-size:18px;letter-spacing:-.45px;font-weight:550;margin:9px 0 12px}.feature p{font-size:14px;color:#a1a7b1;line-height:1.8;margin:0;max-width:320px}.download-section{position:relative;text-align:center;padding:55px 0 90px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 35%,#7187a20a,transparent 65%)}.download-art{margin-bottom:26px}.download-art img{filter:drop-shadow(0 10px 20px #0005)}.download-section .eyebrow{font-size:11px}.download-section h2{font-size:76px;letter-spacing:-3.7px;line-height:1.04;font-weight:550;margin:25px 0}.download-section>p:not(.download-detail):not(.download-requirements){font-size:17px;color:#a0a7b1;line-height:1.75;margin:0 0 28px}.download-pending{opacity:.65;cursor:not-allowed}.download-pending:hover{transform:none;box-shadow:none}.download-detail{color:#b0b8c3;font:12px/1.7 var(--mono);margin:17px 0 0}.download-requirements{color:#8e97a3;font-size:12px;line-height:1.7;margin:14px 0 0}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px 40px;color:#929ba7;font-size:12px}.footer .brand{color:#d9dce1;font-size:21px}.footer a:last-child:hover{color:white}.noscript-note{padding:16px;text-align:center;color:#a9b0ba}.worktree-board{grid-column:1/-1;padding:25px 30px;min-width:0}.board-eyebrow{font:10px var(--mono);letter-spacing:1px;color:#8b9aa9}.worktree-board h3{font-weight:500;font-size:20px;letter-spacing:-.4px;margin:12px 0 8px}.worktree-board>p{color:#9da9b5;font-size:12px;line-height:1.7;margin:0 0 20px}.worktree-card{padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid #2a343e;border-radius:6px;background:#12171b;margin:10px 0}.worktree-card>.icon{width:17px;color:#8fadc0}.worktree-card strong{display:block;font:500 12px var(--mono);color:#c2ccd6}.worktree-card small{display:block;font:10px var(--mono);color:#96a4b1;margin-top:5px}.worktree-card>span{margin-left:auto;color:#b3c4d2;font:10px var(--mono);white-space:nowrap}.review-content{grid-column:1/-1;padding:23px 28px;font:11px/1.9 var(--mono);min-width:0}.review-content .review-heading{display:flex;justify-content:space-between;gap:12px;color:#c4ccd4;padding-bottom:13px}.review-heading span{color:#99bfa7}.code-diff{border:1px solid #2b343d;border-radius:6px;overflow:auto}.diff-filename{padding:7px 14px;background:#1a2026;color:#aab6c3}.code-diff pre{font:11px/1.9 var(--mono);margin:0;padding:13px 15px;background:#0f1418;color:#aeb8c3}.review-footer{font:11px/1.6 var(--mono);display:flex;align-items:center;gap:8px;color:#95aa9c;margin-top:16px}.review-footer .icon{width:14px}
@media(min-width:1500px){.hero{padding-top:98px}h1{font-size:92px}.product-stage{margin-top:78px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}h1{letter-spacing:-3px}.app-layout{grid-template-columns:210px minmax(0,1fr)}.preview-body{grid-template-columns:minmax(0,1fr) 175px}.conversation{padding:22px 20px}.session{font-size:10px}.session-provider{display:none}.file-pane{padding:16px 10px}.branch-label{display:none}.tools-note{display:none}.feature{padding-inline:18px}.feature-visual{font-size:10px}.feature h3{font-size:17px}.mini-status{font-size:8px}.section-intro>p{font-size:14px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px}.header nav{gap:20px}.nav-text{display:none}.brand{font-size:23px}.hero{padding-top:60px}h1{font-size:clamp(39px,7.6vw,58px);letter-spacing:-2.4px;margin:24px -8px}.hero-copy{font-size:16px;max-width:470px}.desktop-break{display:none}.hero-actions{gap:20px;flex-wrap:wrap}.eyebrow{font-size:10px;letter-spacing:1.2px}.product-stage{margin-top:50px}.stage-index{display:none}.stage-label{font-size:10px;letter-spacing:.6px}.app-layout{grid-template-columns:1fr;min-height:390px}.app-sidebar{display:none}.preview-body{grid-template-columns:minmax(0,1fr) 185px}.conversation{padding:22px 18px}.app-statusbar>span:last-child{display:none}.preview-tabs{gap:2px;margin-top:22px}.preview-tabs button{font-size:12px;padding:0 11px;gap:7px}.preview-tabs button .icon{width:14px}.tools-strip{flex-wrap:wrap;justify-content:center;padding:25px 10px;gap:22px;margin-top:40px}.tools-strip>span:first-child{flex-basis:100%;text-align:center;font-size:9px}.tools-strip>span:first-child br{display:none}.tools-strip>div{font-size:18px}.tools-strip .claude-mark{font-size:27px}.tools-strip .codex-mark{width:25px}.features{padding-top:65px;padding-bottom:50px}.section-intro h2{font-size:39px;margin:20px 0}.section-intro>p{position:static;margin:0 0 30px;font-size:15px;max-width:350px}.feature-grid{grid-template-columns:1fr;border-bottom:0}.feature,.feature:first-child,.feature:last-child{padding:26px 0 32px;border-bottom:1px solid var(--line);border-left:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:start}.feature-number{grid-column:1;grid-row:1;font-size:10px}.feature-visual{grid-column:2;grid-row:1/4;height:170px;align-self:center}.feature h3{grid-column:1;grid-row:2;font-size:20px;margin:16px 0 10px;line-height:1.4}.feature p{grid-column:1;grid-row:3;font-size:14px}.download-section{padding:35px 0 65px}.download-section h2{font-size:61px;letter-spacing:-3px}.footer{flex-wrap:wrap;font-size:11px;padding-block:25px;gap:18px}.footer>span{order:3;flex-basis:100%;text-align:center}.worktree-board{padding:24px}.review-content{padding:23px 18px}}
@media(max-width:520px){.wrap{width:calc(100% - 32px)}.hero-copy{max-width:340px}.hero-actions{flex-direction:column;gap:20px}.availability{font-size:10px}.hero .eyebrow{font-size:9px}.eyebrow-line{width:14px}.preview-body{display:block;min-height:368px}.file-pane{display:none}.conversation{padding:23px 20px}.conversation-head{margin-bottom:20px}.conversation-head small{font-size:9px}.session-header{padding:12px 17px}.app-layout{min-height:0}.app-window{border-radius:8px}.preview-tabs button{padding:0 10px;font-size:11px;gap:6px}.preview-caption{font-size:11px}.feature,.feature:first-child,.feature:last-child{display:flex;flex-direction:column;padding:27px 4px 30px}.feature-visual{width:100%;max-width:310px;align-self:center;order:1;height:182px;padding-inline:6px}.feature-number{order:0}.feature h3{order:2;font-size:20px;margin-top:8px}.feature p{order:3;max-width:none;font-size:15px}.feature-visual .mini-status{font-size:10px}.feature-visual .branch-row{font-size:11px}.feature-visual .review-visual pre{font-size:11px}.download-section h2{font-size:55px}.download-detail{font-size:11px}.worktree-card{padding:12px 10px;gap:9px}.worktree-card strong{font-size:10px}.worktree-card>span{font-size:9px}.worktree-card small{font-size:9px}.worktree-board{padding:23px 16px}.worktree-board h3{font-size:19px}.review-heading{font-size:10px}.code-diff pre{font-size:10px}.footer .brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}