:root{--bg:#061014;--panel:#0d1d23;--panel2:#112830;--line:#254954;--cyan:#46e4ea;--cyan2:#b2fbff;--text:#f3fdff;--muted:#9db5bb;--ok:#72e6b6;--bad:#ff929b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 78% -8%,#18515b 0,#0a1c22 28%,var(--bg) 62%);color:var(--text);font-family:Georgia,"Times New Roman",serif}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:#061014dd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.logo{font:bold 30px Georgia;text-decoration:none;color:white;letter-spacing:-.06em}.logo span{color:var(--cyan)}
nav{display:flex;gap:8px}nav a{color:var(--muted);text-decoration:none;padding:10px 14px;border-radius:12px}nav a:hover,nav a.active{color:white;background:#17353c}
.hero{max-width:1180px;margin:auto;min-height:calc(100vh - 76px);padding:70px 28px;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.badge{display:inline-flex;border:1px solid #3b8790;color:var(--cyan2);background:#0d262d;border-radius:999px;padding:7px 10px;font:700 11px Arial;letter-spacing:.14em}
h1{font-size:clamp(48px,7vw,86px);line-height:.95;letter-spacing:-.055em;margin:18px 0}.hero h1 span{color:var(--cyan)}p{font-size:19px;line-height:1.65;color:var(--muted);max-width:720px}.hero-actions,.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;padding:12px 18px;font:bold 15px Arial;text-decoration:none;border:1px solid #3a6870;cursor:pointer}.btn.primary{background:var(--cyan);color:#001419;border-color:var(--cyan)}.btn.ghost{background:#10252c;color:white}
.hero-card,.card{background:linear-gradient(145deg,#102931,#08161b);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 30px 80px #0007}.orb{width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#d4ffff,#46e4ea 45%,#0f6973 70%);box-shadow:0 0 60px #46e4ea66;margin-bottom:22px}.kicker{font:700 11px Arial;color:var(--cyan);letter-spacing:.15em}.hero-card h2{font-size:32px;margin:10px 0}.features{max-width:1180px;margin:-40px auto 80px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features article{border:1px solid var(--line);border-radius:18px;padding:20px;background:#0b1c22}.features span{font:700 12px Arial;color:var(--cyan)}.features h3{margin:10px 0 6px}.features p{margin:0;color:var(--muted);line-height:1.5;font-size:17px}
.page{max-width:1180px;margin:auto;padding:58px 28px}.page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:28px}.page h1{font-size:64px;margin:14px 0 10px}.status-pill{display:flex;gap:9px;align-items:center;border:1px solid #6e5c2e;background:#201b0b;border-radius:999px;padding:10px 13px;color:#e8c969;white-space:nowrap;font:700 13px Arial}.status-pill.good{border-color:#34755d;background:#0b2119;color:var(--ok)}.status-pill i{width:9px;height:9px;border-radius:50%;background:currentColor}
.agent-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.composer label{display:block;font:bold 16px Arial;margin:18px 0 9px}.composer input,.composer textarea{width:100%;background:#061115;color:white;border:1px solid #376773;border-radius:13px;padding:13px;font:16px Arial;outline:none}.composer textarea{resize:vertical}.composer input:focus,.composer textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #46e4ea22}.muted{font-size:17px}.console{margin-top:18px;background:#02080b;border:1px solid var(--line);border-radius:14px;padding:14px;color:#bde7ed;white-space:pre-wrap;min-height:90px;font:13px monospace}.flow{display:grid;gap:9px}.flow div{display:flex;align-items:center;gap:12px;background:#08171c;border:1px solid #1e4149;border-radius:12px;padding:11px;font:15px Arial}.flow b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#12383f;color:var(--cyan)}.hidden{display:none}.fatal{max-width:720px;margin:60px auto;padding:20px;color:var(--bad);font-family:Arial}
@media(max-width:850px){.hero,.agent-grid,.features{grid-template-columns:1fr}.page-head{flex-direction:column}.nav{padding:0 16px}.hero,.page{padding-left:16px;padding-right:16px}.page h1{font-size:48px}}