:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--brand:#6d5dfc;--success:#12b76a;--danger:#f04438}
*{box-sizing:border-box}
body{font-family:Inter,sans-serif;color:var(--ink);background:radial-gradient(circle at 90% 0%,rgba(109,93,252,.10),transparent 28%),#f8fafc;min-height:100vh;-webkit-font-smoothing:antialiased}
.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;letter-spacing:-.04em;color:var(--ink);text-decoration:none;font-size:1.2rem}
.brand-mark{width:36px;height:36px;display:block;overflow:hidden;border-radius:11px;box-shadow:0 10px 24px rgba(109,93,252,.22)}.brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.status-pill{display:inline-flex;align-items:center;gap:.45rem;border:1px solid #d0d5dd;border-radius:999px;padding:.45rem .7rem;color:#475467;background:#fff;font-size:.82rem;font-weight:600}
.status-dot{width:8px;height:8px;border-radius:50%;background:#98a2b3}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px rgba(18,183,106,.10)}.status-dot.offline{background:var(--danger)}
.page-wrap{padding:44px 0 70px}.eyebrow{color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
h1{font-weight:800;letter-spacing:-.055em;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;margin-top:.6rem}
.hero-copy{color:var(--muted);max-width:690px;line-height:1.7;font-size:1.05rem}
.panel{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(16,24,40,.06)}.input-panel{padding:1.4rem}
textarea{min-height:190px!important;border:1px solid #d0d5dd!important;border-radius:15px!important;resize:vertical;box-shadow:none!important;font-size:1rem!important;line-height:1.65!important;padding:1rem!important}
textarea:focus{border-color:#a89fff!important}.counter{color:#98a2b3;font-size:.78rem}
.btn-brand{border:0;color:#fff;font-weight:700;border-radius:12px;padding:.82rem 1.2rem;background:linear-gradient(135deg,#6d5dfc,#8b5cf6);box-shadow:0 10px 26px rgba(109,93,252,.22)}
.btn-brand:hover{color:#fff}.btn-brand:disabled{opacity:.65}
.example-btn{border:1px solid var(--line);background:#fff;color:#475467;border-radius:999px;padding:.48rem .72rem;font-size:.82rem;font-weight:600}
.example-btn:hover{border-color:#c7c1ff;color:var(--brand);background:#faf9ff}
.result-shell{display:none}.result-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.15rem}
.result-shell .col-md-4 > .result-card{height:100%}
.result-label{color:#98a2b3;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;margin-bottom:.45rem}
.result-value{font-size:1.05rem;font-weight:700;color:#344054}
.priority-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.45rem .7rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.p-low{background:#ecfdf3;color:#027a48}.p-medium{background:#fffaeb;color:#b54708}.p-high{background:#fff4ed;color:#c4320a}.p-critical{background:#fef3f2;color:#b42318}
.text-result{color:#475467;line-height:1.7;margin:0}
.meta-panel{padding:1.15rem;background:#101828;color:#fff;border-radius:18px;height:100%}
.meta-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.88rem}.meta-row:last-child{border-bottom:0}.meta-row span:first-child{color:#98a2b3}.meta-row span:last-child{font-weight:700}
.raw-box{display:none;background:#0b1220;color:#d0d5dd;border-radius:14px;padding:1rem;white-space:pre-wrap;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;max-height:340px}
.loading-box{display:none;padding:1.2rem;border-radius:16px;background:#f8fafc;border:1px solid var(--line);color:#475467}.spinner-border{width:1rem;height:1rem;border-width:.15em}
.alert{border-radius:14px;border:0}.footer{color:#98a2b3;font-size:.84rem;margin-top:1.5rem}
.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:767.98px){.page-wrap{padding-top:28px}.topbar{height:64px}}