:root{--background:#050712;--foreground:#f5f7fb;--muted:#a6b0c3;--panel:rgba(255,255,255,0.07);--panel-strong:rgba(0,0,0,0.25);--panel-border:rgba(255,255,255,0.12);--accent:#8df7d3;--accent-strong:#ff4fd8;--blue-glow:rgba(96,165,250,0.3);--magenta-glow:rgba(255,79,216,0.24)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(circle at 20% 20%,rgba(141,247,211,.13),transparent 28rem),radial-gradient(circle at 78% 12%,rgba(255,79,216,.16),transparent 24rem),radial-gradient(circle at 50% 85%,rgba(96,165,250,.13),transparent 30rem),#050712}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}::selection{background:rgba(141,247,211,.35)}.page-shell{min-height:100vh;padding:2rem 1.5rem}.hero{max-width:72rem;min-height:calc(100vh - 4rem);margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:2.5rem}.hero-copy{max-width:48rem}.eyebrow{margin:0 0 1rem;color:rgba(141,247,211,.82);font-size:.78rem;font-weight:700;letter-spacing:.35em;text-transform:uppercase}.hero-title{margin:0;max-width:60rem;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em}.hero-description{margin:1.5rem 0 0;max-width:46rem;color:#cbd5e1;font-size:1.08rem;line-height:1.75}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}.card{border:1px solid var(--panel-border);border-radius:1.5rem;padding:1.5rem;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1.5rem 5rem rgba(0,0,0,.24)}.card-blue{box-shadow:0 2rem 5rem var(--blue-glow)}.card-magenta{box-shadow:0 2rem 5rem var(--magenta-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.card-title{margin:0;font-size:1.2rem}.badge{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.35rem .75rem;background:rgba(255,255,255,.08);color:#f8fafc;font-size:.72rem;font-weight:700}.badge-mint{border-color:rgba(141,247,211,.22);background:rgba(141,247,211,.1);color:#d7fff3}.badge-magenta{border-color:rgba(255,79,216,.24);background:rgba(255,79,216,.1);color:#ffe0fa}.clean-list,.clean-steps{margin:0;padding:0;list-style:none;color:#cbd5e1;font-size:.94rem}.clean-list li,.clean-steps li{display:flex;gap:.75rem;align-items:flex-start;margin-top:.8rem}.dot{width:.52rem;height:.52rem;margin-top:.28rem;flex:0 0 auto;border-radius:999px;background:var(--accent);box-shadow:0 0 1.2rem rgba(141,247,211,.8)}.step-number{display:flex;width:1.55rem;height:1.55rem;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.09);color:rgba(255,255,255,.84);font-size:.75rem}.panel{border:1px solid var(--panel-border);border-radius:1.5rem;padding:1.5rem;background:var(--panel-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.panel h2{margin:0;font-size:1.1rem}.panel p{margin:.75rem 0 0;max-width:50rem;color:#cbd5e1;font-size:.94rem;line-height:1.7}.preview-link{display:inline-flex;margin-top:1rem;color:var(--accent);font-weight:700}.preview-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.kpi{display:grid;grid-gap:.8rem;gap:.8rem}.kpi-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:.75rem;color:#cbd5e1}.kpi-row strong{color:#fff}.echo-output{margin-top:1rem;border-left:3px solid var(--accent);padding-left:1rem;color:#e2e8f0;line-height:1.75}.trace-list{margin:1rem 0 0;padding-left:1.2rem;color:#cbd5e1;line-height:1.7}.module-matrix{display:grid;grid-gap:.35rem;gap:.35rem;overflow-x:auto}.module-matrix-row{display:grid;grid-template-columns:minmax(10rem,1.4fr) repeat(3,minmax(7rem,.8fr));grid-gap:.75rem;gap:.75rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:.7rem 0;color:#cbd5e1;font-size:.88rem}.module-matrix-row strong{color:#fff}.module-matrix-head{color:#f8fafc;font-weight:700}.node-field-card{border:1px solid var(--panel-border);border-radius:2rem;padding:1rem;background:rgba(0,0,0,.24);box-shadow:0 2rem 6rem rgba(0,0,0,.34);overflow:hidden}.node-field{position:relative;min-height:34rem;border-radius:1.5rem;background:radial-gradient(circle at 50% 50%,rgba(141,247,211,.08),transparent 12rem),radial-gradient(circle at 30% 30%,rgba(96,165,250,.09),transparent 14rem),radial-gradient(circle at 72% 70%,rgba(255,79,216,.1),transparent 16rem),rgba(255,255,255,.025)}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.08);border-radius:999px;transform:translate(-50%,-50%)}.orbit-ring-one{width:34%;height:34%}.orbit-ring-two{width:58%;height:58%}.orbit-ring-three{width:82%;height:82%}.node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.45rem;transform:translate(-50%,-50%);text-align:center;outline:none}.node-core{width:var(--node-size);height:var(--node-size);border:1px solid rgba(255,255,255,.55);border-radius:999px;background:var(--node-color);box-shadow:0 0 1.3rem var(--node-glow),0 0 3.6rem var(--node-glow)}.node:focus-visible .node-core,.node:hover .node-core{transform:scale(1.1)}.node-label{min-width:7rem;border:1px solid rgba(255,255,255,.1);border-radius:.9rem;padding:.45rem .6rem;background:rgba(5,7,18,.72);color:#e5e7eb;font-size:.72rem;line-height:1.35;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.node-label span,.node-label strong{display:block}.node-label span{color:#aeb9cb}.node-label-system{min-width:9rem}.node-system{z-index:3}.node-agent{z-index:2}.node-color-mint{--node-color:#8df7d3;--node-glow:rgba(141,247,211,0.78)}.node-color-blue{--node-color:#60a5fa;--node-glow:rgba(96,165,250,0.74)}.node-color-magenta{--node-color:#ff4fd8;--node-glow:rgba(255,79,216,0.76)}.node-color-deep_magenta{--node-color:#c026d3;--node-glow:rgba(192,38,211,0.82)}.node-color-electric_purple{--node-color:#a855f7;--node-glow:rgba(168,85,247,0.88)}.node-size-1{--node-size:0.8rem}.node-size-2{--node-size:1rem}.node-size-3{--node-size:1.25rem}.node-size-4{--node-size:1.55rem}.node-size-5{--node-size:2rem}.node-pulse-slow .node-core{animation:node-pulse 3.6s ease-in-out infinite}.node-pulse-medium .node-core{animation:node-pulse 2.4s ease-in-out infinite}.node-pulse-fast .node-core{animation:node-pulse 1.5s ease-in-out infinite}.node-pulse-radiant .node-core{animation:node-pulse-radiant 1.1s ease-in-out infinite}@keyframes node-pulse{0%,to{opacity:.82;box-shadow:0 0 1.1rem var(--node-glow),0 0 3rem var(--node-glow)}50%{opacity:1;box-shadow:0 0 1.8rem var(--node-glow),0 0 5rem var(--node-glow)}}@keyframes node-pulse-radiant{0%,to{transform:scale(1);box-shadow:0 0 1.4rem var(--node-glow),0 0 4rem var(--node-glow)}50%{transform:scale(1.18);box-shadow:0 0 2.2rem var(--node-glow),0 0 6.5rem var(--node-glow)}}@media (max-width:780px){.page-shell{padding:1.25rem}.card-grid,.preview-grid{grid-template-columns:1fr}.node-field{min-height:42rem}.node-label{min-width:6rem;font-size:.66rem}.module-matrix-row{grid-template-columns:minmax(9rem,1.2fr) repeat(3,minmax(6.5rem,.8fr));min-width:34rem}}