:root{--dicode-bg:#0d0d1a;--dicode-bg-alt:#1a1a2e;--dicode-bg-accent:#16213e;--dicode-card-bg:#ffffff0a;--dicode-overlay-bg:#0d0d1ad9;--dicode-text:#e8eaf0;--dicode-heading:#fff;--dicode-muted:#8b93a8;--dicode-lavender:#cdd6f4;--dicode-blue:#0d6efd;--dicode-blue2:#3a8bfd;--dicode-sky:#a0c4ff;--dicode-green:#a6e3a1;--dicode-yellow:#f9e2af;--dicode-red:#f38ba8;--dicode-border:#a0c4ff26;--dicode-border-strong:#a0c4ff59;--dicode-border-dashed:#0d6efd80;--dicode-nav-bg:#0d0d1acc;--dicode-nav-bg-scrolled:#0d0d1af7;--dicode-blue-tint:#0d6efd1f;--dicode-blue-tint-strong:#0d6efd2e;--dicode-hero-glow-1:#0d6efd59;--dicode-hero-glow-2:#0d6efd1f;--dicode-shadow-sm:0 2px 8px #0003;--dicode-shadow:0 4px 16px #0000004d;--dicode-shadow-card:0 12px 40px #0006;--dicode-shadow-strong:0 16px 48px #0006;--dicode-shadow-glow:0 4px 24px #0d6efd66;--dicode-shadow-glow-lg:0 8px 32px #0d6efd80;--dicode-code-bg:#1e1e2e;--dicode-code-text:#e8eaf0;--dicode-code-border:#a0c4ff26;--dicode-code-filename:#8b93a8;--dicode-code-kw:#89b4fa;--dicode-code-str:#a6e3a1;--dicode-code-cmt:#585b70;--dicode-code-fn:#cba6f7;--dicode-code-num:#fab387;--dicode-code-prop:#f38ba8}:root[data-theme=light]{--dicode-bg:#f7f8fc;--dicode-bg-alt:#eef1f8;--dicode-bg-accent:#e5e9f3;--dicode-card-bg:#0d0d1a08;--dicode-overlay-bg:#0d0d1a66;--dicode-text:#1a1a2e;--dicode-heading:#0d0d1a;--dicode-muted:#5c6680;--dicode-lavender:#4c6ef5;--dicode-sky:#0d6efd;--dicode-green:#16a34a;--dicode-yellow:#ca8a04;--dicode-red:#dc2626;--dicode-border:#0d0d1a1a;--dicode-border-strong:#0d0d1a33;--dicode-border-dashed:#0d6efd80;--dicode-nav-bg:#f7f8fcd9;--dicode-nav-bg-scrolled:#f7f8fcf7;--dicode-blue-tint:#0d6efd14;--dicode-blue-tint-strong:#0d6efd1f;--dicode-hero-glow-1:#0d6efd2e;--dicode-hero-glow-2:#0d6efd14;--dicode-shadow-sm:0 2px 8px #0d0d1a0f;--dicode-shadow:0 4px 16px #0d0d1a14;--dicode-shadow-card:0 12px 40px #0d0d1a1f;--dicode-shadow-strong:0 16px 48px #0d0d1a26;--dicode-shadow-glow:0 4px 24px #0d6efd40;--dicode-shadow-glow-lg:0 8px 32px #0d6efd59;--dicode-code-bg:#f6f8fa;--dicode-code-text:#24292f;--dicode-code-border:#0d0d1a1f;--dicode-code-filename:#6e7781;--dicode-code-kw:#cf222e;--dicode-code-str:#0a3069;--dicode-code-cmt:#6e7781;--dicode-code-fn:#8250df;--dicode-code-num:#0550ae;--dicode-code-prop:#116329}:root{--dicode-space-0:0;--dicode-space-xs:.25rem;--dicode-space-sm:.5rem;--dicode-space-md:1rem;--dicode-space-lg:1.5rem;--dicode-space-xl:2rem;--dicode-space-2xl:3rem;--dicode-space-3xl:4rem;--dicode-space-4xl:6rem;--dicode-space-5xl:8rem;--dicode-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--dicode-font-mono:"Fira Code", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--dicode-text-xs:.72rem;--dicode-text-sm:.82rem;--dicode-text-base:.9rem;--dicode-text-md:1rem;--dicode-text-lg:1.15rem;--dicode-text-xl:1.4rem;--dicode-text-2xl:1.8rem;--dicode-text-3xl:2.4rem;--dicode-text-4xl:clamp(2rem, 4vw, 2.8rem);--dicode-text-5xl:clamp(2.6rem, 6vw, 5rem);--dicode-font-normal:400;--dicode-font-medium:500;--dicode-font-semibold:600;--dicode-font-bold:700;--dicode-font-extrabold:800;--dicode-leading-tight:1.1;--dicode-leading-snug:1.3;--dicode-leading-normal:1.6;--dicode-leading-relaxed:1.75;--dicode-tracking-tight:-.03em;--dicode-tracking-normal:0;--dicode-tracking-wide:.06em;--dicode-tracking-wider:.1em;--dicode-radius-sm:6px;--dicode-radius:14px;--dicode-radius-md:10px;--dicode-radius-lg:20px;--dicode-radius-pill:9999px;--dicode-radius-full:50%;--dicode-border-width:1px;--dicode-border-width-thick:2px;--dicode-focus-ring-width:2px;--dicode-focus-ring-offset:2px;--dicode-focus-ring-color:var(--dicode-sky);--dicode-focus-ring:var(--dicode-focus-ring-width) solid var(--dicode-focus-ring-color);--dicode-control-size-sm:1.75rem;--dicode-control-size:2rem;--dicode-control-size-lg:2.5rem;--dicode-icon-size-sm:1rem;--dicode-icon-size:1.125rem;--dicode-icon-size-lg:1.5rem;--dicode-ease:cubic-bezier(.4, 0, .2, 1);--dicode-ease-out:cubic-bezier(0, 0, .2, 1);--dicode-ease-in-out:cubic-bezier(.4, 0, .6, 1);--dicode-duration-fast:.15s;--dicode-duration:.25s;--dicode-duration-slow:.4s;--dicode-duration-slower:.65s;--dicode-transition-fast:all var(--dicode-duration-fast) var(--dicode-ease);--dicode-transition:all var(--dicode-duration) var(--dicode-ease);--dicode-transition-slow:all var(--dicode-duration-slow) var(--dicode-ease);--dicode-z-base:0;--dicode-z-dropdown:10;--dicode-z-sticky:20;--dicode-z-fixed:30;--dicode-z-overlay:40;--dicode-z-modal:50;--dicode-z-nav:100;--dicode-z-hamburger:110;--dicode-z-toast:500;--dicode-z-tooltip:1000;--dicode-breakpoint-sm:380px;--dicode-breakpoint-md:640px;--dicode-breakpoint-lg:768px;--dicode-breakpoint-xl:900px;--dicode-breakpoint-2xl:1120px}html{transition:background-color var(--dicode-duration) var(--dicode-ease), color var(--dicode-duration) var(--dicode-ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--dicode-bg);color:var(--dicode-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(--dicode-blue);margin-bottom:.75rem;font-size:.75rem;font-weight:700}.section-title{text-align:center;letter-spacing:-.025em;color:var(--dicode-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(--dicode-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:var(--dicode-duration-fast)}.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(--dicode-blue);color:#fff;transition:background var(--dicode-duration-fast), transform var(--dicode-duration-fast), box-shadow var(--dicode-duration-fast);border-radius:10px;padding:.75rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;box-shadow:0 4px 24px #0d6efd66}.btn-primary:hover{background:var(--dicode-blue2);transform:translateY(-2px);box-shadow:0 8px 32px #0d6efd80}.btn-ghost{color:var(--dicode-sky);border:1px solid var(--dicode-border);transition:border-color var(--dicode-duration-fast), color var(--dicode-duration-fast), transform var(--dicode-duration-fast);background:0 0;border-radius:10px;padding:.75rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn-ghost:hover{border-color:var(--dicode-sky);color:var(--dicode-heading);transform:translateY(-2px)}.feature-card{background:var(--dicode-card-bg);border:1px solid var(--dicode-border);border-radius:var(--dicode-radius);padding:1.8rem;transition:border-color .25s,transform .25s,box-shadow .25s}.feature-card:hover{box-shadow:var(--dicode-shadow-card);border-color:#a0c4ff59;transform:translateY(-4px)}.feature-icon{background:var(--dicode-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(--dicode-heading);margin-bottom:.4rem;font-size:1rem;font-weight:700}.feature-card p{color:var(--dicode-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(--dicode-code-bg);border:1px solid var(--dicode-code-border);border-radius:var(--dicode-radius);overflow:hidden}.code-header{border-bottom:1px solid var(--dicode-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(--dicode-code-filename);margin-left:auto;font-family:monospace;font-size:.78rem}.code-block pre{color:var(--dicode-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(--dicode-code-kw)}.str{color:var(--dicode-code-str)}.cmt{color:var(--dicode-code-cmt);font-style:italic}.fn{color:var(--dicode-code-fn)}.num{color:var(--dicode-code-num)}.prop{color:var(--dicode-code-prop)}.demo-pills{flex-wrap:wrap;gap:.5rem;margin-top:1.2rem;display:flex}.pill{background:var(--dicode-blue-tint);border:1px solid var(--dicode-blue-tint-strong);color:var(--dicode-sky);white-space:nowrap;border-radius:100px;padding:.3rem .8rem;font-size:.78rem;font-weight:600;display:inline-block}.tag{background:var(--dicode-blue-tint);border:1px solid var(--dicode-blue-tint-strong);color:var(--dicode-sky);border-radius:6px;padding:.2rem .6rem;font-size:.75rem}svg.icon-adaptive{transition:filter var(--dicode-duration) var(--dicode-ease)}:root:not([data-theme=light]) svg.icon-adaptive{filter:invert()}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--dicode-bg)}::-webkit-scrollbar-thumb{background:var(--dicode-bg-alt);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--dicode-blue)}