.cloud-surfaces-section{--cloud-surfaces-bg-light:#d9d5cf;--cloud-surfaces-bg-dark:#747066;--cloud-surfaces-demo-height:378px;--cloud-surfaces-demo-pad:24px;--cloud-surfaces-carve:var(--forge-carve);--cloud-surfaces-border:var(--forge-stroke)}[data-theme=dark] .cloud-surfaces-section{--cloud-surfaces-bg-light:color-mix(in srgb, var(--forge-panel) 72%, #747066);--cloud-surfaces-bg-dark:color-mix(in srgb, var(--forge-bg) 55%, #747066)}.cloud-surfaces-card{border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg));flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;transition:box-shadow .5s ease-out;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.cloud-surfaces-card{box-shadow:0 12px 40px -12px #0000001f}}[data-theme=dark] .cloud-surfaces-card,:root[data-forge-theme=black] .cloud-surfaces-card{background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg))}@media (min-width:1024px){[data-theme=dark] .cloud-surfaces-card,:root[data-forge-theme=black] .cloud-surfaces-card{box-shadow:0 12px 40px -12px #0000006b}}.cloud-surfaces-card-copy{flex-direction:column;flex:auto;max-width:65ch;padding:0;display:flex}.cloud-surfaces-card-title{letter-spacing:-.03em;color:var(--forge-ink);font-size:1.125rem;font-weight:600;line-height:1.2;transition:color .2s}.cloud-surfaces-card-title:hover{color:var(--forge-accent)}.cloud-surfaces-card-body{text-wrap:pretty;color:var(--forge-muted);margin-top:0;font-size:.875rem;line-height:1.45}.cloud-surfaces-card-cta-wrap{margin-top:auto;padding-top:.75rem}.cloud-surfaces-card-cta{color:var(--forge-ink);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.cloud-surfaces-card-cta:hover{color:var(--forge-accent)}.cloud-surfaces-card-figure{margin:0;padding:0}.cloud-surfaces-media-border{border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden}.cloud-surfaces-media-light,.cloud-surfaces-media-dark{z-index:0;position:absolute;inset:0}.cloud-surfaces-media-light{background-color:var(--cloud-surfaces-bg-light)}.cloud-surfaces-media-dark{background-color:var(--cloud-surfaces-bg-dark);display:none}[data-theme=dark] .cloud-surfaces-media-light{display:none}[data-theme=dark] .cloud-surfaces-media-dark{display:block}.cloud-surfaces-demo-viewport{z-index:20;height:var(--cloud-surfaces-demo-height);--demo-pad:var(--cloud-surfaces-demo-pad);grid-area:1/1/-1/-1;position:relative;overflow:hidden}.cloud-surfaces-demo-pad-scope{-webkit-user-select:none;user-select:none;border-radius:var(--cloud-surfaces-carve);width:100%;height:100%;position:relative;overflow:hidden}.cloud-surfaces-demo-interactive{z-index:10;width:100%;height:100%;position:absolute;inset:0}@media (max-width:767px){.cloud-surfaces-demo-interactive{pointer-events:none;opacity:0}}.cloud-surfaces-demo-fallback{z-index:5;padding:var(--demo-pad);justify-content:center;align-items:center;display:none;position:absolute;inset:0}@media (max-width:767px){.cloud-surfaces-demo-fallback{display:flex}}.cloud-surfaces-demo-fallback-panel{border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);background:color-mix(in srgb, var(--forge-panel) 90%, var(--cloud-surfaces-bg-light));width:100%;max-width:280px;height:100%}[data-theme=dark] .cloud-surfaces-demo-fallback-panel{background:color-mix(in srgb, var(--forge-panel) 85%, var(--cloud-surfaces-bg-dark))}.cloud-surfaces-floating-window{z-index:10;width:calc(100% - 2 * var(--demo-pad));max-width:460px;height:calc(100% - 2 * var(--demo-pad));max-height:330px;min-height:min(260px, calc(100% - 2 * var(--demo-pad)));border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);transform-origin:50%;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cloud-surfaces-floating-window .x4rge-demo-window{border-radius:var(--cloud-surfaces-carve);width:100%;height:100%;position:relative;inset:auto}.cloud-surfaces-floating-window--cli{width:calc(100% - 2 * var(--demo-pad));border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);background:var(--cli-bg,var(--x4rge-bg-elevated));max-width:420px;overflow:hidden}.cloud-surfaces-floating-window--cli .forge-cli-demo{border-radius:var(--cloud-surfaces-carve);height:100%;box-shadow:none;border:0;font-size:10px}.cloud-surfaces-phone-stage{top:var(--demo-pad);width:min(300px, calc(100% - 2 * var(--demo-pad)));position:absolute;left:50%;transform:translate(-50%)}.cloud-surfaces-phone-scale{transform-origin:top;transform:scale(min(1, calc((100vw - 4rem) / 320)))}@media (min-width:1280px){.cloud-surfaces-phone-stage{left:var(--demo-pad);transform:none}.cloud-surfaces-phone-scale{transform-origin:0 0;transform:scale(.88)}}.cloud-surfaces-ide-composer{background:var(--x4rge-bg-elevated);flex-direction:column;height:100%;padding:.75rem;display:flex;overflow:hidden}.cloud-surfaces-ide-prompt{border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);background:var(--x4rge-bg);color:var(--x4rge-fg);padding:.375rem .5rem;font-size:.8125rem}.cloud-surfaces-ide-tools{margin-top:.5rem;padding-left:.5rem}.cloud-surfaces-ide-tool-row{color:var(--x4rge-fg-muted);font-size:.8125rem;line-height:1.35}.cloud-surfaces-ide-tool-row span:first-child{flex-shrink:0}.cloud-surfaces-ide-tool-detail{opacity:.6}.cloud-surfaces-ide-done{color:var(--x4rge-fg);padding-top:.125rem;font-size:.8125rem;line-height:1.35}.cloud-surfaces-ide-composer-dock{border-radius:var(--cloud-surfaces-carve);border:var(--cloud-surfaces-border);background:var(--x4rge-bg);position:absolute;bottom:.75rem;left:.75rem;right:.75rem;box-shadow:0 8px 24px #0000001f}.cloud-surfaces-cloud-demo{font-size:13px}
.cli-features-section{--cli-features-carve:var(--forge-carve);--cli-features-border:var(--forge-stroke);--cloud-surfaces-demo-height:378px;--cloud-surfaces-demo-pad:24px;--cloud-surfaces-carve:var(--forge-carve);--cloud-surfaces-border:var(--forge-stroke);--cloud-surfaces-bg-light:#d9d5cf;--cloud-surfaces-bg-dark:#747066}[data-theme=dark] .cli-features-section{--cloud-surfaces-bg-light:color-mix(in srgb, var(--forge-panel) 72%, #747066);--cloud-surfaces-bg-dark:color-mix(in srgb, var(--forge-bg) 55%, #747066)}.cli-features-card{border-radius:var(--cli-features-carve);border:var(--cli-features-border);background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg));flex-direction:column;gap:1.25rem;height:100%;padding:1.5rem;transition:box-shadow .5s ease-out;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.cli-features-card{box-shadow:0 12px 40px -12px #0000001f}}[data-theme=dark] .cli-features-card,:root[data-forge-theme=black] .cli-features-card{background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg))}@media (min-width:1024px){[data-theme=dark] .cli-features-card,:root[data-forge-theme=black] .cli-features-card{box-shadow:0 12px 40px -12px #0000006b}}.cli-features-card-copy{flex-direction:column;flex:auto;gap:.35rem;max-width:65ch;display:flex}.cli-features-card-title{letter-spacing:-.03em;color:var(--forge-ink);font-size:1.125rem;font-weight:600;line-height:1.2}.cli-features-card-body{text-wrap:pretty;color:var(--forge-muted);margin:0;font-size:.875rem;line-height:1.45}.cli-features-model-demo{background:var(--cli-bg,var(--x4rge-bg-elevated));height:100%;color:var(--cli-ink,var(--x4rge-fg));flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1.35;display:flex;overflow:hidden}.cli-features-model-header{border-bottom:1px solid var(--cli-border,var(--x4rge-border));background:var(--cli-chrome,var(--x4rge-bg-muted));flex-shrink:0;padding:.35rem .5rem}.cli-features-model-body{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:.5rem .65rem .65rem;display:flex;overflow:hidden}.cli-features-model-input{border:1px solid var(--cli-border,var(--x4rge-border));align-items:center;gap:.5rem;padding:.35rem .65rem;display:flex}.cli-features-model-menu{background:var(--cli-panel,var(--x4rge-bg));margin-top:.5rem;padding:.35rem 0}.cli-features-model-option{min-width:0;color:var(--cli-subtle,var(--x4rge-fg-muted));opacity:.45;align-items:center;gap:.35rem;padding:.15rem .5rem;display:flex}.cli-features-model-option.is-active{color:var(--cli-ink,var(--x4rge-fg));opacity:1;font-weight:700}.cli-features-ide-demo{background:var(--x4rge-bg-elevated);flex-direction:column;height:100%;min-height:0;font-size:10px;display:flex;overflow:hidden}.cli-features-ide-tabs{border-bottom:1px solid var(--x4rge-border);background:var(--x4rge-bg-muted);flex-shrink:0;gap:.35rem;padding:.35rem .5rem 0;display:flex}.cli-features-ide-tab{color:var(--x4rge-fg-muted);background:0 0;border:1px solid #0000;border-bottom:0;border-radius:4px 4px 0 0;padding:.25rem .5rem}.cli-features-ide-tab.is-active{border-color:var(--x4rge-border);background:var(--x4rge-bg-elevated);color:var(--x4rge-fg)}.cli-features-ide-editor{min-height:0;color:var(--x4rge-fg-muted);flex:1;padding:.5rem .65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.45;overflow:hidden}.cli-features-ide-terminal{border-top:1px solid var(--x4rge-border);background:var(--cli-bg,#030303);color:var(--cli-ink,#f0eee8);flex-shrink:0;padding:.35rem .5rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9px;line-height:1.4}.cli-features-automation-demo{background:var(--x4rge-bg-elevated);flex-direction:column;height:100%;min-height:0;font-size:11px;display:flex;overflow:hidden}.cli-features-automation-header{border-bottom:1px solid var(--x4rge-border);background:color-mix(in srgb, var(--x4rge-bg-muted) 80%, transparent);flex-shrink:0;padding:.5rem .75rem}.cli-features-automation-body{flex:1;min-height:0;padding:.65rem .75rem;overflow:hidden}.cli-features-automation-step{gap:.65rem;padding-bottom:.75rem;display:flex}.cli-features-automation-step-icon{flex-direction:column;flex-shrink:0;align-items:center;width:1rem;display:flex;position:relative}.cli-features-automation-step-line{background:color-mix(in srgb, var(--x4rge-border) 70%, transparent);flex:1;width:1px;margin-top:.25rem}.cli-features-automation-command{border-radius:var(--forge-carve);border:1px solid var(--x4rge-border);background:color-mix(in srgb, var(--x4rge-bg-muted) 50%, transparent);margin-top:.35rem;padding:.35rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;line-height:1.45;overflow:hidden}.cli-features-automation-fallback{justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.cli-features-automation-fallback-panel{border-radius:var(--cli-features-carve);border:var(--cli-features-border);background:color-mix(in srgb, var(--forge-panel) 90%, var(--cloud-surfaces-bg-light));width:100%;max-width:280px;color:var(--forge-muted);padding:.75rem;font-size:10px;line-height:1.45}.cli-features-demo-fallback-shell{justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.cli-features-demo-fallback-panel{border-radius:var(--cli-features-carve);border:var(--cli-features-border);background:color-mix(in srgb, var(--forge-panel) 90%, var(--cloud-surfaces-bg-light));width:100%;max-width:280px;color:var(--forge-muted);padding:.75rem;font-size:10px;line-height:1.45}[data-theme=dark] .cli-features-demo-fallback-panel,:root[data-forge-theme=black] .cli-features-demo-fallback-panel{background:color-mix(in srgb, var(--forge-panel) 85%, var(--cloud-surfaces-bg-dark))}@media (min-width:1280px){.cli-features-card:nth-child(3) .cloud-surfaces-floating-window{max-width:400px;max-height:320px;top:54%;left:58%}}
.cli-learn-more-section{--cli-learn-more-carve:var(--forge-carve);--cli-learn-more-border:var(--forge-stroke)}.cli-learn-more-title{text-wrap:balance;letter-spacing:-.03em;max-width:48ch;color:var(--forge-ink);margin:0;font-size:clamp(1.375rem,2.5vw,1.625rem);font-weight:600;line-height:1.2}.cli-learn-more-card{border-radius:var(--cli-learn-more-carve);border:var(--cli-learn-more-border);background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg));flex-direction:column;height:100%;padding:1.5rem;transition:box-shadow .5s ease-out;display:flex}@media (min-width:1024px){.cli-learn-more-card{box-shadow:0 12px 40px -12px #0000001f}}[data-theme=dark] .cli-learn-more-card,:root[data-forge-theme=black] .cli-learn-more-card{background:color-mix(in srgb, var(--forge-panel) 92%, var(--forge-bg))}@media (min-width:1024px){[data-theme=dark] .cli-learn-more-card,:root[data-forge-theme=black] .cli-learn-more-card{box-shadow:0 12px 40px -12px #0000006b}}.cli-learn-more-card-copy{flex:auto}.cli-learn-more-card-title{letter-spacing:-.02em;color:var(--forge-ink);margin:0;font-size:1rem;font-weight:600;line-height:1.35}.cli-learn-more-card-body{text-wrap:pretty;color:var(--forge-muted);margin:.5rem 0 0;font-size:.875rem;line-height:1.55}.cli-learn-more-card-cta-wrap{margin-top:1.75rem}.cli-learn-more-card-cta{color:var(--forge-accent);align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.cli-learn-more-card-cta:hover{color:color-mix(in srgb, var(--forge-accent) 82%, var(--forge-ink))}