@import url("https://fonts.googleapis.com/css2?family=Syne:wght@500;800&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Kufi+Arabic:wght@300;400;500;600;700&display=swap");:root{--navy:#0d1b3e;--navy-deep:#080f22;--navy-mid:#122347;--navy-panel:#162a55;--navy-border:#1e3668;--navy-border2:#2a4a80;--teal:#00b4d8;--teal-bright:#48cae4;--teal-glow:rgba(0,180,216,.15);--teal-glow-s:rgba(0,180,216,.3);--leaf:#56ab2f;--leaf-bright:#7ecb51;--leaf-glow:rgba(86,171,47,.15);--pink:#e91e8c;--pink-glow:rgba(233,30,140,.2);--bolt:#00d4ff;--text-primary:#e8f0ff;--text-secondary:#7a9cc8;--text-muted:#7590b5;--black:var(--navy-deep);--deep:var(--navy);--surface:var(--navy-mid);--panel:var(--navy-panel);--border:var(--navy-border);--border-light:var(--navy-border2);--green:var(--teal);--green-bright:var(--teal-bright);--green-glow:var(--teal-glow);--green-glow-strong:var(--teal-glow-s);--green-dim:var(--navy-border);--font-body:"Inter",sans-serif;--font-arabic:"Noto Kufi Arabic",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--radius:4px;--radius-lg:10px;--transition:0.2s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--navy-deep);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}[dir=rtl] body,[lang=ar] body{font-family:var(--font-arabic)}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;line-height:1.2;letter-spacing:-.015em;color:var(--text-primary)}h1{font-weight:800;line-height:1.05;letter-spacing:-.03em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{font-family:var(--font-arabic);letter-spacing:0}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.3}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--navy-deep)}::-webkit-scrollbar-thumb{background:var(--navy-border2);border-radius:2px}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);transition:all var(--transition)}.btn-primary{background:var(--teal);color:var(--navy-deep)}.btn-primary:hover{background:var(--teal-bright);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--teal);border:1px solid var(--navy-border2)}.btn-outline:hover{border-color:var(--teal);background:var(--teal-glow)}.card{background:var(--navy-mid);border:1px solid var(--navy-border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.card:hover{border-color:var(--navy-border2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.35)}.tag{display:inline-block;padding:.25rem .75rem;background:var(--teal-glow);border:1px solid var(--navy-border2);border-radius:2px;letter-spacing:.1em}.section-label,.tag{font-family:var(--font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--teal)}.section-label{letter-spacing:.2em;margin-bottom:1rem}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--navy-border2),transparent);margin:4rem 0}.page-hero{padding:8rem 0 5rem;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(0,180,216,.06) 0,transparent 70%);pointer-events:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-up{animation:fadeUp .7s ease both}.animate-fade-up-1{animation:fadeUp .7s ease .1s both}.animate-fade-up-2{animation:fadeUp .7s ease .2s both}.animate-fade-up-3{animation:fadeUp .7s ease .3s both}.animate-fade-up-4{animation:fadeUp .7s ease .4s both}@media (max-width:768px){.container{padding:0 1rem}.page-hero{padding:6rem 0 3rem}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}.grid-2-wide{display:grid;grid-template-columns:1fr 1fr}.grid-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}@media (max-width:900px){.grid-2-wide,.grid-split{grid-template-columns:1fr}}.form-label{display:block;font-family:var(--font-body);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:1rem 0 .4rem}.form-label:first-of-type{margin-top:0}.form-input{width:100%;background:var(--navy-deep);border:1px solid var(--navy-border);border-radius:var(--radius);padding:.65rem .85rem;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition)}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--navy-border2)}.form-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-glow)}select.form-input{cursor:pointer}textarea.form-input{resize:vertical;min-height:4.5rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .7rem;border-radius:99px;font-family:var(--font-body);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--navy-border2);background:var(--navy-deep);color:var(--text-muted)}.status-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.is-idle{color:var(--text-muted)}.status-pill.is-running{color:var(--teal);border-color:var(--teal);background:var(--teal-glow)}.status-pill.is-running .dot{animation:pulse-dot 1s ease-in-out infinite}.status-pill.is-ok{color:var(--leaf-bright);border-color:var(--leaf);background:var(--leaf-glow)}.status-pill.is-error{color:var(--pink);border-color:var(--pink);background:var(--pink-glow)}.agent-console{margin-top:1rem;background:var(--navy-deep);border:1px solid var(--navy-border);border-left:2px solid var(--teal);border-radius:var(--radius);padding:.9rem 1rem;font-size:.85rem;line-height:1.65;max-height:320px;overflow-y:auto;animation:fadeUp .35s ease both}.agent-console.is-error{border-left-color:var(--pink)}.agent-console pre{font-family:var(--font-mono);font-size:.78rem;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary)}.agent-console .metric strong{color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.agent-console-foot{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.6rem;border-top:1px dashed var(--navy-border);font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.agent-console-foot .agent-name{color:var(--teal)}