@layer components{.ares-hero{color:#e7e7ea;border-radius:16px;grid-template-columns:220px 1fr 480px 1fr 240px;align-items:center;gap:0;width:100%;max-width:1400px;margin:180px auto 0;padding:32px 24px;font-family:Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.ares-hero__bg-grid{z-index:-1;background-image:radial-gradient(circle,#ef444414,#0000 60%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:auto,32px 32px,32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.ares-hero__column--left .ares-hero__panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1414168c;border:1px solid #ffffff14;border-radius:14px;padding:18px 14px}.ares-hero__panel-title{color:#ffffff73;letter-spacing:.18em;margin-bottom:14px;padding:0 4px;font-size:11px}.ares-hero__nodes{flex-direction:column;gap:40px;margin:0;padding:0;list-style:none;display:flex}.ares-hero__node{background:#1c1c20b3;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:transform .25s,border-color .25s;animation:4s ease-in-out infinite ares-float;display:flex;position:relative}.ares-hero__node:hover{border-color:#ef444459;transform:translate(2px)}.ares-hero__node-icon{background:#ffffff0a;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.ares-hero__node-label{color:#ffffffc7;font-size:13px}.ares-hero__node-pulse{background:#ef4444;border-radius:50%;width:6px;height:6px;margin-left:auto;animation:2.2s ease-out infinite ares-pulse;box-shadow:0 0 #ef444499}.ares-hero__lines{width:100%;height:100%;min-height:400px;position:relative;overflow:visible}.ares-hero__line{fill:none;stroke:#ffffff29;stroke-width:1.2px;stroke-dasharray:4 6;animation:14s linear infinite ares-dash}.ares-hero__line--out{stroke:#ef444459}.ares-hero__particle{opacity:0;filter:drop-shadow(0 0 6px #ef4444e6);fill:#ef4444;transition:opacity .3s}.ares-hero__particle.is-active{opacity:1}.ares-hero__particle--in{filter:drop-shadow(0 0 6px #ffffffe6);fill:#fff}.ares-hero__center{justify-content:center;display:flex}.ares-hero__window{background:linear-gradient(#141416f2,#0e0e10f2);border:1px solid #ef444459;border-radius:16px;width:100%;max-width:480px;transition:box-shadow .4s,border-color .4s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,inset 0 0 0 1px #ef444414}.ares-hero__window.phase-processing,.ares-hero__window.phase-response{box-shadow:0 30px 80px -20px #ef444440,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}.ares-hero__window-header{background:#0000004d;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.ares-hero__window-dots{gap:6px;display:inline-flex}.ares-hero__window-dots i{background:#ffffff2e;border-radius:50%;width:10px;height:10px}.ares-hero__window-dots i:first-child{background:#ef4444}.ares-hero__window-dots i:nth-child(2){background:#f59e0b}.ares-hero__window-dots i:nth-child(3){background:#10b981}.ares-hero__window-title{color:#ef4444;letter-spacing:.08em;font-size:12px;font-weight:600}.ares-hero__status{color:#ffffffa6;letter-spacing:.12em;background:#ffffff0f;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:10px;transition:all .3s}.ares-hero__status.status-sending{color:#f59e0b;background:#f59e0b26}.ares-hero__status.status-processing{color:#ef4444;background:#ef44442e;animation:1s ease-in-out infinite ares-blink}.ares-hero__status.status-response{color:#10b981;background:#10b98126}.ares-hero__window-body{min-height:320px;padding:18px 18px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12.5px;line-height:1.6;position:relative}.ares-hero__code{color:#ffffffd9;text-align:left;word-break:break-word;white-space:pre-wrap;margin:0}.tok-prompt{color:#ef4444}.tok-cmd{color:#c084fc}.tok-flag{color:#fbbf24}.tok-url{color:#60a5fa}.tok-str{color:#34d399}.ares-hero__divider{background:linear-gradient(90deg,#0000,#ef444459,#0000);height:1px;margin:14px 0}.ares-hero__response{pointer-events:none;opacity:0;transition:opacity .4s,transform .4s;transform:translateY(6px)}.ares-hero__response.is-visible{opacity:1;transform:translateY(0)}.ares-hero__json{color:#34d399;text-align:left;white-space:pre;background:#10b9810a;border:1px solid #10b9811f;border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.55;overflow-x:auto}.ares-hero__loader{color:#ffffff8c;align-items:center;gap:10px;margin-top:4px;font-size:12px;font-style:italic;display:none;position:absolute;bottom:20px}.ares-hero__loader.is-visible{animation:.3s ares-fade-in;display:flex}.ares-hero__loader span{background:#ef4444;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite ares-bounce}.ares-hero__loader span:nth-child(2){animation-delay:.15s}.ares-hero__loader span:nth-child(3){animation-delay:.3s}.ares-hero__loader em{margin-left:6px;font-style:normal}.ares-hero__window-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;padding:10px 14px;display:flex}.ares-hero__chip{color:#ef4444b3;letter-spacing:.08em;opacity:.4;background:#ef444414;border:1px solid #ef444440;border-radius:999px;padding:4px 10px;font-size:10px;transition:all .3s}.ares-hero__chip.is-on{color:#ef4444;opacity:1;background:#ef44442e;box-shadow:0 0 12px #ef444459}.ares-hero__glow{pointer-events:none;mix-blend-mode:screen;opacity:.6;background:radial-gradient(circle at 0%,#ef44442e,#0000 40%),radial-gradient(circle at 100%,#ef44442e,#0000 40%);border-radius:16px;position:absolute;inset:-1px}.ares-hero__column--right .ares-hero__outputs{flex-direction:column;gap:55px;margin:0;padding:0;list-style:none;display:flex}.ares-hero__output{color:#ffffffc7;opacity:.55;background:#14141699;border:1px solid #ef444440;border-radius:10px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;transition:all .5s;display:flex;transform:translate(-6px)}.ares-hero__output.is-active{color:#fff;opacity:1;border-color:#ef44448c;transform:translate(0);box-shadow:0 0 22px #ef444426}.ares-hero__output-dot{background:#ef444466;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.ares-hero__output.is-active .ares-hero__output-dot{background:#ef4444;box-shadow:0 0 10px #ef4444}@keyframes ares-pulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes ares-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ares-dash{to{stroke-dashoffset:-200px}}@keyframes ares-blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes ares-bounce{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes ares-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.ares-hero{grid-template-columns:1fr;gap:24px}.ares-hero__lines{display:none}.ares-hero__column--right .ares-hero__outputs{flex-flow:wrap;justify-content:center}}}
@layer components{.ares-engine{background:var(--color-warm-a3);border:1px solid var(--color-warm-a12);border-radius:var(--radius-card);align-items:center;gap:.6rem;padding:.6rem 1.25rem;display:flex}.ares-engine img{object-fit:contain;width:24px;height:24px}.ares-engine span{font-family:var(--font-body),sans-serif;font-size:var(--text-small);color:var(--color-text-on-dark);font-weight:600}}