:root{--demo-font-display: "Sora", var(--font-display, sans-serif);--demo-font-mono: "JetBrains Mono", var(--font-mono, monospace);--demo-font-body: "Sora", var(--font-ui, sans-serif);--demo-page-bg: #f8fafc;--demo-text-primary: #1e293b;--demo-text-secondary: #334155;--demo-text-heading: #0a192f;--demo-text-muted: #64748b;--demo-dock-bg: rgba(255, 255, 255, .88);--demo-dock-border: rgba(226, 232, 240, .95);--demo-dock-shadow: 0 4px 20px -2px rgba(15, 23, 42, .06);--demo-dock-tab-inactive-color: #475569;--demo-dock-tab-hover-bg: rgba(15, 23, 42, .04);--demo-dock-tab-hover-color: #0a192f;--demo-dock-tab-active-bg: #ffffff;--demo-dock-tab-active-border: #cbd5e1;--demo-dock-tab-active-color: #0a192f;--demo-dock-tab-active-shadow: 0 4px 16px rgba(15, 23, 42, .08);--demo-dock-track-bg: rgba(15, 23, 42, .08);--demo-dock-ctrl-bg: #ffffff;--demo-dock-ctrl-border: #e2e8f0;--demo-dock-ctrl-color: #334155;--demo-stage-bg: #ffffff;--demo-stage-border: rgba(226, 232, 240, .95);--demo-stage-shadow: 0 24px 64px -12px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .04), 0 0 40px -10px rgba(5, 150, 105, .08);--demo-stage-shadow-swarmforge: 0 24px 64px -12px rgba(15, 23, 42, .1), 0 0 0 1px rgba(15, 23, 42, .04), 0 0 40px -10px rgba(2, 132, 199, .08);--demo-stage-hover-border: #cbd5e1;--demo-stage-hover-shadow: 0 28px 72px -12px rgba(15, 23, 42, .14), 0 0 50px -5px rgba(5, 150, 105, .12);--demo-slide-bg: radial-gradient(circle at 85% 15%, #f8fafc 0%, #ffffff 60%, #f1f5f9 100%);--demo-slide-glow-sentinel: radial-gradient(circle, rgba(16, 185, 129, .08) 0%, transparent 70%);--demo-slide-glow-swarmforge: radial-gradient(circle, rgba(56, 189, 248, .1) 0%, transparent 70%);--demo-product-title: #0a192f;--demo-slide-lede: #334155;--demo-slide-lede-strong: #0a192f;--demo-metric-bg: #ffffff;--demo-metric-border: #e2e8f0;--demo-metric-border-hover: #cbd5e1;--demo-metric-val-emerald: #047857;--demo-metric-val-cyan: #0284c7;--demo-metric-lbl: #475569;--demo-metric-sub: #64748b;--demo-text-link: #475569;--demo-text-link-hover: #0a192f;--demo-nav-btn-bg: rgba(255, 255, 255, .92);--demo-nav-btn-border: #cbd5e1;--demo-nav-btn-color: #1e293b;--demo-nav-btn-shadow: 0 6px 20px rgba(15, 23, 42, .12);--demo-nav-btn-hover-bg: #ffffff;--demo-nav-btn-hover-border: #0284c7;--demo-nav-btn-hover-color: #0284c7;--demo-matrix-header: #0a192f;--demo-matrix-kicker: #0f766e;--demo-matrix-card-bg: #ffffff;--demo-matrix-card-border: #e2e8f0;--demo-matrix-card-shadow: 0 10px 30px -4px rgba(15, 23, 42, .06);--demo-matrix-card-title: #0a192f;--demo-matrix-card-text: #475569;--demo-matrix-feature-text: #334155;--demo-matrix-feature-strong: #0a192f;--demo-feature-check-emerald-bg: rgba(4, 120, 87, .1);--demo-feature-check-emerald-color: #047857;--demo-feature-check-cyan-bg: rgba(2, 132, 199, .1);--demo-feature-check-cyan-color: #0284c7;--demo-invariants-bg: #ffffff;--demo-invariants-border: #e2e8f0;--demo-invariants-shadow: 0 4px 20px -2px rgba(15, 23, 42, .05);--demo-invariants-val: #0a192f;--demo-invariants-title: #0f766e;--demo-invariants-desc: #64748b;--demo-hero-gradient: linear-gradient(135deg, #059669 0%, #0284c7 50%, #38bdf8 100%)}[data-theme=dark],html[data-theme=dark],body[data-theme=dark],.dark{--demo-page-bg: #06080e;--demo-text-primary: #f8fafc;--demo-text-secondary: #94a3b8;--demo-text-heading: #f8fafc;--demo-text-muted: #64748b;--demo-dock-bg: rgba(13, 17, 28, .75);--demo-dock-border: rgba(129, 140, 248, .22);--demo-dock-shadow: 0 16px 40px rgba(0, 0, 0, .45);--demo-dock-tab-inactive-color: #94a3b8;--demo-dock-tab-hover-bg: rgba(255, 255, 255, .04);--demo-dock-tab-hover-color: #f8fafc;--demo-dock-tab-active-bg: rgba(26, 34, 52, .85);--demo-dock-tab-active-border: rgba(129, 140, 248, .4);--demo-dock-tab-active-color: #f8fafc;--demo-dock-tab-active-shadow: 0 4px 20px rgba(0, 0, 0, .4);--demo-dock-track-bg: rgba(255, 255, 255, .1);--demo-dock-ctrl-bg: rgba(255, 255, 255, .05);--demo-dock-ctrl-border: rgba(255, 255, 255, .1);--demo-dock-ctrl-color: #94a3b8;--demo-stage-bg: #090f1d;--demo-stage-border: rgba(129, 140, 248, .22);--demo-stage-shadow: 0 32px 80px -16px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .05), 0 0 50px -10px rgba(52, 211, 153, .12);--demo-stage-shadow-swarmforge: 0 32px 80px -16px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .05), 0 0 50px -10px rgba(56, 189, 248, .15);--demo-stage-hover-border: rgba(56, 189, 248, .4);--demo-stage-hover-shadow: 0 36px 90px -16px rgba(0, 0, 0, .75), 0 0 60px -5px rgba(52, 211, 153, .18);--demo-slide-bg: radial-gradient(circle at 80% 20%, rgba(13, 17, 28, .95) 0%, #06080e 100%);--demo-slide-glow-sentinel: radial-gradient(circle, rgba(16, 185, 129, .14) 0%, transparent 70%);--demo-slide-glow-swarmforge: radial-gradient(circle, rgba(56, 189, 248, .15) 0%, transparent 70%);--demo-product-title: #f8fafc;--demo-slide-lede: #cbd5e1;--demo-slide-lede-strong: #ffffff;--demo-metric-bg: rgba(255, 255, 255, .04);--demo-metric-border: rgba(129, 140, 248, .2);--demo-metric-border-hover: rgba(56, 189, 248, .4);--demo-metric-val-emerald: #34d399;--demo-metric-val-cyan: #38bdf8;--demo-metric-lbl: #94a3b8;--demo-metric-sub: #64748b;--demo-text-link: #94a3b8;--demo-text-link-hover: #ffffff;--demo-nav-btn-bg: rgba(15, 23, 42, .85);--demo-nav-btn-border: rgba(129, 140, 248, .3);--demo-nav-btn-color: #f8fafc;--demo-nav-btn-shadow: 0 8px 24px rgba(0, 0, 0, .45);--demo-nav-btn-hover-bg: rgba(18, 24, 38, .95);--demo-nav-btn-hover-border: #38bdf8;--demo-nav-btn-hover-color: #38bdf8;--demo-matrix-header: #f8fafc;--demo-matrix-kicker: #38bdf8;--demo-matrix-card-bg: rgba(13, 21, 38, .75);--demo-matrix-card-border: rgba(129, 140, 248, .22);--demo-matrix-card-shadow: 0 12px 36px -4px rgba(0, 0, 0, .4);--demo-matrix-card-title: #f8fafc;--demo-matrix-card-text: #94a3b8;--demo-matrix-feature-text: #cbd5e1;--demo-matrix-feature-strong: #f8fafc;--demo-feature-check-emerald-bg: rgba(52, 211, 153, .15);--demo-feature-check-emerald-color: #34d399;--demo-feature-check-cyan-bg: rgba(56, 189, 248, .15);--demo-feature-check-cyan-color: #38bdf8;--demo-invariants-bg: rgba(13, 21, 38, .75);--demo-invariants-border: rgba(129, 140, 248, .22);--demo-invariants-shadow: 0 12px 36px -4px rgba(0, 0, 0, .4);--demo-invariants-val: #ffffff;--demo-invariants-title: #38bdf8;--demo-invariants-desc: #94a3b8;--demo-hero-gradient: linear-gradient(135deg, #34d399 0%, #38bdf8 50%, #818cf8 100%)}.demos-page{background-color:var(--demo-page-bg);font-family:var(--demo-font-body);transition:background-color .3s ease,color .3s ease}.demos-page .demos-main{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:calc(var(--universal-nav-h, 36px) + 2.75rem) 1.5rem 6rem}.demos-hero{text-align:center;max-width:820px;margin:0 auto 2.75rem}.demos-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--demo-font-mono);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-matrix-kicker);background:#0f766e14;border:1px solid rgba(15,118,110,.2);padding:6px 14px;border-radius:999px;margin-bottom:16px;transition:all .25s ease}[data-theme=dark] .demos-kicker,html[data-theme=dark] .demos-kicker,body[data-theme=dark] .demos-kicker,.dark .demos-kicker{background:#2dd4bf1a;border-color:#2dd4bf40}.demos-kicker-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.demos-hero h1{font-family:var(--demo-font-display);font-size:clamp(2.2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-.035em;color:var(--demo-text-heading);line-height:1.12;margin-bottom:16px;transition:color .3s ease}.hero-gradient{background:var(--demo-hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.demos-hero p{color:var(--demo-text-secondary);font-size:1.12rem;line-height:1.62;max-width:720px;margin:0 auto;transition:color .3s ease}.showcase-dock{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--demo-dock-bg);border:1px solid var(--demo-dock-border);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-radius:18px;padding:8px 12px;margin:0 auto 2.25rem;max-width:1040px;box-shadow:var(--demo-dock-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.showcase-tabs{display:flex;align-items:center;gap:10px;flex:1}.dock-tab{flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:transparent;border:1px solid transparent;border-radius:12px;padding:10px 16px;cursor:pointer;color:var(--demo-dock-tab-inactive-color);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.dock-tab:hover{background:var(--demo-dock-tab-hover-bg);color:var(--demo-dock-tab-hover-color)}.dock-tab.is-active{background:var(--demo-dock-tab-active-bg);border-color:var(--demo-dock-tab-active-border);color:var(--demo-dock-tab-active-color);box-shadow:var(--demo-dock-tab-active-shadow)}.dock-tab-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.dock-tab-meta{display:flex;align-items:center;gap:8px}.dock-tab-num{font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;opacity:.6}.dock-tab.is-active .dock-tab-num{opacity:1;color:var(--demo-metric-val-emerald)}#dock-tab-1.dock-tab.is-active .dock-tab-num{color:var(--demo-metric-val-cyan)}.dock-tab-title{font-family:var(--demo-font-display);font-weight:700;font-size:.98rem;color:var(--demo-text-heading)}.dock-badge{font-family:var(--demo-font-mono);font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.dock-badge.emerald{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.28)}[data-theme=dark] .dock-badge.emerald,html[data-theme=dark] .dock-badge.emerald,body[data-theme=dark] .dock-badge.emerald,.dark .dock-badge.emerald{background:#34d39926;color:#34d399;border-color:#34d39959}.dock-badge.cyan{background:#38bdf81f;color:#0284c7;border:1px solid rgba(56,189,248,.28)}[data-theme=dark] .dock-badge.cyan,html[data-theme=dark] .dock-badge.cyan,body[data-theme=dark] .dock-badge.cyan,.dark .dock-badge.cyan{background:#38bdf826;color:#38bdf8;border-color:#38bdf859}.dock-tab-sub{font-size:.76rem;color:var(--demo-dock-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dock-progress-track{position:absolute;bottom:0;left:0;width:100%;height:2.5px;background:var(--demo-dock-track-bg)}.dock-progress-fill{width:0%;height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .05s linear}#dock-tab-1 .dock-progress-fill{background:linear-gradient(90deg,#0284c7,#38bdf8)}.showcase-dock-controls{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:1px solid var(--demo-dock-border)}.dock-ctrl-btn{width:34px;height:34px;border-radius:8px;background:var(--demo-dock-ctrl-bg);border:1px solid var(--demo-dock-ctrl-border);color:var(--demo-dock-ctrl-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dock-ctrl-btn:hover{background:var(--demo-dock-tab-hover-bg);color:var(--demo-dock-tab-hover-color);border-color:var(--demo-dock-tab-active-border)}.dock-ctrl-btn:active{transform:scale(.95)}.demo-carousel{position:relative;margin:0 auto 3.5rem}.demo-stage-wrapper{perspective:1600px;padding:6px 0}.demo-stage{position:relative;background:var(--demo-stage-bg);border:1px solid var(--demo-stage-border);border-radius:24px;overflow:hidden;box-shadow:var(--demo-stage-shadow);transform-style:preserve-3d;transition:background .35s ease,box-shadow .4s ease,border-color .4s ease}.demo-stage.theme-swarmforge{box-shadow:var(--demo-stage-shadow-swarmforge)}.demo-stage:hover{border-color:var(--demo-stage-hover-border);box-shadow:var(--demo-stage-hover-shadow)}.demo-slides{display:flex;transition:transform .65s cubic-bezier(.16,1,.3,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden}.demo-slide{flex:0 0 100%;min-width:100%;display:block;text-decoration:none;color:inherit;position:relative;background:var(--demo-slide-bg);padding:44px;box-sizing:border-box;transition:background .35s ease}.demo-slide.slide-sentinel:before{content:"";position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:var(--demo-slide-glow-sentinel);pointer-events:none;z-index:1}.demo-slide.slide-swarmforge:before{content:"";position:absolute;top:-100px;right:-100px;width:450px;height:450px;background:var(--demo-slide-glow-swarmforge);pointer-events:none;z-index:1}.slide-inner{display:grid;grid-template-columns:1.05fr 1.2fr;gap:36px;align-items:center;position:relative;z-index:2}.slide-copy-col{display:flex;flex-direction:column;align-items:flex-start}.apple-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:16px}.apple-tag.emerald{color:#047857;background:#10b9811f;border:1px solid rgba(16,185,129,.28)}[data-theme=dark] .apple-tag.emerald,html[data-theme=dark] .apple-tag.emerald,body[data-theme=dark] .apple-tag.emerald,.dark .apple-tag.emerald{color:#34d399;background:#34d3991f;border-color:#34d3994d}.apple-tag.cyan{color:#0284c7;background:#38bdf81f;border:1px solid rgba(56,189,248,.28)}[data-theme=dark] .apple-tag.cyan,html[data-theme=dark] .apple-tag.cyan,body[data-theme=dark] .apple-tag.cyan,.dark .apple-tag.cyan{color:#38bdf8;background:#38bdf81f;border-color:#38bdf84d}.apple-product-title{font-family:var(--demo-font-display);font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:var(--demo-product-title);line-height:1.15;margin-bottom:14px;transition:color .3s ease}.gradient-text.emerald{background:linear-gradient(135deg,#059669,#10b981 60%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text.cyan{background:linear-gradient(135deg,#0284c7,#0ea5e9 60%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.slide-lede{font-size:.96rem;line-height:1.62;color:var(--demo-slide-lede);margin-bottom:24px;transition:color .3s ease}.slide-lede strong{color:var(--demo-slide-lede-strong)}.apple-metric-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:28px}.apple-metric-card{background:var(--demo-metric-bg);border:1px solid var(--demo-metric-border);border-radius:12px;padding:12px 14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--demo-dock-shadow);transition:transform .2s ease,border-color .2s ease,background .3s ease,box-shadow .3s ease}.apple-metric-card:hover{border-color:var(--demo-metric-border-hover);transform:translateY(-2px)}.metric-val{font-family:var(--demo-font-display);font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:800;line-height:1.1;margin-bottom:4px;transition:color .3s ease}.apple-metric-card.emerald .metric-val{color:var(--demo-metric-val-emerald)}.apple-metric-card.cyan .metric-val{color:var(--demo-metric-val-cyan)}.metric-lbl{font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--demo-metric-lbl);margin-bottom:2px;transition:color .3s ease}.metric-sub{font-size:.68rem;color:var(--demo-metric-sub);line-height:1.3}.apple-cta-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.apple-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;color:#fff!important;box-shadow:0 8px 24px -4px #0006;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,filter .2s ease}.apple-btn-emerald{background:linear-gradient(135deg,#059669,#10b981);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px -4px #10b98173}.apple-btn-emerald:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px -4px #10b981a6;filter:brightness(1.08)}.apple-btn-cyan{background:linear-gradient(135deg,#0284c7,#0ea5e9);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px -4px #0ea5e973}.apple-btn-cyan:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px -4px #0ea5e9a6;filter:brightness(1.08)}.btn-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.apple-btn:hover .btn-arrow{transform:translate(4px)}.apple-text-link{font-size:.88rem;font-weight:600;color:var(--demo-text-link);text-decoration:none;transition:color .2s ease}.apple-text-link:hover{color:var(--demo-text-link-hover);text-decoration:underline}.slide-viewport-col{position:relative;width:100%}.studio-chassis{background:#060a14;border:1px solid rgba(129,140,248,.22);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px -12px #000c,0 0 0 1px #ffffff0f;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.studio-chassis.theme-emerald{border-color:#10b98159}.studio-chassis.theme-cyan{border-color:#38bdf859}.chassis-titlebar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0d1526;border-bottom:1px solid rgba(255,255,255,.08)}.chassis-dots{display:flex;align-items:center;gap:6px}.chassis-dots .dot{width:10px;height:10px;border-radius:50%}.chassis-dots .dot.red{background:#ff5f56}.chassis-dots .dot.yellow{background:#ffbd2e}.chassis-dots .dot.green{background:#27c93f}.chassis-title{font-family:var(--demo-font-mono);font-size:.74rem;font-weight:700;color:#94a3b8;letter-spacing:.06em}.chassis-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--demo-font-mono);font-size:.68rem;font-weight:700;color:#fff;padding:3px 8px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15)}.pulse-emerald{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulse-dot 1.8s infinite}.pulse-cyan{width:6px;height:6px;border-radius:50%;background:#38bdf8;box-shadow:0 0 6px #38bdf8;animation:pulse-dot 1.8s infinite}.chassis-screen{padding:20px;display:flex;flex-direction:column;gap:16px}.preview-primitive-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preview-tab-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 8px;text-align:center;font-family:var(--demo-font-mono);font-size:.7rem;font-weight:700;color:#94a3b8}.preview-tab-btn.active{background:#10b98126;border-color:#10b98180;color:#34d399}.telemetry-race-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px 14px}.race-row{margin-bottom:10px}.race-row:last-child{margin-bottom:0}.race-info{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-bottom:5px}.race-info .engine-name{font-weight:700;color:#f1f5f9}.race-info .engine-time{font-family:var(--demo-font-mono);font-weight:700}.race-info .engine-time.emerald{color:#34d399}.race-info .engine-time.red{color:#f87171}.race-track{height:7px;background:#ffffff14;border-radius:999px;overflow:hidden;position:relative}.race-fill{height:100%;border-radius:999px}.race-fill.emerald{width:98%;background:linear-gradient(90deg,#059669,#10b981);box-shadow:0 0 10px #10b98180}.race-fill.red{width:12%;background:#ef4444}.terminal-log-card{background:#020617;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:12px 14px;font-family:var(--demo-font-mono);font-size:.72rem;line-height:1.55;color:#94a3b8}.log-line-refusal{color:#fbbf24;font-weight:700}.log-line-success{color:#34d399}.swarm-mesh-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}.agent-pod{background:#ffffff0a;border:1px solid rgba(56,189,248,.25);border-radius:10px;padding:8px 10px;text-align:center}.agent-pod-name{font-family:var(--demo-font-mono);font-size:.7rem;font-weight:700;color:#38bdf8;margin-bottom:2px}.agent-pod-role{font-size:.65rem;color:#94a3b8}.swarm-lattice-core{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle,#0ea5e926,#0f172acc);border:1px solid rgba(56,189,248,.35);border-radius:10px;padding:10px 14px}.core-tag{font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;color:#fff}.core-stat{font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;color:#38bdf8}.econ-counter-bar{display:flex;justify-content:space-between;align-items:center;background:#0f172acc;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 14px}.econ-item .label{font-size:.66rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.04em;margin-bottom:2px}.econ-item .val{font-family:var(--demo-font-mono);font-size:.82rem;font-weight:800}.econ-item .val.emerald{color:#34d399}.econ-item .val.muted{color:#ef4444;text-decoration:line-through}.chassis-enter-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s ease}.chassis-enter-btn:hover{background:#10b98133;border-color:#10b98180;color:#34d399}.chassis-enter-btn.cyan:hover{background:#38bdf833;border-color:#38bdf880;color:#38bdf8}.demo-nav-btn{position:absolute;top:50%;transform:translateY(-50%) translateZ(40px);z-index:15;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--demo-nav-btn-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--demo-nav-btn-border);color:var(--demo-nav-btn-color);cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:var(--demo-nav-btn-shadow)}.demo-nav-btn:hover{background:var(--demo-nav-btn-hover-bg);border-color:var(--demo-nav-btn-hover-border);color:var(--demo-nav-btn-hover-color);transform:translateY(-50%) translateZ(50px) scale(1.1);box-shadow:0 12px 30px #00000040}.demo-nav-btn.prev{left:20px}.demo-nav-btn.next{right:20px}.showcase-matrix-section{margin:4rem auto 0;max-width:1120px}.matrix-header{text-align:center;margin-bottom:2rem}.matrix-kicker{font-family:var(--demo-font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--demo-matrix-kicker);margin-bottom:8px}.matrix-header h3{font-family:var(--demo-font-display);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:800;letter-spacing:-.025em;color:var(--demo-matrix-header);transition:color .3s ease}.matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.matrix-card{background:var(--demo-matrix-card-bg);border:1px solid var(--demo-matrix-card-border);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--demo-matrix-card-shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .3s ease}.matrix-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px -4px #0f172a1f}.matrix-card.emerald:hover{border-color:#10b98166}.matrix-card.cyan:hover{border-color:#38bdf866}.matrix-card-badge{display:inline-block;font-family:var(--demo-font-mono);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:4px;margin-bottom:12px}.matrix-card-badge.emerald{color:#047857;background:#10b9811f}[data-theme=dark] .matrix-card-badge.emerald,html[data-theme=dark] .matrix-card-badge.emerald,body[data-theme=dark] .matrix-card-badge.emerald,.dark .matrix-card-badge.emerald{color:#34d399;background:#34d39926}.matrix-card-badge.cyan{color:#0284c7;background:#38bdf81f}[data-theme=dark] .matrix-card-badge.cyan,html[data-theme=dark] .matrix-card-badge.cyan,body[data-theme=dark] .matrix-card-badge.cyan,.dark .matrix-card-badge.cyan{color:#38bdf8;background:#38bdf826}.matrix-card h4{font-family:var(--demo-font-display);font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--demo-matrix-card-title);margin-bottom:8px;transition:color .3s ease}.matrix-card p{color:var(--demo-matrix-card-text);font-size:.92rem;line-height:1.58;margin-bottom:20px;transition:color .3s ease}.matrix-features{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px}.matrix-features li{display:flex;align-items:flex-start;gap:10px;font-size:.86rem;line-height:1.45;color:var(--demo-matrix-feature-text);transition:color .3s ease}.matrix-features li strong{color:var(--demo-matrix-feature-strong)}.feature-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px}.feature-check.emerald{background:var(--demo-feature-check-emerald-bg);color:var(--demo-feature-check-emerald-color)}.feature-check.cyan{background:var(--demo-feature-check-cyan-bg);color:var(--demo-feature-check-cyan-color)}.matrix-card .btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px;border-radius:10px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s ease}.btn-emerald{background:linear-gradient(135deg,#059669,#10b981);color:#fff!important;box-shadow:0 6px 18px -3px #10b98166}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 10px 24px -3px #10b98199}.btn-cyan{background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff!important;box-shadow:0 6px 18px -3px #38bdf866}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 10px 24px -3px #38bdf899}.invariants-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:4rem auto 0;max-width:1120px;padding:24px 28px;background:var(--demo-invariants-bg);border:1px solid var(--demo-invariants-border);border-radius:16px;box-shadow:var(--demo-invariants-shadow);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.invariant-item{text-align:center}.invariant-val{font-family:var(--demo-font-display);font-size:1.45rem;font-weight:800;color:var(--demo-invariants-val);margin-bottom:2px;transition:color .3s ease}.invariant-title{font-family:var(--demo-font-mono);font-size:.78rem;font-weight:700;color:var(--demo-invariants-title);margin-bottom:2px;transition:color .3s ease}.invariant-desc{font-size:.7rem;color:var(--demo-invariants-desc);transition:color .3s ease}@media (max-width: 1040px){.slide-inner{grid-template-columns:1fr;gap:32px}.demo-slide{padding:32px 24px}.showcase-dock{flex-direction:column;align-items:stretch}.showcase-dock-controls{justify-content:center;border-left:none;border-top:1px solid var(--demo-dock-border);padding-top:8px;padding-left:0}}@media (max-width: 768px){.demos-page .demos-main{padding:calc(var(--universal-nav-h, 36px) + 1.75rem) 1rem 4rem}.showcase-tabs{flex-direction:column;gap:8px}.dock-tab{width:100%}.apple-metric-trio{grid-template-columns:1fr;gap:8px}.matrix-grid{grid-template-columns:1fr}.invariants-strip{grid-template-columns:repeat(2,1fr);gap:20px}.demo-nav-btn{width:38px;height:38px}.demo-nav-btn.prev{left:8px}.demo-nav-btn.next{right:8px}}