:root{--bg:#0d0d1a;--bg-alt:#1a1a2e;--bg-accent:#16213e;--card-bg:#ffffff0a;--overlay-bg:#0d0d1ad9;--text:#e8eaf0;--heading:#fff;--muted:#8b93a8;--lavender:#cdd6f4;--blue:#0d6efd;--blue2:#3a8bfd;--sky:#a0c4ff;--green:#a6e3a1;--yellow:#f9e2af;--red:#f38ba8;--border:#a0c4ff26;--border-strong:#a0c4ff59;--border-dashed:#0d6efd80;--nav-bg:#0d0d1acc;--nav-bg-scrolled:#0d0d1af7;--blue-tint:#0d6efd1f;--blue-tint-strong:#0d6efd2e;--hero-glow-1:#0d6efd59;--hero-glow-2:#0d6efd1f;--shadow-sm:0 2px 8px #0003;--shadow:0 4px 16px #0000004d;--shadow-card:0 12px 40px #0006;--shadow-strong:0 16px 48px #0006;--shadow-glow:0 4px 24px #0d6efd66;--shadow-glow-lg:0 8px 32px #0d6efd80;--code-bg:#1e1e2e;--code-text:#e8eaf0;--code-border:#a0c4ff26;--code-filename:#8b93a8;--code-kw:#89b4fa;--code-str:#a6e3a1;--code-cmt:#585b70;--code-fn:#cba6f7;--code-num:#fab387;--code-prop:#f38ba8}:root[data-theme=light]{--bg:#f7f8fc;--bg-alt:#eef1f8;--bg-accent:#e5e9f3;--card-bg:#0d0d1a08;--overlay-bg:#0d0d1a66;--text:#1a1a2e;--heading:#0d0d1a;--muted:#5c6680;--lavender:#4c6ef5;--sky:#0d6efd;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--border:#0d0d1a1a;--border-strong:#0d0d1a33;--border-dashed:#0d6efd80;--nav-bg:#f7f8fcd9;--nav-bg-scrolled:#f7f8fcf7;--blue-tint:#0d6efd14;--blue-tint-strong:#0d6efd1f;--hero-glow-1:#0d6efd2e;--hero-glow-2:#0d6efd14;--shadow-sm:0 2px 8px #0d0d1a0f;--shadow:0 4px 16px #0d0d1a14;--shadow-card:0 12px 40px #0d0d1a1f;--shadow-strong:0 16px 48px #0d0d1a26;--shadow-glow:0 4px 24px #0d6efd40;--shadow-glow-lg:0 8px 32px #0d6efd59;--code-bg:#f6f8fa;--code-text:#24292f;--code-border:#0d0d1a1f;--code-filename:#6e7781;--code-kw:#cf222e;--code-str:#0a3069;--code-cmt:#6e7781;--code-fn:#8250df;--code-num:#0550ae;--code-prop:#116329}:root{--space-0:0;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--text-xs:.72rem;--text-sm:.82rem;--text-base:.9rem;--text-md:1rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:1.8rem;--text-3xl:2.4rem;--text-4xl:clamp(2rem, 4vw, 2.8rem);--text-5xl:clamp(2.6rem, 6vw, 5rem);--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.6;--leading-relaxed:1.75;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.06em;--tracking-wider:.1em;--radius-sm:6px;--radius:14px;--radius-md:10px;--radius-lg:20px;--radius-pill:9999px;--radius-full:50%;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .6, 1);--duration-fast:.15s;--duration:.25s;--duration-slow:.4s;--duration-slower:.65s;--transition-fast:all var(--duration-fast) var(--ease);--transition:all var(--duration) var(--ease);--transition-slow:all var(--duration-slow) var(--ease);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-overlay:40;--z-modal:50;--z-nav:100;--z-hamburger:110;--z-toast:500;--z-tooltip:1000;--breakpoint-sm:380px;--breakpoint-md:640px;--breakpoint-lg:768px;--breakpoint-xl:900px;--breakpoint-2xl:1120px}html{transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}dc-nav,dc-hero,dc-ai-loop,dc-ai-how,dc-ai-examples,dc-everything-task,dc-gitops,dc-hot-reload,dc-runs-anywhere,dc-mcp-factory,dc-throwaway-ui,dc-connect,dc-multi-machine,dc-code-demo,dc-share,dc-runtimes,dc-security,dc-download,dc-pricing,dc-compare,dc-opensource,dc-footer,dc-how-it-works,dc-control,dc-dx,dc-ai-control{display:block}section{padding:100px 2rem}@media (width<=640px){section{padding:60px 1rem}}@media (width<=380px){section{padding:50px .8rem}}.container{max-width:1120px;margin:0 auto}.section-label{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.section-title{text-align:center;letter-spacing:-.025em;color:var(--heading);max-width:700px;margin:0 auto 1rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.section-sub{text-align:center;color:var(--muted);max-width:560px;margin:0 auto 3.5rem;font-size:1.05rem;line-height:1.7}.reveal{opacity:0;transition:opacity .65s,transform .65s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .65s,transform .65s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .65s,transform .65s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.stagger>*{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(28px)}.stagger.visible>*{opacity:1;transform:none}.stagger.visible>:first-child{transition-delay:50ms}.stagger.visible>:nth-child(2){transition-delay:.1s}.stagger.visible>:nth-child(3){transition-delay:.15s}.stagger.visible>:nth-child(4){transition-delay:.2s}.stagger.visible>:nth-child(5){transition-delay:.25s}.stagger.visible>:nth-child(6){transition-delay:.3s}.stagger.visible>:nth-child(7){transition-delay:.35s}.stagger.visible>:nth-child(8){transition-delay:.4s}.stagger.visible>:nth-child(9){transition-delay:.45s}.stagger.visible>:nth-child(n+10){transition-delay:.5s}.btn-primary{background:var(--blue);color:#fff;border-radius:10px;padding:.75rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s;display:inline-block;box-shadow:0 4px 24px #0d6efd66}.btn-primary:hover{background:var(--blue2);transform:translateY(-2px);box-shadow:0 8px 32px #0d6efd80}.btn-ghost{color:var(--sky);border:1px solid var(--border);background:0 0;border-radius:10px;padding:.75rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,transform .15s;display:inline-block}.btn-ghost:hover{border-color:var(--sky);color:var(--heading);transform:translateY(-2px)}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;transition:border-color .25s,transform .25s,box-shadow .25s}.feature-card:hover{box-shadow:var(--shadow-card);border-color:#a0c4ff59;transform:translateY(-4px)}.feature-icon{background:var(--blue-tint);border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;font-size:2rem;display:flex}.feature-card h3{color:var(--heading);margin-bottom:.4rem;font-size:1rem;font-weight:700}.feature-card p{color:var(--muted);font-size:.875rem;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);overflow:hidden}.code-header{border-bottom:1px solid var(--code-border);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.code-header .dot{border-radius:50%;width:12px;height:12px}.code-header .dot:first-child{background:#ff5f57}.code-header .dot:nth-child(2){background:#ffbd2e}.code-header .dot:nth-child(3){background:#28c840}.code-header .filename{color:var(--code-filename);margin-left:auto;font-family:monospace;font-size:.78rem}.code-block pre{color:var(--code-text);padding:1.4rem;font-family:Fira Code,Cascadia Code,monospace;font-size:.82rem;line-height:1.65;overflow-x:auto}.kw{color:var(--code-kw)}.str{color:var(--code-str)}.cmt{color:var(--code-cmt);font-style:italic}.fn{color:var(--code-fn)}.num{color:var(--code-num)}.prop{color:var(--code-prop)}.demo-pills{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}.pill{background:var(--blue-tint);border:1px solid var(--blue-tint-strong);color:var(--sky);white-space:nowrap;border-radius:100px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.tag{background:var(--blue-tint);border:1px solid var(--blue-tint-strong);color:var(--sky);border-radius:6px;padding:.2rem .6rem;font-size:.75rem}svg.icon-adaptive{transition:filter var(--duration) var(--ease)}:root:not([data-theme=light]) svg.icon-adaptive{filter:invert()}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-alt);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}