[data-astro-cid-l43jfdkk][data-sb-state][data-exited]{color:#f08080}.hero{background:radial-gradient(at 50% 62%,#153238 0%,#101b1f 34%,#0d1214 72%);border-bottom:1px solid #263235;position:relative;overflow:hidden}.hero-grid{pointer-events:none;background-image:linear-gradient(#b3ffff09 1px,#0000 1px),linear-gradient(90deg,#b3ffff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:linear-gradient(#0000 4%,#000 45%,#0000 96%)}.hero-inner{max-width:var(--page-max);padding:96px var(--gutter) 0;margin:auto;position:relative}.hero-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.hero-kicker,.small-label{font:500 11px var(--font-mono);letter-spacing:.13em;color:#a6f071;align-items:center;gap:13px;display:flex}.kicker-symbol{letter-spacing:-.08em;font-size:18px}.kicker-line{background:#547059;width:38px;height:1px}.hero h1{font:700 clamp(48px, 5.4vw, 80px) / 1.07 var(--font-heading);letter-spacing:-.07em;color:var(--text-bright);margin:27px 0 24px}.hero h1 em{color:var(--cyan);font-style:normal}.hero-copy>p{color:var(--text-muted);max-width:560px;margin:0;font-size:18px;line-height:1.6}.hero-copy>.hero-hook{color:var(--text-bright);margin-bottom:10px;font-weight:600}.hero-cta{justify-content:center;align-items:center;gap:14px;margin-top:32px;display:flex}.hero-trust{color:var(--text-subtle);font:11px var(--font-mono);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;display:flex}.hero-trust li{align-items:center;gap:7px;display:inline-flex}.trust-icon{color:#91ccac}.hero-picture{max-width:var(--page-max);padding:72px var(--gutter) 96px;margin:auto;position:relative}.reveal{animation:.6s cubic-bezier(.2,.7,.2,1) both reveal-up;animation-delay:var(--d,0s)}@keyframes reveal-up{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.reveal{animation:none}}.overview-section{max-width:var(--page-max);padding:104px var(--gutter) 115px;margin:auto}.section-intro{justify-content:space-between;align-items:end;gap:60px;display:flex}.small-label span{border-left:2px solid var(--lime);padding-left:13px}.section-intro h2{font:700 clamp(32px, 3.2vw, 47px) / 1.16 var(--font-heading);letter-spacing:-.055em;margin:24px 0 0}.benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.benefit-grid .feature-card{min-height:0}.section-links{flex-wrap:wrap;gap:8px 32px;display:flex}.section-link{color:var(--lime);align-items:center;gap:10px;margin-top:28px;font-size:13px;font-weight:700;display:inline-flex}.section-link svg:last-child{transition:translate .2s}.section-link:hover svg:last-child{translate:3px}@media (width<=1180px){.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hero-inner{padding-top:65px}.hero-kicker{font-size:9px}.hero h1{margin:23px 0;font-size:clamp(42px,10vw,62px)}.hero-copy>p{font-size:15px}.hero-cta{flex-wrap:wrap;gap:10px}.hero-picture{padding:48px var(--gutter) 64px}.overview-section{padding:70px var(--gutter)}.section-intro{display:block}.section-intro h2{font-size:36px}.benefit-grid{grid-template-columns:1fr}}.hiw{--tui-sel:#00d787;--tui-green:#7fd67a;--tui-yellow:#e8c66f;--vsc-blue:#5ea4ff;--agent-editing:var(--lime);--agent-testing:var(--cyan);--agent-idle:var(--text-subtle);--agent-waiting:var(--tui-yellow);margin-top:68px;position:relative}.hiw [hidden]{display:none!important}.hiw-stage{grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:center;gap:clamp(36px,4.4vw,72px);display:grid;position:relative}.hiw-stage:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#1f7d851f,#0000);position:absolute;inset:-10% 30% -10% -10%}.hiw-diagram{justify-self:center;width:100%;min-width:0;max-width:740px;position:relative;container-type:inline-size}.hiw-canvas{--u:calc(100cqw / 640);aspect-ratio:640/560;position:relative}.hiw-links{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hiw-host,.hiw-node,.hiw-sandbox,.hiw-vscode{left:calc(var(--u) * var(--x));top:calc(var(--u) * var(--y));width:calc(var(--u) * var(--w));height:calc(var(--u) * var(--h));box-sizing:border-box;position:absolute}.hiw-node,.hiw-sandbox,.hiw-vscode{z-index:2}.hiw-link{stroke-width:1.4px;stroke-linecap:round;transition:stroke .3s,opacity .3s}.hiw-link--you{stroke:#3f6a4a}.hiw-link--dashboard{stroke:#3d3766}.hiw-link--service{stroke:#26494d}.hiw-link--vscode{stroke:var(--vsc-blue);stroke-width:1.6px;stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0;filter:drop-shadow(0 0 4px #5ea4ff88);transition:stroke-dashoffset .2s,opacity .2s}.hiw-link--vscode[data-active]{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset .6s cubic-bezier(.3,.6,.3,1) .2s,opacity .1s .2s}.hiw-link[data-active]:not(.hiw-link--vscode){stroke:#57c79c}.hiw-pulse{stroke-width:2px;stroke-linecap:round;stroke-dasharray:.07 2;stroke-dashoffset:.07px;animation:3.6s linear infinite hiw-travel;animation-delay:calc(var(--p) * 1.1s)}.hiw-pulse--dashboard{stroke:#b9a3ff}.hiw-pulse--service{stroke:var(--cyan);animation-duration:4.2s;animation-delay:calc(1.8s + var(--p) * 1.3s)}@keyframes hiw-travel{0%{stroke-dashoffset:.07px;opacity:0}8%{opacity:.95}48%{opacity:.95}56%,to{stroke-dashoffset:-1px;opacity:0}}.hiw-host{border-radius:calc(var(--u) * 16);background:linear-gradient(#b3ffff06 1px, transparent 1px) 0 0 / calc(var(--u) * 32) calc(var(--u) * 32), linear-gradient(90deg, #b3ffff06 1px, transparent 1px) 0 0 / calc(var(--u) * 32) calc(var(--u) * 32), linear-gradient(180deg, #121d20cc, #0e1618aa);border:1px dashed #2f474b}.hiw-host-label,.hiw-host-runtime{left:calc(var(--u) * 18);align-items:center;gap:calc(var(--u) * 8);font:calc(var(--u) * 9.5) / 1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);display:flex;position:absolute}.hiw-host-label{top:calc(var(--u) * 18)}.hiw-host-label span{color:var(--lime);border-left:2px solid var(--lime);padding-left:calc(var(--u) * 8)}.hiw-host-runtime{bottom:calc(var(--u) * 16);gap:calc(var(--u) * 6);letter-spacing:.04em;text-transform:none}.hiw-host-runtime>span:not(.hiw-runtime-label){border-radius:calc(var(--u) * 4);padding:calc(var(--u) * 4) calc(var(--u) * 7);color:#93a7a7;background:#111b1d;border:1px solid #2a3c3f}.hiw-runtime-label{letter-spacing:.12em;margin-right:calc(var(--u) * 4)}.hiw-node{align-items:center;gap:calc(var(--u) * 10);padding:0 calc(var(--u) * 12);border:1px solid var(--border-strong);border-radius:calc(var(--u) * 9);background:var(--surface-raised);box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 30) #0007;display:flex}.hiw-node-icon{width:calc(var(--u) * 30);height:calc(var(--u) * 30);border-radius:calc(var(--u) * 7);flex-shrink:0;place-items:center;display:grid}.hiw-node-icon svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.hiw-node-copy{gap:calc(var(--u) * 3);white-space:nowrap;flex-direction:column;min-width:0;display:flex}.hiw-node-copy strong{font:600 calc(var(--u) * 14) / 1.1 var(--font-heading);letter-spacing:-.02em;color:var(--text-bright)}.hiw-node-copy span{font:calc(var(--u) * 10) / 1.1 var(--font-mono);color:var(--text-subtle)}.hiw-you{justify-content:center;gap:calc(var(--u) * 7);color:var(--lime-soft);font:500 calc(var(--u) * 12) / 1 var(--font-mono);letter-spacing:.02em;box-shadow:0 0 0 calc(var(--u) * 5) var(--bg), 0 0 calc(var(--u) * 24) #a9f36d22;background:#13211a;border-color:#4b7453;border-radius:999px;padding:0}.hiw-you svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.hiw-dashboard{box-shadow:0 calc(var(--u) * 14) calc(var(--u) * 34) #0008, 0 0 calc(var(--u) * 36) #af87ff1c;background:linear-gradient(#1b1a30,#151827);border-color:#4c4384}.hiw-dashboard .hiw-node-icon{color:#c4b1ff;background:#262147}.hiw-dashboard .hiw-node-copy span{color:#948bbd}.hiw-service{background:linear-gradient(#13262a,#11201f);border-color:#2c5357}.hiw-service .hiw-node-icon{width:calc(var(--u) * 26);height:calc(var(--u) * 26);color:var(--cyan);background:#183538}.hiw-service .hiw-node-copy strong{font:500 calc(var(--u) * 12.5) / 1.1 var(--font-mono);letter-spacing:0}.hiw-sandbox{gap:calc(var(--u) * 7);padding:calc(var(--u) * 12);border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 34) #0007;background:linear-gradient(#162326,#111a1d);border:1px solid #2e4346;flex-direction:column;transition:border-color .3s,box-shadow .3s,translate .3s;display:flex}.hiw-sandbox[data-selected]{box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 34) #0007, 0 0 0 1px #00d78733, 0 0 calc(var(--u) * 30) #00d7871f;translate:0 calc(var(--u) * -3);border-color:#27b784}.sb-head{align-items:center;gap:calc(var(--u) * 7);display:flex}.sb-icon{width:calc(var(--u) * 24);height:calc(var(--u) * 24);border-radius:calc(var(--u) * 6);color:var(--cyan);background:#172b2e;border:1px solid #2d4a4e;flex-shrink:0;place-items:center;display:grid}.sb-icon svg{width:calc(var(--u) * 13);height:calc(var(--u) * 13)}.sb-name{font:500 calc(var(--u) * 13) / 1 var(--font-mono);color:var(--text-bright)}.hiw-sandbox[data-selected] .sb-name{color:var(--tui-sel)}.sb-state{align-items:center;gap:calc(var(--u) * 5);font:calc(var(--u) * 9) / 1 var(--font-mono);letter-spacing:.04em;color:var(--tui-green);margin-left:auto;display:inline-flex}.sb-state i{width:calc(var(--u) * 5);height:calc(var(--u) * 5);box-shadow:0 0 calc(var(--u) * 6) currentColor;background:currentColor;border-radius:50%}.sb-tree{align-self:flex-start;align-items:center;gap:calc(var(--u) * 5);height:calc(var(--u) * 21);margin-top:calc(var(--u) * 5);padding:0 calc(var(--u) * 7);border-radius:calc(var(--u) * 4);color:#a2b8b8;font:calc(var(--u) * 10.5) / 1 var(--font-mono);white-space:nowrap;background:#13211f;border:1px solid #2f4448;display:inline-flex}.sb-tree.is-worktree{color:#b7ea89;background:#172a1f;border-color:#3b5c43}.sb-tree svg{width:calc(var(--u) * 10);height:calc(var(--u) * 10);flex-shrink:0}.sb-path{font:calc(var(--u) * 9.5) / 1.2 var(--font-mono);color:var(--text-faint);padding-left:calc(var(--u) * 2)}.hiw-sandbox .sb-agent{align-items:center;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8);border-radius:calc(var(--u) * 7);background:#0d1517;border:1px solid #25373a;margin-top:auto;display:flex}.agent-icon{width:calc(var(--u) * 26);height:calc(var(--u) * 26);color:var(--lime-soft);background:#18271f;border:1px solid #33503b;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.agent-icon svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.agent-copy{gap:calc(var(--u) * 4);flex-direction:column;min-width:0;display:flex}.agent-label{font:500 calc(var(--u) * 11.5) / 1 var(--font-body);color:var(--text)}.agent-status{--c:var(--agent-idle);align-items:center;gap:calc(var(--u) * 5);font:calc(var(--u) * 9.5) / 1 var(--font-mono);color:var(--c);white-space:nowrap;display:inline-flex}.agent-status i{width:calc(var(--u) * 5);height:calc(var(--u) * 5);background:var(--c);border-radius:50%;flex-shrink:0}[data-status=editing] .agent-status{--c:var(--agent-editing)}[data-status=testing] .agent-status{--c:var(--agent-testing)}[data-status=waiting] .agent-status{--c:var(--agent-waiting)}[data-status=editing] .agent-status i,[data-status=testing] .agent-status i,[data-status=waiting] .agent-status i{box-shadow:0 0 6px var(--c);animation:1.6s ease-in-out infinite hiw-pulse}[data-status=idle] .agent-icon{color:var(--text-subtle);background:#141d1f;border-color:#2e3f40}@keyframes hiw-pulse{50%{opacity:.35;scale:.7}}.hiw-vscode{border-radius:calc(var(--u) * 8);box-shadow:0 calc(var(--u) * 22) calc(var(--u) * 50) #000b, 0 0 0 1px #5ea4ff1a, 0 0 calc(var(--u) * 40) #5ea4ff1f;background:#111a22;border:1px solid #33506e;flex-direction:column;transition:opacity .35s ease-out,visibility .35s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;overflow:hidden}.hiw-vscode[data-open=false]{opacity:0;visibility:hidden;transform:translateY(calc(var(--u) * 8)) scale(.96)}.vsc-bar{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 24);padding:0 calc(var(--u) * 9);color:var(--vsc-blue);background:#16212c;border-bottom:1px solid #263648;flex-shrink:0;display:flex}.vsc-bar svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11);flex-shrink:0}.vsc-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:calc(var(--u) * 8.2) / 1 var(--font-mono);color:#b4c7d8;overflow:hidden}.vsc-body{flex:1;min-height:0;display:flex}.vsc-activity{width:calc(var(--u) * 20);align-items:center;gap:calc(var(--u) * 8);padding-top:calc(var(--u) * 8);color:#4f6780;background:#131d27;border-right:1px solid #1f2d3b;flex-direction:column;flex-shrink:0;display:flex}.vsc-activity svg{width:calc(var(--u) * 10);height:calc(var(--u) * 10)}.vsc-activity svg:first-child{color:#cad7e3}.vsc-editor{gap:calc(var(--u) * 7);padding:calc(var(--u) * 10) calc(var(--u) * 11);flex-direction:column;flex:1;display:flex}.vsc-editor i{width:var(--w);height:calc(var(--u) * 4);margin-left:calc(var(--in,0) * var(--u) * 9);border-radius:calc(var(--u) * 2);background:var(--c);opacity:.7;display:block}.vsc-status{height:calc(var(--u) * 17);background:#141e28;border-top:1px solid #22303e;flex-shrink:0;align-items:stretch;display:flex}.vsc-remote{align-items:center;gap:calc(var(--u) * 5);padding:0 calc(var(--u) * 7);color:#e3fff2;font:calc(var(--u) * 7.8) / 1 var(--font-mono);white-space:nowrap;background:#1f6b53;display:inline-flex}.hiw-flow{--u:1px;display:none}.flow-you{z-index:1;height:36px;color:var(--lime-soft);font:500 12px var(--font-mono);box-shadow:0 0 0 3px var(--bg), 0 0 24px #a9f36d22;background:#13211a;border:1px solid #4b7453;border-radius:999px;align-items:center;gap:8px;margin-left:21px;padding:0 16px 0 10px;display:inline-flex;position:relative}.flow-you svg{width:16px;height:16px}.flow-host{background:linear-gradient(#121d20cc,#0e1618aa);border:1px dashed #2f474b;border-radius:14px;flex-direction:column;gap:16px;margin-top:-18px;padding:34px 12px 14px;display:flex;position:relative}.flow-host:before{content:"";background:repeating-linear-gradient(#3f6a6c 0 4px,#0000 4px 9px);width:1px;animation:1.2s linear infinite flow-rail;position:absolute;top:0;bottom:40px;left:39px}@keyframes flow-rail{to{background-position:0 9px}}.flow-host-label{font:9px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;position:absolute;top:12px;right:14px}.flow-host-label span{color:var(--lime);margin-right:6px}.flow-node{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:10px;align-items:center;gap:12px;min-height:52px;padding:0 12px 0 8px;display:flex;position:relative}.flow-node .hiw-node-icon{border-radius:8px;width:36px;height:36px}.flow-node .hiw-node-icon svg{width:17px;height:17px}.flow-node .hiw-node-copy{gap:4px}.flow-node .hiw-node-copy strong{font:600 15px/1.1 var(--font-heading);letter-spacing:-.02em;color:var(--text-bright)}.flow-node .hiw-node-copy span{font:10px/1.2 var(--font-mono);color:var(--text-subtle)}.flow-dashboard{background:linear-gradient(#1b1a30,#151827);border-color:#4c4384}.flow-dashboard .hiw-node-icon{color:#c4b1ff;background:#262147}.flow-sandboxes{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-sandboxes li{background:linear-gradient(#162326,#111a1d);border:1px solid #2e4346;border-radius:10px;align-items:center;gap:12px;min-height:56px;padding:8px 12px 8px 8px;display:flex;position:relative}.flow-sandboxes li.is-attached{border-color:#3a6591;box-shadow:0 0 22px #5ea4ff1c}.flow-sandboxes .sb-icon{border-radius:8px;width:36px;height:36px}.flow-sandboxes .sb-icon svg{width:17px;height:17px}.flow-sb-copy{flex-direction:column;align-items:flex-start;gap:5px;min-width:0;display:flex}.flow-sandboxes .sb-tree{margin:0}.flow-sandboxes .sb-agent{color:var(--lime-soft);flex-direction:column;align-items:flex-end;gap:5px;margin-left:auto;display:flex}.flow-sandboxes .sb-agent[data-status=idle]{color:var(--text-subtle)}.flow-sandboxes .sb-agent svg{width:15px;height:15px}.flow-sandboxes .agent-status{gap:6px;font-size:10px}.flow-sandboxes .agent-status i{width:6px;height:6px}.flow-bottom{flex-direction:column;gap:16px;display:flex}.flow-service{background:#12231f;border-style:dashed;border-color:#2c5357;min-height:42px;margin-left:48px}.flow-service .hiw-node-icon{width:28px;height:28px;color:var(--cyan);background:#183538}.flow-service .hiw-node-copy strong{font:500 12.5px var(--font-mono);letter-spacing:0}.flow-vscode{background:#111a22;border-color:#33506e;box-shadow:0 0 26px #5ea4ff1a}.flow-vscode .hiw-node-icon{color:var(--vsc-blue);background:#16263a}.hiw-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:76px 0 0;padding:0;list-style:none;display:grid}.hiw-steps li{border-top:1px solid #293739;padding-top:22px;position:relative}.hiw-steps li:before{content:"";background:var(--lime);width:36px;height:1px;position:absolute;top:-1px;left:0}.hiw-step-no{font:500 11px var(--font-mono);letter-spacing:.13em;color:var(--lime)}.hiw-steps h3{font:600 19px / 1.2 var(--font-heading);letter-spacing:-.035em;color:var(--text-bright);margin:12px 0 8px}.hiw-steps p{color:#95aaa9;max-width:360px;margin:0;font-size:13.5px;line-height:1.65}.hiw-steps code{font:.92em var(--font-mono);color:#cfe3dc;border-radius:var(--radius-sm);background:#1a2629;padding:0 4px}@media (width<=1180px){.hiw-stage{grid-template-columns:minmax(0,54fr) minmax(0,46fr);gap:32px}.hiw-stage .tui-screen{padding:10px 11px}}@media (width<=980px){.hiw{margin-top:52px}.hiw-stage{display:none}.hiw-flow{max-width:560px;margin:0 auto;display:block}.hiw-steps{gap:24px;margin-top:56px}}@media (width<=700px){.hiw{margin-top:40px}.hiw-steps{grid-template-columns:1fr;gap:22px;margin-top:44px}.hiw-steps li{padding-top:18px}.hiw-steps h3{margin:9px 0 6px;font-size:18px}}@media (prefers-reduced-motion:reduce){.hiw-pulse{display:none}.agent-status i,.flow-host:before{animation:none!important}.hiw-sandbox,.hiw-vscode,.hiw-link,.hiw-link--vscode[data-active]{transition:none}}