:root{--paper:#f4f3ed;--ink:#20241f;--muted:#6d716a;--line:#d9dbd1;--acid:#d8f36a;--dark:#222820;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #6a7c35;outline-offset:5px}::selection{background:var(--acid);color:var(--ink)}.section-wrap{max-width:1280px;margin:auto;padding-left:48px;padding-right:48px}.skip{position:fixed;top:-80px;left:16px;background:var(--acid);padding:14px;z-index:10}.skip:focus{top:16px}.header{max-width:1376px;margin:auto;padding:29px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:700 23px var(--mono);position:relative}.brand-icon span{position:absolute;right:3px;bottom:3px;font-size:16px}.times{font-weight:400;color:#8d9388;margin:0 3px}.brand-dot{color:#799739}.header nav{display:flex;gap:32px;font-size:13px;font-weight:600}.header nav a:hover,.text-link:hover{color:#708936}.nav-cta{border:1px solid var(--ink);font-size:13px;font-weight:600;padding:12px 17px;border-radius:4px;display:flex;gap:24px;transition:background .2s}.nav-cta:hover{background:var(--acid)}.hero{padding-top:74px;padding-bottom:68px;display:grid;grid-template-columns:1.04fr 1fr;gap:42px;min-height:710px}.eyebrow{font:10px var(--mono);letter-spacing:1.9px;display:flex;align-items:center;gap:9px;font-weight:600}.little-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#8ca642;flex-shrink:0}.hero h1{font-size:clamp(58px,6.1vw,85px);line-height:.99;font-weight:500;letter-spacing:-5px;margin:27px 0 24px}.hero-line{font-size:.71em;letter-spacing:-3px;line-height:1.35;white-space:nowrap}.live-word{position:relative}.live-word:after{content:'';position:absolute;background:var(--acid);height:11px;left:-3px;right:-4px;bottom:5px;z-index:-1}.spark{font-size:54px;position:absolute;right:-73px;top:-8px;transform:rotate(-12deg);color:#7f9745}.hero-description{color:var(--muted);font-size:15px;line-height:1.8;max-width:405px;margin:0 0 27px}.hero-actions{display:flex;gap:24px;align-items:center}.button{border-radius:4px;padding:17px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.primary{background:var(--acid);color:var(--ink)}.primary:hover{background:#c9e45d;transform:translateY(-2px)}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:13px}.hero-footnote{margin-top:31px;font:10px var(--mono);color:#7b8075;display:flex;gap:10px;align-items:center}.tiny-code{font:13px var(--mono);color:#869171}.hero-visual{position:relative;margin-top:38px;min-width:0;padding-top:48px;align-self:start}.visual-topline{display:flex;justify-content:space-between;position:absolute;top:8px;left:4px;right:4px;font:9px var(--mono);letter-spacing:1.1px;color:#81887b}.workspace-window{background:#20251f;color:#e1e7d6;border:1px solid #454e3c;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #2733211a;transform:rotate(-2deg);position:relative;z-index:2}.window-bar{height:40px;background:#2b3228;border-bottom:1px solid #3a4236;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:9px var(--mono);color:#a6b09a}.traffic{display:flex;gap:5px}.traffic i{width:6px;height:6px;border-radius:50%;background:#8b967f}.traffic i:first-child{background:#d7917e}.traffic i:nth-child(2){background:#d6be7d}.window-symbol{font-size:14px}.window-content{display:flex;min-height:260px}.file-tree{padding:20px 0 0 15px;width:127px;flex-shrink:0;background:#242b22;display:flex;flex-direction:column;gap:17px;font:8px var(--mono);color:#a6b09a;position:relative}.tree-title{font-size:7px;letter-spacing:1px;color:#7c8972;margin-bottom:4px}.tree-active{color:var(--acid);background:#35402d;padding:8px 0;margin:-8px 0 -8px -15px;padding-left:15px}.tree-muted{color:#6b7763}.branch{position:absolute;bottom:17px;font-size:8px}.code-pane{min-width:0;flex:1}.code-tab{background:#262e24;font:9px var(--mono);height:34px;display:flex;align-items:center;gap:9px;padding:0 14px;max-width:143px}.code-tab>span:last-child{margin-left:auto;color:#7b8971}.code-lines{padding:26px 10px 36px 15px;font:9px/2.5 var(--mono);white-space:nowrap}.code-lines em{font:8px var(--mono);color:#63705d;display:inline-block;margin-right:14px}.code-lines code{font:inherit}.pink{color:#d4a7c2}.lime-text{color:#b8d684}.yellow{color:#dbcb8a}.cursor{display:inline-block;height:12px;width:5px;vertical-align:middle;background:var(--acid);margin-left:3px;animation:blink 1.2s step-end infinite}.mini-terminal{border-top:1px solid #394132;padding:13px 14px;display:flex;gap:9px;flex-direction:column;font:8px var(--mono)}.mini-terminal code{font:inherit;white-space:nowrap}.terminal-label{font-size:7px;color:#a2ac96;display:flex;justify-content:space-between;margin-bottom:8px}.terminal-output{color:#859477;font-size:7px!important}.window-bottom{height:24px;background:#4d5b3b;display:flex;justify-content:space-between;padding:0 13px;align-items:center;font:7px var(--mono);color:#d8e7bf}.window-bottom .little-dot{background:var(--acid);width:4px;height:4px;margin-right:3px}.agent-note{position:relative;z-index:3;margin:-5px 10px 0 -20px;background:#fffef8;box-shadow:0 9px 22px #29371d12;border:1px solid #d5d9c8;border-radius:6px;display:flex;gap:13px;padding:20px 17px;align-items:center;max-width:350px;transform:rotate(2deg)}.agent-avatar{font-size:33px;background:var(--acid);height:49px;width:49px;display:grid;place-items:center;flex-shrink:0;border-radius:7px}.agent-label{font:7px var(--mono);letter-spacing:1.1px;color:#8b9283}.agent-note p{font-size:12px;line-height:1.6;margin:6px 0 0}.note-plus{margin-left:auto;align-self:start;font-size:21px;color:#98a18d}.deployment-ticket{display:flex;gap:11px;align-items:center;position:relative;margin:25px 0 0 113px;z-index:1}.ticket-icon{height:33px;width:33px;border:1px solid #adb79e;border-radius:50%;display:grid;place-items:center;font-size:19px}.deployment-ticket strong{font-size:10px;display:block;margin-top:5px;font-weight:500}.demo-label{position:absolute;right:2px;bottom:-28px;font:7px var(--mono);letter-spacing:1px;color:#8c9481}.dotted-path{position:absolute;border-right:1px dashed #a5b68b;border-bottom:1px dashed #a5b68b;width:85px;height:81px;bottom:35px;right:40px;border-radius:0 0 20px;z-index:0}.principles{padding-top:25px;padding-bottom:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.principles>span{font-size:11px;color:var(--muted)}.principles>div{display:flex;gap:28px}.principles>div>span{font:8px var(--mono);color:#8c9581;display:flex;gap:9px;align-items:center}.principles b{font:10px Arial;color:#535c4b;font-weight:500}.benefits{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}h2{font-size:45px;line-height:1.12;letter-spacing:-1.9px;font-weight:500;margin:20px 0 0}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 3px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:29px}.benefit-art{height:135px;background:#e9ecdf;display:flex;align-items:center;justify-content:center;margin-bottom:26px;overflow:hidden}.machine{display:flex;flex-direction:column;align-items:center;font-size:32px;color:#80906c;gap:9px}.machine small{font:6px var(--mono);letter-spacing:.7px;color:#7b876b}.connection{font-size:16px;color:#9daa84;letter-spacing:1px}.central-box{background:var(--ink);color:var(--acid);font:25px var(--mono);width:53px;height:53px;display:grid;place-items:center;border-radius:9px;margin:0 5px;transform:rotate(-8deg);box-shadow:4px 5px 0 #d2dbbf}.collaboration{background:#ece8df;gap:17px}.human-pill,.ai-pill{border:1px solid #b6bba8;border-radius:8px;padding:15px 12px;font:15px var(--mono);display:flex;gap:13px;transform:rotate(-8deg);background:#faf9f3}.ai-pill{background:var(--acid);border-color:#acbf75;transform:rotate(8deg)}.human-pill b,.ai-pill b{font-weight:400}.loop-symbol{font-size:32px;color:#9b9c8d}.independence{background:#e6eadf;gap:16px}.dev-chip,.live-chip{display:flex;align-items:center;gap:11px;border:1px solid #bcc6ad;padding:14px 12px;border-radius:5px;font:10px var(--mono);background:#f6f6ef}.dev-chip i{font-style:normal;color:#8f9882}.live-chip{background:#d9e4c9;border-color:#c0cfa9}.live-chip i{width:6px;height:6px;background:#718e3f;border-radius:50%}.division{color:#a7b199;font-size:26px;font-weight:300}.card-number{font:8px var(--mono);letter-spacing:1px;color:#7c876e}.benefit-grid h3{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.6px;margin:15px 0}.benefit-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:24px;min-height:69px}.card-tag{display:block;padding-top:16px;border-top:1px solid var(--line);font:9px var(--mono);color:#6d7a5b}.workflow{background:var(--dark);color:var(--paper);padding:83px 0 90px}.workflow .eyebrow{color:#acba98}.workflow-heading{position:relative}.workflow h2{font-size:49px;line-height:1.1}.workflow h2 span{color:#9eac8b}.workflow-heading>p{position:absolute;right:0;bottom:0;color:#acb6a1;font-size:12px;line-height:1.9;margin:0}.workflow-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:72px;margin-top:49px;align-items:stretch}.steps{display:flex;flex-direction:column}.step{background:none;border:0;border-top:1px solid #48503f;color:#b4beaa;text-align:left;padding:26px 0;display:flex;align-items:center;gap:22px;cursor:pointer}.step:last-child{border-bottom:1px solid #48503f}.step-number{font:10px var(--mono);color:#7d8a70;align-self:start;margin-top:5px}.step b{font-size:20px;font-weight:500;display:block}.step small{display:block;font-size:11px;margin-top:9px;color:#8b987e}.step-arrow{margin-left:auto;font-size:24px;opacity:0;transform:translate(-5px,5px);transition:.2s}.step.active{color:var(--acid)}.step.active .step-arrow,.step:hover .step-arrow{opacity:1;transform:none}.step.active .step-number{color:var(--acid)}.step:hover{background:#ffffff03}.workflow-demo{border:1px solid #626e52;border-radius:7px;display:flex;flex-direction:column;overflow:hidden;background:#2a3325}.demo-top{padding:16px 21px;border-bottom:1px solid #46523c;display:flex;justify-content:space-between;color:#a8b59a;font:8px var(--mono);letter-spacing:1px}.demo-counter{color:#7e8d6c}.demo-body{padding:23px 30px;position:relative;flex:1}.demo-big-icon{position:absolute;right:29px;top:24px;color:var(--acid);font-size:49px;line-height:1}.demo-body h3{font-size:26px;font-weight:500;letter-spacing:-.5px;line-height:1.2;margin:0 50px 18px 0}.demo-body p{font-size:12px;color:#c3cdb8;line-height:1.8;max-width:320px}.demo-chip{font:7px var(--mono);display:inline-block;padding:7px 9px;border:1px solid #56654a;border-radius:3px;color:#bdd294;margin-top:8px}.demo-bottom{padding:13px 21px;border-top:1px solid #46523c;font:7px var(--mono);color:#a6b498;display:flex;align-items:center;gap:7px}.demo-bottom .little-dot{width:5px;height:5px}.roles{padding-top:90px;padding-bottom:95px}.roles-heading{max-width:650px}.roles-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:20px}.role-table{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0}.role-table>div{padding:0 30px;border-left:1px solid var(--line)}.role-table>div:first-child{border:0;padding-left:0}.role-table>div:last-child{padding-right:0}.role-badge{display:grid;place-items:center;height:37px;width:37px;font:22px var(--mono);background:#e1e7d5;border-radius:4px}.role-badge.ai{background:#e9e1d3}.role-badge.ship{background:var(--acid)}.role-table h3{font-size:18px;font-weight:500;margin:19px 0 10px}.role-table p{font-size:12px;line-height:1.85;color:var(--muted);min-height:68px}.role-table>div>span:last-child{font:8px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#879574;display:block;margin-top:20px}.faq{padding-top:20px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq h2{font-size:39px}.faq-list details{border-top:1px solid var(--line);padding:21px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;display:flex;align-items:start;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-weight:400;color:#82926d;transition:transform .2s;font-size:19px;line-height:.8}details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.9;color:var(--muted);padding-right:32px;margin:15px 0 0}.closing{padding-bottom:70px}.closing-inner{padding:46px 49px;background:#e6eacb;border:1px solid #d9dfb9;border-radius:5px;position:relative;overflow:hidden}.closing h2{font-size:64px;line-height:1.01;letter-spacing:-2.5px;margin:24px 0}.closing h2 span{color:#7f924d}.closing-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.closing p{font-size:12px;line-height:1.8;color:#677252}.closing .button{background:var(--ink);color:var(--paper);margin-top:25px;min-width:186px}.closing .button:hover{background:#3d4d2b}.closing-star{position:absolute;font-size:260px;line-height:1;right:102px;top:-13px;color:#ccd6a8;transform:rotate(13deg);pointer-events:none}.footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:36px}.footer .brand{font-size:18px}.footer .brand-icon{height:28px;width:28px;font-size:20px}.footer>span{font:8px var(--mono);color:#8c9581}.footer>a:last-child{font-size:10px;color:#6d7a5c}@keyframes blink{50%{opacity:0}}@media(min-width:1500px){.hero{padding-top:94px;padding-bottom:88px}}@media(max-width:1050px){.section-wrap{padding-left:32px;padding-right:32px}.header{padding:24px 32px}.hero{gap:24px}.hero h1{font-size:66px;letter-spacing:-4px}.hero-line{letter-spacing:-2px}.hero-visual{margin-top:40px}.code-lines{font-size:7px;padding-left:8px}.code-lines em{margin-right:8px}.file-tree{width:103px;font-size:7px;padding-left:10px}.hero-actions{gap:17px}.principles>div{gap:13px}.principles>span{max-width:170px;line-height:1.6}.benefit-grid{gap:21px}.benefit-art{height:117px}.collaboration{gap:9px}.human-pill,.ai-pill{padding:11px 9px}.independence{gap:7px}.dev-chip,.live-chip{font-size:8px;padding:12px 8px}.workflow-layout{gap:36px}.faq{gap:45px}.closing-star{right:48px}}@media(max-width:760px){.header{padding:21px 24px}.header nav{display:none}.nav-cta{font-size:11px;gap:12px;padding:11px}.brand{font-size:20px}.brand-icon{width:30px;height:30px}.section-wrap{padding-left:24px;padding-right:24px}.hero{grid-template-columns:1fr;gap:35px;padding-top:48px;padding-bottom:63px;min-height:0}.hero h1{font-size:78px;letter-spacing:-4px;line-height:.98;margin-top:25px}.hero-line{font-size:.63em;letter-spacing:-2.7px}.hero-description{max-width:460px;font-size:14px;line-height:1.8}.hero-visual{max-width:500px;width:100%;margin:0 auto;padding:43px 9px 0}.visual-topline{left:9px;right:9px}.window-content{min-height:245px}.file-tree{width:115px;font-size:8px}.code-lines{font-size:8px;padding:23px 10px}.mini-terminal{font-size:7px}.agent-note{margin-left:0;max-width:320px}.deployment-ticket{margin-left:100px;margin-top:25px}.demo-label{right:10px}.principles{display:block;padding-top:23px;padding-bottom:23px}.principles>span{max-width:none;font-size:11px}.principles>div{margin-top:19px;gap:16px;justify-content:space-between}.principles>div>span{display:block;font-size:8px}.principles b{font-size:8px;display:block;margin-top:7px}.benefits{padding-top:65px;padding-bottom:60px}.section-heading{display:block;margin-bottom:29px}h2{font-size:36px;letter-spacing:-1.5px}.section-heading>p{margin-top:22px;font-size:12px}.benefit-grid{grid-template-columns:1fr;gap:39px}.benefit-art{height:150px;margin-bottom:20px}.machine{font-size:35px}.central-box{width:60px;height:60px;margin:0 14px}.connection{letter-spacing:4px}.benefit-grid h3{font-size:27px;margin:12px 0}.benefit-grid p{font-size:13px;min-height:0;max-width:520px}.card-tag{font-size:9px}.human-pill,.ai-pill{padding:16px 22px;font-size:19px}.collaboration{gap:24px}.dev-chip,.live-chip{padding:16px 22px;font-size:12px}.independence{gap:23px}.workflow{padding:60px 0}.workflow h2{font-size:41px}.workflow-heading>p{position:static;margin-top:21px;font-size:12px}.workflow-layout{grid-template-columns:1fr;gap:29px;margin-top:28px}.step{padding:21px 0}.step b{font-size:18px}.step small{font-size:11px}.demo-body{padding:25px;min-height:240px}.demo-body h3{font-size:28px}.demo-body p{max-width:340px}.demo-bottom{font-size:7px}.roles{padding-top:62px;padding-bottom:57px}.role-table{grid-template-columns:1fr;padding:0;margin-top:27px}.role-table>div,.role-table>div:first-child,.role-table>div:last-child{padding:25px 0;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:42px 1fr;column-gap:15px}.role-table>div:first-child{border-top:0}.role-badge{grid-row:1/4}.role-table h3{margin:2px 0 10px}.role-table p{min-height:0;margin:0;font-size:12px}.role-table>div>span:last-child{margin-top:15px}.faq{grid-template-columns:1fr;gap:31px;padding-top:5px;padding-bottom:54px}.faq h2{font-size:35px}.faq h2 br:nth-child(2){display:none}summary{font-size:13px}.closing{padding-bottom:35px}.closing-inner{padding:30px 25px}.closing-inner .eyebrow{font-size:8px;letter-spacing:1.1px}.closing h2{font-size:47px;letter-spacing:-2px;margin:25px 0}.closing-star{font-size:170px;right:-25px;top:34px;opacity:.65}.closing-bottom{display:block}.closing .button{margin-top:11px;min-width:200px}.footer{flex-wrap:wrap;padding-bottom:28px;gap:22px}.footer>span{order:3;width:100%;font-size:7px}.footer>a:last-child{margin-left:auto}}@media(max-width:380px){.hero h1{font-size:67px}.hero-line{letter-spacing:-2px}.hero-actions{gap:15px}.button{padding:15px 17px;gap:18px;font-size:12px}.text-link{font-size:11px}.hero-visual{padding-left:2px;padding-right:2px}.file-tree{width:90px;font-size:7px}.code-lines{font-size:6px}.mini-terminal{font-size:6px}.agent-note{padding:15px 12px;gap:11px}.agent-note p{font-size:11px}.deployment-ticket{margin-left:45px}.principles b{font-size:7px}.independence{gap:12px}.dev-chip,.live-chip{padding:14px;font-size:10px}.demo-chip{font-size:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
